diff --git a/frontend-next/.dockerignore b/frontend-next/.dockerignore
deleted file mode 100644
index a3fe26e2f..000000000
--- a/frontend-next/.dockerignore
+++ /dev/null
@@ -1,3 +0,0 @@
-node_modules
-**/.next
-.next
\ No newline at end of file
diff --git a/frontend-next/.eslintrc.js b/frontend-next/.eslintrc.js
deleted file mode 100644
index 13e8e5ab7..000000000
--- a/frontend-next/.eslintrc.js
+++ /dev/null
@@ -1,108 +0,0 @@
-module.exports = {
-  overrides: [
-    {
-      files: ["next.config.js"]
-    }
-  ],
-  root: true,
-  env: {
-    browser: true,
-    es2021: true,
-    es6: true
-  },
-  extends: [
-    "airbnb",
-    "airbnb-typescript",
-    "airbnb/hooks",
-    "plugin:react/recommended",
-    "prettier",
-    "plugin:storybook/recommended"
-  ],
-  parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-    project: "./tsconfig.json",
-    ecmaFeatures: {
-      jsx: true
-    },
-    tsconfigRootDir: __dirname
-  },
-  plugins: ["react", "prettier", "simple-import-sort", "import"],
-  rules: {
-    "@typescript-eslint/no-empty-function": "off",
-    quotes: ["error", "double", { avoidEscape: true }],
-    "comma-dangle": ["error", "only-multiline"],
-    "react/react-in-jsx-scope": "off",
-    "import/prefer-default-export": "off",
-    "react-hooks/exhaustive-deps": "off",
-    "@typescript-eslint/ban-ts-comment": "warn",
-    "react/jsx-props-no-spreading": "off", // switched off for component building
-    // TODO: This rule will be switched ON after complete revamp of frontend
-    "@typescript-eslint/no-explicit-any": "off",
-    "jsx-a11y/control-has-associated-label": "off",
-    "no-console": "off",
-    "arrow-body-style": "off",
-    "no-underscore-dangle": [
-      "error",
-      {
-        allow: ["_id"]
-      }
-    ],
-    "jsx-a11y/anchor-is-valid": "off",
-    // all those <a> tags must be converted to label or a p component
-    //
-    "react/require-default-props": "off",
-    "react/jsx-filename-extension": [
-      1,
-      {
-        extensions: [".tsx", ".ts"]
-      }
-    ],
-    // TODO: turn this rule ON after migration. everything should use arrow functions
-    "react/function-component-definition": [
-      0,
-      {
-        namedComponents: "arrow-function"
-      }
-    ],
-    "react/no-unknown-property": [
-      "error",
-      {
-        ignore: ["jsx"]
-      }
-    ],
-    "@typescript-eslint/no-non-null-assertion": "off",
-    "simple-import-sort/exports": "warn",
-    "simple-import-sort/imports": [
-      "warn",
-      {
-        groups: [
-          // Node.js builtins. You could also generate this regex if you use a `.js` config.
-          // For example: `^(${require("module").builtinModules.join("|")})(/|$)`
-          // Note that if you use the `node:` prefix for Node.js builtins,
-          // you can avoid this complexity: You can simply use "^node:".
-          [
-            "^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib|freelist|v8|process|async_hooks|http2|perf_hooks)(/.*|$)"
-          ],
-          // Packages `react` related packages
-          ["^react", "^next", "^@?\\w"],
-          ["^@app"],
-          // Internal packages.
-          ["^~(/.*|$)"],
-          // Relative imports
-          ["^\\.\\.(?!/?$)", "^\\.\\./?$", "^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
-          // Style imports.
-          ["^.+\\.?(css|scss)$"]
-        ]
-      }
-    ]
-  },
-  ignorePatterns: ["next.config.js", "cypress/**/*.js", "cypress.config.js"],
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project: ["./tsconfig.json"]
-      }
-    }
-  }
-};
diff --git a/frontend-next/.gitignore b/frontend-next/.gitignore
deleted file mode 100644
index 5edd5a7fa..000000000
--- a/frontend-next/.gitignore
+++ /dev/null
@@ -1,36 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-.env
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-.vercel
-.env.infisical
-
-.vscode
\ No newline at end of file
diff --git a/frontend-next/.prettierrc b/frontend-next/.prettierrc
deleted file mode 100644
index 0b8ef54d2..000000000
--- a/frontend-next/.prettierrc
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "singleQuote": false,
-  "printWidth": 100,
-  "trailingComma": "none",
-  "tabWidth": 2,
-  "semi": true
-}
diff --git a/frontend-next/.storybook/main.js b/frontend-next/.storybook/main.js
deleted file mode 100644
index 1a68699d2..000000000
--- a/frontend-next/.storybook/main.js
+++ /dev/null
@@ -1,28 +0,0 @@
-const path = require("path");
-module.exports = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "storybook-dark-mode",
-    {
-      name: "@storybook/addon-styling",
-      options: {
-        postCss: {
-          implementation: require("postcss")
-        }
-      }
-    }
-  ],
-  framework: {
-    name: "@storybook/nextjs",
-    options: {}
-  },
-  core: {
-    disableTelemetry: true
-  },
-  docs: {
-    autodocs: "tag"
-  }
-};
diff --git a/frontend-next/.storybook/preview.js b/frontend-next/.storybook/preview.js
deleted file mode 100644
index 2a3a61d5a..000000000
--- a/frontend-next/.storybook/preview.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { themes } from "@storybook/theming";
-import "react-day-picker/dist/style.css";
-import "../src/styles/globals.css";
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  backgrounds: {
-    default: "dark",
-    values: [
-      {
-        name: "dark",
-        value: "rgb(14, 16, 20)"
-      },
-      {
-        name: "paper",
-        value: "rgb(30, 31, 34)"
-      }
-    ]
-  },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/
-    }
-  },
-  darkMode: {
-    dark: { ...themes.dark, appContentBg: "rgb(14,16,20)", appBg: "rgb(14,16,20)" }
-  }
-};
diff --git a/frontend-next/Dockerfile b/frontend-next/Dockerfile
deleted file mode 100644
index 5251dc406..000000000
--- a/frontend-next/Dockerfile
+++ /dev/null
@@ -1,84 +0,0 @@
-ARG POSTHOG_HOST=https://app.posthog.com
-ARG POSTHOG_API_KEY=posthog-api-key
-ARG INTERCOM_ID=intercom-id
-ARG NEXT_INFISICAL_PLATFORM_VERSION=next-infisical-platform-version
-ARG CAPTCHA_SITE_KEY=captcha-site-key
-
-FROM node:16-alpine AS deps
-# Install dependencies only when needed. Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
-# RUN apk add --no-cache libc6-compat
-WORKDIR /app
-
-# Copy over dependency files 
-COPY package.json package-lock.json next.config.js ./
-
-# Install dependencies
-RUN npm ci --only-production --ignore-scripts
-
-# Rebuild the source code only when needed
-FROM node:16-alpine AS builder
-WORKDIR /app
-
-# Copy dependencies
-COPY --from=deps /app/node_modules ./node_modules
-# Copy all files 
-COPY . .
-
-ENV NODE_ENV production
-ENV NEXT_PUBLIC_ENV production
-ARG POSTHOG_HOST
-ENV NEXT_PUBLIC_POSTHOG_HOST $POSTHOG_HOST
-ARG POSTHOG_API_KEY
-ENV NEXT_PUBLIC_POSTHOG_API_KEY $POSTHOG_API_KEY
-ARG INTERCOM_ID
-ENV NEXT_PUBLIC_INTERCOM_ID $INTERCOM_ID
-ARG CAPTCHA_SITE_KEY
-ENV NEXT_PUBLIC_CAPTCHA_SITE_KEY $CAPTCHA_SITE_KEY
-
-# Build
-RUN npm run build
-
-
-# Production image
-FROM node:16-alpine AS runner
-WORKDIR /app
-
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nextjs
-
-RUN mkdir -p /app/.next/cache/images && chown nextjs:nodejs /app/.next/cache/images
-VOLUME /app/.next/cache/images
-
-ARG POSTHOG_API_KEY
-ENV NEXT_PUBLIC_POSTHOG_API_KEY=$POSTHOG_API_KEY \
-    BAKED_NEXT_PUBLIC_POSTHOG_API_KEY=$POSTHOG_API_KEY
-ARG INTERCOM_ID
-ENV NEXT_PUBLIC_INTERCOM_ID=$INTERCOM_ID \
-    BAKED_NEXT_PUBLIC_INTERCOM_ID=$INTERCOM_ID
-ARG SAML_ORG_SLUG
-ENV NEXT_PUBLIC_SAML_ORG_SLUG=$SAML_ORG_SLUG \
-    BAKED_NEXT_PUBLIC_SAML_ORG_SLUG=$SAML_ORG_SLUG
-ARG NEXT_INFISICAL_PLATFORM_VERSION
-ENV NEXT_PUBLIC_INFISICAL_PLATFORM_VERSION=$NEXT_INFISICAL_PLATFORM_VERSION 
-ARG CAPTCHA_SITE_KEY
-ENV NEXT_PUBLIC_CAPTCHA_SITE_KEY=$CAPTCHA_SITE_KEY \
-    BAKED_NEXT_PUBLIC_CAPTCHA_SITE_KEY=$CAPTCHA_SITE_KEY
-COPY --chown=nextjs:nodejs --chmod=555 scripts ./scripts
-COPY --from=builder /app/public ./public
-RUN chown nextjs:nodejs ./public/data
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs --chmod=777 /app/.next/static ./.next/static
-RUN chmod -R 777 /app/.next/server
-
-USER nextjs
-
-EXPOSE 3000
-
-ENV PORT 3000
-ENV NEXT_TELEMETRY_DISABLED 1
-
-HEALTHCHECK --interval=10s --timeout=3s --start-period=10s \  
-    CMD node scripts/healthcheck.js
-
-
-CMD ["/app/scripts/start.sh"]
diff --git a/frontend-next/Dockerfile.dev b/frontend-next/Dockerfile.dev
deleted file mode 100644
index cb462bbc4..000000000
--- a/frontend-next/Dockerfile.dev
+++ /dev/null
@@ -1,20 +0,0 @@
-# Base layer
-FROM node:16-alpine
-
-# Set the working directory 
-WORKDIR /app
-
-# Copy over dependency files 
-COPY package.json ./
-COPY package-lock.json ./
-
-# Install 
-RUN npm install --ignore-scripts
-
-# Copy over next.js config 
-COPY next.config.js ./next.config.js
-
-# Copy all files 
-COPY . .
-
-CMD ["npm", "run", "dev"]
diff --git a/frontend-next/README.md b/frontend-next/README.md
deleted file mode 100644
index a0bcd1ef0..000000000
--- a/frontend-next/README.md
+++ /dev/null
@@ -1,22 +0,0 @@
-This is the client repository for Infisical.
-
-## Before you get started with development locally
-
-Please ensure you have Docker and Docker Compose installed for your OS.
-
-### Steps to start server
-
-- `CD` into the repo
-- run command `docker-compose -f docker-compose.dev.yml up --build --force-recreate`
-- Visit localhost:8080 and the website should be live
-
-### Steps to shutdown this Docker compose
-
-- `CD` into this repo
-- run command `docker-compose -f docker-compose.dev.yml down`
-
-### Notes
-
-Any changes made to local files in the `/components`, `/pages`, `/styles` will be hot reloaded. If would like like to watch for other files or folders live, please add them to the docker volume.
-
-You will also need to ensure that a .env.local file exists with all required environment variables
diff --git a/frontend-next/cypress.config.js b/frontend-next/cypress.config.js
deleted file mode 100644
index f50a1c607..000000000
--- a/frontend-next/cypress.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  e2e: {
-    baseUrl: 'http://localhost:8080',
-    viewportWidth: 1480,
-    viewportHeight: 920,
-  },
-};
diff --git a/frontend-next/cypress/e2e/org-overview.cy.js b/frontend-next/cypress/e2e/org-overview.cy.js
deleted file mode 100644
index a18fe208e..000000000
--- a/frontend-next/cypress/e2e/org-overview.cy.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/// <reference types="cypress" />
-
-describe('organization Overview', () => {
-  beforeEach(() => {
-    cy.login(`test@localhost.local`, `testInfisical1`)
-  })
-
-  const projectName = "projectY"
-
-  it('can`t create projects with empty names', () => {
-    cy.get('.button').click()
-    cy.get('input[placeholder="Type your project name"]').type('abc').clear()
-    cy.intercept('*').as('anyRequest');
-    cy.get('@anyRequest').should('not.exist');
-  })
-
-  it('can delete a newly-created project', () => {
-    // Create a project
-    cy.get('.button').click()
-    cy.get('input[placeholder="Type your project name"]').type(`${projectName}`)
-    cy.contains('button', 'Create Project').click()
-    cy.url().should('include', '/project')
-
-    // Delete a project
-    cy.get(`[href^="/project/"][href$="/settings"] > a > .group`).click()
-    cy.contains('button', `Delete ${projectName}`).click()
-    cy.contains('button', 'Delete Project').should('have.attr', 'disabled')
-    cy.get('input[placeholder="Type to delete..."]').type('confirm')
-    cy.contains('button', 'Delete Project').should('not.have.attr', 'disabled')
-    cy.url().then((currentUrl) => {
-      let projectId = currentUrl.split("/")[4]
-      cy.intercept('DELETE', `/api/v1/workspace/${projectId}`).as('deleteProject');
-      cy.contains('button', 'Delete Project').click();
-      cy.get('@deleteProject').should('have.property', 'response').and('have.property', 'statusCode', 200);
-    })
-  })  
-
-  it('can display no projects', () => {
-    cy.intercept('/api/v1/workspace', {
-      body: {
-        "workspaces": []
-      },
-    })
-    cy.get('.border-mineshaft-700 > :nth-child(2)').should('have.text', 'You are not part of any projects in this organization yet. When you are, they will appear here.')
-  })
-
-})
diff --git a/frontend-next/cypress/e2e/org-settings.cy.js b/frontend-next/cypress/e2e/org-settings.cy.js
deleted file mode 100644
index b9aff2516..000000000
--- a/frontend-next/cypress/e2e/org-settings.cy.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/// <reference types="cypress" />
-
-describe('Organization Settings', () => {
-  let orgId; 
-
-  beforeEach(() => {
-    cy.login(`test@localhost.local`, `testInfisical1`)
-    cy.url().then((currentUrl) => {
-      orgId = currentUrl.split("/")[4]
-      cy.visit(`org/${orgId}/settings`)
-    })
-  })
-
-  it('can rename org', () => {
-    cy.get('input[placeholder="Acme Corp"]').clear().type('ABC')
-
-    cy.intercept('PATCH', `/api/v1/organization/${orgId}/name`).as('renameOrg');
-    cy.get('form.p-4 > .button').click()
-    cy.get('@renameOrg').should('have.property', 'response').and('have.property', 'statusCode', 200);
-    
-    cy.get('.pl-3').should("have.text", "ABC ")
-  })
-
-})
diff --git a/frontend-next/cypress/e2e/project-secret-operations.cy.js b/frontend-next/cypress/e2e/project-secret-operations.cy.js
deleted file mode 100644
index b4c3a7787..000000000
--- a/frontend-next/cypress/e2e/project-secret-operations.cy.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/// <reference types="cypress" />
-
-describe('Project Overview', () => {
-  const projectName = "projectY"
-  let projectId;
-  let isFirstTest = true;
-
-  before(() => {
-    cy.login(`test@localhost.local`, `testInfisical1`)
-
-    // Create a project
-    cy.get('.button').click()
-    cy.get('input[placeholder="Type your project name"]').type(`${projectName}`)
-    cy.contains('button', 'Create Project').click()
-    cy.url().should('include', '/project').then((currentUrl) => {
-      projectId = currentUrl.split("/")[4]
-    })
-  })
-
-  beforeEach(() => {
-    if (isFirstTest) {
-      isFirstTest = false;
-      return;  // Skip the rest of the beforeEach for the first test
-    }
-    cy.login(`test@localhost.local`, `testInfisical1`)
-    cy.visit(`/project/${projectId}/secrets/overview`)
-  })
-
-  it('can create secrets', () => {
-    cy.contains('button', 'Go to Development').click()
-    cy.contains('button', 'Add a new secret').click()
-    cy.get('input[placeholder="Type your secret name"]').type('SECRET_A')
-    cy.contains('button', 'Create Secret').click()
-    cy.get('.w-80 > .inline-flex > .input').should('have.value', 'SECRET_A')
-    cy.get(':nth-child(6) > .button > .w-min').should('have.text', '1 Commit')
-  })
-
-  it('can update secrets', () => {
-    cy.get(':nth-child(2) > .flex > .button').click()
-    cy.get('.overflow-auto > .relative > .absolute').type('VALUE_A')
-    cy.get('.button.text-primary > .svg-inline--fa').click()
-    cy.get(':nth-child(6) > .button > .w-min').should('have.text', '2 Commits')
-  })
-
-  it('can`t create duplicate-name secrets', () => {
-    cy.get(':nth-child(2) > .flex > .button').click()
-    cy.contains('button', 'Add Secret').click()
-    cy.get('input[placeholder="Type your secret name"]').type('SECRET_A')
-    cy.intercept('POST', `/api/v3/secrets/SECRET_A`).as('createSecret');
-    cy.contains('button', 'Create Secret').click()
-    cy.get('@createSecret').should('have.property', 'response').and('have.property', 'statusCode', 400);
-  })
-
-  it('can add another secret', () => {
-    cy.get(':nth-child(2) > .flex > .button').click()
-    cy.contains('button', 'Add Secret').click()
-    cy.get('input[placeholder="Type your secret name"]').type('SECRET_B')
-    cy.contains('button', 'Create Secret').click()
-    cy.get(':nth-child(6) > .button > .w-min').should('have.text', '3 Commits')
-  })
-
-  it('can delete a secret', () => {
-    cy.get(':nth-child(2) > .flex > .button').click()
-    // cy.get(':nth-child(3) > .shadow-none').trigger('mouseover')
-    cy.get(':nth-child(3) > .shadow-none > .group > .h-10 > .border-red').click()
-    cy.contains('button', 'Delete Secret').should('have.attr', 'disabled')
-    cy.get('input[placeholder="Type to delete..."]').type('SECRET_B')
-    cy.intercept('DELETE', `/api/v3/secrets/SECRET_B`).as('deleteSecret');
-    cy.contains('button', 'Delete Secret').should('not.have.attr', 'disabled')
-    cy.contains('button', 'Delete Secret').click();
-    cy.get('@deleteSecret').should('have.property', 'response').and('have.property', 'statusCode', 200);
-  })
-
-  it('can add a comment', () => {
-    return;
-    cy.get(':nth-child(2) > .flex > .button').click()
-    // for some reason this hover does not want to work
-    cy.get('.overflow-auto').trigger('mouseover').then(() => {
-      cy.get('.shadow-none > .group > .pl-4 > .h-8 > button[aria-label="add-comment"]').should('be.visible').click()
-    });
-    
-  })
-
-})
diff --git a/frontend-next/cypress/fixtures/example.json b/frontend-next/cypress/fixtures/example.json
deleted file mode 100644
index 02e425437..000000000
--- a/frontend-next/cypress/fixtures/example.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}
diff --git a/frontend-next/cypress/support/commands.js b/frontend-next/cypress/support/commands.js
deleted file mode 100644
index 6778e394c..000000000
--- a/frontend-next/cypress/support/commands.js
+++ /dev/null
@@ -1,19 +0,0 @@
-
-Cypress.Commands.add('login', (username, password) => {
-    cy.visit('/login')
-    cy.get('input[placeholder="Enter your email..."]').type(username)
-    cy.get('input[placeholder="Enter your password..."]').type(password)
-    cy.contains('Continue with Email').click()
-    cy.url().should('include', '/overview')
-})
-
-// Cypress.Commands.add('login', (username, password) => {
-//     cy.session([username, password], () => {
-//         cy.visit('/login')
-//         cy.get('input[placeholder="Enter your email..."]').type(username)
-//         cy.get('input[placeholder="Enter your password..."]').type(password)
-//         cy.contains('Continue with Email').click()
-//         cy.url().should('include', '/overview')
-//         cy.wait(2000);
-//     })
-// })
diff --git a/frontend-next/cypress/support/e2e.js b/frontend-next/cypress/support/e2e.js
deleted file mode 100644
index 0e7290a13..000000000
--- a/frontend-next/cypress/support/e2e.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/e2e.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
\ No newline at end of file
diff --git a/frontend-next/next-env.d.ts b/frontend-next/next-env.d.ts
deleted file mode 100644
index 4f11a03dc..000000000
--- a/frontend-next/next-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/frontend-next/next.config.js b/frontend-next/next.config.js
deleted file mode 100644
index 028000ed8..000000000
--- a/frontend-next/next.config.js
+++ /dev/null
@@ -1,98 +0,0 @@
-const path = require("path");
-
-const ContentSecurityPolicy = `
-	default-src 'self';
-  connect-src 'self' https://*.posthog.com http://127.0.0.1:*;
-	script-src 'self' https://*.posthog.com https://js.stripe.com https://api.stripe.com https://widget.intercom.io https://js.intercomcdn.com https://hcaptcha.com https://*.hcaptcha.com 'unsafe-inline' 'unsafe-eval';
-	style-src 'self' https://rsms.me 'unsafe-inline' https://hcaptcha.com https://*.hcaptcha.com;
-	child-src https://api.stripe.com;
-	frame-src https://js.stripe.com/ https://api.stripe.com https://www.youtube.com/ https://hcaptcha.com https://*.hcaptcha.com;
-	connect-src 'self' wss://nexus-websocket-a.intercom.io https://api-iam.intercom.io https://api.heroku.com/ https://id.heroku.com/oauth/authorize https://id.heroku.com/oauth/token https://checkout.stripe.com https://app.posthog.com https://api.stripe.com https://api.pwnedpasswords.com http://127.0.0.1:* https://hcaptcha.com https://*.hcaptcha.com;
-	img-src 'self' https://static.intercomassets.com https://js.intercomcdn.com https://downloads.intercomcdn.com https://*.stripe.com https://i.ytimg.com/ data:;
-	media-src https://js.intercomcdn.com;
-	font-src 'self' https://fonts.intercomcdn.com/ https://maxcdn.bootstrapcdn.com https://rsms.me https://fonts.gstatic.com;  
-`;
-
-// You can choose which headers to add to the list
-// after learning more below.
-const securityHeaders = [
-  {
-    key: "X-DNS-Prefetch-Control",
-    value: "on"
-  },
-  {
-    key: "Strict-Transport-Security",
-    value: "max-age=63072000; includeSubDomains; preload"
-  },
-  {
-    key: "X-XSS-Protection",
-    value: "1; mode=block"
-  },
-  {
-    key: "X-Frame-Options",
-    value: "SAMEORIGIN"
-  },
-  {
-    key: "Permissions-Policy",
-    value: "camera=(), microphone=()"
-  },
-  {
-    key: "X-Content-Type-Options",
-    value: "nosniff"
-  },
-  {
-    key: "Referrer-Policy",
-    value: "strict-origin-when-cross-origin"
-  },
-  {
-    key: "Content-Security-Policy",
-    value: ContentSecurityPolicy.replace(/\s{2,}/g, " ").trim()
-  }
-];
-/**
- * @type {import('next').NextConfig}
- **/
-module.exports = {
-  output: "standalone",
-  i18n: {
-    locales: ["en", "ko", "fr", "pt-BR", "pt-PT", "es"],
-    defaultLocale: "en"
-  },
-  async headers() {
-    return [
-      {
-        // Apply these headers to all routes in your application.
-        source: "/:path*",
-        headers: securityHeaders
-      }
-    ];
-  },
-  webpack: (config, { isServer, webpack }) => {
-    // config
-    config.module.rules.push({
-      test: /\.wasm$/,
-      loader: "base64-loader",
-      type: "javascript/auto"
-    });
-
-    config.module.noParse = /\.wasm$/;
-
-    config.module.rules.forEach((rule) => {
-      (rule.oneOf || []).forEach((oneOf) => {
-        if (oneOf.loader && oneOf.loader.indexOf("file-loader") >= 0) {
-          oneOf.exclude.push(/\.wasm$/);
-        }
-      });
-    });
-
-    if (!isServer) {
-      config.resolve.fallback.fs = false;
-    }
-
-    // Perform customizations to webpack config
-    config.plugins.push(new webpack.IgnorePlugin({ resourceRegExp: /\/__tests__\// }));
-
-    // Important: return the modified config
-    return config;
-  }
-};
diff --git a/frontend-next/package-lock.json b/frontend-next/package-lock.json
deleted file mode 100644
index 64380ae9f..000000000
--- a/frontend-next/package-lock.json
+++ /dev/null
@@ -1,25336 +0,0 @@
-{
-  "name": "frontend",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "dependencies": {
-        "@casl/ability": "^6.5.0",
-        "@casl/react": "^3.1.0",
-        "@dnd-kit/core": "^6.0.8",
-        "@dnd-kit/modifiers": "^6.0.1",
-        "@dnd-kit/sortable": "^7.0.2",
-        "@emotion/css": "^11.10.0",
-        "@emotion/server": "^11.10.0",
-        "@fontsource/inter": "^4.5.15",
-        "@fortawesome/fontawesome-svg-core": "^6.1.2",
-        "@fortawesome/free-brands-svg-icons": "^6.1.2",
-        "@fortawesome/free-regular-svg-icons": "^6.1.1",
-        "@fortawesome/free-solid-svg-icons": "^6.1.2",
-        "@fortawesome/react-fontawesome": "^0.2.0",
-        "@hcaptcha/react-hcaptcha": "^1.10.1",
-        "@headlessui/react": "^1.7.7",
-        "@hookform/resolvers": "^2.9.10",
-        "@octokit/rest": "^19.0.7",
-        "@peculiar/x509": "^1.11.0",
-        "@radix-ui/react-accordion": "^1.1.2",
-        "@radix-ui/react-alert-dialog": "^1.0.5",
-        "@radix-ui/react-checkbox": "^1.0.4",
-        "@radix-ui/react-collapsible": "^1.0.3",
-        "@radix-ui/react-dialog": "^1.0.5",
-        "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@radix-ui/react-hover-card": "^1.0.7",
-        "@radix-ui/react-label": "^2.0.2",
-        "@radix-ui/react-popover": "^1.0.7",
-        "@radix-ui/react-popper": "^1.1.3",
-        "@radix-ui/react-progress": "^1.0.3",
-        "@radix-ui/react-radio-group": "^1.1.3",
-        "@radix-ui/react-select": "^2.0.0",
-        "@radix-ui/react-switch": "^1.0.3",
-        "@radix-ui/react-tabs": "^1.0.4",
-        "@radix-ui/react-toast": "^1.1.5",
-        "@radix-ui/react-tooltip": "^1.0.7",
-        "@reduxjs/toolkit": "^1.8.3",
-        "@sindresorhus/slugify": "1.1.0",
-        "@stripe/react-stripe-js": "^1.16.3",
-        "@stripe/stripe-js": "^1.46.0",
-        "@tanstack/react-query": "^4.23.0",
-        "@types/argon2-browser": "^1.18.1",
-        "@ucast/mongo2js": "^1.3.4",
-        "add": "^2.0.6",
-        "argon2-browser": "^1.18.0",
-        "axios": "^0.28.0",
-        "axios-auth-refresh": "^3.3.6",
-        "base64-loader": "^1.0.0",
-        "classnames": "^2.3.1",
-        "cookies": "^0.9.1",
-        "cva": "npm:class-variance-authority@^0.4.0",
-        "date-fns": "^2.30.0",
-        "file-saver": "^2.0.5",
-        "framer-motion": "^6.2.3",
-        "fs": "^0.0.2",
-        "gray-matter": "^4.0.3",
-        "http-proxy": "^1.18.1",
-        "i18next": "^22.4.15",
-        "i18next-browser-languagedetector": "^7.0.1",
-        "i18next-http-backend": "^2.2.0",
-        "infisical-node": "^1.0.37",
-        "jspdf": "^2.5.2",
-        "jsrp": "^0.2.4",
-        "jwt-decode": "^3.1.2",
-        "lottie-react": "^2.4.0",
-        "markdown-it": "^13.0.1",
-        "ms": "^2.1.3",
-        "next": "^12.3.4",
-        "nprogress": "^0.2.0",
-        "picomatch": "^2.3.1",
-        "posthog-js": "^1.105.6",
-        "qrcode": "^1.5.4",
-        "query-string": "^7.1.3",
-        "react": "^17.0.2",
-        "react-beautiful-dnd": "^13.1.1",
-        "react-code-input": "^3.10.1",
-        "react-day-picker": "^8.8.0",
-        "react-dom": "^17.0.2",
-        "react-grid-layout": "^1.3.4",
-        "react-hook-form": "^7.43.0",
-        "react-i18next": "^12.2.2",
-        "react-icons": "^5.3.0",
-        "react-mailchimp-subscribe": "^2.1.3",
-        "react-markdown": "^8.0.3",
-        "react-redux": "^8.0.2",
-        "react-select": "^5.8.1",
-        "react-table": "^7.8.0",
-        "react-toastify": "^9.1.3",
-        "sanitize-html": "^2.12.1",
-        "set-cookie-parser": "^2.5.1",
-        "sharp": "^0.33.2",
-        "styled-components": "^5.3.7",
-        "tailwind-merge": "^1.8.1",
-        "tweetnacl": "^1.0.3",
-        "tweetnacl-util": "^0.15.1",
-        "uuid": "^8.3.2",
-        "uuidv4": "^6.2.13",
-        "yaml": "^2.2.2",
-        "yup": "^0.32.11",
-        "zod": "^3.22.3",
-        "zustand": "^4.5.0"
-      },
-      "devDependencies": {
-        "@storybook/addon-essentials": "^7.5.2",
-        "@storybook/addon-interactions": "^7.0.23",
-        "@storybook/addon-links": "^7.0.23",
-        "@storybook/addon-styling": "^1.3.0",
-        "@storybook/blocks": "^7.0.23",
-        "@storybook/client-api": "^7.2.1",
-        "@storybook/nextjs": "^7.0.23",
-        "@storybook/react": "^7.0.23",
-        "@storybook/testing-library": "^0.2.0",
-        "@tailwindcss/typography": "^0.5.4",
-        "@types/file-saver": "^2.0.5",
-        "@types/jsrp": "^0.2.4",
-        "@types/node": "^18.11.9",
-        "@types/picomatch": "^2.3.0",
-        "@types/qrcode": "^1.5.5",
-        "@types/react": "^18.0.26",
-        "@types/sanitize-html": "^2.9.0",
-        "@typescript-eslint/eslint-plugin": "^5.48.1",
-        "@typescript-eslint/parser": "^5.45.0",
-        "autoprefixer": "^10.4.7",
-        "cypress": "^13.3.2",
-        "eslint": "^8.32.0",
-        "eslint-config-airbnb": "^19.0.4",
-        "eslint-config-airbnb-typescript": "^17.0.0",
-        "eslint-config-next": "^13.0.5",
-        "eslint-config-prettier": "^8.6.0",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.27.4",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.32.0",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-simple-import-sort": "^8.0.0",
-        "eslint-plugin-storybook": "^0.6.12",
-        "postcss": "^8.4.39",
-        "prettier": "^2.8.3",
-        "prettier-plugin-tailwindcss": "^0.2.2",
-        "storybook": "^7.6.20",
-        "storybook-dark-mode": "^3.0.0",
-        "tailwindcss": "3.2",
-        "typescript": "^4.9.3"
-      }
-    },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@aw-web-design/x-default-browser": {
-      "version": "1.4.126",
-      "resolved": "https://registry.npmjs.org/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz",
-      "integrity": "sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==",
-      "dev": true,
-      "dependencies": {
-        "default-browser-id": "3.0.0"
-      },
-      "bin": {
-        "x-default-browser": "bin/x-default-browser.js"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
-      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
-      "dependencies": {
-        "@babel/highlight": "^7.23.4",
-        "chalk": "^2.4.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/@babel/code-frame/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
-      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz",
-      "integrity": "sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==",
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.7",
-        "@babel/parser": "^7.23.6",
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.7",
-        "@babel/types": "^7.23.6",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@babel/core/node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
-      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
-      "dependencies": {
-        "@babel/types": "^7.23.6",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
-      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
-      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
-      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
-      "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
-        "browserslist": "^4.22.2",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.7.tgz",
-      "integrity": "sha512-xCoqR/8+BoNnXOY7RVSgv6X+o7pmT5q1d+gGcRlXYkI+9B31glE4jeejhKVpA04O1AtzOt7OSQ6VYKP5FcRl9g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.20",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "regexpu-core": "^5.3.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
-      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
-      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
-      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-wrap-function": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
-      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.22.15",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
-      "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
-      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-wrap-function": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
-      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.22.19"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.23.8",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.8.tgz",
-      "integrity": "sha512-KDqYz4PiOWvDFrdHLPhKtCThtIcKVy6avWD2oG4GEvyQ+XDZwHD4YQd+H2vNMnq2rkdxsDkU82T+Vk8U/WXHRQ==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.7",
-        "@babel/types": "^7.23.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
-      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
-      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz",
-      "integrity": "sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz",
-      "integrity": "sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-transform-optional-chaining": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
-      }
-    },
-    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.7.tgz",
-      "integrity": "sha512-LlRT7HgaifEpQA1ZgLVOIJZZFVPWN5iReq/7/JixwBtwcoeVGDBD53ZV28rrsLYOZs1Y/EHhA8N/Z6aazHR8cw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.0-placeholder-for-preset-env.2",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-async-generators": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-bigint": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
-      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-dynamic-import": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-flow": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz",
-      "integrity": "sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz",
-      "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz",
-      "integrity": "sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.23.3.tgz",
-      "integrity": "sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.23.3.tgz",
-      "integrity": "sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz",
-      "integrity": "sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.7.tgz",
-      "integrity": "sha512-PdxEpL71bJp1byMG0va5gwQcXHxuEYC/BgI/e88mGTtohbZN28O5Yit0Plkkm/dBzCF/BxmbNcses1RH1T+urA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.20",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz",
-      "integrity": "sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz",
-      "integrity": "sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz",
-      "integrity": "sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz",
-      "integrity": "sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz",
-      "integrity": "sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.23.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.8.tgz",
-      "integrity": "sha512-yAYslGsY1bX6Knmg46RjiCiNSwJKv2IUC8qOdYKqMMr0491SXFhcHqOdRDeCRohOOIzwN/90C6mQ9qAKgrP7dg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.20",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz",
-      "integrity": "sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/template": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz",
-      "integrity": "sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz",
-      "integrity": "sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-duplicate-keys": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz",
-      "integrity": "sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz",
-      "integrity": "sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz",
-      "integrity": "sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz",
-      "integrity": "sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-flow-strip-types": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz",
-      "integrity": "sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-flow": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
-      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-function-name": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz",
-      "integrity": "sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz",
-      "integrity": "sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-literals": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz",
-      "integrity": "sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz",
-      "integrity": "sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-member-expression-literals": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz",
-      "integrity": "sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-amd": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz",
-      "integrity": "sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz",
-      "integrity": "sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-simple-access": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz",
-      "integrity": "sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-umd": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz",
-      "integrity": "sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
-      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-new-target": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz",
-      "integrity": "sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz",
-      "integrity": "sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz",
-      "integrity": "sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz",
-      "integrity": "sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.23.3",
-        "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-object-super": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz",
-      "integrity": "sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz",
-      "integrity": "sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz",
-      "integrity": "sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz",
-      "integrity": "sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz",
-      "integrity": "sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz",
-      "integrity": "sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-property-literals": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz",
-      "integrity": "sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.23.3.tgz",
-      "integrity": "sha512-GnvhtVfA2OAtzdX58FJxU19rhoGeQzyVndw3GgtdECQvQFXPEZIOVULHVZGAYmOgmqjXpVpfocAbSjh99V/Fqw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz",
-      "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-jsx": "^7.23.3",
-        "@babel/types": "^7.23.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz",
-      "integrity": "sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.23.3.tgz",
-      "integrity": "sha512-qMFdSS+TUhB7Q/3HVPnEdYJDQIk57jkntAwSuz9xfSE4n+3I+vHYCli3HoHawN1Z3RfCz/y1zXA/JXjG6cVImQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz",
-      "integrity": "sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "regenerator-transform": "^0.15.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-reserved-words": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz",
-      "integrity": "sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.7.tgz",
-      "integrity": "sha512-fa0hnfmiXc9fq/weK34MUV0drz2pOL/vfKWvN7Qw127hiUPabFCUMgAbYWcchRzMJit4o5ARsK/s+5h0249pLw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "babel-plugin-polyfill-corejs2": "^0.4.7",
-        "babel-plugin-polyfill-corejs3": "^0.8.7",
-        "babel-plugin-polyfill-regenerator": "^0.5.4",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-shorthand-properties": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz",
-      "integrity": "sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz",
-      "integrity": "sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-sticky-regex": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz",
-      "integrity": "sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-template-literals": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz",
-      "integrity": "sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typeof-symbol": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz",
-      "integrity": "sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz",
-      "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.23.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-typescript": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-escapes": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz",
-      "integrity": "sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz",
-      "integrity": "sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-regex": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz",
-      "integrity": "sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz",
-      "integrity": "sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/preset-env": {
-      "version": "7.23.8",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.8.tgz",
-      "integrity": "sha512-lFlpmkApLkEP6woIKprO6DO60RImpatTQKtz4sUcDjVcK8M8mQ4sZsuxaTMNOZf0sqAq/ReYW1ZBHnOQwKpLWA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.23.5",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.7",
-        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.23.3",
-        "@babel/plugin-syntax-import-attributes": "^7.23.3",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5",
-        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.23.3",
-        "@babel/plugin-transform-async-generator-functions": "^7.23.7",
-        "@babel/plugin-transform-async-to-generator": "^7.23.3",
-        "@babel/plugin-transform-block-scoped-functions": "^7.23.3",
-        "@babel/plugin-transform-block-scoping": "^7.23.4",
-        "@babel/plugin-transform-class-properties": "^7.23.3",
-        "@babel/plugin-transform-class-static-block": "^7.23.4",
-        "@babel/plugin-transform-classes": "^7.23.8",
-        "@babel/plugin-transform-computed-properties": "^7.23.3",
-        "@babel/plugin-transform-destructuring": "^7.23.3",
-        "@babel/plugin-transform-dotall-regex": "^7.23.3",
-        "@babel/plugin-transform-duplicate-keys": "^7.23.3",
-        "@babel/plugin-transform-dynamic-import": "^7.23.4",
-        "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
-        "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.6",
-        "@babel/plugin-transform-function-name": "^7.23.3",
-        "@babel/plugin-transform-json-strings": "^7.23.4",
-        "@babel/plugin-transform-literals": "^7.23.3",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.23.4",
-        "@babel/plugin-transform-member-expression-literals": "^7.23.3",
-        "@babel/plugin-transform-modules-amd": "^7.23.3",
-        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
-        "@babel/plugin-transform-modules-systemjs": "^7.23.3",
-        "@babel/plugin-transform-modules-umd": "^7.23.3",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
-        "@babel/plugin-transform-new-target": "^7.23.3",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
-        "@babel/plugin-transform-numeric-separator": "^7.23.4",
-        "@babel/plugin-transform-object-rest-spread": "^7.23.4",
-        "@babel/plugin-transform-object-super": "^7.23.3",
-        "@babel/plugin-transform-optional-catch-binding": "^7.23.4",
-        "@babel/plugin-transform-optional-chaining": "^7.23.4",
-        "@babel/plugin-transform-parameters": "^7.23.3",
-        "@babel/plugin-transform-private-methods": "^7.23.3",
-        "@babel/plugin-transform-private-property-in-object": "^7.23.4",
-        "@babel/plugin-transform-property-literals": "^7.23.3",
-        "@babel/plugin-transform-regenerator": "^7.23.3",
-        "@babel/plugin-transform-reserved-words": "^7.23.3",
-        "@babel/plugin-transform-shorthand-properties": "^7.23.3",
-        "@babel/plugin-transform-spread": "^7.23.3",
-        "@babel/plugin-transform-sticky-regex": "^7.23.3",
-        "@babel/plugin-transform-template-literals": "^7.23.3",
-        "@babel/plugin-transform-typeof-symbol": "^7.23.3",
-        "@babel/plugin-transform-unicode-escapes": "^7.23.3",
-        "@babel/plugin-transform-unicode-property-regex": "^7.23.3",
-        "@babel/plugin-transform-unicode-regex": "^7.23.3",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.23.3",
-        "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "babel-plugin-polyfill-corejs2": "^0.4.7",
-        "babel-plugin-polyfill-corejs3": "^0.8.7",
-        "babel-plugin-polyfill-regenerator": "^0.5.4",
-        "core-js-compat": "^3.31.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-flow": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.23.3.tgz",
-      "integrity": "sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-transform-flow-strip-types": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-modules": {
-      "version": "0.1.6-no-external-plugins",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@babel/types": "^7.4.4",
-        "esutils": "^2.0.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/preset-react": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.23.3.tgz",
-      "integrity": "sha512-tbkHOS9axH6Ysf2OUEqoSZ6T3Fa2SrNH6WTWSPBboxKzdxNc9qOICeLXkNG0ZEwbQ1HY8liwOce4aN/Ceyuq6w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-transform-react-display-name": "^7.23.3",
-        "@babel/plugin-transform-react-jsx": "^7.22.15",
-        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
-        "@babel/plugin-transform-react-pure-annotations": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-typescript": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.3.tgz",
-      "integrity": "sha512-17oIGVlqz6CchO9RFYn5U6ZpWRZIngayYCtrPRSgANSwC2V1Jb+iP74nVxzzXJte8b8BYxrL1yY96xfhTBrNNQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-syntax-jsx": "^7.23.3",
-        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
-        "@babel/plugin-transform-typescript": "^7.23.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/register": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.24.6.tgz",
-      "integrity": "sha512-WSuFCc2wCqMeXkz/i3yfAAsxwWflEgbVkZzivgAmXl/MxrXeoYFZOOPllbC8R8WTF7u61wSRQtDVZ1879cdu6w==",
-      "dev": true,
-      "dependencies": {
-        "clone-deep": "^4.0.1",
-        "find-cache-dir": "^2.0.0",
-        "make-dir": "^2.1.0",
-        "pirates": "^4.0.6",
-        "source-map-support": "^0.5.16"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/register/node_modules/find-cache-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
-      "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
-      "dev": true,
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "make-dir": "^2.0.0",
-        "pkg-dir": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/find-up": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/locate-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
-      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@babel/register/node_modules/p-locate": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
-      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/path-exists": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/register/node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/pkg-dir": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
-      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/register/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
-      "dev": true
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.23.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
-      "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
-      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/parser": "^7.22.15",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
-      "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
-      "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.6",
-        "@babel/types": "^7.23.6",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
-      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.23.4",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@base2/pretty-print-object": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz",
-      "integrity": "sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==",
-      "dev": true
-    },
-    "node_modules/@casl/ability": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/@casl/ability/-/ability-6.5.0.tgz",
-      "integrity": "sha512-3guc94ugr5ylZQIpJTLz0CDfwNi0mxKVECj1vJUPAvs+Lwunh/dcuUjwzc4MHM9D8JOYX0XUZMEPedpB3vIbOw==",
-      "dependencies": {
-        "@ucast/mongo2js": "^1.3.0"
-      },
-      "funding": {
-        "url": "https://github.com/stalniy/casl/blob/master/BACKERS.md"
-      }
-    },
-    "node_modules/@casl/react": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@casl/react/-/react-3.1.0.tgz",
-      "integrity": "sha512-p4Xmex1Slxz/G0cBtZik+xyOkeOynBUe0UrMFTai6aYkYOb4NyUy3w+9rtnedjcuKijiow2HKJQjnSurLxdc/g==",
-      "peerDependencies": {
-        "@casl/ability": "^3.0.0 || ^4.0.0 || ^5.1.0 || ^6.0.0",
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@colors/colors": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
-      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=0.1.90"
-      }
-    },
-    "node_modules/@cypress/request": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
-      "integrity": "sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==",
-      "dev": true,
-      "dependencies": {
-        "aws-sign2": "~0.7.0",
-        "aws4": "^1.8.0",
-        "caseless": "~0.12.0",
-        "combined-stream": "~1.0.6",
-        "extend": "~3.0.2",
-        "forever-agent": "~0.6.1",
-        "form-data": "~2.3.2",
-        "http-signature": "~1.3.6",
-        "is-typedarray": "~1.0.0",
-        "isstream": "~0.1.2",
-        "json-stringify-safe": "~5.0.1",
-        "mime-types": "~2.1.19",
-        "performance-now": "^2.1.0",
-        "qs": "6.10.4",
-        "safe-buffer": "^5.1.2",
-        "tough-cookie": "^4.1.3",
-        "tunnel-agent": "^0.6.0",
-        "uuid": "^8.3.2"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@cypress/request/node_modules/form-data": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
-      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
-      "dev": true,
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.6",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 0.12"
-      }
-    },
-    "node_modules/@cypress/request/node_modules/qs": {
-      "version": "6.10.4",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
-      "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
-      "dev": true,
-      "dependencies": {
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/@cypress/xvfb": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz",
-      "integrity": "sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.1.0",
-        "lodash.once": "^4.1.1"
-      }
-    },
-    "node_modules/@cypress/xvfb/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/@discoveryjs/json-ext": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
-      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/@dnd-kit/accessibility": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.1.0.tgz",
-      "integrity": "sha512-ea7IkhKvlJUv9iSHJOnxinBcoOI3ppGnnL+VDJ75O45Nss6HtZd8IdN8touXPDtASfeI2T2LImb8VOZcL47wjQ==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0"
-      }
-    },
-    "node_modules/@dnd-kit/core": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.1.0.tgz",
-      "integrity": "sha512-J3cQBClB4TVxwGo3KEjssGEXNJqGVWx17aRTZ1ob0FliR5IjYgTxl5YJbKTzA6IzrtelotH19v6y7uoIRUZPSg==",
-      "dependencies": {
-        "@dnd-kit/accessibility": "^3.1.0",
-        "@dnd-kit/utilities": "^3.2.2",
-        "tslib": "^2.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "node_modules/@dnd-kit/modifiers": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/@dnd-kit/modifiers/-/modifiers-6.0.1.tgz",
-      "integrity": "sha512-rbxcsg3HhzlcMHVHWDuh9LCjpOVAgqbV78wLGI8tziXY3+qcMQ61qVXIvNKQFuhj75dSfD+o+PYZQ/NUk2A23A==",
-      "dependencies": {
-        "@dnd-kit/utilities": "^3.2.1",
-        "tslib": "^2.0.0"
-      },
-      "peerDependencies": {
-        "@dnd-kit/core": "^6.0.6",
-        "react": ">=16.8.0"
-      }
-    },
-    "node_modules/@dnd-kit/sortable": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/@dnd-kit/sortable/-/sortable-7.0.2.tgz",
-      "integrity": "sha512-wDkBHHf9iCi1veM834Gbk1429bd4lHX4RpAwT0y2cHLf246GAvU2sVw/oxWNpPKQNQRQaeGXhAVgrOl1IT+iyA==",
-      "dependencies": {
-        "@dnd-kit/utilities": "^3.2.0",
-        "tslib": "^2.0.0"
-      },
-      "peerDependencies": {
-        "@dnd-kit/core": "^6.0.7",
-        "react": ">=16.8.0"
-      }
-    },
-    "node_modules/@dnd-kit/utilities": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.2.tgz",
-      "integrity": "sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0"
-      }
-    },
-    "node_modules/@emnapi/runtime": {
-      "version": "0.45.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-0.45.0.tgz",
-      "integrity": "sha512-Txumi3td7J4A/xTTwlssKieHKTGl3j4A1tglBx72auZ49YK7ePY6XZricgIg9mnZT4xPfA+UPCUdnhRuEFDL+w==",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emotion/babel-plugin": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.12.0.tgz",
-      "integrity": "sha512-y2WQb+oP8Jqvvclh8Q55gLUyb7UFvgv7eJfsj7td5TToBrIUtPay2kMrZi4xjq9qw2vD0ZR5fSho0yqoFgX7Rw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.16.7",
-        "@babel/runtime": "^7.18.3",
-        "@emotion/hash": "^0.9.2",
-        "@emotion/memoize": "^0.9.0",
-        "@emotion/serialize": "^1.2.0",
-        "babel-plugin-macros": "^3.1.0",
-        "convert-source-map": "^1.5.0",
-        "escape-string-regexp": "^4.0.0",
-        "find-root": "^1.1.0",
-        "source-map": "^0.5.7",
-        "stylis": "4.2.0"
-      }
-    },
-    "node_modules/@emotion/babel-plugin/node_modules/@emotion/memoize": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
-      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/cache": {
-      "version": "11.13.1",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.1.tgz",
-      "integrity": "sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==",
-      "license": "MIT",
-      "dependencies": {
-        "@emotion/memoize": "^0.9.0",
-        "@emotion/sheet": "^1.4.0",
-        "@emotion/utils": "^1.4.0",
-        "@emotion/weak-memoize": "^0.4.0",
-        "stylis": "4.2.0"
-      }
-    },
-    "node_modules/@emotion/cache/node_modules/@emotion/memoize": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
-      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/css": {
-      "version": "11.11.2",
-      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-11.11.2.tgz",
-      "integrity": "sha512-VJxe1ucoMYMS7DkiMdC2T7PWNbrEI0a39YRiyDvK2qq4lXwjRbVP/z4lpG+odCsRzadlR+1ywwrTzhdm5HNdew==",
-      "dependencies": {
-        "@emotion/babel-plugin": "^11.11.0",
-        "@emotion/cache": "^11.11.0",
-        "@emotion/serialize": "^1.1.2",
-        "@emotion/sheet": "^1.2.2",
-        "@emotion/utils": "^1.2.1"
-      }
-    },
-    "node_modules/@emotion/hash": {
-      "version": "0.9.2",
-      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
-      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/is-prop-valid": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
-      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
-      "optional": true,
-      "dependencies": {
-        "@emotion/memoize": "0.7.4"
-      }
-    },
-    "node_modules/@emotion/is-prop-valid/node_modules/@emotion/memoize": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
-      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
-      "optional": true
-    },
-    "node_modules/@emotion/memoize": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
-    },
-    "node_modules/@emotion/react": {
-      "version": "11.13.3",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.3.tgz",
-      "integrity": "sha512-lIsdU6JNrmYfJ5EbUCf4xW1ovy5wKQ2CkPRM4xogziOxH1nXxBSjpC9YqbFAP7circxMfYp+6x676BqWcEiixg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "@emotion/babel-plugin": "^11.12.0",
-        "@emotion/cache": "^11.13.0",
-        "@emotion/serialize": "^1.3.1",
-        "@emotion/use-insertion-effect-with-fallbacks": "^1.1.0",
-        "@emotion/utils": "^1.4.0",
-        "@emotion/weak-memoize": "^0.4.0",
-        "hoist-non-react-statics": "^3.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@emotion/serialize": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.2.tgz",
-      "integrity": "sha512-grVnMvVPK9yUVE6rkKfAJlYZgo0cu3l9iMC77V7DW6E1DUIrU68pSEXRmFZFOFB1QFo57TncmOcvcbMDWsL4yA==",
-      "license": "MIT",
-      "dependencies": {
-        "@emotion/hash": "^0.9.2",
-        "@emotion/memoize": "^0.9.0",
-        "@emotion/unitless": "^0.10.0",
-        "@emotion/utils": "^1.4.1",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@emotion/serialize/node_modules/@emotion/memoize": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
-      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/server": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/server/-/server-11.11.0.tgz",
-      "integrity": "sha512-6q89fj2z8VBTx9w93kJ5n51hsmtYuFPtZgnc1L8VzRx9ti4EU6EyvF6Nn1H1x3vcCQCF7u2dB2lY4AYJwUW4PA==",
-      "dependencies": {
-        "@emotion/utils": "^1.2.1",
-        "html-tokenize": "^2.0.0",
-        "multipipe": "^1.0.2",
-        "through": "^2.3.8"
-      },
-      "peerDependencies": {
-        "@emotion/css": "^11.0.0-rc.0"
-      },
-      "peerDependenciesMeta": {
-        "@emotion/css": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@emotion/sheet": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
-      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/stylis": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
-      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
-    },
-    "node_modules/@emotion/unitless": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
-      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.1.0.tgz",
-      "integrity": "sha512-+wBOcIV5snwGgI2ya3u99D7/FJquOIniQT1IKyDsBmEgwvpxMNeS65Oib7OnE2d2aY+3BU4OiH+0Wchf8yk3Hw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": ">=16.8.0"
-      }
-    },
-    "node_modules/@emotion/utils": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.1.tgz",
-      "integrity": "sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA==",
-      "license": "MIT"
-    },
-    "node_modules/@emotion/weak-memoize": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
-      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
-      "license": "MIT"
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
-      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
-      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
-      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
-      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
-      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
-      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
-      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
-      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
-      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
-      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
-      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
-      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
-      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
-      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
-      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
-      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
-      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
-      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
-      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
-      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
-      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
-      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
-      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@fal-works/esbuild-plugin-global-externals": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz",
-      "integrity": "sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==",
-      "dev": true
-    },
-    "node_modules/@floating-ui/core": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.3.tgz",
-      "integrity": "sha512-O0WKDOo0yhJuugCx6trZQj5jVJ9yR0ystG2JaNAemYUWce+pmM6WUEFIibnWyEJKdrDxhm75NoSRME35FNaM/Q==",
-      "dependencies": {
-        "@floating-ui/utils": "^0.2.0"
-      }
-    },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.4.tgz",
-      "integrity": "sha512-jByEsHIY+eEdCjnTVu+E3ephzTOzkQ8hgUfGwos+bg7NlH33Zc5uO+QHz1mrQUOgIKKDD1RtS201P9NvAfq3XQ==",
-      "dependencies": {
-        "@floating-ui/core": "^1.5.3",
-        "@floating-ui/utils": "^0.2.0"
-      }
-    },
-    "node_modules/@floating-ui/react-dom": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.5.tgz",
-      "integrity": "sha512-UsBK30Bg+s6+nsgblXtZmwHhgS2vmbuQK22qgt2pTQM6M3X6H1+cQcLXqgRY3ihVLcZJE6IvqDQozhsnIVqK/Q==",
-      "dependencies": {
-        "@floating-ui/dom": "^1.5.4"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
-      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
-    },
-    "node_modules/@fontsource/inter": {
-      "version": "4.5.15",
-      "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.5.15.tgz",
-      "integrity": "sha512-FzleM9AxZQK2nqsTDtBiY0PMEVWvnKnuu2i09+p6DHvrHsuucoV2j0tmw+kAT3L4hvsLdAIDv6MdGehsPIdT+Q=="
-    },
-    "node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.1.tgz",
-      "integrity": "sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==",
-      "hasInstallScript": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.1.tgz",
-      "integrity": "sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.5.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@fortawesome/free-brands-svg-icons": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.5.1.tgz",
-      "integrity": "sha512-093l7DAkx0aEtBq66Sf19MgoZewv1zeY9/4C7vSKPO4qMwEsW/2VYTUTpBtLwfb9T2R73tXaRDPmE4UqLCYHfg==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.5.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@fortawesome/free-regular-svg-icons": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.5.1.tgz",
-      "integrity": "sha512-m6ShXn+wvqEU69wSP84coxLbNl7sGVZb+Ca+XZq6k30SzuP3X4TfPqtycgUh9ASwlNh5OfQCd8pDIWxl+O+LlQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.5.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.1.tgz",
-      "integrity": "sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.5.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@fortawesome/react-fontawesome": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
-      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
-      "dependencies": {
-        "prop-types": "^15.8.1"
-      },
-      "peerDependencies": {
-        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
-        "react": ">=16.3"
-      }
-    },
-    "node_modules/@hcaptcha/loader": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@hcaptcha/loader/-/loader-1.2.4.tgz",
-      "integrity": "sha512-3MNrIy/nWBfyVVvMPBKdKrX7BeadgiimW0AL/a/8TohNtJqxoySKgTJEXOQvYwlHemQpUzFrIsK74ody7JiMYw=="
-    },
-    "node_modules/@hcaptcha/react-hcaptcha": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@hcaptcha/react-hcaptcha/-/react-hcaptcha-1.10.1.tgz",
-      "integrity": "sha512-P0en4gEZAecah7Pt3WIaJO2gFlaLZKkI0+Tfdg8fNqsDxqT9VytZWSkH4WAkiPRULK1QcGgUZK+J56MXYmPifw==",
-      "dependencies": {
-        "@babel/runtime": "^7.17.9",
-        "@hcaptcha/loader": "^1.2.1"
-      },
-      "peerDependencies": {
-        "react": ">= 16.3.0",
-        "react-dom": ">= 16.3.0"
-      }
-    },
-    "node_modules/@headlessui/react": {
-      "version": "1.7.18",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.18.tgz",
-      "integrity": "sha512-4i5DOrzwN4qSgNsL4Si61VMkUcWbcSKueUV7sFhpHzQcSShdlHENE5+QBntMSRvHt8NyoFO2AGG8si9lq+w4zQ==",
-      "dependencies": {
-        "@tanstack/react-virtual": "^3.0.0-beta.60",
-        "client-only": "^0.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": "^16 || ^17 || ^18",
-        "react-dom": "^16 || ^17 || ^18"
-      }
-    },
-    "node_modules/@hookform/resolvers": {
-      "version": "2.9.11",
-      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-2.9.11.tgz",
-      "integrity": "sha512-bA3aZ79UgcHj7tFV7RlgThzwSSHZgvfbt2wprldRkYBcMopdMvHyO17Wwp/twcJasNFischFfS7oz8Katz8DdQ==",
-      "peerDependencies": {
-        "react-hook-form": "^7.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.14",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
-      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.2",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
-      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
-      "dev": true
-    },
-    "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.2.tgz",
-      "integrity": "sha512-itHBs1rPmsmGF9p4qRe++CzCgd+kFYktnsoR1sbIAfsRMrJZau0Tt1AH9KVnufc2/tU02Gf6Ibujx+15qRE03w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "glibc": ">=2.26",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.2.tgz",
-      "integrity": "sha512-/rK/69Rrp9x5kaWBjVN07KixZanRr+W1OiyKdXcbjQD6KbW+obaTeBBtLUAtbBsnlTTmWthw99xqoOS7SsySDg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "glibc": ">=2.26",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.1.tgz",
-      "integrity": "sha512-kQyrSNd6lmBV7O0BUiyu/OEw9yeNGFbQhbxswS1i6rMDwBBSX+e+rPzu3S+MwAiGU3HdLze3PanQ4Xkfemgzcw==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "macos": ">=11",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.1.tgz",
-      "integrity": "sha512-eVU/JYLPVjhhrd8Tk6gosl5pVlvsqiFlt50wotCvdkFGf+mDNBJxMh+bvav+Wt3EBnNZWq8Sp2I7XfSjm8siog==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "macos": ">=10.13",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.1.tgz",
-      "integrity": "sha512-FtdMvR4R99FTsD53IA3LxYGghQ82t3yt0ZQ93WMZ2xV3dqrb0E8zq4VHaTOuLEAuA83oDawHV3fd+BsAPadHIQ==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.28",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.1.tgz",
-      "integrity": "sha512-bnGG+MJjdX70mAQcSLxgeJco11G+MxTz+ebxlz8Y3dxyeb3Nkl7LgLI0mXupoO+u1wRNx/iRj5yHtzA4sde1yA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.26",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.1.tgz",
-      "integrity": "sha512-3+rzfAR1YpMOeA2zZNp+aYEzGNWK4zF3+sdMxuCS3ey9HhDbJ66w6hDSHDMoap32DueFwhhs3vwooAB2MaK4XQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.28",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.1.tgz",
-      "integrity": "sha512-3NR1mxFsaSgMMzz1bAnnKbSAI+lHXVTqAHgc1bgzjHuXjo4hlscpUxc0vFSAPKI3yuzdzcZOkq7nDPrP2F8Jgw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.26",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.1.tgz",
-      "integrity": "sha512-5aBRcjHDG/T6jwC3Edl3lP8nl9U2Yo8+oTl5drd1dh9Z1EBfzUKAJFUDTDisDjUwc7N4AjnPGfCA3jl3hY8uDg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "musl": ">=1.2.2",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.1.tgz",
-      "integrity": "sha512-dcT7inI9DBFK6ovfeWRe3hG30h51cBAP5JXlZfx6pzc/Mnf9HFCQDLtYf4MCBjxaaTfjCCjkBxcy3XzOAo5txw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "musl": ">=1.2.2",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-linux-arm": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.2.tgz",
-      "integrity": "sha512-Fndk/4Zq3vAc4G/qyfXASbS3HBZbKrlnKZLEJzPLrXoJuipFNNwTes71+Ki1hwYW5lch26niRYoZFAtZVf3EGA==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.28",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.2.tgz",
-      "integrity": "sha512-pz0NNo882vVfqJ0yNInuG9YH71smP4gRSdeL09ukC2YLE6ZyZePAlWKEHgAzJGTiOh8Qkaov6mMIMlEhmLdKew==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.26",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.2.tgz",
-      "integrity": "sha512-MBoInDXDppMfhSzbMmOQtGfloVAflS2rP1qPcUIiITMi36Mm5YR7r0ASND99razjQUpHTzjrU1flO76hKvP5RA==",
-      "cpu": [
-        "s390x"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.28",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-linux-x64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.2.tgz",
-      "integrity": "sha512-xUT82H5IbXewKkeF5aiooajoO1tQV4PnKfS/OZtb5DDdxS/FCI/uXTVZ35GQ97RZXsycojz/AJ0asoz6p2/H/A==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "glibc": ">=2.26",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.2.tgz",
-      "integrity": "sha512-F+0z8JCu/UnMzg8IYW1TMeiViIWBVg7IWP6nE0p5S5EPQxlLd76c8jYemG21X99UzFwgkRo5yz2DS+zbrnxZeA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "musl": ">=1.2.2",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.2.tgz",
-      "integrity": "sha512-+ZLE3SQmSL+Fn1gmSaM8uFusW5Y3J9VOf+wMGNnTtJUMUxFhv+P4UPaYEYT8tqnyYVaOVGgMN/zsOxn9pSsO2A==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "musl": ">=1.2.2",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.1"
-      }
-    },
-    "node_modules/@img/sharp-wasm32": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.2.tgz",
-      "integrity": "sha512-fLbTaESVKuQcpm8ffgBD7jLb/CQLcATju/jxtTXR1XCLwbOQt+OL5zPHSDMmp2JZIeq82e18yE0Vv7zh6+6BfQ==",
-      "cpu": [
-        "wasm32"
-      ],
-      "optional": true,
-      "dependencies": {
-        "@emnapi/runtime": "^0.45.0"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.2.tgz",
-      "integrity": "sha512-okBpql96hIGuZ4lN3+nsAjGeggxKm7hIRu9zyec0lnfB8E7Z6p95BuRZzDDXZOl2e8UmR4RhYt631i7mfmKU8g==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-x64": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.2.tgz",
-      "integrity": "sha512-E4magOks77DK47FwHUIGH0RYWSgRBfGdK56kIHSVeB9uIS4pPFr4N2kIVsXdQQo4LzOsENKV5KAhRlRL7eMAdg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
-        "npm": ">=9.6.5",
-        "pnpm": ">=7.1.0",
-        "yarn": ">=3.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
-      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "find-up": "^4.1.0",
-        "get-package-type": "^0.1.0",
-        "js-yaml": "^3.13.1",
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/schema": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/schemas": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
-      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-      "dev": true,
-      "dependencies": {
-        "@sinclair/typebox": "^0.27.8"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/transform": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
-      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@jest/types": "^29.6.3",
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "babel-plugin-istanbul": "^6.1.1",
-        "chalk": "^4.0.0",
-        "convert-source-map": "^2.0.0",
-        "fast-json-stable-stringify": "^2.1.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-regex-util": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "pirates": "^4.0.4",
-        "slash": "^3.0.0",
-        "write-file-atomic": "^4.0.2"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/transform/node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true
-    },
-    "node_modules/@jest/types": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
-      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^17.0.8",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
-      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.21",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.21.tgz",
-      "integrity": "sha512-SRfKmRe1KvYnxjEMtxEr+J4HIeMX5YBg/qhRHpxEIGjhX1rshcHlnFUE9K0GazhVKWM7B+nARSkV8LuvJdJ5/g==",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@juggle/resize-observer": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
-      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==",
-      "dev": true
-    },
-    "node_modules/@mdx-js/react": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.3.0.tgz",
-      "integrity": "sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==",
-      "dev": true,
-      "dependencies": {
-        "@types/mdx": "^2.0.0",
-        "@types/react": ">=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      },
-      "peerDependencies": {
-        "react": ">=16"
-      }
-    },
-    "node_modules/@motionone/animation": {
-      "version": "10.17.0",
-      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.17.0.tgz",
-      "integrity": "sha512-ANfIN9+iq1kGgsZxs+Nz96uiNcPLGTXwfNo2Xz/fcJXniPYpaz/Uyrfa+7I5BPLxCP82sh7quVDudf1GABqHbg==",
-      "dependencies": {
-        "@motionone/easing": "^10.17.0",
-        "@motionone/types": "^10.17.0",
-        "@motionone/utils": "^10.17.0",
-        "tslib": "^2.3.1"
-      }
-    },
-    "node_modules/@motionone/dom": {
-      "version": "10.12.0",
-      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.12.0.tgz",
-      "integrity": "sha512-UdPTtLMAktHiqV0atOczNYyDd/d8Cf5fFsd1tua03PqTwwCe/6lwhLSQ8a7TbnQ5SN0gm44N1slBfj+ORIhrqw==",
-      "dependencies": {
-        "@motionone/animation": "^10.12.0",
-        "@motionone/generators": "^10.12.0",
-        "@motionone/types": "^10.12.0",
-        "@motionone/utils": "^10.12.0",
-        "hey-listen": "^1.0.8",
-        "tslib": "^2.3.1"
-      }
-    },
-    "node_modules/@motionone/easing": {
-      "version": "10.17.0",
-      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.17.0.tgz",
-      "integrity": "sha512-Bxe2wSuLu/qxqW4rBFS5m9tMLOw+QBh8v5A7Z5k4Ul4sTj5jAOfZG5R0bn5ywmk+Fs92Ij1feZ5pmC4TeXA8Tg==",
-      "dependencies": {
-        "@motionone/utils": "^10.17.0",
-        "tslib": "^2.3.1"
-      }
-    },
-    "node_modules/@motionone/generators": {
-      "version": "10.17.0",
-      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.17.0.tgz",
-      "integrity": "sha512-T6Uo5bDHrZWhIfxG/2Aut7qyWQyJIWehk6OB4qNvr/jwA/SRmixwbd7SOrxZi1z5rH3LIeFFBKK1xHnSbGPZSQ==",
-      "dependencies": {
-        "@motionone/types": "^10.17.0",
-        "@motionone/utils": "^10.17.0",
-        "tslib": "^2.3.1"
-      }
-    },
-    "node_modules/@motionone/types": {
-      "version": "10.17.0",
-      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.17.0.tgz",
-      "integrity": "sha512-EgeeqOZVdRUTEHq95Z3t8Rsirc7chN5xFAPMYFobx8TPubkEfRSm5xihmMUkbaR2ErKJTUw3347QDPTHIW12IA=="
-    },
-    "node_modules/@motionone/utils": {
-      "version": "10.17.0",
-      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.17.0.tgz",
-      "integrity": "sha512-bGwrki4896apMWIj9yp5rAS2m0xyhxblg6gTB/leWDPt+pb410W8lYWsxyurX+DH+gO1zsQsfx2su/c1/LtTpg==",
-      "dependencies": {
-        "@motionone/types": "^10.17.0",
-        "hey-listen": "^1.0.8",
-        "tslib": "^2.3.1"
-      }
-    },
-    "node_modules/@ndelangen/get-tarball": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@ndelangen/get-tarball/-/get-tarball-3.0.9.tgz",
-      "integrity": "sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==",
-      "dev": true,
-      "dependencies": {
-        "gunzip-maybe": "^1.4.2",
-        "pump": "^3.0.0",
-        "tar-fs": "^2.1.1"
-      }
-    },
-    "node_modules/@ndelangen/get-tarball/node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
-    "node_modules/@ndelangen/get-tarball/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@ndelangen/get-tarball/node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dev": true,
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/@ndelangen/get-tarball/node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dev": true,
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@next/env": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-12.3.4.tgz",
-      "integrity": "sha512-H/69Lc5Q02dq3o+dxxy5O/oNxFsZpdL6WREtOOtOM1B/weonIwDXkekr1KV5DPVPr12IHFPrMrcJQ6bgPMfn7A=="
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
-      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
-      "dev": true,
-      "dependencies": {
-        "glob": "7.1.7"
-      }
-    },
-    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@next/swc-android-arm-eabi": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-12.3.4.tgz",
-      "integrity": "sha512-cM42Cw6V4Bz/2+j/xIzO8nK/Q3Ly+VSlZJTa1vHzsocJRYz8KT6MrreXaci2++SIZCF1rVRCDgAg5PpqRibdIA==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-android-arm64": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.3.4.tgz",
-      "integrity": "sha512-5jf0dTBjL+rabWjGj3eghpLUxCukRhBcEJgwLedewEA/LJk2HyqCvGIwj5rH+iwmq1llCWbOky2dO3pVljrapg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.3.4.tgz",
-      "integrity": "sha512-DqsSTd3FRjQUR6ao0E1e2OlOcrF5br+uegcEGPVonKYJpcr0MJrtYmPxd4v5T6UCJZ+XzydF7eQo5wdGvSZAyA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.3.4.tgz",
-      "integrity": "sha512-PPF7tbWD4k0dJ2EcUSnOsaOJ5rhT3rlEt/3LhZUGiYNL8KvoqczFrETlUx0cUYaXe11dRA3F80Hpt727QIwByQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-freebsd-x64": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-12.3.4.tgz",
-      "integrity": "sha512-KM9JXRXi/U2PUM928z7l4tnfQ9u8bTco/jb939pdFUHqc28V43Ohd31MmZD1QzEK4aFlMRaIBQOWQZh4D/E5lQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm-gnueabihf": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.3.4.tgz",
-      "integrity": "sha512-3zqD3pO+z5CZyxtKDTnOJ2XgFFRUBciOox6EWkoZvJfc9zcidNAQxuwonUeNts6Xbm8Wtm5YGIRC0x+12YH7kw==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.3.4.tgz",
-      "integrity": "sha512-kiX0vgJGMZVv+oo1QuObaYulXNvdH/IINmvdZnVzMO/jic/B8EEIGlZ8Bgvw8LCjH3zNVPO3mGrdMvnEEPEhKA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.3.4.tgz",
-      "integrity": "sha512-EETZPa1juczrKLWk5okoW2hv7D7WvonU+Cf2CgsSoxgsYbUCZ1voOpL4JZTOb6IbKMDo6ja+SbY0vzXZBUMvkQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.3.4.tgz",
-      "integrity": "sha512-4csPbRbfZbuWOk3ATyWcvVFdD9/Rsdq5YHKvRuEni68OCLkfy4f+4I9OBpyK1SKJ00Cih16NJbHE+k+ljPPpag==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.3.4.tgz",
-      "integrity": "sha512-YeBmI+63Ro75SUiL/QXEVXQ19T++58aI/IINOyhpsRL1LKdyfK/35iilraZEFz9bLQrwy1LYAR5lK200A9Gjbg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.3.4.tgz",
-      "integrity": "sha512-Sd0qFUJv8Tj0PukAYbCCDbmXcMkbIuhnTeHm9m4ZGjCf6kt7E/RMs55Pd3R5ePjOkN7dJEuxYBehawTR/aPDSQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.3.4.tgz",
-      "integrity": "sha512-rt/vv/vg/ZGGkrkKcuJ0LyliRdbskQU+91bje+PgoYmxTZf/tYs6IfbmgudBJk6gH3QnjHWbkphDdRQrseRefQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.3.4.tgz",
-      "integrity": "sha512-DQ20JEfTBZAgF8QCjYfJhv2/279M6onxFjdG/+5B0Cyj00/EdBxiWb2eGGFgQhrBbNv/lsvzFbbi0Ptf8Vw/bg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@octokit/auth-token": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@octokit/auth-token/-/auth-token-3.0.4.tgz",
-      "integrity": "sha512-TWFX7cZF2LXoCvdmJWY7XVPi74aSY0+FfBZNSXEXFkMpjcqsQwDSYVv5FhRFaI0V1ECnwbz4j59T/G+rXNWaIQ==",
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/core": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-4.2.4.tgz",
-      "integrity": "sha512-rYKilwgzQ7/imScn3M9/pFfUf4I1AZEH3KhyJmtPdE2zfaXAn2mFfUy4FbKewzc2We5y/LlKLj36fWJLKC2SIQ==",
-      "dependencies": {
-        "@octokit/auth-token": "^3.0.0",
-        "@octokit/graphql": "^5.0.0",
-        "@octokit/request": "^6.0.0",
-        "@octokit/request-error": "^3.0.0",
-        "@octokit/types": "^9.0.0",
-        "before-after-hook": "^2.2.0",
-        "universal-user-agent": "^6.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/endpoint": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-7.0.6.tgz",
-      "integrity": "sha512-5L4fseVRUsDFGR00tMWD/Trdeeihn999rTMGRMC1G/Ldi1uWlWJzI98H4Iak5DB/RVvQuyMYKqSK/R6mbSOQyg==",
-      "dependencies": {
-        "@octokit/types": "^9.0.0",
-        "is-plain-object": "^5.0.0",
-        "universal-user-agent": "^6.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/graphql": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-5.0.6.tgz",
-      "integrity": "sha512-Fxyxdy/JH0MnIB5h+UQ3yCoh1FG4kWXfFKkpWqjZHw/p+Kc8Y44Hu/kCgNBT6nU1shNumEchmW/sUO1JuQnPcw==",
-      "dependencies": {
-        "@octokit/request": "^6.0.0",
-        "@octokit/types": "^9.0.0",
-        "universal-user-agent": "^6.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/openapi-types": {
-      "version": "18.1.1",
-      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-18.1.1.tgz",
-      "integrity": "sha512-VRaeH8nCDtF5aXWnjPuEMIYf1itK/s3JYyJcWFJT8X9pSNnBtriDf7wlEWsGuhPLl4QIH4xM8fqTXDwJ3Mu6sw=="
-    },
-    "node_modules/@octokit/plugin-paginate-rest": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-6.1.2.tgz",
-      "integrity": "sha512-qhrmtQeHU/IivxucOV1bbI/xZyC/iOBhclokv7Sut5vnejAIAEXVcGQeRpQlU39E0WwK9lNvJHphHri/DB6lbQ==",
-      "dependencies": {
-        "@octokit/tsconfig": "^1.0.2",
-        "@octokit/types": "^9.2.3"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "@octokit/core": ">=4"
-      }
-    },
-    "node_modules/@octokit/plugin-request-log": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz",
-      "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==",
-      "peerDependencies": {
-        "@octokit/core": ">=3"
-      }
-    },
-    "node_modules/@octokit/plugin-rest-endpoint-methods": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-7.2.3.tgz",
-      "integrity": "sha512-I5Gml6kTAkzVlN7KCtjOM+Ruwe/rQppp0QU372K1GP7kNOYEKe8Xn5BW4sE62JAHdwpq95OQK/qGNyKQMUzVgA==",
-      "dependencies": {
-        "@octokit/types": "^10.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "@octokit/core": ">=3"
-      }
-    },
-    "node_modules/@octokit/plugin-rest-endpoint-methods/node_modules/@octokit/types": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-10.0.0.tgz",
-      "integrity": "sha512-Vm8IddVmhCgU1fxC1eyinpwqzXPEYu0NrYzD3YZjlGjyftdLBTeqNblRC0jmJmgxbJIsQlyogVeGnrNaaMVzIg==",
-      "dependencies": {
-        "@octokit/openapi-types": "^18.0.0"
-      }
-    },
-    "node_modules/@octokit/request": {
-      "version": "6.2.8",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-6.2.8.tgz",
-      "integrity": "sha512-ow4+pkVQ+6XVVsekSYBzJC0VTVvh/FCTUUgTsboGq+DTeWdyIFV8WSCdo0RIxk6wSkBTHqIK1mYuY7nOBXOchw==",
-      "dependencies": {
-        "@octokit/endpoint": "^7.0.0",
-        "@octokit/request-error": "^3.0.0",
-        "@octokit/types": "^9.0.0",
-        "is-plain-object": "^5.0.0",
-        "node-fetch": "^2.6.7",
-        "universal-user-agent": "^6.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/request-error": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-3.0.3.tgz",
-      "integrity": "sha512-crqw3V5Iy2uOU5Np+8M/YexTlT8zxCfI+qu+LxUB7SZpje4Qmx3mub5DfEKSO8Ylyk0aogi6TYdf6kxzh2BguQ==",
-      "dependencies": {
-        "@octokit/types": "^9.0.0",
-        "deprecation": "^2.0.0",
-        "once": "^1.4.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/rest": {
-      "version": "19.0.13",
-      "resolved": "https://registry.npmjs.org/@octokit/rest/-/rest-19.0.13.tgz",
-      "integrity": "sha512-/EzVox5V9gYGdbAI+ovYj3nXQT1TtTHRT+0eZPcuC05UFSWO3mdO9UY1C0i2eLF9Un1ONJkAk+IEtYGAC+TahA==",
-      "dependencies": {
-        "@octokit/core": "^4.2.1",
-        "@octokit/plugin-paginate-rest": "^6.1.2",
-        "@octokit/plugin-request-log": "^1.0.4",
-        "@octokit/plugin-rest-endpoint-methods": "^7.1.2"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/@octokit/tsconfig": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@octokit/tsconfig/-/tsconfig-1.0.2.tgz",
-      "integrity": "sha512-I0vDR0rdtP8p2lGMzvsJzbhdOWy405HcGovrspJ8RRibHnyRgggUSNO5AIox5LmqiwmatHKYsvj6VGFHkqS7lA=="
-    },
-    "node_modules/@octokit/types": {
-      "version": "9.3.2",
-      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-9.3.2.tgz",
-      "integrity": "sha512-D4iHGTdAnEEVsB8fl95m1hiz7D5YiRdQ9b/OEb3BYRVwbLsGHcRVPz+u+BgRLNk0Q0/4iZCBqDN96j2XNxfXrA==",
-      "dependencies": {
-        "@octokit/openapi-types": "^18.0.0"
-      }
-    },
-    "node_modules/@peculiar/asn1-cms": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-cms/-/asn1-cms-2.3.13.tgz",
-      "integrity": "sha512-joqu8A7KR2G85oLPq+vB+NFr2ro7Ls4ol13Zcse/giPSzUNN0n2k3v8kMpf6QdGUhI13e5SzQYN8AKP8sJ8v4w==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "@peculiar/asn1-x509-attr": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-csr": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-csr/-/asn1-csr-2.3.13.tgz",
-      "integrity": "sha512-+JtFsOUWCw4zDpxp1LbeTYBnZLlGVOWmHHEhoFdjM5yn4wCn+JiYQ8mghOi36M2f6TPQ17PmhNL6/JfNh7/jCA==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-ecc": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-ecc/-/asn1-ecc-2.3.13.tgz",
-      "integrity": "sha512-3dF2pQcrN/WJEMq+9qWLQ0gqtn1G81J4rYqFl6El6QV367b4IuhcRv+yMA84tNNyHOJn9anLXV5radnpPiG3iA==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-pfx": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pfx/-/asn1-pfx-2.3.13.tgz",
-      "integrity": "sha512-fypYxjn16BW+5XbFoY11Rm8LhZf6euqX/C7BTYpqVvLem1GvRl7A+Ro1bO/UPwJL0z+1mbvXEnkG0YOwbwz2LA==",
-      "dependencies": {
-        "@peculiar/asn1-cms": "^2.3.13",
-        "@peculiar/asn1-pkcs8": "^2.3.13",
-        "@peculiar/asn1-rsa": "^2.3.13",
-        "@peculiar/asn1-schema": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-pkcs8": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pkcs8/-/asn1-pkcs8-2.3.13.tgz",
-      "integrity": "sha512-VP3PQzbeSSjPjKET5K37pxyf2qCdM0dz3DJ56ZCsol3FqAXGekb4sDcpoL9uTLGxAh975WcdvUms9UcdZTuGyQ==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-pkcs9": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pkcs9/-/asn1-pkcs9-2.3.13.tgz",
-      "integrity": "sha512-rIwQXmHpTo/dgPiWqUgby8Fnq6p1xTJbRMxCiMCk833kQCeZrC5lbSKg6NDnJTnX2kC6IbXBB9yCS2C73U2gJg==",
-      "dependencies": {
-        "@peculiar/asn1-cms": "^2.3.13",
-        "@peculiar/asn1-pfx": "^2.3.13",
-        "@peculiar/asn1-pkcs8": "^2.3.13",
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "@peculiar/asn1-x509-attr": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-rsa": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-rsa/-/asn1-rsa-2.3.13.tgz",
-      "integrity": "sha512-wBNQqCyRtmqvXkGkL4DR3WxZhHy8fDiYtOjTeCd7SFE5F6GBeafw3EJ94PX/V0OJJrjQ40SkRY2IZu3ZSyBqcg==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-schema": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.3.13.tgz",
-      "integrity": "sha512-3Xq3a01WkHRZL8X04Zsfg//mGaA21xlL4tlVn4v2xGT0JStiztATRkMwa5b+f/HXmY2smsiLXYK46Gwgzvfg3g==",
-      "dependencies": {
-        "asn1js": "^3.0.5",
-        "pvtsutils": "^1.3.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-x509": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-x509/-/asn1-x509-2.3.13.tgz",
-      "integrity": "sha512-PfeLQl2skXmxX2/AFFCVaWU8U6FKW1Db43mgBhShCOFS1bVxqtvusq1hVjfuEcuSQGedrLdCSvTgabluwN/M9A==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "ipaddr.js": "^2.1.0",
-        "pvtsutils": "^1.3.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-x509-attr": {
-      "version": "2.3.13",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-x509-attr/-/asn1-x509-attr-2.3.13.tgz",
-      "integrity": "sha512-WpEos6CcnUzJ6o2Qb68Z7Dz5rSjRGv/DtXITCNBtjZIRWRV12yFVci76SVfOX8sisL61QWMhpLKQibrG8pi2Pw==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.13",
-        "@peculiar/asn1-x509": "^2.3.13",
-        "asn1js": "^3.0.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-x509/node_modules/ipaddr.js": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
-      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@peculiar/x509": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/x509/-/x509-1.11.0.tgz",
-      "integrity": "sha512-8rdxE//tsWLb2Yo2TYO2P8gieStbrHK/huFMV5PPfwX8I5HmtOus+Ox6nTKrPA9o+WOPaa5xKenee+QdmHBd5g==",
-      "dependencies": {
-        "@peculiar/asn1-cms": "^2.3.8",
-        "@peculiar/asn1-csr": "^2.3.8",
-        "@peculiar/asn1-ecc": "^2.3.8",
-        "@peculiar/asn1-pkcs9": "^2.3.8",
-        "@peculiar/asn1-rsa": "^2.3.8",
-        "@peculiar/asn1-schema": "^2.3.8",
-        "@peculiar/asn1-x509": "^2.3.8",
-        "pvtsutils": "^1.3.5",
-        "reflect-metadata": "^0.2.2",
-        "tslib": "^2.6.2",
-        "tsyringe": "^4.8.0"
-      }
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
-      "version": "0.5.11",
-      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.11.tgz",
-      "integrity": "sha512-7j/6vdTym0+qZ6u4XbSAxrWBGYSdCfTzySkj7WAFgDLmSyWlOrWvpyzxlFh5jtw9dn0oL/jtW+06XfFiisN3JQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-html-community": "^0.0.8",
-        "common-path-prefix": "^3.0.0",
-        "core-js-pure": "^3.23.3",
-        "error-stack-parser": "^2.0.6",
-        "find-up": "^5.0.0",
-        "html-entities": "^2.1.0",
-        "loader-utils": "^2.0.4",
-        "schema-utils": "^3.0.0",
-        "source-map": "^0.7.3"
-      },
-      "engines": {
-        "node": ">= 10.13"
-      },
-      "peerDependencies": {
-        "@types/webpack": "4.x || 5.x",
-        "react-refresh": ">=0.10.0 <1.0.0",
-        "sockjs-client": "^1.4.0",
-        "type-fest": ">=0.17.0 <5.0.0",
-        "webpack": ">=4.43.0 <6.0.0",
-        "webpack-dev-server": "3.x || 4.x",
-        "webpack-hot-middleware": "2.x",
-        "webpack-plugin-serve": "0.x || 1.x"
-      },
-      "peerDependenciesMeta": {
-        "@types/webpack": {
-          "optional": true
-        },
-        "sockjs-client": {
-          "optional": true
-        },
-        "type-fest": {
-          "optional": true
-        },
-        "webpack-dev-server": {
-          "optional": true
-        },
-        "webpack-hot-middleware": {
-          "optional": true
-        },
-        "webpack-plugin-serve": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/loader-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@radix-ui/number": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.0.1.tgz",
-      "integrity": "sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      }
-    },
-    "node_modules/@radix-ui/primitive": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz",
-      "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      }
-    },
-    "node_modules/@radix-ui/react-accordion": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.1.2.tgz",
-      "integrity": "sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-collapsible": "1.0.3",
-        "@radix-ui/react-collection": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.0.5.tgz",
-      "integrity": "sha512-OrVIOcZL0tl6xibeuGt5/+UxoT2N27KCFOPjFyfXMnchxSHZ/OW7cCX2nGlIYJrbHK/fczPcFzAwvNBB6XBNMA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dialog": "1.0.5",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-arrow": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz",
-      "integrity": "sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-checkbox": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.0.4.tgz",
-      "integrity": "sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-previous": "1.0.1",
-        "@radix-ui/react-use-size": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collapsible": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.0.3.tgz",
-      "integrity": "sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
-      "integrity": "sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
-      "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz",
-      "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz",
-      "integrity": "sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-focus-guards": "1.0.1",
-        "@radix-ui/react-focus-scope": "1.0.4",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.5"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz",
-      "integrity": "sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz",
-      "integrity": "sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-escape-keydown": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-dropdown-menu": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.0.6.tgz",
-      "integrity": "sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-menu": "2.0.6",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
-      "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz",
-      "integrity": "sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.0.7.tgz",
-      "integrity": "sha512-OcUN2FU0YpmajD/qkph3XzMcK/NmSk9hGWnjV68p6QiZMgILugusgQwnLSDs3oFSJYGKf3Y49zgFedhGh04k9A==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-popper": "1.1.3",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz",
-      "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-layout-effect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-label": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.0.2.tgz",
-      "integrity": "sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-menu": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.0.6.tgz",
-      "integrity": "sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-collection": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-focus-guards": "1.0.1",
-        "@radix-ui/react-focus-scope": "1.0.4",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-popper": "1.1.3",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-roving-focus": "1.0.4",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.5"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popover": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.0.7.tgz",
-      "integrity": "sha512-shtvVnlsxT6faMnK/a7n0wptwBD23xc1Z5mdrtKLwVEfsEMXodS0r5s0/g5P0hX//EKYZS2sxUjqfzlg52ZSnQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-focus-guards": "1.0.1",
-        "@radix-ui/react-focus-scope": "1.0.4",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-popper": "1.1.3",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.5"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.3.tgz",
-      "integrity": "sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1",
-        "@radix-ui/react-use-rect": "1.0.1",
-        "@radix-ui/react-use-size": "1.0.1",
-        "@radix-ui/rect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.4.tgz",
-      "integrity": "sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.1.tgz",
-      "integrity": "sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
-      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-slot": "1.0.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-progress": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.0.3.tgz",
-      "integrity": "sha512-5G6Om/tYSxjSeEdrb1VfKkfZfn/1IlPWd731h2RfPuSbIfNUgfqAwbKfJCg/PP6nuUCTrYzalwHSpSinoWoCag==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-radio-group": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.3.tgz",
-      "integrity": "sha512-x+yELayyefNeKeTx4fjK6j99Fs6c4qKm3aY38G3swQVTN6xMpsrbigC0uHs2L//g8q4qR7qOcww8430jJmi2ag==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-roving-focus": "1.0.4",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-previous": "1.0.1",
-        "@radix-ui/react-use-size": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.4.tgz",
-      "integrity": "sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-collection": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.0.0.tgz",
-      "integrity": "sha512-RH5b7af4oHtkcHS7pG6Sgv5rk5Wxa7XI8W5gvB1N/yiuDGZxko1ynvOiVhFM7Cis2A8zxF9bTOUVbRDzPepe6w==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/number": "1.0.1",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-collection": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-focus-guards": "1.0.1",
-        "@radix-ui/react-focus-scope": "1.0.4",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-popper": "1.1.3",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1",
-        "@radix-ui/react-use-previous": "1.0.1",
-        "@radix-ui/react-visually-hidden": "1.0.3",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.5"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz",
-      "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
-      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-compose-refs": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-switch": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.3.tgz",
-      "integrity": "sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-previous": "1.0.1",
-        "@radix-ui/react-use-size": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.0.4.tgz",
-      "integrity": "sha512-egZfYY/+wRNCflXNHx+dePvnz9FbmssDTJBtgRfDY7e8SE5oIo3Py2eCB1ckAbh1Q7cQ/6yJZThJ++sgbxibog==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-roving-focus": "1.0.4",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toast": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.1.5.tgz",
-      "integrity": "sha512-fRLn227WHIBRSzuRzGJ8W+5YALxofH23y0MlPLddaIpLpCDqdE0NZlS2NRQDRiptfxDeeCjgFIpexB1/zkxDlw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-collection": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1",
-        "@radix-ui/react-visually-hidden": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toggle": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.0.3.tgz",
-      "integrity": "sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toggle-group": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.0.4.tgz",
-      "integrity": "sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-roving-focus": "1.0.4",
-        "@radix-ui/react-toggle": "1.0.3",
-        "@radix-ui/react-use-controllable-state": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-toolbar": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.0.4.tgz",
-      "integrity": "sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-roving-focus": "1.0.4",
-        "@radix-ui/react-separator": "1.0.3",
-        "@radix-ui/react-toggle-group": "1.0.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.7.tgz",
-      "integrity": "sha512-lPh5iKNFVQ/jav/j6ZrWq3blfDJ0OH9R6FlNUHPMqdLuQ9vwDgFsRxvl8b7Asuy5c8xmoojHUxKHQSOAvMHxyw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-popper": "1.1.3",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-visually-hidden": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
-      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz",
-      "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-callback-ref": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz",
-      "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-callback-ref": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz",
-      "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-previous": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.1.tgz",
-      "integrity": "sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-rect": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz",
-      "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/rect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-use-size": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
-      "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-layout-effect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz",
-      "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/rect": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz",
-      "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      }
-    },
-    "node_modules/@reduxjs/toolkit": {
-      "version": "1.9.7",
-      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.7.tgz",
-      "integrity": "sha512-t7v8ZPxhhKgOKtU+uyJT13lu4vL7az5aFi4IdoDs/eS548edn2M8Ik9h8fxgvMjGoAUVFSt6ZC1P5cWmQ014QQ==",
-      "dependencies": {
-        "immer": "^9.0.21",
-        "redux": "^4.2.1",
-        "redux-thunk": "^2.4.2",
-        "reselect": "^4.1.8"
-      },
-      "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.0 || ^18",
-        "react-redux": "^7.2.1 || ^8.0.2"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-redux": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
-      "integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
-      "dev": true
-    },
-    "node_modules/@sinclair/typebox": {
-      "version": "0.27.8",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "dev": true
-    },
-    "node_modules/@sindresorhus/slugify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-1.1.0.tgz",
-      "integrity": "sha512-ujZRbmmizX26yS/HnB3P9QNlNa4+UvHh+rIse3RbOXLp8yl6n1TxB4t7NHggtVgS8QmmOtzXo48kCxZGACpkPw==",
-      "license": "MIT",
-      "dependencies": {
-        "@sindresorhus/transliterate": "^0.1.1",
-        "escape-string-regexp": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@sindresorhus/transliterate": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-0.1.2.tgz",
-      "integrity": "sha512-5/kmIOY9FF32nicXH+5yLNTX4NJ4atl7jRgqAJuIn/iyDFXBktOKDxCvyGE/EzmF4ngSUvjXxQUQlQiZ5lfw+w==",
-      "license": "MIT",
-      "dependencies": {
-        "escape-string-regexp": "^2.0.0",
-        "lodash.deburr": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@sindresorhus/transliterate/node_modules/escape-string-regexp": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@storybook/addon-actions": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.8.tgz",
-      "integrity": "sha512-/KQlr/nLsAazJuSVUoMjQdwAeeXkKEtElKdqXrqI1LVOi5a7kMgB+bmn9aKX+7VBQLfQ36Btyty+FaY7bRtehQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "7.6.8",
-        "@storybook/global": "^5.0.0",
-        "@types/uuid": "^9.0.1",
-        "dequal": "^2.0.2",
-        "polished": "^4.2.2",
-        "uuid": "^9.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-actions/node_modules/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/@storybook/addon-backgrounds": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.8.tgz",
-      "integrity": "sha512-b+Oj41z2W/Pv6oCXmcjGdNkOStbVItrlDoIeUGyDKrngzH9Kpv5u2XZTHkZWGWusLhOVq8ENBDqj6ENRL6kDtw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0",
-        "memoizerific": "^1.11.3",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-controls": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.8.tgz",
-      "integrity": "sha512-vjBwO1KbjB3l74qOVvLvks4LJjAIStr2n4j7Grdhqf2eeQvj122gT51dXstndtMNFqNHD4y3eImwNAbuaYrrnw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/blocks": "7.6.8",
-        "lodash": "^4.17.21",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-docs": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.8.tgz",
-      "integrity": "sha512-vl7jNKT8x8Hnwn38l5cUr6TQZFCmx09VxarGUrMEO4mwTOoVRL2ofoh9JKFXhCiCHlMI9R0lnupGB/LAplWgPg==",
-      "dev": true,
-      "dependencies": {
-        "@jest/transform": "^29.3.1",
-        "@mdx-js/react": "^2.1.5",
-        "@storybook/blocks": "7.6.8",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/components": "7.6.8",
-        "@storybook/csf-plugin": "7.6.8",
-        "@storybook/csf-tools": "7.6.8",
-        "@storybook/global": "^5.0.0",
-        "@storybook/mdx2-csf": "^1.0.0",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/postinstall": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "@storybook/react-dom-shim": "7.6.8",
-        "@storybook/theming": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "fs-extra": "^11.1.0",
-        "remark-external-links": "^8.0.0",
-        "remark-slug": "^6.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/addon-essentials": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.8.tgz",
-      "integrity": "sha512-UoRZWPkDYL/UWsfAJk4q4nn5nayYdOvPApVsF/ZDnGsiv1zB2RpqbkiD1bfxPlGEVCoB+NQIN2s867gEpf+DjA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/addon-actions": "7.6.8",
-        "@storybook/addon-backgrounds": "7.6.8",
-        "@storybook/addon-controls": "7.6.8",
-        "@storybook/addon-docs": "7.6.8",
-        "@storybook/addon-highlight": "7.6.8",
-        "@storybook/addon-measure": "7.6.8",
-        "@storybook/addon-outline": "7.6.8",
-        "@storybook/addon-toolbars": "7.6.8",
-        "@storybook/addon-viewport": "7.6.8",
-        "@storybook/core-common": "7.6.8",
-        "@storybook/manager-api": "7.6.8",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/addon-highlight": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.8.tgz",
-      "integrity": "sha512-3mUfdLxaegCKWSm0i245RhnmEgkE+uLnOkE7h2kiztrWGqYuzGBKjgfZuVrftqsEWWc7LlJ1xdDZsIgs5Z06gA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-interactions": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.6.8.tgz",
-      "integrity": "sha512-E1ZMrJ/4larCPW92AFuY71I9s8Ri+DEdwNtVnU/WV55NA+E9oRKt5/qOrJLcjQorViwh9KOHeeuc8kagA2hjnA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0",
-        "@storybook/types": "7.6.8",
-        "jest-mock": "^27.0.6",
-        "polished": "^4.2.2",
-        "ts-dedent": "^2.2.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-links": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.8.tgz",
-      "integrity": "sha512-lw+xMvzfhyOR5I5792rGCf31OfVsiNG+uCc6CEewjKdC+e4GZDXzAkLIrLVUvbf6iUvHzERD63Y5nKz2bt5yZA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/csf": "^0.1.2",
-        "@storybook/global": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/addon-measure": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.8.tgz",
-      "integrity": "sha512-76ItcwATq3BRPEtGV5Apby3E+7tOn6d5dtNpBYBZOdjUsj6E+uFtdmfHrc1Bt1ersJ7hRDCgsHArqOGXeLuDrw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-outline": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.8.tgz",
-      "integrity": "sha512-eTHreyvxYLIPt5AbMyDO3CEgGClQFt+CtA/RgSjpyv9MgYXPsZp/h1ZHpYYhSPRYnRE4//YnPMuk7eLf4udaag==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-styling": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-styling/-/addon-styling-1.3.7.tgz",
-      "integrity": "sha512-JSBZMOrSw/3rlq5YoEI7Qyq703KSNP0Jd+gxTWu3/tP6245mpjn2dXnR8FvqVxCi+FG4lt2kQyPzgsuwEw1SSA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/template": "^7.20.7",
-        "@babel/types": "^7.21.5",
-        "@storybook/api": "^7.0.12",
-        "@storybook/components": "^7.0.12",
-        "@storybook/core-common": "^7.0.12",
-        "@storybook/core-events": "^7.0.12",
-        "@storybook/manager-api": "^7.0.12",
-        "@storybook/node-logger": "^7.0.12",
-        "@storybook/preview-api": "^7.0.12",
-        "@storybook/theming": "^7.0.12",
-        "@storybook/types": "^7.0.12",
-        "css-loader": "^6.7.3",
-        "less-loader": "^11.1.0",
-        "postcss-loader": "^7.2.4",
-        "prettier": "^2.8.0",
-        "resolve-url-loader": "^5.0.0",
-        "sass-loader": "^13.2.2",
-        "style-loader": "^3.3.2"
-      },
-      "bin": {
-        "addon-styling-setup": "postinstall.js"
-      },
-      "peerDependencies": {
-        "less": "^3.5.0 || ^4.0.0",
-        "postcss": "^7.0.0 || ^8.0.1",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "less": {
-          "optional": true
-        },
-        "postcss": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/addon-toolbars": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.8.tgz",
-      "integrity": "sha512-Akr9Pfw+AzQBRPVdo8yjcdS4IiOyEIBPVn/OAcbLi6a2zLYBdn99yKi21P0o03TJjNy32A254iAQQ7zyjIwEtA==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-viewport": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.8.tgz",
-      "integrity": "sha512-9fvaTudqTA7HYygOWq8gnlmR5XLLjMgK4RoZqMP8OhzX0Vkkg72knPI8lyrnHwze/yMcR1e2lmbdLm55rPq6QA==",
-      "dev": true,
-      "dependencies": {
-        "memoizerific": "^1.11.3"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addons": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.6.8.tgz",
-      "integrity": "sha512-M8VXkUxD+7HLKjEQT3FNk3CoOtOw4ANhxayIu5lQ4PiKwJ61YVw1r/laPyOYaIMItH/40K1yBSCSV5DDQcN/QA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/manager-api": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "@storybook/types": "7.6.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/api": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.6.8.tgz",
-      "integrity": "sha512-cuc4O75n3ZNnc6880hM1Tj3ieSP12v4WgmZbTv+HlEafp/5d7gqyMSLh8KusJpkbI7CHMCJ/7vv1qmLrvHK9iw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/manager-api": "7.6.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/blocks": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.8.tgz",
-      "integrity": "sha512-9cjwqj+VLmVHD8lU1xIGbZiu2xPQ3A+cAobmam045wvEB/wYhcrF0K0lBwHLqUWTcNdOzZy5uaoaCu/1G5AmDg==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.8",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/components": "7.6.8",
-        "@storybook/core-events": "7.6.8",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/docs-tools": "7.6.8",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "@storybook/theming": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "@types/lodash": "^4.14.167",
-        "color-convert": "^2.0.1",
-        "dequal": "^2.0.2",
-        "lodash": "^4.17.21",
-        "markdown-to-jsx": "^7.1.8",
-        "memoizerific": "^1.11.3",
-        "polished": "^4.2.2",
-        "react-colorful": "^5.1.2",
-        "telejson": "^7.2.0",
-        "tocbot": "^4.20.1",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/builder-manager": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.20.tgz",
-      "integrity": "sha512-e2GzpjLaw6CM/XSmc4qJRzBF8GOoOyotyu3JrSPTYOt4RD8kjUsK4QlismQM1DQRu8i39aIexxmRbiJyD74xzQ==",
-      "dev": true,
-      "dependencies": {
-        "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-        "@storybook/core-common": "7.6.20",
-        "@storybook/manager": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@types/ejs": "^3.1.1",
-        "@types/find-cache-dir": "^3.2.1",
-        "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
-        "browser-assert": "^1.2.1",
-        "ejs": "^3.1.8",
-        "esbuild": "^0.18.0",
-        "esbuild-plugin-alias": "^0.2.1",
-        "express": "^4.17.3",
-        "find-cache-dir": "^3.0.0",
-        "fs-extra": "^11.1.0",
-        "process": "^0.11.10",
-        "util": "^0.12.4"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-manager/node_modules/@storybook/channels": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.20.tgz",
-      "integrity": "sha512-4hkgPSH6bJclB2OvLnkZOGZW1WptJs09mhQ6j6qLjgBZzL/ZdD6priWSd7iXrmPiN5TzUobkG4P4Dp7FjkiO7A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-manager/node_modules/@storybook/client-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.20.tgz",
-      "integrity": "sha512-NwG0VIJQCmKrSaN5GBDFyQgTAHLNishUPLW1NrzqTDNAhfZUoef64rPQlinbopa0H4OXmlB+QxbQIb3ubeXmSQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-manager/node_modules/@storybook/core-common": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.20.tgz",
-      "integrity": "sha512-8H1zPWPjcmeD4HbDm4FDD0WLsfAKGVr566IZ4hG+h3iWVW57II9JW9MLBtiR2LPSd8u7o0kw64lwRGmtCO1qAw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/find-cache-dir": "^3.2.1",
-        "@types/node": "^18.0.0",
-        "@types/node-fetch": "^2.6.4",
-        "@types/pretty-hrtime": "^1.0.0",
-        "chalk": "^4.1.0",
-        "esbuild": "^0.18.0",
-        "esbuild-register": "^3.5.0",
-        "file-system-cache": "2.3.0",
-        "find-cache-dir": "^3.0.0",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "glob": "^10.0.0",
-        "handlebars": "^4.7.7",
-        "lazy-universal-dotenv": "^4.0.0",
-        "node-fetch": "^2.0.0",
-        "picomatch": "^2.3.0",
-        "pkg-dir": "^5.0.0",
-        "pretty-hrtime": "^1.0.3",
-        "resolve-from": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-manager/node_modules/@storybook/core-events": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.20.tgz",
-      "integrity": "sha512-tlVDuVbDiNkvPDFAu+0ou3xBBYbx9zUURQz4G9fAq0ScgBOs/bpzcRrFb4mLpemUViBAd47tfZKdH4MAX45KVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-manager/node_modules/@storybook/node-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.20.tgz",
-      "integrity": "sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-manager/node_modules/@storybook/types": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.20.tgz",
-      "integrity": "sha512-GncdY3x0LpbhmUAAJwXYtJDUQEwfF175gsjH0/fxPkxPoV7Sef9TM41jQLJW/5+6TnZoCZP/+aJZTJtq3ni23Q==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.20",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/builder-webpack5": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.6.8.tgz",
-      "integrity": "sha512-g4gYcHrrV/8Xve4Q/DJfXk8Bxkq5cxzy7KIBkb8PK5h+MFUiS/xoZc5qXk/WuX256zj2JnZRV//2yf61OhNd6g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.23.2",
-        "@storybook/channels": "7.6.8",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/core-common": "7.6.8",
-        "@storybook/core-events": "7.6.8",
-        "@storybook/core-webpack": "7.6.8",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/preview": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "@swc/core": "^1.3.82",
-        "@types/node": "^18.0.0",
-        "@types/semver": "^7.3.4",
-        "babel-loader": "^9.0.0",
-        "browser-assert": "^1.2.1",
-        "case-sensitive-paths-webpack-plugin": "^2.4.0",
-        "constants-browserify": "^1.0.0",
-        "css-loader": "^6.7.1",
-        "es-module-lexer": "^1.4.1",
-        "express": "^4.17.3",
-        "fork-ts-checker-webpack-plugin": "^8.0.0",
-        "fs-extra": "^11.1.0",
-        "html-webpack-plugin": "^5.5.0",
-        "magic-string": "^0.30.5",
-        "path-browserify": "^1.0.1",
-        "process": "^0.11.10",
-        "semver": "^7.3.7",
-        "style-loader": "^3.3.1",
-        "swc-loader": "^0.2.3",
-        "terser-webpack-plugin": "^5.3.1",
-        "ts-dedent": "^2.0.0",
-        "url": "^0.11.0",
-        "util": "^0.12.4",
-        "util-deprecate": "^1.0.2",
-        "webpack": "5",
-        "webpack-dev-middleware": "^6.1.1",
-        "webpack-hot-middleware": "^2.25.1",
-        "webpack-virtual-modules": "^0.5.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/builder-webpack5/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/builder-webpack5/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/builder-webpack5/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@storybook/channels": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.8.tgz",
-      "integrity": "sha512-aPgQcSjeyZDhAfr/slCphVfYGCihxuFCaCVlZuJA4uTaGEUkn+kPW2jP0yLtlSN33J79wFXsMLPQYwIS3aQ4Ew==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/core-events": "7.6.8",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.20.tgz",
-      "integrity": "sha512-ZlP+BJyqg7HlnXf7ypjG2CKMI/KVOn03jFIiClItE/jQfgR6kRFgtjRU7uajh427HHfjv9DRiur8nBzuO7vapA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.23.2",
-        "@babel/preset-env": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@ndelangen/get-tarball": "^3.0.7",
-        "@storybook/codemod": "7.6.20",
-        "@storybook/core-common": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/core-server": "7.6.20",
-        "@storybook/csf-tools": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/telemetry": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/semver": "^7.3.4",
-        "@yarnpkg/fslib": "2.10.3",
-        "@yarnpkg/libzip": "2.3.0",
-        "chalk": "^4.1.0",
-        "commander": "^6.2.1",
-        "cross-spawn": "^7.0.3",
-        "detect-indent": "^6.1.0",
-        "envinfo": "^7.7.3",
-        "execa": "^5.0.0",
-        "express": "^4.17.3",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "get-npm-tarball-url": "^2.0.3",
-        "get-port": "^5.1.1",
-        "giget": "^1.0.0",
-        "globby": "^11.0.2",
-        "jscodeshift": "^0.15.1",
-        "leven": "^3.1.0",
-        "ora": "^5.4.1",
-        "prettier": "^2.8.0",
-        "prompts": "^2.4.0",
-        "puppeteer-core": "^2.1.1",
-        "read-pkg-up": "^7.0.1",
-        "semver": "^7.3.7",
-        "strip-json-comments": "^3.0.1",
-        "tempy": "^1.0.1",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "bin": {
-        "getstorybook": "bin/index.js",
-        "sb": "bin/index.js"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/channels": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.20.tgz",
-      "integrity": "sha512-4hkgPSH6bJclB2OvLnkZOGZW1WptJs09mhQ6j6qLjgBZzL/ZdD6priWSd7iXrmPiN5TzUobkG4P4Dp7FjkiO7A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/client-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.20.tgz",
-      "integrity": "sha512-NwG0VIJQCmKrSaN5GBDFyQgTAHLNishUPLW1NrzqTDNAhfZUoef64rPQlinbopa0H4OXmlB+QxbQIb3ubeXmSQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/core-common": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.20.tgz",
-      "integrity": "sha512-8H1zPWPjcmeD4HbDm4FDD0WLsfAKGVr566IZ4hG+h3iWVW57II9JW9MLBtiR2LPSd8u7o0kw64lwRGmtCO1qAw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/find-cache-dir": "^3.2.1",
-        "@types/node": "^18.0.0",
-        "@types/node-fetch": "^2.6.4",
-        "@types/pretty-hrtime": "^1.0.0",
-        "chalk": "^4.1.0",
-        "esbuild": "^0.18.0",
-        "esbuild-register": "^3.5.0",
-        "file-system-cache": "2.3.0",
-        "find-cache-dir": "^3.0.0",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "glob": "^10.0.0",
-        "handlebars": "^4.7.7",
-        "lazy-universal-dotenv": "^4.0.0",
-        "node-fetch": "^2.0.0",
-        "picomatch": "^2.3.0",
-        "pkg-dir": "^5.0.0",
-        "pretty-hrtime": "^1.0.3",
-        "resolve-from": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/core-events": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.20.tgz",
-      "integrity": "sha512-tlVDuVbDiNkvPDFAu+0ou3xBBYbx9zUURQz4G9fAq0ScgBOs/bpzcRrFb4mLpemUViBAd47tfZKdH4MAX45KVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/csf-tools": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.20.tgz",
-      "integrity": "sha512-rwcwzCsAYh/m/WYcxBiEtLpIW5OH1ingxNdF/rK9mtGWhJxXRDV8acPkFrF8rtFWIVKoOCXu5USJYmc3f2gdYQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/generator": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/types": "7.6.20",
-        "fs-extra": "^11.1.0",
-        "recast": "^0.23.1",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/node-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.20.tgz",
-      "integrity": "sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/@storybook/types": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.20.tgz",
-      "integrity": "sha512-GncdY3x0LpbhmUAAJwXYtJDUQEwfF175gsjH0/fxPkxPoV7Sef9TM41jQLJW/5+6TnZoCZP/+aJZTJtq3ni23Q==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.20",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/@storybook/cli/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/client-api": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/client-api/-/client-api-7.6.8.tgz",
-      "integrity": "sha512-1sTxQN6VbRH7z+L077B/8nxs+nGvrHiYcDhbyGxwM0e6Vn2/ZffdcKt1MXseDhfqIxNgQgOjhKIGsOlbOVPEDw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/preview-api": "7.6.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/client-logger": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.8.tgz",
-      "integrity": "sha512-WyK+RNSYk+sy0pxk8np1MnUXSWFdy54WqtT7u64vDFs9Jxfa1oMZ+Vl6XhaFQYR++tKC7VabLcI6vZ0pOoE9Jw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.20.tgz",
-      "integrity": "sha512-8vmSsksO4XukNw0TmqylPmk7PxnfNfE21YsxFa7mnEBmEKQcZCQsNil4ZgWfG0IzdhTfhglAN4r++Ew0WE+PYA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.23.2",
-        "@babel/preset-env": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/csf-tools": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/cross-spawn": "^6.0.2",
-        "cross-spawn": "^7.0.3",
-        "globby": "^11.0.2",
-        "jscodeshift": "^0.15.1",
-        "lodash": "^4.17.21",
-        "prettier": "^2.8.0",
-        "recast": "^0.23.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@storybook/channels": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.20.tgz",
-      "integrity": "sha512-4hkgPSH6bJclB2OvLnkZOGZW1WptJs09mhQ6j6qLjgBZzL/ZdD6priWSd7iXrmPiN5TzUobkG4P4Dp7FjkiO7A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@storybook/client-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.20.tgz",
-      "integrity": "sha512-NwG0VIJQCmKrSaN5GBDFyQgTAHLNishUPLW1NrzqTDNAhfZUoef64rPQlinbopa0H4OXmlB+QxbQIb3ubeXmSQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@storybook/core-events": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.20.tgz",
-      "integrity": "sha512-tlVDuVbDiNkvPDFAu+0ou3xBBYbx9zUURQz4G9fAq0ScgBOs/bpzcRrFb4mLpemUViBAd47tfZKdH4MAX45KVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@storybook/csf-tools": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.20.tgz",
-      "integrity": "sha512-rwcwzCsAYh/m/WYcxBiEtLpIW5OH1ingxNdF/rK9mtGWhJxXRDV8acPkFrF8rtFWIVKoOCXu5USJYmc3f2gdYQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/generator": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/types": "7.6.20",
-        "fs-extra": "^11.1.0",
-        "recast": "^0.23.1",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@storybook/node-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.20.tgz",
-      "integrity": "sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/codemod/node_modules/@storybook/types": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.20.tgz",
-      "integrity": "sha512-GncdY3x0LpbhmUAAJwXYtJDUQEwfF175gsjH0/fxPkxPoV7Sef9TM41jQLJW/5+6TnZoCZP/+aJZTJtq3ni23Q==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.20",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/components": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.8.tgz",
-      "integrity": "sha512-ghrQkws7F2s9xwdiQq2ezQoOozCiYF9g/vnh+qttd4UgKqXDWoILb8LJGKtS7C0u0vV/Ui59EYUyDIVBT6wHlw==",
-      "dev": true,
-      "dependencies": {
-        "@radix-ui/react-select": "^1.2.2",
-        "@radix-ui/react-toolbar": "^1.0.4",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/global": "^5.0.0",
-        "@storybook/theming": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "memoizerific": "^1.11.3",
-        "use-resize-observer": "^9.1.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/components/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz",
-      "integrity": "sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-escape-keydown": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/components/node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.3.tgz",
-      "integrity": "sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/components/node_modules/@radix-ui/react-popper": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.2.tgz",
-      "integrity": "sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1",
-        "@radix-ui/react-use-rect": "1.0.1",
-        "@radix-ui/react-use-size": "1.0.1",
-        "@radix-ui/rect": "1.0.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/components/node_modules/@radix-ui/react-portal": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.3.tgz",
-      "integrity": "sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/components/node_modules/@radix-ui/react-select": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-1.2.2.tgz",
-      "integrity": "sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/number": "1.0.1",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-collection": "1.0.3",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-direction": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.4",
-        "@radix-ui/react-focus-guards": "1.0.1",
-        "@radix-ui/react-focus-scope": "1.0.3",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-popper": "1.1.2",
-        "@radix-ui/react-portal": "1.0.3",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-callback-ref": "1.0.1",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-use-layout-effect": "1.0.1",
-        "@radix-ui/react-use-previous": "1.0.1",
-        "@radix-ui/react-visually-hidden": "1.0.3",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.5"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/core-client": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.8.tgz",
-      "integrity": "sha512-Avt0R0F9U+PEndPS23LHyIBxbwVCeF/VCIuIfD1eTYwE9nSLzvJXqlxARfFyhYV43LQcC5fIKjxfrsyUjM5vbQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/preview-api": "7.6.8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-common": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.8.tgz",
-      "integrity": "sha512-TRbiv5AF2m88ixyh31yqn6FgWDYZO6e6IxbJolRvEKD4b9opfPJ5e1ocb/QPz9sBUmsrX59ghMjO8R6dDYzdwA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "7.6.8",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "@types/find-cache-dir": "^3.2.1",
-        "@types/node": "^18.0.0",
-        "@types/node-fetch": "^2.6.4",
-        "@types/pretty-hrtime": "^1.0.0",
-        "chalk": "^4.1.0",
-        "esbuild": "^0.18.0",
-        "esbuild-register": "^3.5.0",
-        "file-system-cache": "2.3.0",
-        "find-cache-dir": "^3.0.0",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "glob": "^10.0.0",
-        "handlebars": "^4.7.7",
-        "lazy-universal-dotenv": "^4.0.0",
-        "node-fetch": "^2.0.0",
-        "picomatch": "^2.3.0",
-        "pkg-dir": "^5.0.0",
-        "pretty-hrtime": "^1.0.3",
-        "resolve-from": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-events": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.8.tgz",
-      "integrity": "sha512-c1onJHG71JKbU4hMZC31rVTSbcfhcXaB0ikGnb7rJzlUZ1YkWnb0wf0/ikQR0seDOpR3HS+WQ0M3FIpqANyETg==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.20.tgz",
-      "integrity": "sha512-qC5BdbqqwMLTdCwMKZ1Hbc3+3AaxHYWLiJaXL9e8s8nJw89xV8c8l30QpbJOGvcDmsgY6UTtXYaJ96OsTr7MrA==",
-      "dev": true,
-      "dependencies": {
-        "@aw-web-design/x-default-browser": "1.4.126",
-        "@discoveryjs/json-ext": "^0.5.3",
-        "@storybook/builder-manager": "7.6.20",
-        "@storybook/channels": "7.6.20",
-        "@storybook/core-common": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/csf-tools": "7.6.20",
-        "@storybook/docs-mdx": "^0.1.0",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/preview-api": "7.6.20",
-        "@storybook/telemetry": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/detect-port": "^1.3.0",
-        "@types/node": "^18.0.0",
-        "@types/pretty-hrtime": "^1.0.0",
-        "@types/semver": "^7.3.4",
-        "better-opn": "^3.0.2",
-        "chalk": "^4.1.0",
-        "cli-table3": "^0.6.1",
-        "compression": "^1.7.4",
-        "detect-port": "^1.3.0",
-        "express": "^4.17.3",
-        "fs-extra": "^11.1.0",
-        "globby": "^11.0.2",
-        "lodash": "^4.17.21",
-        "open": "^8.4.0",
-        "pretty-hrtime": "^1.0.3",
-        "prompts": "^2.4.0",
-        "read-pkg-up": "^7.0.1",
-        "semver": "^7.3.7",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1",
-        "ts-dedent": "^2.0.0",
-        "util": "^0.12.4",
-        "util-deprecate": "^1.0.2",
-        "watchpack": "^2.2.0",
-        "ws": "^8.2.3"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/channels": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.20.tgz",
-      "integrity": "sha512-4hkgPSH6bJclB2OvLnkZOGZW1WptJs09mhQ6j6qLjgBZzL/ZdD6priWSd7iXrmPiN5TzUobkG4P4Dp7FjkiO7A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/client-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.20.tgz",
-      "integrity": "sha512-NwG0VIJQCmKrSaN5GBDFyQgTAHLNishUPLW1NrzqTDNAhfZUoef64rPQlinbopa0H4OXmlB+QxbQIb3ubeXmSQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/core-common": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.20.tgz",
-      "integrity": "sha512-8H1zPWPjcmeD4HbDm4FDD0WLsfAKGVr566IZ4hG+h3iWVW57II9JW9MLBtiR2LPSd8u7o0kw64lwRGmtCO1qAw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/find-cache-dir": "^3.2.1",
-        "@types/node": "^18.0.0",
-        "@types/node-fetch": "^2.6.4",
-        "@types/pretty-hrtime": "^1.0.0",
-        "chalk": "^4.1.0",
-        "esbuild": "^0.18.0",
-        "esbuild-register": "^3.5.0",
-        "file-system-cache": "2.3.0",
-        "find-cache-dir": "^3.0.0",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "glob": "^10.0.0",
-        "handlebars": "^4.7.7",
-        "lazy-universal-dotenv": "^4.0.0",
-        "node-fetch": "^2.0.0",
-        "picomatch": "^2.3.0",
-        "pkg-dir": "^5.0.0",
-        "pretty-hrtime": "^1.0.3",
-        "resolve-from": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/core-events": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.20.tgz",
-      "integrity": "sha512-tlVDuVbDiNkvPDFAu+0ou3xBBYbx9zUURQz4G9fAq0ScgBOs/bpzcRrFb4mLpemUViBAd47tfZKdH4MAX45KVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/csf-tools": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.20.tgz",
-      "integrity": "sha512-rwcwzCsAYh/m/WYcxBiEtLpIW5OH1ingxNdF/rK9mtGWhJxXRDV8acPkFrF8rtFWIVKoOCXu5USJYmc3f2gdYQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/generator": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/types": "7.6.20",
-        "fs-extra": "^11.1.0",
-        "recast": "^0.23.1",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/node-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.20.tgz",
-      "integrity": "sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/preview-api": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.20.tgz",
-      "integrity": "sha512-3ic2m9LDZEPwZk02wIhNc3n3rNvbi7VDKn52hDXfAxnL5EYm7yDICAkaWcVaTfblru2zn0EDJt7ROpthscTW5w==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.20",
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/global": "^5.0.0",
-        "@storybook/types": "7.6.20",
-        "@types/qs": "^6.9.5",
-        "dequal": "^2.0.2",
-        "lodash": "^4.17.21",
-        "memoizerific": "^1.11.3",
-        "qs": "^6.10.0",
-        "synchronous-promise": "^2.0.15",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/@storybook/types": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.20.tgz",
-      "integrity": "sha512-GncdY3x0LpbhmUAAJwXYtJDUQEwfF175gsjH0/fxPkxPoV7Sef9TM41jQLJW/5+6TnZoCZP/+aJZTJtq3ni23Q==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.20",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-server/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/core-webpack": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.6.8.tgz",
-      "integrity": "sha512-UOTW2WhKmB8baCLc1eRssmz11sBv+iDRyS2WFK+WONkiGy3pQrpxfq2OVXXMFYkSHGXqj/jSKfKXSmNQBbkyAQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-common": "7.6.8",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "@types/node": "^18.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/csf": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.2.tgz",
-      "integrity": "sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^2.19.0"
-      }
-    },
-    "node_modules/@storybook/csf-plugin": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.8.tgz",
-      "integrity": "sha512-KYh7VwTHhXz/V9weuGY3pK9messE56TJHUD+0SO9dF2BVNKsKpAOVcjzrE6masiAFX35Dz/t9ywy8iFcfAo0dg==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/csf-tools": "7.6.8",
-        "unplugin": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/csf-tools": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.8.tgz",
-      "integrity": "sha512-ea6QnQRvhPOpSUbfioLlJYRLpJldNZcocgUJwOJ/e3TM6M67BZBzeDnVOJkuUKejrp++KF22GEIkbGAWErIlnA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/generator": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/types": "7.6.8",
-        "fs-extra": "^11.1.0",
-        "recast": "^0.23.1",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/docs-mdx": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-mdx/-/docs-mdx-0.1.0.tgz",
-      "integrity": "sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==",
-      "dev": true
-    },
-    "node_modules/@storybook/docs-tools": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.8.tgz",
-      "integrity": "sha512-zIbrje4JLFpfK05y3SkDNtIth/vTOEaJVa/zaHuwS1gUX73Pq3jwF2eMGVabeVWi6hvxGeZXhnIsymh/Hpbn5w==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-common": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "@types/doctrine": "^0.0.3",
-        "assert": "^2.1.0",
-        "doctrine": "^3.0.0",
-        "lodash": "^4.17.21"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/global": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
-      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
-      "dev": true
-    },
-    "node_modules/@storybook/manager": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.20.tgz",
-      "integrity": "sha512-0Cf6WN0t7yEG2DR29tN5j+i7H/TH5EfPppg9h9/KiQSoFHk+6KLoy2p5do94acFU+Ro4+zzxvdCGbcYGKuArpg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/manager-api": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.8.tgz",
-      "integrity": "sha512-BGVZb0wMTd8Hi8rUYPRzdIhWRw73qXlEupwEYyGtH63sg+aD67wyAo8/pMEpQBH4kVss7VheWY2JGpRJeFVUxw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.8",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/core-events": "7.6.8",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/global": "^5.0.0",
-        "@storybook/router": "7.6.8",
-        "@storybook/theming": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "dequal": "^2.0.2",
-        "lodash": "^4.17.21",
-        "memoizerific": "^1.11.3",
-        "store2": "^2.14.2",
-        "telejson": "^7.2.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/mdx2-csf": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@storybook/mdx2-csf/-/mdx2-csf-1.1.0.tgz",
-      "integrity": "sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==",
-      "dev": true
-    },
-    "node_modules/@storybook/nextjs": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-7.6.8.tgz",
-      "integrity": "sha512-17n2k7h5Eg6LGZpQbEpBXa949+QY5Zv0u5zvtXpMShpnrcuX2E3e9AQabwUmIvU7WiLaRw9rxNC0HrW6GUB3zg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.23.2",
-        "@babel/plugin-syntax-bigint": "^7.8.3",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.22.5",
-        "@babel/plugin-transform-class-properties": "^7.22.5",
-        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
-        "@babel/plugin-transform-numeric-separator": "^7.22.11",
-        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
-        "@babel/plugin-transform-runtime": "^7.23.2",
-        "@babel/preset-env": "^7.23.2",
-        "@babel/preset-react": "^7.22.15",
-        "@babel/preset-typescript": "^7.23.2",
-        "@babel/runtime": "^7.23.2",
-        "@storybook/addon-actions": "7.6.8",
-        "@storybook/builder-webpack5": "7.6.8",
-        "@storybook/core-common": "7.6.8",
-        "@storybook/core-events": "7.6.8",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/preset-react-webpack": "7.6.8",
-        "@storybook/preview-api": "7.6.8",
-        "@storybook/react": "7.6.8",
-        "@types/node": "^18.0.0",
-        "@types/semver": "^7.3.4",
-        "css-loader": "^6.7.3",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "image-size": "^1.0.0",
-        "loader-utils": "^3.2.1",
-        "node-polyfill-webpack-plugin": "^2.0.1",
-        "pnp-webpack-plugin": "^1.7.0",
-        "postcss": "^8.4.21",
-        "postcss-loader": "^7.0.2",
-        "resolve-url-loader": "^5.0.0",
-        "sass-loader": "^12.4.0",
-        "semver": "^7.3.5",
-        "sharp": "^0.32.6",
-        "style-loader": "^3.3.1",
-        "styled-jsx": "5.1.1",
-        "ts-dedent": "^2.0.0",
-        "tsconfig-paths": "^4.0.0",
-        "tsconfig-paths-webpack-plugin": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "@next/font": "^13.0.0|| ^14.0.0",
-        "next": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@next/font": {
-          "optional": true
-        },
-        "typescript": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/sass-loader": {
-      "version": "12.6.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz",
-      "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==",
-      "dev": true,
-      "dependencies": {
-        "klona": "^2.0.4",
-        "neo-async": "^2.6.2"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
-        "sass": "^1.3.0",
-        "sass-embedded": "*",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/sharp": {
-      "version": "0.32.6",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
-      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.2",
-        "node-addon-api": "^6.1.0",
-        "prebuild-install": "^7.1.1",
-        "semver": "^7.5.4",
-        "simple-get": "^4.0.1",
-        "tar-fs": "^3.0.4",
-        "tunnel-agent": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@storybook/nextjs/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@storybook/node-logger": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.8.tgz",
-      "integrity": "sha512-SVvwZAcOLdkstqnAbE5hVYsriXh6OXjLcwFEBpAYi1meQ0R70iNALVSPEfIDK1r7M163Jngsq2hRnHvbLoQNkg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/postinstall": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.8.tgz",
-      "integrity": "sha512-9ixyNpoT1w3WmSooCzndAWDnw4fENA1WUBcdqrzlcgaSBKiAHad1k/Yct/uBAU95l/uQ13NgXK3mx4+S6unx/g==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/preset-react-webpack": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.6.8.tgz",
-      "integrity": "sha512-S7z2IKonfZyvaETPwDHaOsw2hnG6Kny6aVnWj1/oAMHLRkAo08v/uxXc3of27HmCng3sKoPtEKypQa6yV863MA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/preset-flow": "^7.22.15",
-        "@babel/preset-react": "^7.22.15",
-        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
-        "@storybook/core-webpack": "7.6.8",
-        "@storybook/docs-tools": "7.6.8",
-        "@storybook/node-logger": "7.6.8",
-        "@storybook/react": "7.6.8",
-        "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
-        "@types/node": "^18.0.0",
-        "@types/semver": "^7.3.4",
-        "babel-plugin-add-react-displayname": "^0.0.5",
-        "fs-extra": "^11.1.0",
-        "magic-string": "^0.30.5",
-        "react-docgen": "^7.0.0",
-        "react-refresh": "^0.14.0",
-        "semver": "^7.3.7",
-        "webpack": "5"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.22.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/preset-react-webpack/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/preset-react-webpack/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/preset-react-webpack/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@storybook/preview": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.8.tgz",
-      "integrity": "sha512-f54EXmJcIkc5A7nQmtnCUtNFNfEOoTuPYFK7pDfcK/bVU+g63zzWhBAeIUZ8yioLKGqZPTzFEhXkpa+OqsT0Jg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/preview-api": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.8.tgz",
-      "integrity": "sha512-rtP9Yo8ZV1NWhtA3xCOAb1vU70KCV3D2U4E3rOb2prqJ2CEQ/MQbrB7KUTDRSQdT7VFbjsLQWVCTUcNo29U8JQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.8",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/core-events": "7.6.8",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/global": "^5.0.0",
-        "@storybook/types": "7.6.8",
-        "@types/qs": "^6.9.5",
-        "dequal": "^2.0.2",
-        "lodash": "^4.17.21",
-        "memoizerific": "^1.11.3",
-        "qs": "^6.10.0",
-        "synchronous-promise": "^2.0.15",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/react": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.8.tgz",
-      "integrity": "sha512-yMqcCNskCxqoYSGWO1qu6Jdju9zhEEwd8tOC7AgIC8sAB7K8FTxZu0d6+QFpeg9fGq+hyAmRM4GrT9Fq9IKwwQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/core-client": "7.6.8",
-        "@storybook/docs-tools": "7.6.8",
-        "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "7.6.8",
-        "@storybook/react-dom-shim": "7.6.8",
-        "@storybook/types": "7.6.8",
-        "@types/escodegen": "^0.0.6",
-        "@types/estree": "^0.0.51",
-        "@types/node": "^18.0.0",
-        "acorn": "^7.4.1",
-        "acorn-jsx": "^5.3.1",
-        "acorn-walk": "^7.2.0",
-        "escodegen": "^2.1.0",
-        "html-tags": "^3.1.0",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
-        "react-element-to-jsx-string": "^15.0.0",
-        "ts-dedent": "^2.0.0",
-        "type-fest": "~2.19",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@storybook/react-docgen-typescript-plugin": {
-      "version": "1.0.6--canary.9.0c3f3b7.0",
-      "resolved": "https://registry.npmjs.org/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz",
-      "integrity": "sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.1.1",
-        "endent": "^2.0.1",
-        "find-cache-dir": "^3.3.1",
-        "flat-cache": "^3.0.4",
-        "micromatch": "^4.0.2",
-        "react-docgen-typescript": "^2.2.2",
-        "tslib": "^2.0.0"
-      },
-      "peerDependencies": {
-        "typescript": ">= 4.x",
-        "webpack": ">= 4"
-      }
-    },
-    "node_modules/@storybook/react-dom-shim": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.8.tgz",
-      "integrity": "sha512-NIvtjdXCTwd0VA/zCaCuCYv7L35nze7qDsFW6JhSHyqB7fKyIEMSbluktO2VISotHOSkgZ2zA+rGpk3O8yh6lg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/router": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.8.tgz",
-      "integrity": "sha512-pFoq22w1kEwduqMpGX3FPSSukdWLMX6UQa2Cw4MDW+hzp3vhC7+3MVaBG5ShQAjGv46NNcSgsIUkyarlU5wd/A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.8",
-        "memoizerific": "^1.11.3",
-        "qs": "^6.10.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.20.tgz",
-      "integrity": "sha512-dmAOCWmOscYN6aMbhCMmszQjoycg7tUPRVy2kTaWg6qX10wtMrvEtBV29W4eMvqdsoRj5kcvoNbzRdYcWBUOHQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-common": "7.6.20",
-        "@storybook/csf-tools": "7.6.20",
-        "chalk": "^4.1.0",
-        "detect-package-manager": "^2.0.1",
-        "fetch-retry": "^5.0.2",
-        "fs-extra": "^11.1.0",
-        "read-pkg-up": "^7.0.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/channels": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.20.tgz",
-      "integrity": "sha512-4hkgPSH6bJclB2OvLnkZOGZW1WptJs09mhQ6j6qLjgBZzL/ZdD6priWSd7iXrmPiN5TzUobkG4P4Dp7FjkiO7A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.6.20",
-        "@storybook/core-events": "7.6.20",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/client-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.20.tgz",
-      "integrity": "sha512-NwG0VIJQCmKrSaN5GBDFyQgTAHLNishUPLW1NrzqTDNAhfZUoef64rPQlinbopa0H4OXmlB+QxbQIb3ubeXmSQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/core-common": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.20.tgz",
-      "integrity": "sha512-8H1zPWPjcmeD4HbDm4FDD0WLsfAKGVr566IZ4hG+h3iWVW57II9JW9MLBtiR2LPSd8u7o0kw64lwRGmtCO1qAw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "7.6.20",
-        "@storybook/node-logger": "7.6.20",
-        "@storybook/types": "7.6.20",
-        "@types/find-cache-dir": "^3.2.1",
-        "@types/node": "^18.0.0",
-        "@types/node-fetch": "^2.6.4",
-        "@types/pretty-hrtime": "^1.0.0",
-        "chalk": "^4.1.0",
-        "esbuild": "^0.18.0",
-        "esbuild-register": "^3.5.0",
-        "file-system-cache": "2.3.0",
-        "find-cache-dir": "^3.0.0",
-        "find-up": "^5.0.0",
-        "fs-extra": "^11.1.0",
-        "glob": "^10.0.0",
-        "handlebars": "^4.7.7",
-        "lazy-universal-dotenv": "^4.0.0",
-        "node-fetch": "^2.0.0",
-        "picomatch": "^2.3.0",
-        "pkg-dir": "^5.0.0",
-        "pretty-hrtime": "^1.0.3",
-        "resolve-from": "^5.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/core-events": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.20.tgz",
-      "integrity": "sha512-tlVDuVbDiNkvPDFAu+0ou3xBBYbx9zUURQz4G9fAq0ScgBOs/bpzcRrFb4mLpemUViBAd47tfZKdH4MAX45KVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/csf-tools": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.20.tgz",
-      "integrity": "sha512-rwcwzCsAYh/m/WYcxBiEtLpIW5OH1ingxNdF/rK9mtGWhJxXRDV8acPkFrF8rtFWIVKoOCXu5USJYmc3f2gdYQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/generator": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/types": "7.6.20",
-        "fs-extra": "^11.1.0",
-        "recast": "^0.23.1",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/node-logger": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.20.tgz",
-      "integrity": "sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/telemetry/node_modules/@storybook/types": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.20.tgz",
-      "integrity": "sha512-GncdY3x0LpbhmUAAJwXYtJDUQEwfF175gsjH0/fxPkxPoV7Sef9TM41jQLJW/5+6TnZoCZP/+aJZTJtq3ni23Q==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.20",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/testing-library": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/testing-library/-/testing-library-0.2.2.tgz",
-      "integrity": "sha512-L8sXFJUHmrlyU2BsWWZGuAjv39Jl1uAqUHdxmN42JY15M4+XCMjGlArdCCjDe1wpTSW6USYISA9axjZojgtvnw==",
-      "dev": true,
-      "dependencies": {
-        "@testing-library/dom": "^9.0.0",
-        "@testing-library/user-event": "^14.4.0",
-        "ts-dedent": "^2.2.0"
-      }
-    },
-    "node_modules/@storybook/theming": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.8.tgz",
-      "integrity": "sha512-0ervBgeYGieifjISlFS7x5QZF9vNgLtHHlYKdkrAsACTK+VfB0JglVwFdLrgzAKxQRlVompaxl3TecFGWlvhtw==",
-      "dev": true,
-      "dependencies": {
-        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.6.8",
-        "@storybook/global": "^5.0.0",
-        "memoizerific": "^1.11.3"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/types": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.8.tgz",
-      "integrity": "sha512-+mABX20OhwJjqULocG5Betfidwrlk+Kq+grti+LAYwYsdBwxctBNSrqK8P9r8XDFL6PbppZeExGiHKwGu6WsKQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.6.8",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@stripe/react-stripe-js": {
-      "version": "1.16.5",
-      "resolved": "https://registry.npmjs.org/@stripe/react-stripe-js/-/react-stripe-js-1.16.5.tgz",
-      "integrity": "sha512-lVPW3IfwdacyS22pP+nBB6/GNFRRhT/4jfgAK6T2guQmtzPwJV1DogiGGaBNhiKtSY18+yS8KlHSu+PvZNclvQ==",
-      "dependencies": {
-        "prop-types": "^15.7.2"
-      },
-      "peerDependencies": {
-        "@stripe/stripe-js": "^1.44.1",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@stripe/stripe-js": {
-      "version": "1.54.2",
-      "resolved": "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-1.54.2.tgz",
-      "integrity": "sha512-R1PwtDvUfs99cAjfuQ/WpwJ3c92+DAMy9xGApjqlWQMj0FKQabUAys2swfTRNzuYAYJh7NqK2dzcYVNkKLEKUg=="
-    },
-    "node_modules/@swc/core": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.3.103.tgz",
-      "integrity": "sha512-PYtt8KzRXIFDwxeD7BA9ylmXNQ4hRVcmDVuAmL3yvL9rgx7Tn3qn6T37wiMVZnP1OjqGyhuHRPNycd+ssr+byw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "@swc/counter": "^0.1.1",
-        "@swc/types": "^0.1.5"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/swc"
-      },
-      "optionalDependencies": {
-        "@swc/core-darwin-arm64": "1.3.103",
-        "@swc/core-darwin-x64": "1.3.103",
-        "@swc/core-linux-arm-gnueabihf": "1.3.103",
-        "@swc/core-linux-arm64-gnu": "1.3.103",
-        "@swc/core-linux-arm64-musl": "1.3.103",
-        "@swc/core-linux-x64-gnu": "1.3.103",
-        "@swc/core-linux-x64-musl": "1.3.103",
-        "@swc/core-win32-arm64-msvc": "1.3.103",
-        "@swc/core-win32-ia32-msvc": "1.3.103",
-        "@swc/core-win32-x64-msvc": "1.3.103"
-      },
-      "peerDependencies": {
-        "@swc/helpers": "^0.5.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/helpers": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.3.103.tgz",
-      "integrity": "sha512-Dqqz48mvdm/3PHPPA6YeAEofkF9H5Krgqd/baPf0dXcarzng6U9Ilv2aCtDjq7dfI9jfkVCW5zuwq98PE2GEdw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-darwin-x64": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.3.103.tgz",
-      "integrity": "sha512-mhUVSCEAyFLqtrDtwr9qPbe891J8cKxq53CD873/ZsUnyasHMPyWXzTvy9qjmbYyfDIArm6fGqjF5YsDKwGGNg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-arm-gnueabihf": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.3.103.tgz",
-      "integrity": "sha512-rYLmwxr01ZHOI6AzooqwB0DOkMm0oU8Jznk6uutV1lHgcwyxsNiC1Css8yf77Xr/sYTvKvuTfBjThqa5H716pA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-arm64-gnu": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.3.103.tgz",
-      "integrity": "sha512-w+5XFpUqxiAGUBiyRyYR28Ghddp5uVyo+dHAkCnY1u3V6RsZkY3vRwmoXT7/HxVGV7csodJ1P9Cp9VaRnNvTKA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-arm64-musl": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.3.103.tgz",
-      "integrity": "sha512-lS5p8ewAIar7adX6t0OrkICTcw92PXrn3ZmYyG5hvfjUg4RPQFjMfFMDQSne32ZJhGXHBf0LVm1R8wHwkcpwgA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-x64-gnu": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.3.103.tgz",
-      "integrity": "sha512-Lf2cHDoEPNB6TwexHBEZCsAO2C7beb0YljhtQS+QfjWLLVqCiwt5LRCPuKN2Bav7el9KZXOI5baXedUeFj0oFg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-x64-musl": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.103.tgz",
-      "integrity": "sha512-HR1Y9iiLEO3F49P47vjbHczBza9RbdXWRWC8NpcOcGJ4Wnw0c2DLWAh416fGH3VYCF/19EuglLEXhvSj0NXGuA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-win32-arm64-msvc": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.3.103.tgz",
-      "integrity": "sha512-3/GfROD1GPyf2hi6R0l4iZ5nrrKG8IU29hYhZCb7r0ZqhL/58kktVPlkib8X/EAJI8xbhM/NMl76h8ElrnyH5w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-win32-ia32-msvc": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.3.103.tgz",
-      "integrity": "sha512-9ejEFjfgPi0ibNmtuiRbYq9p4RRV6oH1DN9XjkYM8zh2qHlpZHKQZ3n4eHS0VtJO4rEGZxL8ebcnTNs62wqJig==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-win32-x64-msvc": {
-      "version": "1.3.103",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.103.tgz",
-      "integrity": "sha512-/1RvaOmZolXurWAUdnELYynVlFUiT0hj3PyTPoo+YK6+KV7er4EqUalRsoUf3zzGepQuhKFZFDpQn6Xi9kJX1A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/counter": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz",
-      "integrity": "sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==",
-      "dev": true
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.3.tgz",
-      "integrity": "sha512-FaruWX6KdudYloq1AHD/4nU+UsMTdNE8CKyrseXWEcgjDAbvkwJg2QGPAnfIJLIWsjZOSPLOAykK6fuYp4vp4A==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@swc/types": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
-      "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==",
-      "dev": true
-    },
-    "node_modules/@tailwindcss/typography": {
-      "version": "0.5.10",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.10.tgz",
-      "integrity": "sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==",
-      "dev": true,
-      "dependencies": {
-        "lodash.castarray": "^4.4.0",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.merge": "^4.6.2",
-        "postcss-selector-parser": "6.0.10"
-      },
-      "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || insiders"
-      }
-    },
-    "node_modules/@tanstack/query-core": {
-      "version": "4.36.1",
-      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.36.1.tgz",
-      "integrity": "sha512-DJSilV5+ytBP1FbFcEJovv4rnnm/CokuVvrBEtW/Va9DvuJ3HksbXUJEpI0aV1KtuL4ZoO9AVE6PyNLzF7tLeA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      }
-    },
-    "node_modules/@tanstack/react-query": {
-      "version": "4.36.1",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.36.1.tgz",
-      "integrity": "sha512-y7ySVHFyyQblPl3J3eQBWpXZkliroki3ARnBKsdJchlgt7yJLRDUcf4B8soufgiYt3pEQIkBWBx1N9/ZPIeUWw==",
-      "dependencies": {
-        "@tanstack/query-core": "4.36.1",
-        "use-sync-external-store": "^1.2.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-native": "*"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@tanstack/react-virtual": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.0.1.tgz",
-      "integrity": "sha512-IFOFuRUTaiM/yibty9qQ9BfycQnYXIDHGP2+cU+0LrFFGNhVxCXSQnaY6wkX8uJVteFEBjUondX0Hmpp7TNcag==",
-      "dependencies": {
-        "@tanstack/virtual-core": "3.0.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@tanstack/virtual-core": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.0.0.tgz",
-      "integrity": "sha512-SYXOBTjJb05rXa2vl55TTwO40A6wKu0R5i1qQwhJYNDIqaIGF7D0HsLw+pJAyi2OvntlEIVusx3xtbbgSUi6zg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      }
-    },
-    "node_modules/@testing-library/dom": {
-      "version": "9.3.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.4.tgz",
-      "integrity": "sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@testing-library/user-event": {
-      "version": "14.5.2",
-      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz",
-      "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12",
-        "npm": ">=6"
-      },
-      "peerDependencies": {
-        "@testing-library/dom": ">=7.21.4"
-      }
-    },
-    "node_modules/@types/argon2-browser": {
-      "version": "1.18.4",
-      "resolved": "https://registry.npmjs.org/@types/argon2-browser/-/argon2-browser-1.18.4.tgz",
-      "integrity": "sha512-K/PHAEKzdCY4mCRhgUTBcuTxeaJyLoPcd5pJ1UFSTb/FAPjj3TCK4EM/DvNmVtDzkQBMD5peJjtch3kVQDf4YQ=="
-    },
-    "node_modules/@types/aria-query": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
-      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-      "dev": true
-    },
-    "node_modules/@types/babel__core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
-      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "node_modules/@types/babel__generator": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
-      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__template": {
-      "version": "7.4.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
-      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__traverse": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz",
-      "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.20.7"
-      }
-    },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.5",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
-      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
-      "dev": true,
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect": {
-      "version": "3.4.38",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/cross-spawn": {
-      "version": "6.0.6",
-      "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz",
-      "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/debug": {
-      "version": "4.1.12",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
-      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
-      "dependencies": {
-        "@types/ms": "*"
-      }
-    },
-    "node_modules/@types/detect-port": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.5.tgz",
-      "integrity": "sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==",
-      "dev": true
-    },
-    "node_modules/@types/doctrine": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.3.tgz",
-      "integrity": "sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==",
-      "dev": true
-    },
-    "node_modules/@types/ejs": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@types/ejs/-/ejs-3.1.5.tgz",
-      "integrity": "sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==",
-      "dev": true
-    },
-    "node_modules/@types/emscripten": {
-      "version": "1.39.13",
-      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.13.tgz",
-      "integrity": "sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw==",
-      "dev": true
-    },
-    "node_modules/@types/escodegen": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/@types/escodegen/-/escodegen-0.0.6.tgz",
-      "integrity": "sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==",
-      "dev": true
-    },
-    "node_modules/@types/estree": {
-      "version": "0.0.51",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
-      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
-      "dev": true
-    },
-    "node_modules/@types/express": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
-      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.33",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
-      }
-    },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.41",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.41.tgz",
-      "integrity": "sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
-    "node_modules/@types/file-saver": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/@types/file-saver/-/file-saver-2.0.7.tgz",
-      "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==",
-      "dev": true
-    },
-    "node_modules/@types/find-cache-dir": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/@types/find-cache-dir/-/find-cache-dir-3.2.1.tgz",
-      "integrity": "sha512-frsJrz2t/CeGifcu/6uRo4b+SzAwT4NYCVPu1GN8IB9XTzrpPkGuV0tmh9mN+/L0PklAlsC3u5Fxt0ju00LXIw==",
-      "dev": true
-    },
-    "node_modules/@types/graceful-fs": {
-      "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
-      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/hast": {
-      "version": "2.3.9",
-      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.9.tgz",
-      "integrity": "sha512-pTHyNlaMD/oKJmS+ZZUyFUcsZeBZpC0lmGquw98CqRVNgAdJZJeD7GoeLiT6Xbx5rU9VCjSt0RwEvDgzh4obFw==",
-      "dependencies": {
-        "@types/unist": "^2"
-      }
-    },
-    "node_modules/@types/hoist-non-react-statics": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
-      "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==",
-      "dependencies": {
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0"
-      }
-    },
-    "node_modules/@types/html-minifier-terser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-      "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==",
-      "dev": true
-    },
-    "node_modules/@types/http-errors": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
-      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
-      "dev": true
-    },
-    "node_modules/@types/istanbul-lib-coverage": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-      "dev": true
-    },
-    "node_modules/@types/istanbul-lib-report": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
-      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
-      "dev": true,
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/jsrp": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/@types/jsrp/-/jsrp-0.2.6.tgz",
-      "integrity": "sha512-2h3tFvkbHksiNcDiUdcJ08gXWG10fnahp30GJ2Tbt4vd4pfsbfkoKTaTbYykFoppaJ6DL3914nQ3PU1vVIlBRQ==",
-      "dev": true
-    },
-    "node_modules/@types/lodash": {
-      "version": "4.14.202",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz",
-      "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ=="
-    },
-    "node_modules/@types/mdast": {
-      "version": "3.0.15",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
-      "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
-      "dependencies": {
-        "@types/unist": "^2"
-      }
-    },
-    "node_modules/@types/mdx": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.10.tgz",
-      "integrity": "sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==",
-      "dev": true
-    },
-    "node_modules/@types/mime": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
-      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
-      "dev": true
-    },
-    "node_modules/@types/mime-types": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.4.tgz",
-      "integrity": "sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==",
-      "dev": true
-    },
-    "node_modules/@types/ms": {
-      "version": "0.7.34",
-      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.34.tgz",
-      "integrity": "sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g=="
-    },
-    "node_modules/@types/node": {
-      "version": "18.19.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.7.tgz",
-      "integrity": "sha512-IGRJfoNX10N/PfrReRZ1br/7SQ+2vF/tK3KXNwzXz82D32z5dMQEoOlFew18nLSN+vMNcLY4GrKfzwi/yWI8/w==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "node_modules/@types/node-fetch": {
-      "version": "2.6.10",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.10.tgz",
-      "integrity": "sha512-PPpPK6F9ALFTn59Ka3BaL+qGuipRfxNE8qVgkp0bVixeiR2c2/L+IVOiBdu9JhhT22sWnQEp6YyHGI2b2+CMcA==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "form-data": "^4.0.0"
-      }
-    },
-    "node_modules/@types/normalize-package-data": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
-      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
-      "dev": true
-    },
-    "node_modules/@types/parse-json": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
-      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="
-    },
-    "node_modules/@types/picomatch": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/@types/picomatch/-/picomatch-2.3.3.tgz",
-      "integrity": "sha512-Yll76ZHikRFCyz/pffKGjrCwe/le2CDwOP5F210KQo27kpRE46U2rDnzikNlVn6/ezH3Mhn46bJMTfeVTtcYMg==",
-      "dev": true
-    },
-    "node_modules/@types/pretty-hrtime": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==",
-      "dev": true
-    },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.11",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
-      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng=="
-    },
-    "node_modules/@types/qrcode": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@types/qrcode/-/qrcode-1.5.5.tgz",
-      "integrity": "sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/qs": {
-      "version": "6.9.11",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.11.tgz",
-      "integrity": "sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ==",
-      "dev": true
-    },
-    "node_modules/@types/raf": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz",
-      "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==",
-      "optional": true
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
-      "dev": true
-    },
-    "node_modules/@types/react": {
-      "version": "18.2.48",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.48.tgz",
-      "integrity": "sha512-qboRCl6Ie70DQQG9hhNREz81jqC1cs9EVNcjQ1AU+jH6NFfSAhVVbrrY/+nSF+Bsk4AOwm9Qa61InvMCyV+H3w==",
-      "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@types/react-redux": {
-      "version": "7.1.33",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.33.tgz",
-      "integrity": "sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==",
-      "dependencies": {
-        "@types/hoist-non-react-statics": "^3.3.0",
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0",
-        "redux": "^4.0.0"
-      }
-    },
-    "node_modules/@types/react-transition-group": {
-      "version": "4.4.11",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.11.tgz",
-      "integrity": "sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
-    "node_modules/@types/resolve": {
-      "version": "1.20.6",
-      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz",
-      "integrity": "sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==",
-      "dev": true
-    },
-    "node_modules/@types/sanitize-html": {
-      "version": "2.9.5",
-      "resolved": "https://registry.npmjs.org/@types/sanitize-html/-/sanitize-html-2.9.5.tgz",
-      "integrity": "sha512-2Sr1vd8Dw+ypsg/oDDfZ57OMSG2Befs+l2CMyCC5bVSK3CpE7lTB2aNlbbWzazgVA+Qqfuholwom6x/mWd1qmw==",
-      "dev": true,
-      "dependencies": {
-        "htmlparser2": "^8.0.0"
-      }
-    },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.6",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz",
-      "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==",
-      "dev": true
-    },
-    "node_modules/@types/send": {
-      "version": "0.17.4",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
-      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
-      "dev": true,
-      "dependencies": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/serve-static": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz",
-      "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/http-errors": "*",
-        "@types/mime": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/sinonjs__fake-timers": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz",
-      "integrity": "sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==",
-      "dev": true
-    },
-    "node_modules/@types/sizzle": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.8.tgz",
-      "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==",
-      "dev": true
-    },
-    "node_modules/@types/unist": {
-      "version": "2.0.10",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
-      "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
-    },
-    "node_modules/@types/use-sync-external-store": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz",
-      "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA=="
-    },
-    "node_modules/@types/uuid": {
-      "version": "9.0.7",
-      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.7.tgz",
-      "integrity": "sha512-WUtIVRUZ9i5dYXefDEAI7sh9/O7jGvHg7Df/5O/gtH3Yabe5odI3UWopVR1qbPXQtvOxWu3mM4XxlYeZtMWF4g==",
-      "dev": true
-    },
-    "node_modules/@types/yargs": {
-      "version": "17.0.32",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
-      "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==",
-      "dev": true,
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@types/yargs-parser": {
-      "version": "21.0.3",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
-      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
-      "dev": true
-    },
-    "node_modules/@types/yauzl": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
-      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
-      "dev": true,
-      "optional": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
-      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/type-utils": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
-      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@ucast/core": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/@ucast/core/-/core-1.10.2.tgz",
-      "integrity": "sha512-ons5CwXZ/51wrUPfoduC+cO7AS1/wRb0ybpQJ9RrssossDxVy4t49QxWoWgfBDvVKsz9VXzBk9z0wqTdZ+Cq8g=="
-    },
-    "node_modules/@ucast/js": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@ucast/js/-/js-3.0.3.tgz",
-      "integrity": "sha512-jBBqt57T5WagkAjqfCIIE5UYVdaXYgGkOFYv2+kjq2AVpZ2RIbwCo/TujJpDlwTVluUI+WpnRpoGU2tSGlEvFQ==",
-      "dependencies": {
-        "@ucast/core": "^1.0.0"
-      }
-    },
-    "node_modules/@ucast/mongo": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/@ucast/mongo/-/mongo-2.4.3.tgz",
-      "integrity": "sha512-XcI8LclrHWP83H+7H2anGCEeDq0n+12FU2mXCTz6/Tva9/9ddK/iacvvhCyW6cijAAOILmt0tWplRyRhVyZLsA==",
-      "dependencies": {
-        "@ucast/core": "^1.4.1"
-      }
-    },
-    "node_modules/@ucast/mongo2js": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/@ucast/mongo2js/-/mongo2js-1.3.4.tgz",
-      "integrity": "sha512-ahazOr1HtelA5AC1KZ9x0UwPMqqimvfmtSm/PRRSeKKeE5G2SCqTgwiNzO7i9jS8zA3dzXpKVPpXMkcYLnyItA==",
-      "dependencies": {
-        "@ucast/core": "^1.6.1",
-        "@ucast/js": "^3.0.0",
-        "@ucast/mongo": "^2.4.0"
-      }
-    },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
-      "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz",
-      "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
-      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
-        "@webassemblyjs/helper-api-error": "1.11.6",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz",
-      "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-buffer": "1.12.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.12.1"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
-      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
-      "dev": true,
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
-      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
-      "dev": true,
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz",
-      "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-buffer": "1.12.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/helper-wasm-section": "1.12.1",
-        "@webassemblyjs/wasm-gen": "1.12.1",
-        "@webassemblyjs/wasm-opt": "1.12.1",
-        "@webassemblyjs/wasm-parser": "1.12.1",
-        "@webassemblyjs/wast-printer": "1.12.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz",
-      "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz",
-      "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-buffer": "1.12.1",
-        "@webassemblyjs/wasm-gen": "1.12.1",
-        "@webassemblyjs/wasm-parser": "1.12.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz",
-      "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-api-error": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
-      }
-    },
-    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz",
-      "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true
-    },
-    "node_modules/@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true
-    },
-    "node_modules/@yarnpkg/esbuild-plugin-pnp": {
-      "version": "3.0.0-rc.15",
-      "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz",
-      "integrity": "sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      },
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "peerDependencies": {
-        "esbuild": ">=0.10.0"
-      }
-    },
-    "node_modules/@yarnpkg/fslib": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@yarnpkg/fslib/-/fslib-2.10.3.tgz",
-      "integrity": "sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==",
-      "dev": true,
-      "dependencies": {
-        "@yarnpkg/libzip": "^2.3.0",
-        "tslib": "^1.13.0"
-      },
-      "engines": {
-        "node": ">=12 <14 || 14.2 - 14.9 || >14.10.0"
-      }
-    },
-    "node_modules/@yarnpkg/fslib/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/@yarnpkg/libzip": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@yarnpkg/libzip/-/libzip-2.3.0.tgz",
-      "integrity": "sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==",
-      "dev": true,
-      "dependencies": {
-        "@types/emscripten": "^1.39.6",
-        "tslib": "^1.13.0"
-      },
-      "engines": {
-        "node": ">=12 <14 || 14.2 - 14.9 || >14.10.0"
-      }
-    },
-    "node_modules/@yarnpkg/libzip/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "dev": true,
-      "dependencies": {
-        "event-target-shim": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=6.5"
-      }
-    },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dev": true,
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/acorn-node": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
-      "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^7.0.0",
-        "acorn-walk": "^7.0.0",
-        "xtend": "^4.0.2"
-      }
-    },
-    "node_modules/acorn-walk": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/add": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/add/-/add-2.0.6.tgz",
-      "integrity": "sha512-j5QzrmsokwWWp6kUcJQySpbG+xfOBqqKnup3OIk1pz+kB/80SLorZ9V8zHFLO92Lcd+hbvq8bT+zOGoPkmBV0Q=="
-    },
-    "node_modules/address": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz",
-      "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/adjust-sourcemap-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
-      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
-      "dev": true,
-      "dependencies": {
-        "loader-utils": "^2.0.0",
-        "regex-parser": "^2.2.11"
-      },
-      "engines": {
-        "node": ">=8.9"
-      }
-    },
-    "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz",
-      "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/aggregate-error": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-      "dev": true,
-      "dependencies": {
-        "clean-stack": "^2.0.0",
-        "indent-string": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/ansi-colors": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
-      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.21.3"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-escapes/node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-html-community": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
-      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
-      "dev": true,
-      "engines": [
-        "node >= 0.8.0"
-      ],
-      "bin": {
-        "ansi-html": "bin/ansi-html"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/app-root-dir": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/app-root-dir/-/app-root-dir-1.0.2.tgz",
-      "integrity": "sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==",
-      "dev": true
-    },
-    "node_modules/arch": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
-      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
-    },
-    "node_modules/argon2-browser": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/argon2-browser/-/argon2-browser-1.18.0.tgz",
-      "integrity": "sha512-ImVAGIItnFnvET1exhsQB7apRztcoC5TnlSqernMJDUjbc/DLq3UEYeXFrLPrlaIl8cVfwnXb6wX2KpFf2zxHw=="
-    },
-    "node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/aria-hidden": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
-      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
-      "dev": true
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
-      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/asn1": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
-      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
-      "dev": true,
-      "dependencies": {
-        "safer-buffer": "~2.1.0"
-      }
-    },
-    "node_modules/asn1.js": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
-      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^4.0.0",
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
-    "node_modules/asn1.js/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "dev": true
-    },
-    "node_modules/asn1js": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-3.0.5.tgz",
-      "integrity": "sha512-FVnvrKJwpt9LP2lAMl8qZswRNm3T4q9CON+bxldk2iwk3FFpuwhx2FfinyitizWHsVYyaY+y5JzDR0rCMV5yTQ==",
-      "dependencies": {
-        "pvtsutils": "^1.3.2",
-        "pvutils": "^1.1.3",
-        "tslib": "^2.4.0"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/assert": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
-      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-nan": "^1.3.2",
-        "object-is": "^1.1.5",
-        "object.assign": "^4.1.4",
-        "util": "^0.12.5"
-      }
-    },
-    "node_modules/assert-plus": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/ast-types": {
-      "version": "0.16.1",
-      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
-      "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "dev": true
-    },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/async": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
-      "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==",
-      "dev": true
-    },
-    "node_modules/async-limiter": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
-      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
-      "dev": true
-    },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-    },
-    "node_modules/at-least-node": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
-      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/atob": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-      "bin": {
-        "atob": "bin/atob.js"
-      },
-      "engines": {
-        "node": ">= 4.5.0"
-      }
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.16",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "browserslist": "^4.21.10",
-        "caniuse-lite": "^1.0.30001538",
-        "fraction.js": "^4.3.6",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/aws-sign2": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/aws4": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
-      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
-      "dev": true
-    },
-    "node_modules/axe-core": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
-      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axios": {
-      "version": "0.28.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.28.0.tgz",
-      "integrity": "sha512-Tu7NYoGY4Yoc7I+Npf9HhUMtEEpV7ZiLH9yndTCoNhcpBH0kwcvFbzYN9/u5QKI5A6uefjsNNWaz5olJVYS62Q==",
-      "dependencies": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "node_modules/axios-auth-refresh": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/axios-auth-refresh/-/axios-auth-refresh-3.3.6.tgz",
-      "integrity": "sha512-2CeBUce/SxIfFxow5/n8vApJ97yYF6qoV4gh1UrswT7aEOnlOdBLxxyhOI4IaxGs6BY0l8YujU2jlc4aCmK17Q==",
-      "peerDependencies": {
-        "axios": ">= 0.18 < 0.19.0 || >= 0.19.1"
-      }
-    },
-    "node_modules/axios/node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
-    "node_modules/axobject-query": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
-      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "node_modules/b4a": {
-      "version": "1.6.6",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.6.tgz",
-      "integrity": "sha512-5Tk1HLk6b6ctmjIkAcU/Ujv/1WqiDl0F0JdRCR80VsOcUlHcu7pWeWRlOqQLHfDEsVx9YH/aif5AG4ehoCtTmg==",
-      "dev": true
-    },
-    "node_modules/babel-core": {
-      "version": "7.0.0-bridge.0",
-      "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
-      "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==",
-      "dev": true,
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/babel-loader": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-      "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
-      "dev": true,
-      "dependencies": {
-        "find-cache-dir": "^4.0.0",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 14.15.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0",
-        "webpack": ">=5"
-      }
-    },
-    "node_modules/babel-loader/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/babel-loader/node_modules/ajv-keywords": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      },
-      "peerDependencies": {
-        "ajv": "^8.8.2"
-      }
-    },
-    "node_modules/babel-loader/node_modules/find-cache-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
-      "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
-      "dev": true,
-      "dependencies": {
-        "common-path-prefix": "^3.0.0",
-        "pkg-dir": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-loader/node_modules/find-up": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
-      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^7.1.0",
-        "path-exists": "^5.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-loader/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/babel-loader/node_modules/locate-path": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
-      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^6.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-loader/node_modules/p-limit": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^1.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-loader/node_modules/p-locate": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
-      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-loader/node_modules/path-exists": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
-      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/babel-loader/node_modules/pkg-dir": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
-      "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-loader/node_modules/schema-utils": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
-      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.9",
-        "ajv": "^8.9.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.1.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/babel-loader/node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/babel-plugin-add-react-displayname": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-add-react-displayname/-/babel-plugin-add-react-displayname-0.0.5.tgz",
-      "integrity": "sha512-LY3+Y0XVDYcShHHorshrDbt4KFWL4bSeniCtl4SYZbask+Syngk1uMPCeN9+nSiZo6zX5s0RTq/J9Pnaaf/KHw==",
-      "dev": true
-    },
-    "node_modules/babel-plugin-istanbul": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
-      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@istanbuljs/load-nyc-config": "^1.0.0",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-instrument": "^5.0.4",
-        "test-exclude": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-plugin-macros": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
-      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "cosmiconfig": "^7.0.0",
-        "resolve": "^1.19.0"
-      },
-      "engines": {
-        "node": ">=10",
-        "npm": ">=6"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
-      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.4",
-        "semver": "^6.3.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.7",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
-      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.4",
-        "core-js-compat": "^3.33.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
-      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-styled-components": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
-      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "lodash": "^4.17.21",
-        "picomatch": "^2.3.1"
-      },
-      "peerDependencies": {
-        "styled-components": ">= 2"
-      }
-    },
-    "node_modules/bail": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
-    },
-    "node_modules/bare-events": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.2.0.tgz",
-      "integrity": "sha512-Yyyqff4PIFfSuthCZqLlPISTWHmnQxoPuAvkmgzsJEmG3CesdIv6Xweayl0JkCZJSB2yYIdJyEz97tpxNhgjbg==",
-      "dev": true,
-      "optional": true
-    },
-    "node_modules/bare-fs": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-2.1.5.tgz",
-      "integrity": "sha512-5t0nlecX+N2uJqdxe9d18A98cp2u9BETelbjKpiVgQqzzmVNFYWEAjQHqS+2Khgto1vcwhik9cXucaj5ve2WWA==",
-      "dev": true,
-      "optional": true,
-      "dependencies": {
-        "bare-events": "^2.0.0",
-        "bare-os": "^2.0.0",
-        "bare-path": "^2.0.0",
-        "streamx": "^2.13.0"
-      }
-    },
-    "node_modules/bare-os": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-2.2.0.tgz",
-      "integrity": "sha512-hD0rOPfYWOMpVirTACt4/nK8mC55La12K5fY1ij8HAdfQakD62M+H4o4tpfKzVGLgRDTuk3vjA4GqGXXCeFbag==",
-      "dev": true,
-      "optional": true
-    },
-    "node_modules/bare-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-2.1.0.tgz",
-      "integrity": "sha512-DIIg7ts8bdRKwJRJrUMy/PICEaQZaPGZ26lsSx9MJSwIhSrcdHn7/C8W+XmnG/rKi6BaRcz+JO00CjZteybDtw==",
-      "dev": true,
-      "optional": true,
-      "dependencies": {
-        "bare-os": "^2.1.0"
-      }
-    },
-    "node_modules/base64-arraybuffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
-      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
-      "optional": true,
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/base64-loader": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/base64-loader/-/base64-loader-1.0.0.tgz",
-      "integrity": "sha512-p32+F8dg+ANGx7s8QsZS74ZPHfIycmC2yZcoerzFgbersIYWitPbbF39G6SBx3gyvzyLH5nt1ooocxr0IHuWKA=="
-    },
-    "node_modules/bcrypt-pbkdf": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
-      "dev": true,
-      "dependencies": {
-        "tweetnacl": "^0.14.3"
-      }
-    },
-    "node_modules/bcrypt-pbkdf/node_modules/tweetnacl": {
-      "version": "0.14.5",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
-      "dev": true
-    },
-    "node_modules/before-after-hook": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-2.2.3.tgz",
-      "integrity": "sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ=="
-    },
-    "node_modules/better-opn": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
-      "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
-      "dev": true,
-      "dependencies": {
-        "open": "^8.0.4"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/big-integer": {
-      "version": "1.6.52",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
-      "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "dev": true,
-      "dependencies": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      }
-    },
-    "node_modules/bl/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/blob-util": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz",
-      "integrity": "sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==",
-      "dev": true
-    },
-    "node_modules/bluebird": {
-      "version": "3.7.2",
-      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
-      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
-      "dev": true
-    },
-    "node_modules/bn.js": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
-      "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
-      "dev": true
-    },
-    "node_modules/body-parser": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
-      "dev": true,
-      "dependencies": {
-        "bytes": "3.1.2",
-        "content-type": "~1.0.5",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.13.0",
-        "raw-body": "2.5.2",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/body-parser/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true
-    },
-    "node_modules/bplist-parser": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz",
-      "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==",
-      "dev": true,
-      "dependencies": {
-        "big-integer": "^1.6.44"
-      },
-      "engines": {
-        "node": ">= 5.10.0"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/brorand": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
-      "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
-      "dev": true
-    },
-    "node_modules/browser-assert": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz",
-      "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==",
-      "dev": true
-    },
-    "node_modules/browserify-aes": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-      "dev": true,
-      "dependencies": {
-        "buffer-xor": "^1.0.3",
-        "cipher-base": "^1.0.0",
-        "create-hash": "^1.1.0",
-        "evp_bytestokey": "^1.0.3",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/browserify-cipher": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
-      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-      "dev": true,
-      "dependencies": {
-        "browserify-aes": "^1.0.4",
-        "browserify-des": "^1.0.0",
-        "evp_bytestokey": "^1.0.0"
-      }
-    },
-    "node_modules/browserify-des": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
-      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-      "dev": true,
-      "dependencies": {
-        "cipher-base": "^1.0.1",
-        "des.js": "^1.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/browserify-rsa": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
-      "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^5.0.0",
-        "randombytes": "^2.0.1"
-      }
-    },
-    "node_modules/browserify-sign": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.2.tgz",
-      "integrity": "sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^5.2.1",
-        "browserify-rsa": "^4.1.0",
-        "create-hash": "^1.2.0",
-        "create-hmac": "^1.1.7",
-        "elliptic": "^6.5.4",
-        "inherits": "^2.0.4",
-        "parse-asn1": "^5.1.6",
-        "readable-stream": "^3.6.2",
-        "safe-buffer": "^5.2.1"
-      },
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/browserify-sign/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/browserify-zlib": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-      "dev": true,
-      "dependencies": {
-        "pako": "~1.0.5"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bser": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
-      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
-      "dev": true,
-      "dependencies": {
-        "node-int64": "^0.4.0"
-      }
-    },
-    "node_modules/btoa": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
-      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
-      "bin": {
-        "btoa": "bin/btoa.js"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-0.1.2.tgz",
-      "integrity": "sha512-RiWIenusJsmI2KcvqQABB83tLxCByE3upSP8QU3rJDMVFGPWLvPQJt/O1Su9moRWeH7d+Q2HYb68f6+v+tw2vg=="
-    },
-    "node_modules/buffer-xor": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
-      "dev": true
-    },
-    "node_modules/builtin-status-codes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
-      "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
-      "dev": true
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/cachedir": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz",
-      "integrity": "sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "dev": true,
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camel-case": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
-      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-      "dev": true,
-      "dependencies": {
-        "pascal-case": "^3.1.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/camelize": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
-      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001577",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001577.tgz",
-      "integrity": "sha512-rs2ZygrG1PNXMfmncM0B5H1hndY5ZCC9b5TkFaVNfZ+AUlyqcMyVIQtc3fsezi0NUCk5XZfDf9WS6WxMxnfdrg==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/canvg": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz",
-      "integrity": "sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==",
-      "optional": true,
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@types/raf": "^3.4.0",
-        "core-js": "^3.8.3",
-        "raf": "^3.4.1",
-        "regenerator-runtime": "^0.13.7",
-        "rgbcolor": "^1.0.1",
-        "stackblur-canvas": "^2.0.0",
-        "svg-pathdata": "^6.0.3"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/canvg/node_modules/regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
-      "optional": true
-    },
-    "node_modules/case-sensitive-paths-webpack-plugin": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
-      "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/caseless": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
-      "dev": true
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/character-entities": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
-      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/check-more-types": {
-      "version": "2.24.0",
-      "resolved": "https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz",
-      "integrity": "sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://paulmillr.com/funding/"
-        }
-      ],
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/chownr": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/chrome-trace-event": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cipher-base": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/citty": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz",
-      "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
-      "dev": true,
-      "dependencies": {
-        "consola": "^3.2.3"
-      }
-    },
-    "node_modules/classnames": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
-      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
-    },
-    "node_modules/clean-css": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
-      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
-      "dev": true,
-      "dependencies": {
-        "source-map": "~0.6.0"
-      },
-      "engines": {
-        "node": ">= 10.0"
-      }
-    },
-    "node_modules/clean-css/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/clean-stack": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/cli-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-      "dev": true,
-      "dependencies": {
-        "restore-cursor": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cli-spinners": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
-      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cli-table3": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz",
-      "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^4.2.0"
-      },
-      "engines": {
-        "node": "10.* || >= 12.*"
-      },
-      "optionalDependencies": {
-        "@colors/colors": "1.5.0"
-      }
-    },
-    "node_modules/cli-truncate": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
-      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
-      "dev": true,
-      "dependencies": {
-        "slice-ansi": "^3.0.0",
-        "string-width": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/cliui": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
-      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^6.2.0"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clone": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/clone-deep": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
-      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
-      "dev": true,
-      "dependencies": {
-        "is-plain-object": "^2.0.4",
-        "kind-of": "^6.0.2",
-        "shallow-clone": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/clone-deep/node_modules/is-plain-object": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-      "dev": true,
-      "dependencies": {
-        "isobject": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/clsx": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
-      "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=12.5.0"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/colorette": {
-      "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
-      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
-      "dev": true
-    },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/comma-separated-tokens": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
-      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/commander": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/common-path-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
-      "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
-      "dev": true
-    },
-    "node_modules/common-tags": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
-      "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/commondir": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
-      "dev": true
-    },
-    "node_modules/compressible": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
-      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
-      "dev": true,
-      "dependencies": {
-        "mime-db": ">= 1.43.0 < 2"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/compression": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
-      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
-      "dev": true,
-      "dependencies": {
-        "accepts": "~1.3.5",
-        "bytes": "3.0.0",
-        "compressible": "~2.0.16",
-        "debug": "2.6.9",
-        "on-headers": "~1.0.2",
-        "safe-buffer": "5.1.2",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/compression/node_modules/bytes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/compression/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/compression/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/compression/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
-    },
-    "node_modules/concat-stream": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
-      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
-      "dev": true,
-      "engines": [
-        "node >= 0.8"
-      ],
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^2.2.2",
-        "typedarray": "^0.0.6"
-      }
-    },
-    "node_modules/concat-stream/node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "node_modules/concat-stream/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/concat-stream/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/concat-stream/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/concat-stream/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/confbox": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.7.tgz",
-      "integrity": "sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==",
-      "dev": true
-    },
-    "node_modules/confusing-browser-globals": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
-      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
-      "dev": true
-    },
-    "node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >=16.10.0"
-      }
-    },
-    "node_modules/console-browserify": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
-      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
-      "dev": true
-    },
-    "node_modules/constants-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
-      "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
-      "dev": true
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/convert-source-map": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
-    },
-    "node_modules/cookie": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
-      "dev": true
-    },
-    "node_modules/cookies": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.9.1.tgz",
-      "integrity": "sha512-TG2hpqe4ELx54QER/S3HQ9SRVnQnGBtKUz5bLQWtYAQ+o6GpgMs6sYUvaiJjVxb+UXwhRhAEP3m7LbsIZ77Hmw==",
-      "dependencies": {
-        "depd": "~2.0.0",
-        "keygrip": "~1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/copy-anything": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
-      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "is-what": "^3.14.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mesqueeb"
-      }
-    },
-    "node_modules/core-js": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.35.0.tgz",
-      "integrity": "sha512-ntakECeqg81KqMueeGJ79Q5ZgQNR+6eaE8sxGCx62zMbAIj65q+uYvatToew3m6eAGdU4gNZwpZ34NMe4GYswg==",
-      "hasInstallScript": true,
-      "optional": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/core-js-compat": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.0.tgz",
-      "integrity": "sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==",
-      "dev": true,
-      "dependencies": {
-        "browserslist": "^4.22.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/core-js-pure": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.35.0.tgz",
-      "integrity": "sha512-f+eRYmkou59uh7BPcyJ8MC76DiGhspj1KMxVIcF24tzP8NA9HVa1uC7BTW2tgx7E1QVCzDzsgp7kArrzhlz8Ew==",
-      "dev": true,
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/core-util-is": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
-    },
-    "node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cosmiconfig/node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/create-ecdh": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
-      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^4.1.0",
-        "elliptic": "^6.5.3"
-      }
-    },
-    "node_modules/create-ecdh/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "dev": true
-    },
-    "node_modules/create-hash": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-      "dependencies": {
-        "cipher-base": "^1.0.1",
-        "inherits": "^2.0.1",
-        "md5.js": "^1.3.4",
-        "ripemd160": "^2.0.1",
-        "sha.js": "^2.4.0"
-      }
-    },
-    "node_modules/create-hmac": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-      "dev": true,
-      "dependencies": {
-        "cipher-base": "^1.0.3",
-        "create-hash": "^1.1.0",
-        "inherits": "^2.0.1",
-        "ripemd160": "^2.0.0",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      }
-    },
-    "node_modules/cross-fetch": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-4.0.0.tgz",
-      "integrity": "sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==",
-      "dependencies": {
-        "node-fetch": "^2.6.12"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-browserify": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
-      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-      "dev": true,
-      "dependencies": {
-        "browserify-cipher": "^1.0.0",
-        "browserify-sign": "^4.0.0",
-        "create-ecdh": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "create-hmac": "^1.1.0",
-        "diffie-hellman": "^5.0.0",
-        "inherits": "^2.0.1",
-        "pbkdf2": "^3.0.3",
-        "public-encrypt": "^4.0.0",
-        "randombytes": "^2.0.0",
-        "randomfill": "^1.0.3"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/crypto-random-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
-      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/css-box-model": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
-      "integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==",
-      "dependencies": {
-        "tiny-invariant": "^1.0.6"
-      }
-    },
-    "node_modules/css-color-keywords": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
-      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/css-line-break": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
-      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
-      "optional": true,
-      "dependencies": {
-        "utrie": "^1.0.2"
-      }
-    },
-    "node_modules/css-loader": {
-      "version": "6.9.0",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.9.0.tgz",
-      "integrity": "sha512-3I5Nu4ytWlHvOP6zItjiHlefBNtrH+oehq8tnQa2kO305qpVyx9XNIT1CXIj5bgCJs7qICBCkgCYxQLKPANoLA==",
-      "dev": true,
-      "dependencies": {
-        "icss-utils": "^5.1.0",
-        "postcss": "^8.4.31",
-        "postcss-modules-extract-imports": "^3.0.0",
-        "postcss-modules-local-by-default": "^4.0.3",
-        "postcss-modules-scope": "^3.1.0",
-        "postcss-modules-values": "^4.0.0",
-        "postcss-value-parser": "^4.2.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/css-loader/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/css-loader/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/css-loader/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/css-select": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
-      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.0.1",
-        "domhandler": "^4.3.1",
-        "domutils": "^2.8.0",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css-select/node_modules/dom-serializer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/css-select/node_modules/domhandler": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.2.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/css-select/node_modules/domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-      "dev": true,
-      "dependencies": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/css-select/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/css-to-react-native": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
-      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
-      "dependencies": {
-        "camelize": "^1.0.0",
-        "css-color-keywords": "^1.0.0",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
-    },
-    "node_modules/cva": {
-      "name": "class-variance-authority",
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.4.0.tgz",
-      "integrity": "sha512-74enNN8O9ZNieycac/y8FxqgyzZhZbxmCitAtAeUrLPlxjSd5zA7LfpprmxEcOmQBnaGs5hYhiSGnJ0mqrtBLQ==",
-      "funding": {
-        "url": "https://joebell.co.uk"
-      },
-      "peerDependencies": {
-        "typescript": ">= 4.5.5 < 5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/cypress": {
-      "version": "13.6.2",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.6.2.tgz",
-      "integrity": "sha512-TW3bGdPU4BrfvMQYv1z3oMqj71YI4AlgJgnrycicmPZAXtvywVFZW9DAToshO65D97rCWfG/kqMFsYB6Kp91gQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "@cypress/request": "^3.0.0",
-        "@cypress/xvfb": "^1.2.4",
-        "@types/node": "^18.17.5",
-        "@types/sinonjs__fake-timers": "8.1.1",
-        "@types/sizzle": "^2.3.2",
-        "arch": "^2.2.0",
-        "blob-util": "^2.0.2",
-        "bluebird": "^3.7.2",
-        "buffer": "^5.6.0",
-        "cachedir": "^2.3.0",
-        "chalk": "^4.1.0",
-        "check-more-types": "^2.24.0",
-        "cli-cursor": "^3.1.0",
-        "cli-table3": "~0.6.1",
-        "commander": "^6.2.1",
-        "common-tags": "^1.8.0",
-        "dayjs": "^1.10.4",
-        "debug": "^4.3.4",
-        "enquirer": "^2.3.6",
-        "eventemitter2": "6.4.7",
-        "execa": "4.1.0",
-        "executable": "^4.1.1",
-        "extract-zip": "2.0.1",
-        "figures": "^3.2.0",
-        "fs-extra": "^9.1.0",
-        "getos": "^3.2.1",
-        "is-ci": "^3.0.0",
-        "is-installed-globally": "~0.4.0",
-        "lazy-ass": "^1.6.0",
-        "listr2": "^3.8.3",
-        "lodash": "^4.17.21",
-        "log-symbols": "^4.0.0",
-        "minimist": "^1.2.8",
-        "ospath": "^1.2.2",
-        "pretty-bytes": "^5.6.0",
-        "process": "^0.11.10",
-        "proxy-from-env": "1.0.0",
-        "request-progress": "^3.0.0",
-        "semver": "^7.5.3",
-        "supports-color": "^8.1.1",
-        "tmp": "~0.2.1",
-        "untildify": "^4.0.0",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "cypress": "bin/cypress"
-      },
-      "engines": {
-        "node": "^16.0.0 || ^18.0.0 || >=20.0.0"
-      }
-    },
-    "node_modules/cypress/node_modules/fs-extra": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
-      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-      "dev": true,
-      "dependencies": {
-        "at-least-node": "^1.0.0",
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cypress/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cypress/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cypress/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/cypress/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "node_modules/dashdash": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
-      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
-      "dev": true,
-      "dependencies": {
-        "assert-plus": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
-      }
-    },
-    "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==",
-      "dev": true
-    },
-    "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/debug/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
-    "node_modules/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decode-named-character-reference": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
-      "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==",
-      "dependencies": {
-        "character-entities": "^2.0.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/decode-uri-component": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
-      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/decompress-response": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
-      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
-      "dev": true,
-      "dependencies": {
-        "mimic-response": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/dedent": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
-      "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
-      "dev": true
-    },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/default-browser-id": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz",
-      "integrity": "sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==",
-      "dev": true,
-      "dependencies": {
-        "bplist-parser": "^0.2.0",
-        "untildify": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/defaults": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
-      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
-      "dev": true,
-      "dependencies": {
-        "clone": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dev": true,
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/defined": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
-      "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/defu": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
-      "dev": true
-    },
-    "node_modules/del": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/del/-/del-6.1.1.tgz",
-      "integrity": "sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==",
-      "dev": true,
-      "dependencies": {
-        "globby": "^11.0.1",
-        "graceful-fs": "^4.2.4",
-        "is-glob": "^4.0.1",
-        "is-path-cwd": "^2.2.0",
-        "is-path-inside": "^3.0.2",
-        "p-map": "^4.0.0",
-        "rimraf": "^3.0.2",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/deprecation": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/deprecation/-/deprecation-2.3.1.tgz",
-      "integrity": "sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ=="
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/des.js": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
-      "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0"
-      }
-    },
-    "node_modules/destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/detect-indent": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
-      "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/detect-libc": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
-      "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/detect-node-es": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
-    },
-    "node_modules/detect-package-manager": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/detect-package-manager/-/detect-package-manager-2.0.1.tgz",
-      "integrity": "sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==",
-      "dev": true,
-      "dependencies": {
-        "execa": "^5.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/detect-package-manager/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/detect-package-manager/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/detect-package-manager/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/detect-port": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/detect-port/-/detect-port-1.6.1.tgz",
-      "integrity": "sha512-CmnVc+Hek2egPx1PeTFVta2W78xy2K/9Rkf6cC4T59S50tVnzKj+tnx5mmx5lwvCkujZ4uRrpRSuV+IVs3f90Q==",
-      "dev": true,
-      "dependencies": {
-        "address": "^1.0.1",
-        "debug": "4"
-      },
-      "bin": {
-        "detect": "bin/detect-port.js",
-        "detect-port": "bin/detect-port.js"
-      },
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/detective": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
-      "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
-      "dev": true,
-      "dependencies": {
-        "acorn-node": "^1.8.2",
-        "defined": "^1.0.0",
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "detective": "bin/detective.js"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
-    },
-    "node_modules/diff": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
-      "integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
-      "engines": {
-        "node": ">=0.3.1"
-      }
-    },
-    "node_modules/diffie-hellman": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
-      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^4.1.0",
-        "miller-rabin": "^4.0.0",
-        "randombytes": "^2.0.0"
-      }
-    },
-    "node_modules/diffie-hellman/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "dev": true
-    },
-    "node_modules/dijkstrajs": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
-      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/dom-accessibility-api": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
-    },
-    "node_modules/dom-converter": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
-      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
-      "dev": true,
-      "dependencies": {
-        "utila": "~0.4"
-      }
-    },
-    "node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/domain-browser": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-4.23.0.tgz",
-      "integrity": "sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://bevry.me/fund"
-      }
-    },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
-    },
-    "node_modules/domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dependencies": {
-        "domelementtype": "^2.3.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/dompurify": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.6.tgz",
-      "integrity": "sha512-zUTaUBO8pY4+iJMPE1B9XlO2tXVYIcEA4SNGtvDELzTSCQO7RzH+j7S180BmhmJId78lqGU2z19vgVx2Sxs/PQ==",
-      "license": "(MPL-2.0 OR Apache-2.0)",
-      "optional": true
-    },
-    "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dependencies": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/dot-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
-      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/dotenv": {
-      "version": "16.3.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
-      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/motdotla/dotenv?sponsor=1"
-      }
-    },
-    "node_modules/dotenv-expand": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-10.0.0.tgz",
-      "integrity": "sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/duplexer2": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
-      "integrity": "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==",
-      "dependencies": {
-        "readable-stream": "^2.0.2"
-      }
-    },
-    "node_modules/duplexer2/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
-    },
-    "node_modules/duplexer2/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/duplexer2/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "node_modules/duplexer2/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/duplexify": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
-      "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
-      "dev": true,
-      "dependencies": {
-        "end-of-stream": "^1.0.0",
-        "inherits": "^2.0.1",
-        "readable-stream": "^2.0.0",
-        "stream-shift": "^1.0.0"
-      }
-    },
-    "node_modules/duplexify/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/duplexify/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/duplexify/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/duplexify/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
-    },
-    "node_modules/ecc-jsbn": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
-      "dev": true,
-      "dependencies": {
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
-    "node_modules/ecc-jsbn/node_modules/jsbn": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
-      "dev": true
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "dev": true
-    },
-    "node_modules/ejs": {
-      "version": "3.1.10",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
-      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
-      "dev": true,
-      "dependencies": {
-        "jake": "^10.8.5"
-      },
-      "bin": {
-        "ejs": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.632",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.632.tgz",
-      "integrity": "sha512-JGmudTwg7yxMYvR/gWbalqqQiyu7WTFv2Xu3vw4cJHXPFxNgAk0oy8UHaer8nLF4lZJa+rNoj6GsrKIVJTV6Tw=="
-    },
-    "node_modules/elliptic": {
-      "version": "6.5.7",
-      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.7.tgz",
-      "integrity": "sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^4.11.9",
-        "brorand": "^1.1.0",
-        "hash.js": "^1.0.0",
-        "hmac-drbg": "^1.0.1",
-        "inherits": "^2.0.4",
-        "minimalistic-assert": "^1.0.1",
-        "minimalistic-crypto-utils": "^1.0.1"
-      }
-    },
-    "node_modules/elliptic/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "dev": true
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
-    "node_modules/emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.4.0"
-      }
-    },
-    "node_modules/endent": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/endent/-/endent-2.1.0.tgz",
-      "integrity": "sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w==",
-      "dev": true,
-      "dependencies": {
-        "dedent": "^0.7.0",
-        "fast-json-parse": "^1.0.3",
-        "objectorarray": "^1.0.5"
-      }
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/enquirer": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
-      "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-colors": "^4.1.1",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/envinfo": {
-      "version": "7.13.0",
-      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.13.0.tgz",
-      "integrity": "sha512-cvcaMr7KqXVh4nyzGTVqTum+gAiL265x5jUWQIDLq//zOGbW+gSW/C+OWLleY/rs9Qole6AZLMXPbtIFQbqu+Q==",
-      "dev": true,
-      "bin": {
-        "envinfo": "dist/cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/errno": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
-      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "prr": "~1.0.1"
-      },
-      "bin": {
-        "errno": "cli.js"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/error-stack-parser": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
-      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
-      "dev": true,
-      "dependencies": {
-        "stackframe": "^1.3.4"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.22.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.5",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.2",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
-      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
-      "dev": true
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
-      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.2",
-        "has-tostringtag": "^1.0.0",
-        "hasown": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-      "dev": true,
-      "dependencies": {
-        "hasown": "^2.0.0"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.18.20",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
-      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/android-arm": "0.18.20",
-        "@esbuild/android-arm64": "0.18.20",
-        "@esbuild/android-x64": "0.18.20",
-        "@esbuild/darwin-arm64": "0.18.20",
-        "@esbuild/darwin-x64": "0.18.20",
-        "@esbuild/freebsd-arm64": "0.18.20",
-        "@esbuild/freebsd-x64": "0.18.20",
-        "@esbuild/linux-arm": "0.18.20",
-        "@esbuild/linux-arm64": "0.18.20",
-        "@esbuild/linux-ia32": "0.18.20",
-        "@esbuild/linux-loong64": "0.18.20",
-        "@esbuild/linux-mips64el": "0.18.20",
-        "@esbuild/linux-ppc64": "0.18.20",
-        "@esbuild/linux-riscv64": "0.18.20",
-        "@esbuild/linux-s390x": "0.18.20",
-        "@esbuild/linux-x64": "0.18.20",
-        "@esbuild/netbsd-x64": "0.18.20",
-        "@esbuild/openbsd-x64": "0.18.20",
-        "@esbuild/sunos-x64": "0.18.20",
-        "@esbuild/win32-arm64": "0.18.20",
-        "@esbuild/win32-ia32": "0.18.20",
-        "@esbuild/win32-x64": "0.18.20"
-      }
-    },
-    "node_modules/esbuild-plugin-alias": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz",
-      "integrity": "sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==",
-      "dev": true
-    },
-    "node_modules/esbuild-register": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.5.0.tgz",
-      "integrity": "sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4"
-      },
-      "peerDependencies": {
-        "esbuild": ">=0.12 <1"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "dev": true
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/escodegen": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
-      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
-      "dev": true,
-      "dependencies": {
-        "esprima": "^4.0.1",
-        "estraverse": "^5.2.0",
-        "esutils": "^2.0.2"
-      },
-      "bin": {
-        "escodegen": "bin/escodegen.js",
-        "esgenerate": "bin/esgenerate.js"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "optionalDependencies": {
-        "source-map": "~0.6.1"
-      }
-    },
-    "node_modules/escodegen/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
-      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.56.0",
-        "@humanwhocodes/config-array": "^0.11.13",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-airbnb": {
-      "version": "19.0.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb/-/eslint-config-airbnb-19.0.4.tgz",
-      "integrity": "sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==",
-      "dev": true,
-      "dependencies": {
-        "eslint-config-airbnb-base": "^15.0.0",
-        "object.assign": "^4.1.2",
-        "object.entries": "^1.1.5"
-      },
-      "engines": {
-        "node": "^10.12.0 || ^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^7.32.0 || ^8.2.0",
-        "eslint-plugin-import": "^2.25.3",
-        "eslint-plugin-jsx-a11y": "^6.5.1",
-        "eslint-plugin-react": "^7.28.0",
-        "eslint-plugin-react-hooks": "^4.3.0"
-      }
-    },
-    "node_modules/eslint-config-airbnb-base": {
-      "version": "15.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
-      "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
-      "dev": true,
-      "dependencies": {
-        "confusing-browser-globals": "^1.0.10",
-        "object.assign": "^4.1.2",
-        "object.entries": "^1.1.5",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^7.32.0 || ^8.2.0",
-        "eslint-plugin-import": "^2.25.2"
-      }
-    },
-    "node_modules/eslint-config-airbnb-typescript": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-typescript/-/eslint-config-airbnb-typescript-17.1.0.tgz",
-      "integrity": "sha512-GPxI5URre6dDpJ0CtcthSZVBAfI+Uw7un5OYNVxP2EYi3H81Jw701yFP7AU+/vCE7xBtFmjge7kfhhk4+RAiig==",
-      "dev": true,
-      "dependencies": {
-        "eslint-config-airbnb-base": "^15.0.0"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.13.0 || ^6.0.0",
-        "@typescript-eslint/parser": "^5.0.0 || ^6.0.0",
-        "eslint": "^7.32.0 || ^8.2.0",
-        "eslint-plugin-import": "^2.25.3"
-      }
-    },
-    "node_modules/eslint-config-next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
-      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
-      "dev": true,
-      "dependencies": {
-        "@next/eslint-plugin-next": "13.5.6",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-config-prettier": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
-      "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
-      "dev": true,
-      "bin": {
-        "eslint-config-prettier": "bin/cli.js"
-      },
-      "peerDependencies": {
-        "eslint": ">=7.0.0"
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.29.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
-      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlastindex": "^1.2.3",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.8.0",
-        "hasown": "^2.0.0",
-        "is-core-module": "^2.13.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.7",
-        "object.groupby": "^1.0.1",
-        "object.values": "^1.1.7",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.15.0"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/tsconfig-paths": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
-      "dev": true,
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
-      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "aria-query": "^5.3.0",
-        "array-includes": "^3.1.7",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "=4.7.0",
-        "axobject-query": "^3.2.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "es-iterator-helpers": "^1.0.15",
-        "hasown": "^2.0.0",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.7",
-        "object.fromentries": "^2.0.7"
-      },
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
-      }
-    },
-    "node_modules/eslint-plugin-prettier": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
-      "integrity": "sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==",
-      "dev": true,
-      "dependencies": {
-        "prettier-linter-helpers": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=7.28.0",
-        "prettier": ">=2.0.0"
-      },
-      "peerDependenciesMeta": {
-        "eslint-config-prettier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-simple-import-sort": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-8.0.0.tgz",
-      "integrity": "sha512-bXgJQ+lqhtQBCuWY/FUWdB27j4+lqcvXv5rUARkzbeWLwea+S5eBZEQrhnO+WgX3ZoJHVj0cn943iyXwByHHQw==",
-      "dev": true,
-      "peerDependencies": {
-        "eslint": ">=5.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-storybook": {
-      "version": "0.6.15",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.15.tgz",
-      "integrity": "sha512-lAGqVAJGob47Griu29KXYowI4G7KwMoJDOkEip8ujikuDLxU+oWJ1l0WL6F2oDO4QiyUFXvtDkEkISMOPzo+7w==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/csf": "^0.0.1",
-        "@typescript-eslint/utils": "^5.45.0",
-        "requireindex": "^1.1.0",
-        "ts-dedent": "^2.2.0"
-      },
-      "engines": {
-        "node": "12.x || 14.x || >= 16"
-      },
-      "peerDependencies": {
-        "eslint": ">=6"
-      }
-    },
-    "node_modules/eslint-plugin-storybook/node_modules/@storybook/csf": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.0.1.tgz",
-      "integrity": "sha512-USTLkZze5gkel8MYCujSRBVIrUQ3YPBrLOx7GNk/0wttvVtlzWXAq9eLbQ4p/NicGxP+3T7KPEMVV//g+yubpw==",
-      "dev": true,
-      "dependencies": {
-        "lodash": "^4.17.15"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-scope/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/eslint/node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/espree/node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/event-target-shim": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/eventemitter2": {
-      "version": "6.4.7",
-      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
-      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==",
-      "dev": true
-    },
-    "node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/evp_bytestokey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-      "dev": true,
-      "dependencies": {
-        "md5.js": "^1.3.4",
-        "safe-buffer": "^5.1.1"
-      }
-    },
-    "node_modules/execa": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
-      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "get-stream": "^5.0.0",
-        "human-signals": "^1.1.1",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.0",
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/executable": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/executable/-/executable-4.1.1.tgz",
-      "integrity": "sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/expand-template": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
-      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/express": {
-      "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
-      "dev": true,
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "1.20.3",
-        "content-disposition": "0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "0.7.1",
-        "cookie-signature": "1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "1.3.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.3",
-        "methods": "~1.1.2",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.10",
-        "proxy-addr": "~2.0.7",
-        "qs": "6.13.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "0.19.0",
-        "serve-static": "1.16.2",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "type-is": "~1.6.18",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
-    "node_modules/express/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/express/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
-    },
-    "node_modules/extend-shallow": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
-      "dependencies": {
-        "is-extendable": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/extract-zip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.1.1",
-        "get-stream": "^5.1.0",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "extract-zip": "cli.js"
-      },
-      "engines": {
-        "node": ">= 10.17.0"
-      },
-      "optionalDependencies": {
-        "@types/yauzl": "^2.9.1"
-      }
-    },
-    "node_modules/extsprintf": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ]
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-diff": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-      "dev": true
-    },
-    "node_modules/fast-equals": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
-      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
-    },
-    "node_modules/fast-fifo": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
-      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-parse": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/fast-json-parse/-/fast-json-parse-1.0.3.tgz",
-      "integrity": "sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==",
-      "dev": true
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
-      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fb-watchman": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
-      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
-      "dev": true,
-      "dependencies": {
-        "bser": "2.1.1"
-      }
-    },
-    "node_modules/fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "dependencies": {
-        "pend": "~1.2.0"
-      }
-    },
-    "node_modules/fetch-retry": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/fetch-retry/-/fetch-retry-5.0.6.tgz",
-      "integrity": "sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==",
-      "dev": true
-    },
-    "node_modules/fflate": {
-      "version": "0.4.8",
-      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz",
-      "integrity": "sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA=="
-    },
-    "node_modules/figures": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-      "dev": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/figures/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/file-saver": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
-      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
-    },
-    "node_modules/file-system-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/file-system-cache/-/file-system-cache-2.3.0.tgz",
-      "integrity": "sha512-l4DMNdsIPsVnKrgEXbJwDJsA5mB8rGwHYERMgqQx/xAUtChPJMre1bXBzDEqqVbWv9AIbFezXMxeEkZDSrXUOQ==",
-      "dev": true,
-      "dependencies": {
-        "fs-extra": "11.1.1",
-        "ramda": "0.29.0"
-      }
-    },
-    "node_modules/file-system-cache/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=14.14"
-      }
-    },
-    "node_modules/filelist": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
-      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
-      "dev": true,
-      "dependencies": {
-        "minimatch": "^5.0.1"
-      }
-    },
-    "node_modules/filelist/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/filelist/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/filter-obj": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-2.0.2.tgz",
-      "integrity": "sha512-lO3ttPjHZRfjMcxWKb1j1eDhTFsu4meeR3lnMcnBFhk6RuLhvEiuALu2TlfL310ph4lCYYwgF/ElIjdP739tdg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
-      "dev": true,
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/finalhandler/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/finalhandler/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/find-cache-dir": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
-      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
-      "dev": true,
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "make-dir": "^3.0.2",
-        "pkg-dir": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
-      }
-    },
-    "node_modules/find-cache-dir/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-cache-dir/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-cache-dir/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/find-cache-dir/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-cache-dir/node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-root": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
-    },
-    "node_modules/flow-parser": {
-      "version": "0.239.1",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.239.1.tgz",
-      "integrity": "sha512-topOrETNxJ6T2gAnQiWqAlzGPj8uI2wtmNOlDIMNB+qyvGJZ6R++STbUOTAYmvPhOMz2gXnXPH0hOvURYmrBow==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.6",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
-      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
-      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/forever-agent": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
-      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz",
-      "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.16.7",
-        "chalk": "^4.1.2",
-        "chokidar": "^3.5.3",
-        "cosmiconfig": "^7.0.1",
-        "deepmerge": "^4.2.2",
-        "fs-extra": "^10.0.0",
-        "memfs": "^3.4.1",
-        "minimatch": "^3.0.4",
-        "node-abort-controller": "^3.0.1",
-        "schema-utils": "^3.1.1",
-        "semver": "^7.3.5",
-        "tapable": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=12.13.0",
-        "yarn": ">=1.0.0"
-      },
-      "peerDependencies": {
-        "typescript": ">3.6.0",
-        "webpack": "^5.11.0"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/framer-motion": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-6.5.1.tgz",
-      "integrity": "sha512-o1BGqqposwi7cgDrtg0dNONhkmPsUFDaLcKXigzuTFC5x58mE8iyTazxSudFzmT6MEyJKfjjU8ItoMe3W+3fiw==",
-      "dependencies": {
-        "@motionone/dom": "10.12.0",
-        "framesync": "6.0.1",
-        "hey-listen": "^1.0.8",
-        "popmotion": "11.0.3",
-        "style-value-types": "5.0.0",
-        "tslib": "^2.1.0"
-      },
-      "optionalDependencies": {
-        "@emotion/is-prop-valid": "^0.8.2"
-      },
-      "peerDependencies": {
-        "react": ">=16.8 || ^17.0.0 || ^18.0.0",
-        "react-dom": ">=16.8 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/framesync": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/framesync/-/framesync-6.0.1.tgz",
-      "integrity": "sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fs": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/fs/-/fs-0.0.2.tgz",
-      "integrity": "sha512-YAiVokMCrSIFZiroB1oz51hPiPRVcUtSa4x2U5RYXyhS9VAPdiFigKbPTnOSq7XY8wd3FIVPYmXpo5lMzFmxgg=="
-    },
-    "node_modules/fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "dev": true
-    },
-    "node_modules/fs-extra": {
-      "version": "11.2.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
-      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=14.14"
-      }
-    },
-    "node_modules/fs-minipass": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-      "dev": true,
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/fs-minipass/node_modules/minipass": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/fs-minipass/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/fs-monkey": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.5.tgz",
-      "integrity": "sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==",
-      "dev": true
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-nonce": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
-      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/get-npm-tarball-url": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz",
-      "integrity": "sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.17"
-      }
-    },
-    "node_modules/get-package-type": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
-      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/get-port": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/get-port/-/get-port-5.1.1.tgz",
-      "integrity": "sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-stream": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-      "dev": true,
-      "dependencies": {
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/getos": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/getos/-/getos-3.2.1.tgz",
-      "integrity": "sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==",
-      "dev": true,
-      "dependencies": {
-        "async": "^3.2.0"
-      }
-    },
-    "node_modules/getpass": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
-      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
-      "dev": true,
-      "dependencies": {
-        "assert-plus": "^1.0.0"
-      }
-    },
-    "node_modules/giget": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/giget/-/giget-1.2.3.tgz",
-      "integrity": "sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==",
-      "dev": true,
-      "dependencies": {
-        "citty": "^0.1.6",
-        "consola": "^3.2.3",
-        "defu": "^6.1.4",
-        "node-fetch-native": "^1.6.3",
-        "nypm": "^0.3.8",
-        "ohash": "^1.1.3",
-        "pathe": "^1.1.2",
-        "tar": "^6.2.0"
-      },
-      "bin": {
-        "giget": "dist/cli.mjs"
-      }
-    },
-    "node_modules/github-from-package": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
-      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
-      "dev": true
-    },
-    "node_modules/github-slugger": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
-      "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==",
-      "dev": true
-    },
-    "node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "dev": true
-    },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/global-dirs": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz",
-      "integrity": "sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==",
-      "dev": true,
-      "dependencies": {
-        "ini": "2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "node_modules/gray-matter": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
-      "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
-      "dependencies": {
-        "js-yaml": "^3.13.1",
-        "kind-of": "^6.0.2",
-        "section-matter": "^1.0.0",
-        "strip-bom-string": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/gunzip-maybe": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz",
-      "integrity": "sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==",
-      "dev": true,
-      "dependencies": {
-        "browserify-zlib": "^0.1.4",
-        "is-deflate": "^1.0.0",
-        "is-gzip": "^1.0.0",
-        "peek-stream": "^1.1.0",
-        "pumpify": "^1.3.3",
-        "through2": "^2.0.3"
-      },
-      "bin": {
-        "gunzip-maybe": "bin.js"
-      }
-    },
-    "node_modules/gunzip-maybe/node_modules/browserify-zlib": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.1.4.tgz",
-      "integrity": "sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==",
-      "dev": true,
-      "dependencies": {
-        "pako": "~0.2.0"
-      }
-    },
-    "node_modules/gunzip-maybe/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/gunzip-maybe/node_modules/pako": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
-      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
-      "dev": true
-    },
-    "node_modules/gunzip-maybe/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/gunzip-maybe/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/gunzip-maybe/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/gunzip-maybe/node_modules/through2": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
-      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
-      "dev": true,
-      "dependencies": {
-        "readable-stream": "~2.3.6",
-        "xtend": "~4.0.1"
-      }
-    },
-    "node_modules/handlebars": {
-      "version": "4.7.8",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
-      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.5",
-        "neo-async": "^2.6.2",
-        "source-map": "^0.6.1",
-        "wordwrap": "^1.0.0"
-      },
-      "bin": {
-        "handlebars": "bin/handlebars"
-      },
-      "engines": {
-        "node": ">=0.4.7"
-      },
-      "optionalDependencies": {
-        "uglify-js": "^3.1.4"
-      }
-    },
-    "node_modules/handlebars/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dev": true,
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hash-base": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
-      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-      "dependencies": {
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/hash-base/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/hash.js": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
-      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "minimalistic-assert": "^1.0.1"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hast-util-whitespace": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz",
-      "integrity": "sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
-      "bin": {
-        "he": "bin/he"
-      }
-    },
-    "node_modules/hey-listen": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
-      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
-    },
-    "node_modules/hmac-drbg": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
-      "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
-      "dev": true,
-      "dependencies": {
-        "hash.js": "^1.0.3",
-        "minimalistic-assert": "^1.0.0",
-        "minimalistic-crypto-utils": "^1.0.1"
-      }
-    },
-    "node_modules/hoist-non-react-statics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
-      "dependencies": {
-        "react-is": "^16.7.0"
-      }
-    },
-    "node_modules/hoist-non-react-statics/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
-    "node_modules/html-entities": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz",
-      "integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/mdevils"
-        },
-        {
-          "type": "patreon",
-          "url": "https://patreon.com/mdevils"
-        }
-      ]
-    },
-    "node_modules/html-minifier-terser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
-      "dev": true,
-      "dependencies": {
-        "camel-case": "^4.1.2",
-        "clean-css": "^5.2.2",
-        "commander": "^8.3.0",
-        "he": "^1.2.0",
-        "param-case": "^3.0.4",
-        "relateurl": "^0.2.7",
-        "terser": "^5.10.0"
-      },
-      "bin": {
-        "html-minifier-terser": "cli.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/html-minifier-terser/node_modules/commander": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-      "dev": true,
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/html-parse-stringify": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
-      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
-      "dependencies": {
-        "void-elements": "3.1.0"
-      }
-    },
-    "node_modules/html-tags": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
-      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/html-tokenize": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/html-tokenize/-/html-tokenize-2.0.1.tgz",
-      "integrity": "sha512-QY6S+hZ0f5m1WT8WffYN+Hg+xm/w5I8XeUcAq/ZYP5wVC8xbKi4Whhru3FtrAebD5EhBW8rmFzkDI6eCAuFe2w==",
-      "dependencies": {
-        "buffer-from": "~0.1.1",
-        "inherits": "~2.0.1",
-        "minimist": "~1.2.5",
-        "readable-stream": "~1.0.27-1",
-        "through2": "~0.4.1"
-      },
-      "bin": {
-        "html-tokenize": "bin/cmd.js"
-      }
-    },
-    "node_modules/html-webpack-plugin": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.0.tgz",
-      "integrity": "sha512-iwaY4wzbe48AfKLZ/Cc8k0L+FKG6oSNRaZ8x5A/T/IVDGyXcbHncM9TdDa93wn0FsSm82FhTKW7f3vS61thXAw==",
-      "dev": true,
-      "dependencies": {
-        "@types/html-minifier-terser": "^6.0.0",
-        "html-minifier-terser": "^6.0.2",
-        "lodash": "^4.17.21",
-        "pretty-error": "^4.0.0",
-        "tapable": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/html-webpack-plugin"
-      },
-      "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
-        "webpack": "^5.20.0"
-      },
-      "peerDependenciesMeta": {
-        "@rspack/core": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/html2canvas": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
-      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
-      "optional": true,
-      "dependencies": {
-        "css-line-break": "^2.1.0",
-        "text-segmentation": "^1.0.3"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/htmlparser2": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "entities": "^4.4.0"
-      }
-    },
-    "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-      "dev": true,
-      "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/http-proxy": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-      "dependencies": {
-        "eventemitter3": "^4.0.0",
-        "follow-redirects": "^1.0.0",
-        "requires-port": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/http-signature": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
-      "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
-      "dev": true,
-      "dependencies": {
-        "assert-plus": "^1.0.0",
-        "jsprim": "^2.0.2",
-        "sshpk": "^1.14.1"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/https-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
-      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
-      "dev": true
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz",
-      "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==",
-      "dev": true,
-      "dependencies": {
-        "agent-base": "5",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/human-signals": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
-      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.12.0"
-      }
-    },
-    "node_modules/i18next": {
-      "version": "22.5.1",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-22.5.1.tgz",
-      "integrity": "sha512-8TGPgM3pAD+VRsMtUMNknRz3kzqwp/gPALrWMsDnmC1mKqJwpWyooQRLMcbTwq8z8YwSmuj+ZYvc+xCuEpkssA==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://locize.com"
-        },
-        {
-          "type": "individual",
-          "url": "https://locize.com/i18next.html"
-        },
-        {
-          "type": "individual",
-          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
-        }
-      ],
-      "dependencies": {
-        "@babel/runtime": "^7.20.6"
-      }
-    },
-    "node_modules/i18next-browser-languagedetector": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz",
-      "integrity": "sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2"
-      }
-    },
-    "node_modules/i18next-http-backend": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-2.4.2.tgz",
-      "integrity": "sha512-wKrgGcaFQ4EPjfzBTjzMU0rbFTYpa0S5gv9N/d8WBmWS64+IgJb7cHddMvV+tUkse7vUfco3eVs2lB+nJhPo3w==",
-      "dependencies": {
-        "cross-fetch": "4.0.0"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/icss-utils": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "dev": true,
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/ignore": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
-      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/image-size": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.1.1.tgz",
-      "integrity": "sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==",
-      "dev": true,
-      "dependencies": {
-        "queue": "6.0.2"
-      },
-      "bin": {
-        "image-size": "bin/image-size.js"
-      },
-      "engines": {
-        "node": ">=16.x"
-      }
-    },
-    "node_modules/immer": {
-      "version": "9.0.21",
-      "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz",
-      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/immer"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-fresh/node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/infisical-node": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/infisical-node/-/infisical-node-1.5.1.tgz",
-      "integrity": "sha512-4m78/SLvJ29a41vVhnkm6f/R0MqD/IsBE3TlQUJbJCoId+7nD6QjElQVP31+bfOb6Ve7wR2KvsUDM0VcXFWnqQ==",
-      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
-      "dependencies": {
-        "axios": "^1.3.3",
-        "dotenv": "^16.0.3",
-        "tweetnacl": "^1.0.3",
-        "tweetnacl-util": "^0.15.1"
-      }
-    },
-    "node_modules/infisical-node/node_modules/axios": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.5.tgz",
-      "integrity": "sha512-fZu86yCo+svH3uqJ/yTdQ0QHpQu5oL+/QE+QPSv6BZSkDAoky9vytxp7u5qk83OJFS3kEBcesWni9WTZAv3tSw==",
-      "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "node_modules/infisical-node/node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
-      "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/inline-style-parser": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
-      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
-      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.2",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/is-absolute-url": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
-      "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-buffer": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-ci": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
-      "integrity": "sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==",
-      "dev": true,
-      "dependencies": {
-        "ci-info": "^3.2.0"
-      },
-      "bin": {
-        "is-ci": "bin.js"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "dependencies": {
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-deflate": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-deflate/-/is-deflate-1.0.0.tgz",
-      "integrity": "sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==",
-      "dev": true
-    },
-    "node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-extendable": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
-      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-gzip": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-gzip/-/is-gzip-1.0.0.tgz",
-      "integrity": "sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-installed-globally": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
-      "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
-      "dev": true,
-      "dependencies": {
-        "global-dirs": "^3.0.0",
-        "is-path-inside": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-interactive": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
-      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-nan": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
-      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-path-cwd": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
-      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "dependencies": {
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
-      "dev": true
-    },
-    "node_modules/is-unicode-supported": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
-      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-what": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
-      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "node_modules/isobject": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
-      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/isstream": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
-      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
-      "dev": true
-    },
-    "node_modules/istanbul-lib-coverage": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
-      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-instrument": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/parser": "^7.14.7",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
-    "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "dev": true,
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/jake": {
-      "version": "10.9.1",
-      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.1.tgz",
-      "integrity": "sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==",
-      "dev": true,
-      "dependencies": {
-        "async": "^3.2.3",
-        "chalk": "^4.0.2",
-        "filelist": "^1.0.4",
-        "minimatch": "^3.1.2"
-      },
-      "bin": {
-        "jake": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jest-haste-map": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
-      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/graceful-fs": "^4.1.3",
-        "@types/node": "*",
-        "anymatch": "^3.0.3",
-        "fb-watchman": "^2.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-regex-util": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "walker": "^1.0.8"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      }
-    },
-    "node_modules/jest-mock": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-27.5.1.tgz",
-      "integrity": "sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "@types/node": "*"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-mock/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dev": true,
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-mock/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dev": true,
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-regex-util": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
-      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
-      "dev": true,
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-util": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
-      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "graceful-fs": "^4.2.9",
-        "picomatch": "^2.2.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
-      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "jest-util": "^29.7.0",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "1.21.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
-      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
-      "dev": true,
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsbn": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
-      "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A=="
-    },
-    "node_modules/jscodeshift": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz",
-      "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/plugin-transform-class-properties": "^7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
-        "@babel/plugin-transform-optional-chaining": "^7.23.0",
-        "@babel/plugin-transform-private-methods": "^7.22.5",
-        "@babel/preset-flow": "^7.22.15",
-        "@babel/preset-typescript": "^7.23.0",
-        "@babel/register": "^7.22.15",
-        "babel-core": "^7.0.0-bridge.0",
-        "chalk": "^4.1.2",
-        "flow-parser": "0.*",
-        "graceful-fs": "^4.2.4",
-        "micromatch": "^4.0.4",
-        "neo-async": "^2.5.0",
-        "node-dir": "^0.1.17",
-        "recast": "^0.23.3",
-        "temp": "^0.8.4",
-        "write-file-atomic": "^2.3.0"
-      },
-      "bin": {
-        "jscodeshift": "bin/jscodeshift.js"
-      },
-      "peerDependencies": {
-        "@babel/preset-env": "^7.1.6"
-      },
-      "peerDependenciesMeta": {
-        "@babel/preset-env": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jscodeshift/node_modules/write-file-atomic": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
-      "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.1.11",
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.2"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
-    },
-    "node_modules/json-schema": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
-      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "node_modules/json-stringify-safe": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
-      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/jsonp": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/jsonp/-/jsonp-0.2.1.tgz",
-      "integrity": "sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==",
-      "dependencies": {
-        "debug": "^2.1.3"
-      }
-    },
-    "node_modules/jsonp/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/jsonp/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/jspdf": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.2.tgz",
-      "integrity": "sha512-myeX9c+p7znDWPk0eTrujCzNjT+CXdXyk7YmJq5nD5V7uLLKmSXnlQ/Jn/kuo3X09Op70Apm0rQSnFWyGK8uEQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "atob": "^2.1.2",
-        "btoa": "^1.2.1",
-        "fflate": "^0.8.1"
-      },
-      "optionalDependencies": {
-        "canvg": "^3.0.6",
-        "core-js": "^3.6.0",
-        "dompurify": "^2.5.4",
-        "html2canvas": "^1.0.0-rc.5"
-      }
-    },
-    "node_modules/jspdf/node_modules/fflate": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
-      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
-      "license": "MIT"
-    },
-    "node_modules/jsprim": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz",
-      "integrity": "sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "dependencies": {
-        "assert-plus": "1.0.0",
-        "extsprintf": "1.3.0",
-        "json-schema": "0.4.0",
-        "verror": "1.10.0"
-      }
-    },
-    "node_modules/jsrp": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/jsrp/-/jsrp-0.2.4.tgz",
-      "integrity": "sha512-+CjGAhZaj3k2MMXEy+xWYv7xJGnise/SlL1IIvnRuJ1ZiLtNPJJln/dMDCgORQCq1ouXDnW1FBxW5bkBFhK/8g==",
-      "dependencies": {
-        "create-hash": "^1.0.0",
-        "jsbn": "^1.0.0",
-        "randombytes": "^2.0.0"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/jwt-decode": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
-      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
-    },
-    "node_modules/keygrip": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
-      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
-      "dependencies": {
-        "tsscmp": "1.0.6"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/klona": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
-      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.22",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
-      "dev": true
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
-      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
-      "dev": true,
-      "dependencies": {
-        "language-subtag-registry": "^0.3.20"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/lazy-ass": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz",
-      "integrity": "sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==",
-      "dev": true,
-      "engines": {
-        "node": "> 0.8"
-      }
-    },
-    "node_modules/lazy-universal-dotenv": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz",
-      "integrity": "sha512-aXpZJRnTkpK6gQ/z4nk+ZBLd/Qdp118cvPruLSIQzQNRhKwEcdXCOzXuF55VDqIiuAaY3UGZ10DJtvZzDcvsxg==",
-      "dev": true,
-      "dependencies": {
-        "app-root-dir": "^1.0.2",
-        "dotenv": "^16.0.0",
-        "dotenv-expand": "^10.0.0"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/less": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
-      "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "copy-anything": "^2.0.1",
-        "parse-node-version": "^1.0.1",
-        "tslib": "^2.3.0"
-      },
-      "bin": {
-        "lessc": "bin/lessc"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "optionalDependencies": {
-        "errno": "^0.1.1",
-        "graceful-fs": "^4.1.2",
-        "image-size": "~0.5.0",
-        "make-dir": "^2.1.0",
-        "mime": "^1.4.1",
-        "needle": "^3.1.0",
-        "source-map": "~0.6.0"
-      }
-    },
-    "node_modules/less-loader": {
-      "version": "11.1.4",
-      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.4.tgz",
-      "integrity": "sha512-6/GrYaB6QcW6Vj+/9ZPgKKs6G10YZai/l/eJ4SLwbzqNTBsAqt5hSLVF47TgsiBxV1P6eAU0GYRH3YRuQU9V3A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 14.15.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "less": "^3.5.0 || ^4.0.0",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/less/node_modules/image-size": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
-      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "image-size": "bin/image-size.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/less/node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/less/node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/less/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/less/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/leven": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
-      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-    },
-    "node_modules/linkify-it": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
-      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
-      "dependencies": {
-        "uc.micro": "^1.0.1"
-      }
-    },
-    "node_modules/listr2": {
-      "version": "3.14.0",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz",
-      "integrity": "sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==",
-      "dev": true,
-      "dependencies": {
-        "cli-truncate": "^2.1.0",
-        "colorette": "^2.0.16",
-        "log-update": "^4.0.0",
-        "p-map": "^4.0.0",
-        "rfdc": "^1.3.0",
-        "rxjs": "^7.5.1",
-        "through": "^2.3.8",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "enquirer": ">= 2.3.0 < 3"
-      },
-      "peerDependenciesMeta": {
-        "enquirer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/listr2/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.11.5"
-      }
-    },
-    "node_modules/loader-utils": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
-      "integrity": "sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 12.13.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash-es": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-    },
-    "node_modules/lodash.castarray": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
-      "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
-      "dev": true
-    },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
-      "dev": true
-    },
-    "node_modules/lodash.deburr": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-4.1.0.tgz",
-      "integrity": "sha512-m/M1U1f3ddMCs6Hq2tAsYThTBDaAKFDX3dwDo97GEYzamXi9SqUpjWi/Rrj/gf3X2n8ktwgZrlP1z6E3v/IExQ==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-      "dev": true
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/lodash.once": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
-      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
-      "dev": true
-    },
-    "node_modules/log-symbols": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
-      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "is-unicode-supported": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
-      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^4.3.0",
-        "cli-cursor": "^3.1.0",
-        "slice-ansi": "^4.0.0",
-        "wrap-ansi": "^6.2.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/wrap-ansi": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lottie-react": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.0.tgz",
-      "integrity": "sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==",
-      "dependencies": {
-        "lottie-web": "^5.10.2"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/lottie-web": {
-      "version": "5.12.2",
-      "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz",
-      "integrity": "sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg=="
-    },
-    "node_modules/lower-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true,
-      "bin": {
-        "lz-string": "bin/bin.js"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.5",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
-      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "dev": true,
-      "dependencies": {
-        "semver": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/makeerror": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
-      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
-      "dev": true,
-      "dependencies": {
-        "tmpl": "1.0.5"
-      }
-    },
-    "node_modules/map-or-similar": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
-      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==",
-      "dev": true
-    },
-    "node_modules/markdown-it": {
-      "version": "13.0.2",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.2.tgz",
-      "integrity": "sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==",
-      "dependencies": {
-        "argparse": "^2.0.1",
-        "entities": "~3.0.1",
-        "linkify-it": "^4.0.1",
-        "mdurl": "^1.0.1",
-        "uc.micro": "^1.0.5"
-      },
-      "bin": {
-        "markdown-it": "bin/markdown-it.js"
-      }
-    },
-    "node_modules/markdown-it/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
-    },
-    "node_modules/markdown-it/node_modules/entities": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
-      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/markdown-to-jsx": {
-      "version": "7.4.0",
-      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.4.0.tgz",
-      "integrity": "sha512-zilc+MIkVVXPyTb4iIUTIz9yyqfcWjszGXnwF9K/aiBWcHXFcmdEMTkG01/oQhwSCH7SY1BnG6+ev5BzWmbPrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10"
-      },
-      "peerDependencies": {
-        "react": ">= 0.14.0"
-      }
-    },
-    "node_modules/md5.js": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-      "dependencies": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/mdast-util-definitions": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-4.0.0.tgz",
-      "integrity": "sha512-k8AJ6aNnUkB7IE+5azR9h81O5EQ/cTDXtWdMq9Kk5KcEW/8ritU5CeLg/9HhOC++nALHBlaogJ5jz0Ybk3kPMQ==",
-      "dev": true,
-      "dependencies": {
-        "unist-util-visit": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-definitions/node_modules/unist-util-is": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
-      "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-definitions/node_modules/unist-util-visit": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
-      "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
-      "dev": true,
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0",
-        "unist-util-visit-parents": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-definitions/node_modules/unist-util-visit-parents": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
-      "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
-      "dev": true,
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-from-markdown": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
-      "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
-      "dependencies": {
-        "@types/mdast": "^3.0.0",
-        "@types/unist": "^2.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "mdast-util-to-string": "^3.1.0",
-        "micromark": "^3.0.0",
-        "micromark-util-decode-numeric-character-reference": "^1.0.0",
-        "micromark-util-decode-string": "^1.0.0",
-        "micromark-util-normalize-identifier": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0",
-        "unist-util-stringify-position": "^3.0.0",
-        "uvu": "^0.5.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-to-hast": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz",
-      "integrity": "sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==",
-      "dependencies": {
-        "@types/hast": "^2.0.0",
-        "@types/mdast": "^3.0.0",
-        "mdast-util-definitions": "^5.0.0",
-        "micromark-util-sanitize-uri": "^1.1.0",
-        "trim-lines": "^3.0.0",
-        "unist-util-generated": "^2.0.0",
-        "unist-util-position": "^4.0.0",
-        "unist-util-visit": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-to-hast/node_modules/mdast-util-definitions": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
-      "integrity": "sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==",
-      "dependencies": {
-        "@types/mdast": "^3.0.0",
-        "@types/unist": "^2.0.0",
-        "unist-util-visit": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-to-string": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
-      "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
-      "dependencies": {
-        "@types/mdast": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdurl": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
-      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
-    },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/memfs": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
-      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
-      "dev": true,
-      "dependencies": {
-        "fs-monkey": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/memoize-one": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
-      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
-    },
-    "node_modules/memoizerific": {
-      "version": "1.11.3",
-      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
-      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
-      "dev": true,
-      "dependencies": {
-        "map-or-similar": "^1.5.0"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/micromark": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz",
-      "integrity": "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "@types/debug": "^4.0.0",
-        "debug": "^4.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "micromark-core-commonmark": "^1.0.1",
-        "micromark-factory-space": "^1.0.0",
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-chunked": "^1.0.0",
-        "micromark-util-combine-extensions": "^1.0.0",
-        "micromark-util-decode-numeric-character-reference": "^1.0.0",
-        "micromark-util-encode": "^1.0.0",
-        "micromark-util-normalize-identifier": "^1.0.0",
-        "micromark-util-resolve-all": "^1.0.0",
-        "micromark-util-sanitize-uri": "^1.0.0",
-        "micromark-util-subtokenize": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.1",
-        "uvu": "^0.5.0"
-      }
-    },
-    "node_modules/micromark-core-commonmark": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz",
-      "integrity": "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "micromark-factory-destination": "^1.0.0",
-        "micromark-factory-label": "^1.0.0",
-        "micromark-factory-space": "^1.0.0",
-        "micromark-factory-title": "^1.0.0",
-        "micromark-factory-whitespace": "^1.0.0",
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-chunked": "^1.0.0",
-        "micromark-util-classify-character": "^1.0.0",
-        "micromark-util-html-tag-name": "^1.0.0",
-        "micromark-util-normalize-identifier": "^1.0.0",
-        "micromark-util-resolve-all": "^1.0.0",
-        "micromark-util-subtokenize": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.1",
-        "uvu": "^0.5.0"
-      }
-    },
-    "node_modules/micromark-factory-destination": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz",
-      "integrity": "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-factory-label": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz",
-      "integrity": "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0",
-        "uvu": "^0.5.0"
-      }
-    },
-    "node_modules/micromark-factory-space": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz",
-      "integrity": "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-factory-title": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz",
-      "integrity": "sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-factory-space": "^1.0.0",
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-factory-whitespace": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz",
-      "integrity": "sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-factory-space": "^1.0.0",
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-character": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz",
-      "integrity": "sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-chunked": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz",
-      "integrity": "sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-symbol": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-classify-character": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz",
-      "integrity": "sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-combine-extensions": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz",
-      "integrity": "sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-chunked": "^1.0.0",
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-decode-numeric-character-reference": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz",
-      "integrity": "sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-symbol": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-decode-string": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz",
-      "integrity": "sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-decode-numeric-character-reference": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-encode": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz",
-      "integrity": "sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ]
-    },
-    "node_modules/micromark-util-html-tag-name": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz",
-      "integrity": "sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ]
-    },
-    "node_modules/micromark-util-normalize-identifier": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz",
-      "integrity": "sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-symbol": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-resolve-all": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz",
-      "integrity": "sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-types": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-sanitize-uri": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz",
-      "integrity": "sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-character": "^1.0.0",
-        "micromark-util-encode": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0"
-      }
-    },
-    "node_modules/micromark-util-subtokenize": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz",
-      "integrity": "sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "micromark-util-chunked": "^1.0.0",
-        "micromark-util-symbol": "^1.0.0",
-        "micromark-util-types": "^1.0.0",
-        "uvu": "^0.5.0"
-      }
-    },
-    "node_modules/micromark-util-symbol": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz",
-      "integrity": "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ]
-    },
-    "node_modules/micromark-util-types": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz",
-      "integrity": "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ]
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/miller-rabin": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
-      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^4.0.0",
-        "brorand": "^1.0.1"
-      },
-      "bin": {
-        "miller-rabin": "bin/miller-rabin"
-      }
-    },
-    "node_modules/miller-rabin/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "dev": true
-    },
-    "node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/mimic-response": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
-      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/minimalistic-assert": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-      "dev": true
-    },
-    "node_modules/minimalistic-crypto-utils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
-      "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
-      "dev": true
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/minizlib": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
-      "dev": true,
-      "dependencies": {
-        "minipass": "^3.0.0",
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/minizlib/node_modules/minipass": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/minizlib/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true,
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "dev": true
-    },
-    "node_modules/mlly": {
-      "version": "1.7.1",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.1.tgz",
-      "integrity": "sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.11.3",
-        "pathe": "^1.1.2",
-        "pkg-types": "^1.1.1",
-        "ufo": "^1.5.3"
-      }
-    },
-    "node_modules/mlly/node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/mri": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
-      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-    },
-    "node_modules/multipipe": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/multipipe/-/multipipe-1.0.2.tgz",
-      "integrity": "sha512-6uiC9OvY71vzSGX8lZvSqscE7ft9nPupJ8fMjrCNRAUy2LREUW42UL+V/NTrogr6rFgRydUrCX4ZitfpSNkSCQ==",
-      "dependencies": {
-        "duplexer2": "^0.1.2",
-        "object-assign": "^4.1.0"
-      }
-    },
-    "node_modules/nanoclone": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz",
-      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA=="
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/napi-build-utils": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
-      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==",
-      "dev": true
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true
-    },
-    "node_modules/needle": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
-      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "iconv-lite": "^0.6.3",
-        "sax": "^1.2.4"
-      },
-      "bin": {
-        "needle": "bin/needle"
-      },
-      "engines": {
-        "node": ">= 4.4.x"
-      }
-    },
-    "node_modules/needle/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
-    },
-    "node_modules/next": {
-      "version": "12.3.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-12.3.4.tgz",
-      "integrity": "sha512-VcyMJUtLZBGzLKo3oMxrEF0stxh8HwuW976pAzlHhI3t8qJ4SROjCrSh1T24bhrbjw55wfZXAbXPGwPt5FLRfQ==",
-      "dependencies": {
-        "@next/env": "12.3.4",
-        "@swc/helpers": "0.4.11",
-        "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.14",
-        "styled-jsx": "5.0.7",
-        "use-sync-external-store": "1.2.0"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=12.22.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-android-arm-eabi": "12.3.4",
-        "@next/swc-android-arm64": "12.3.4",
-        "@next/swc-darwin-arm64": "12.3.4",
-        "@next/swc-darwin-x64": "12.3.4",
-        "@next/swc-freebsd-x64": "12.3.4",
-        "@next/swc-linux-arm-gnueabihf": "12.3.4",
-        "@next/swc-linux-arm64-gnu": "12.3.4",
-        "@next/swc-linux-arm64-musl": "12.3.4",
-        "@next/swc-linux-x64-gnu": "12.3.4",
-        "@next/swc-linux-x64-musl": "12.3.4",
-        "@next/swc-win32-arm64-msvc": "12.3.4",
-        "@next/swc-win32-ia32-msvc": "12.3.4",
-        "@next/swc-win32-x64-msvc": "12.3.4"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^6.0.0 || ^7.0.0",
-        "react": "^17.0.2 || ^18.0.0-0",
-        "react-dom": "^17.0.2 || ^18.0.0-0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/next/node_modules/@swc/helpers": {
-      "version": "0.4.11",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz",
-      "integrity": "sha512-rEUrBSGIoSFuYxwBYtlUFMlE2CwGhmW+w9355/5oduSw8e5h2+Tj4UrAGNNgP9915++wj5vkQo0UuOBqOAq4nw==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
-      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.4",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/next/node_modules/styled-jsx": {
-      "version": "5.0.7",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.7.tgz",
-      "integrity": "sha512-b3sUzamS086YLRuvnaDigdAewz1/EFYlHpYBP5mZovKEdQQOIIYq8lApylub3HHZ6xFjV051kkGU7cudJmrXEA==",
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/no-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-      "dev": true,
-      "dependencies": {
-        "lower-case": "^2.0.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/node-abi": {
-      "version": "3.54.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.54.0.tgz",
-      "integrity": "sha512-p7eGEiQil0YUV3ItH4/tBb781L5impVmmx2E9FRKF7d18XXzp4PGT2tdYMFY6wQqgxD0IwNZOiSJ0/K0fSi/OA==",
-      "dev": true,
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/node-abi/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/node-abi/node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/node-abi/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/node-abort-controller": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz",
-      "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==",
-      "dev": true
-    },
-    "node_modules/node-addon-api": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
-      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
-      "dev": true
-    },
-    "node_modules/node-dir": {
-      "version": "0.1.17",
-      "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz",
-      "integrity": "sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==",
-      "dev": true,
-      "dependencies": {
-        "minimatch": "^3.0.2"
-      },
-      "engines": {
-        "node": ">= 0.10.5"
-      }
-    },
-    "node_modules/node-fetch": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
-      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-      "dependencies": {
-        "whatwg-url": "^5.0.0"
-      },
-      "engines": {
-        "node": "4.x || >=6.0.0"
-      },
-      "peerDependencies": {
-        "encoding": "^0.1.0"
-      },
-      "peerDependenciesMeta": {
-        "encoding": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-fetch-native": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.4.tgz",
-      "integrity": "sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==",
-      "dev": true
-    },
-    "node_modules/node-int64": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "dev": true
-    },
-    "node_modules/node-polyfill-webpack-plugin": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/node-polyfill-webpack-plugin/-/node-polyfill-webpack-plugin-2.0.1.tgz",
-      "integrity": "sha512-ZUMiCnZkP1LF0Th2caY6J/eKKoA0TefpoVa68m/LQU1I/mE8rGt4fNYGgNuCcK+aG8P8P43nbeJ2RqJMOL/Y1A==",
-      "dev": true,
-      "dependencies": {
-        "assert": "^2.0.0",
-        "browserify-zlib": "^0.2.0",
-        "buffer": "^6.0.3",
-        "console-browserify": "^1.2.0",
-        "constants-browserify": "^1.0.0",
-        "crypto-browserify": "^3.12.0",
-        "domain-browser": "^4.22.0",
-        "events": "^3.3.0",
-        "filter-obj": "^2.0.2",
-        "https-browserify": "^1.0.0",
-        "os-browserify": "^0.3.0",
-        "path-browserify": "^1.0.1",
-        "process": "^0.11.10",
-        "punycode": "^2.1.1",
-        "querystring-es3": "^0.2.1",
-        "readable-stream": "^4.0.0",
-        "stream-browserify": "^3.0.0",
-        "stream-http": "^3.2.0",
-        "string_decoder": "^1.3.0",
-        "timers-browserify": "^2.0.12",
-        "tty-browserify": "^0.0.1",
-        "type-fest": "^2.14.0",
-        "url": "^0.11.0",
-        "util": "^0.12.4",
-        "vm-browserify": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "webpack": ">=5"
-      }
-    },
-    "node_modules/node-polyfill-webpack-plugin/node_modules/buffer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.2.1"
-      }
-    },
-    "node_modules/node-polyfill-webpack-plugin/node_modules/readable-stream": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz",
-      "integrity": "sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==",
-      "dev": true,
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
-    },
-    "node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/nprogress": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
-      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
-    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/nypm": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.9.tgz",
-      "integrity": "sha512-BI2SdqqTHg2d4wJh8P9A1W+bslg33vOE9IZDY6eR2QC+Pu1iNBVZUqczrd43rJb+fMzHU7ltAYKsEFY/kHMFcw==",
-      "dev": true,
-      "dependencies": {
-        "citty": "^0.1.6",
-        "consola": "^3.2.3",
-        "execa": "^8.0.1",
-        "pathe": "^1.1.2",
-        "pkg-types": "^1.1.1",
-        "ufo": "^1.5.3"
-      },
-      "bin": {
-        "nypm": "dist/cli.mjs"
-      },
-      "engines": {
-        "node": "^14.16.0 || >=16.10.0"
-      }
-    },
-    "node_modules/nypm/node_modules/execa": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
-      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^8.0.1",
-        "human-signals": "^5.0.0",
-        "is-stream": "^3.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^5.1.0",
-        "onetime": "^6.0.0",
-        "signal-exit": "^4.1.0",
-        "strip-final-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=16.17"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/nypm/node_modules/get-stream": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
-      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nypm/node_modules/human-signals": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
-      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.17.0"
-      }
-    },
-    "node_modules/nypm/node_modules/is-stream": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
-      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nypm/node_modules/mimic-fn": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
-      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nypm/node_modules/npm-run-path": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
-      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nypm/node_modules/onetime": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
-      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nypm/node_modules/path-key": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
-      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nypm/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/nypm/node_modules/strip-final-newline": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
-      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-is": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/objectorarray": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/objectorarray/-/objectorarray-1.0.5.tgz",
-      "integrity": "sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==",
-      "dev": true
-    },
-    "node_modules/ohash": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/ohash/-/ohash-1.1.3.tgz",
-      "integrity": "sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==",
-      "dev": true
-    },
-    "node_modules/on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "dev": true,
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/on-headers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
-      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dev": true,
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/ora": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
-      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
-      "dev": true,
-      "dependencies": {
-        "bl": "^4.1.0",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-spinners": "^2.5.0",
-        "is-interactive": "^1.0.0",
-        "is-unicode-supported": "^0.1.0",
-        "log-symbols": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "wcwidth": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/os-browserify": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
-      "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
-      "dev": true
-    },
-    "node_modules/ospath": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz",
-      "integrity": "sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==",
-      "dev": true
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-map": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-      "dev": true,
-      "dependencies": {
-        "aggregate-error": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pako": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-      "dev": true
-    },
-    "node_modules/param-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
-      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-      "dev": true,
-      "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-asn1": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
-      "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
-      "dev": true,
-      "dependencies": {
-        "asn1.js": "^5.2.0",
-        "browserify-aes": "^1.0.0",
-        "evp_bytestokey": "^1.0.0",
-        "pbkdf2": "^3.0.3",
-        "safe-buffer": "^5.1.1"
-      }
-    },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parse-node-version": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
-      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/parse-srcset": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
-      "integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q=="
-    },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/pascal-case": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
-      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/path-browserify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-      "dev": true
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-    },
-    "node_modules/path-scurry": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^9.1.1 || ^10.0.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
-      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
-      "dev": true,
-      "engines": {
-        "node": "14 || >=16.14"
-      }
-    },
-    "node_modules/path-to-regexp": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
-      "dev": true
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pathe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
-      "dev": true
-    },
-    "node_modules/pbkdf2": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
-      "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-      "dev": true,
-      "dependencies": {
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4",
-        "ripemd160": "^2.0.1",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
-    "node_modules/peek-stream": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/peek-stream/-/peek-stream-1.1.3.tgz",
-      "integrity": "sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==",
-      "dev": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "duplexify": "^3.5.0",
-        "through2": "^2.0.3"
-      }
-    },
-    "node_modules/peek-stream/node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "node_modules/peek-stream/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/peek-stream/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/peek-stream/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/peek-stream/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/peek-stream/node_modules/through2": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
-      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
-      "dev": true,
-      "dependencies": {
-        "readable-stream": "~2.3.6",
-        "xtend": "~4.0.1"
-      }
-    },
-    "node_modules/pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
-    },
-    "node_modules/performance-now": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
-      "devOptional": true
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/pkg-dir": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
-      "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/pkg-types": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.1.3.tgz",
-      "integrity": "sha512-+JrgthZG6m3ckicaOB74TwQ+tBWsFl3qVQg7mN8ulwSOElJ7gBhKzj2VkCPnZ4NlF6kEquYU+RIYNVAvzd54UA==",
-      "dev": true,
-      "dependencies": {
-        "confbox": "^0.1.7",
-        "mlly": "^1.7.1",
-        "pathe": "^1.1.2"
-      }
-    },
-    "node_modules/pngjs": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
-      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/pnp-webpack-plugin": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz",
-      "integrity": "sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg==",
-      "dev": true,
-      "dependencies": {
-        "ts-pnp": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/polished": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/polished/-/polished-4.2.2.tgz",
-      "integrity": "sha512-Sz2Lkdxz6F2Pgnpi9U5Ng/WdWAUZxmHrNPoVlm3aAemxoy2Qy7LGjQg4uf8qKelDAUW94F4np3iH2YPf2qefcQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.17.8"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/popmotion": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-11.0.3.tgz",
-      "integrity": "sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==",
-      "dependencies": {
-        "framesync": "6.0.1",
-        "hey-listen": "^1.0.8",
-        "style-value-types": "5.0.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.4.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz",
-      "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.0.1",
-        "source-map-js": "^1.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
-      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
-      "dev": true,
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
-      "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-      "dev": true,
-      "dependencies": {
-        "lilconfig": "^2.0.5",
-        "yaml": "^1.10.2"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-load-config/node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/postcss-loader": {
-      "version": "7.3.4",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.4.tgz",
-      "integrity": "sha512-iW5WTTBSC5BfsBJ9daFMPVrLT36MrNiC6fqOZTTaHjBNX6Pfd5p+hSBqe/fEeNd7pc13QiAyGt7VdGMw4eRC4A==",
-      "dev": true,
-      "dependencies": {
-        "cosmiconfig": "^8.3.5",
-        "jiti": "^1.20.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">= 14.15.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "postcss": "^7.0.0 || ^8.0.1",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/postcss-loader/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/postcss-loader/node_modules/cosmiconfig": {
-      "version": "8.3.6",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
-      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
-      "dev": true,
-      "dependencies": {
-        "import-fresh": "^3.3.0",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.2.0",
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/d-fischer"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.9.5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-loader/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/postcss-loader/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/postcss-loader/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/postcss-loader/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/postcss-modules-extract-imports": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-      "dev": true,
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/postcss-modules-local-by-default": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
-      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
-      "dev": true,
-      "dependencies": {
-        "icss-utils": "^5.0.0",
-        "postcss-selector-parser": "^6.0.2",
-        "postcss-value-parser": "^4.1.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/postcss-modules-scope": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.1.0.tgz",
-      "integrity": "sha512-SaIbK8XW+MZbd0xHPf7kdfA/3eOt7vxJ72IRecn3EzuZVLr1r0orzf0MX/pN8m+NMDoo6X/SQd8oeKqGZd8PXg==",
-      "dev": true,
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.4"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/postcss-modules-values": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
-      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
-      "dev": true,
-      "dependencies": {
-        "icss-utils": "^5.0.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz",
-      "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==",
-      "dev": true,
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "node_modules/posthog-js": {
-      "version": "1.105.6",
-      "resolved": "https://registry.npmjs.org/posthog-js/-/posthog-js-1.105.6.tgz",
-      "integrity": "sha512-5ITXsh29XIuNohHLy21nawGnfFZDpyt+yfnWge9sJl5yv0nNuoUmLiDgw1tJafoqGrfd5CUasKyzSI21HxsSeQ==",
-      "dependencies": {
-        "fflate": "^0.4.8",
-        "preact": "^10.19.3"
-      }
-    },
-    "node_modules/preact": {
-      "version": "10.19.5",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.19.5.tgz",
-      "integrity": "sha512-OPELkDmSVbKjbFqF9tgvOowiiQ9TmsJljIzXRyNE8nGiis94pwv1siF78rQkAP1Q1738Ce6pellRg/Ns/CtHqQ==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/preact"
-      }
-    },
-    "node_modules/prebuild-install": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz",
-      "integrity": "sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==",
-      "dev": true,
-      "dependencies": {
-        "detect-libc": "^2.0.0",
-        "expand-template": "^2.0.3",
-        "github-from-package": "0.0.0",
-        "minimist": "^1.2.3",
-        "mkdirp-classic": "^0.5.3",
-        "napi-build-utils": "^1.0.1",
-        "node-abi": "^3.3.0",
-        "pump": "^3.0.0",
-        "rc": "^1.2.7",
-        "simple-get": "^4.0.0",
-        "tar-fs": "^2.0.0",
-        "tunnel-agent": "^0.6.0"
-      },
-      "bin": {
-        "prebuild-install": "bin.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
-    "node_modules/prebuild-install/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dev": true,
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dev": true,
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
-      "dev": true,
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
-    "node_modules/prettier-linter-helpers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
-      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
-      "dev": true,
-      "dependencies": {
-        "fast-diff": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/prettier-plugin-tailwindcss": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.8.tgz",
-      "integrity": "sha512-KgPcEnJeIijlMjsA6WwYgRs5rh3/q76oInqtMXBA/EMcamrcYJpyhtRhyX1ayT9hnHlHTuO8sIifHF10WuSDKg==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.17.0"
-      },
-      "peerDependencies": {
-        "@ianvs/prettier-plugin-sort-imports": "*",
-        "@prettier/plugin-pug": "*",
-        "@shopify/prettier-plugin-liquid": "*",
-        "@shufo/prettier-plugin-blade": "*",
-        "@trivago/prettier-plugin-sort-imports": "*",
-        "prettier": ">=2.2.0",
-        "prettier-plugin-astro": "*",
-        "prettier-plugin-css-order": "*",
-        "prettier-plugin-import-sort": "*",
-        "prettier-plugin-jsdoc": "*",
-        "prettier-plugin-organize-attributes": "*",
-        "prettier-plugin-organize-imports": "*",
-        "prettier-plugin-style-order": "*",
-        "prettier-plugin-svelte": "*",
-        "prettier-plugin-twig-melody": "*"
-      },
-      "peerDependenciesMeta": {
-        "@ianvs/prettier-plugin-sort-imports": {
-          "optional": true
-        },
-        "@prettier/plugin-pug": {
-          "optional": true
-        },
-        "@shopify/prettier-plugin-liquid": {
-          "optional": true
-        },
-        "@shufo/prettier-plugin-blade": {
-          "optional": true
-        },
-        "@trivago/prettier-plugin-sort-imports": {
-          "optional": true
-        },
-        "prettier-plugin-astro": {
-          "optional": true
-        },
-        "prettier-plugin-css-order": {
-          "optional": true
-        },
-        "prettier-plugin-import-sort": {
-          "optional": true
-        },
-        "prettier-plugin-jsdoc": {
-          "optional": true
-        },
-        "prettier-plugin-organize-attributes": {
-          "optional": true
-        },
-        "prettier-plugin-organize-imports": {
-          "optional": true
-        },
-        "prettier-plugin-style-order": {
-          "optional": true
-        },
-        "prettier-plugin-svelte": {
-          "optional": true
-        },
-        "prettier-plugin-twig-melody": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/pretty-bytes": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
-      "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pretty-error": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
-      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
-      "dev": true,
-      "dependencies": {
-        "lodash": "^4.17.20",
-        "renderkid": "^3.0.0"
-      }
-    },
-    "node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/pretty-format/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/pretty-format/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-      "dev": true
-    },
-    "node_modules/pretty-hrtime": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
-    },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/prompts": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
-      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
-      "dev": true,
-      "dependencies": {
-        "kleur": "^3.0.3",
-        "sisteransi": "^1.0.5"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "node_modules/property-expr": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.6.tgz",
-      "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA=="
-    },
-    "node_modules/property-information": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.4.0.tgz",
-      "integrity": "sha512-9t5qARVofg2xQqKtytzt+lZ4d1Qvj8t5B8fEwXK6qOfgRLgH/b13QlgEyDh033NOS31nXeFbYv7CLUDG1CeifQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "dev": true,
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/proxy-from-env": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
-      "integrity": "sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==",
-      "dev": true
-    },
-    "node_modules/prr": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/psl": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-      "dev": true
-    },
-    "node_modules/public-encrypt": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
-      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-      "dev": true,
-      "dependencies": {
-        "bn.js": "^4.1.0",
-        "browserify-rsa": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "parse-asn1": "^5.0.0",
-        "randombytes": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/public-encrypt/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "dev": true
-    },
-    "node_modules/pump": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "dev": true,
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
-    "node_modules/pumpify": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz",
-      "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==",
-      "dev": true,
-      "dependencies": {
-        "duplexify": "^3.6.0",
-        "inherits": "^2.0.3",
-        "pump": "^2.0.0"
-      }
-    },
-    "node_modules/pumpify/node_modules/pump": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
-      "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
-      "dev": true,
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/puppeteer-core": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-2.1.1.tgz",
-      "integrity": "sha512-n13AWriBMPYxnpbb6bnaY5YoY6rGj8vPLrz6CZF3o0qJNEwlcfJVxBzYZ0NJsQ21UbdJoijPCDrM++SUVEz7+w==",
-      "dev": true,
-      "dependencies": {
-        "@types/mime-types": "^2.1.0",
-        "debug": "^4.1.0",
-        "extract-zip": "^1.6.6",
-        "https-proxy-agent": "^4.0.0",
-        "mime": "^2.0.3",
-        "mime-types": "^2.1.25",
-        "progress": "^2.0.1",
-        "proxy-from-env": "^1.0.0",
-        "rimraf": "^2.6.1",
-        "ws": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=8.16.0"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/extract-zip": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
-      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
-      "dev": true,
-      "dependencies": {
-        "concat-stream": "^1.6.2",
-        "debug": "^2.6.9",
-        "mkdirp": "^0.5.4",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "extract-zip": "cli.js"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/extract-zip/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/mime": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
-      "dev": true,
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/puppeteer-core/node_modules/rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/ws": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
-      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
-      "dev": true,
-      "dependencies": {
-        "async-limiter": "~1.0.0"
-      }
-    },
-    "node_modules/pvtsutils": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.3.5.tgz",
-      "integrity": "sha512-ARvb14YB9Nm2Xi6nBq1ZX6dAM0FsJnuk+31aUp4TrcZEdKUlSqOqsxJHUPJDNE3qiIp+iUPEIeR6Je/tgV7zsA==",
-      "dependencies": {
-        "tslib": "^2.6.1"
-      }
-    },
-    "node_modules/pvutils": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/pvutils/-/pvutils-1.1.3.tgz",
-      "integrity": "sha512-pMpnA0qRdFp32b1sJl1wOJNxZLQ2cbQx+k6tjNtZ8CpvVhNqEPRgivZ2WOUev2YMajecdH7ctUPDvEe87nariQ==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/qrcode": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.4.tgz",
-      "integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
-      "dependencies": {
-        "dijkstrajs": "^1.0.1",
-        "pngjs": "^5.0.0",
-        "yargs": "^15.3.1"
-      },
-      "bin": {
-        "qrcode": "bin/qrcode"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
-      "dev": true,
-      "dependencies": {
-        "side-channel": "^1.0.6"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/query-string": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
-      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
-      "dependencies": {
-        "decode-uri-component": "^0.2.2",
-        "filter-obj": "^1.1.0",
-        "split-on-first": "^1.0.0",
-        "strict-uri-encode": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/query-string/node_modules/filter-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
-      "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/querystring-es3": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
-      "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
-    "node_modules/querystringify": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "dev": true
-    },
-    "node_modules/queue": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
-      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "~2.0.3"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/queue-tick": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
-      "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==",
-      "dev": true
-    },
-    "node_modules/quick-lru": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/raf": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
-      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
-      "optional": true,
-      "dependencies": {
-        "performance-now": "^2.1.0"
-      }
-    },
-    "node_modules/raf-schd": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
-      "integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="
-    },
-    "node_modules/ramda": {
-      "version": "0.29.0",
-      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.0.tgz",
-      "integrity": "sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/ramda"
-      }
-    },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/randomfill": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
-      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-      "dev": true,
-      "dependencies": {
-        "randombytes": "^2.0.5",
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
-      "dev": true,
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "dev": true,
-      "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
-      },
-      "bin": {
-        "rc": "cli.js"
-      }
-    },
-    "node_modules/rc/node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
-    },
-    "node_modules/rc/node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
-      "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-beautiful-dnd": {
-      "version": "13.1.1",
-      "resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz",
-      "integrity": "sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.9.2",
-        "css-box-model": "^1.2.0",
-        "memoize-one": "^5.1.1",
-        "raf-schd": "^4.0.2",
-        "react-redux": "^7.2.0",
-        "redux": "^4.0.4",
-        "use-memo-one": "^1.1.1"
-      },
-      "peerDependencies": {
-        "react": "^16.8.5 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/react-beautiful-dnd/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/react-beautiful-dnd/node_modules/react-redux": {
-      "version": "7.2.9",
-      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
-      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.15.4",
-        "@types/react-redux": "^7.1.20",
-        "hoist-non-react-statics": "^3.3.2",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2"
-      },
-      "peerDependencies": {
-        "react": "^16.8.3 || ^17 || ^18"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-code-input": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/react-code-input/-/react-code-input-3.10.1.tgz",
-      "integrity": "sha512-B1RqSc32BzFP9eoV5LWhRTmbJ8I3rKs+6E01yaJwDqcVBE4kKgRJHBmPcXRD58qkCPssnF/Aq5UDNzIiTw7eNg==",
-      "dependencies": {
-        "classnames": "^2.2.5",
-        "react": "^16.3.2",
-        "react-dom": "^16.3.2"
-      },
-      "peerDependencies": {
-        "react": "^15.5.4 ||^16.2.0 || ^17.0.0",
-        "react-dom": "^15.5.4 ||^16.2.0 || ^17.0.0"
-      }
-    },
-    "node_modules/react-code-input/node_modules/react": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
-      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-code-input/node_modules/react-dom": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
-      "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.19.1"
-      },
-      "peerDependencies": {
-        "react": "^16.14.0"
-      }
-    },
-    "node_modules/react-code-input/node_modules/scheduler": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
-      }
-    },
-    "node_modules/react-colorful": {
-      "version": "5.6.1",
-      "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz",
-      "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==",
-      "dev": true,
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "node_modules/react-day-picker": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.10.0.tgz",
-      "integrity": "sha512-mz+qeyrOM7++1NCb1ARXmkjMkzWVh2GL9YiPbRjKe0zHccvekk4HE+0MPOZOrosn8r8zTHIIeOUXTmXRqmkRmg==",
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/gpbl"
-      },
-      "peerDependencies": {
-        "date-fns": "^2.28.0 || ^3.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/react-docgen": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.0.3.tgz",
-      "integrity": "sha512-i8aF1nyKInZnANZ4uZrH49qn1paRgBZ7wZiCNBMnenlPzEv0mRl+ShpTVEI6wZNl8sSc79xZkivtgLKQArcanQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.18.9",
-        "@babel/traverse": "^7.18.9",
-        "@babel/types": "^7.18.9",
-        "@types/babel__core": "^7.18.0",
-        "@types/babel__traverse": "^7.18.0",
-        "@types/doctrine": "^0.0.9",
-        "@types/resolve": "^1.20.2",
-        "doctrine": "^3.0.0",
-        "resolve": "^1.22.1",
-        "strip-indent": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.14.0"
-      }
-    },
-    "node_modules/react-docgen-typescript": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz",
-      "integrity": "sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==",
-      "dev": true,
-      "peerDependencies": {
-        "typescript": ">= 4.3.x"
-      }
-    },
-    "node_modules/react-docgen/node_modules/@types/doctrine": {
-      "version": "0.0.9",
-      "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz",
-      "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==",
-      "dev": true
-    },
-    "node_modules/react-dom": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
-      "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "scheduler": "^0.20.2"
-      },
-      "peerDependencies": {
-        "react": "17.0.2"
-      }
-    },
-    "node_modules/react-draggable": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.6.tgz",
-      "integrity": "sha512-LtY5Xw1zTPqHkVmtM3X8MUOxNDOUhv/khTgBgrUvwaS064bwVvxT+q5El0uUFNx5IEPKXuRejr7UqLwBIg5pdw==",
-      "dependencies": {
-        "clsx": "^1.1.1",
-        "prop-types": "^15.8.1"
-      },
-      "peerDependencies": {
-        "react": ">= 16.3.0",
-        "react-dom": ">= 16.3.0"
-      }
-    },
-    "node_modules/react-draggable/node_modules/clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/react-element-to-jsx-string": {
-      "version": "15.0.0",
-      "resolved": "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz",
-      "integrity": "sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==",
-      "dev": true,
-      "dependencies": {
-        "@base2/pretty-print-object": "1.0.1",
-        "is-plain-object": "5.0.0",
-        "react-is": "18.1.0"
-      },
-      "peerDependencies": {
-        "react": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0",
-        "react-dom": "^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0"
-      }
-    },
-    "node_modules/react-element-to-jsx-string/node_modules/react-is": {
-      "version": "18.1.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz",
-      "integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==",
-      "dev": true
-    },
-    "node_modules/react-grid-layout": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/react-grid-layout/-/react-grid-layout-1.4.4.tgz",
-      "integrity": "sha512-7+Lg8E8O8HfOH5FrY80GCIR1SHTn2QnAYKh27/5spoz+OHhMmEhU/14gIkRzJOtympDPaXcVRX/nT1FjmeOUmQ==",
-      "dependencies": {
-        "clsx": "^2.0.0",
-        "fast-equals": "^4.0.3",
-        "prop-types": "^15.8.1",
-        "react-draggable": "^4.4.5",
-        "react-resizable": "^3.0.5",
-        "resize-observer-polyfill": "^1.5.1"
-      },
-      "peerDependencies": {
-        "react": ">= 16.3.0",
-        "react-dom": ">= 16.3.0"
-      }
-    },
-    "node_modules/react-hook-form": {
-      "version": "7.49.3",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.49.3.tgz",
-      "integrity": "sha512-foD6r3juidAT1cOZzpmD/gOKt7fRsDhXXZ0y28+Al1CHgX+AY1qIN9VSIIItXRq1dN68QrRwl1ORFlwjBaAqeQ==",
-      "engines": {
-        "node": ">=18",
-        "pnpm": "8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/react-hook-form"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17 || ^18"
-      }
-    },
-    "node_modules/react-i18next": {
-      "version": "12.3.1",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.3.1.tgz",
-      "integrity": "sha512-5v8E2XjZDFzK7K87eSwC7AJcAkcLt5xYZ4+yTPDAW1i7C93oOY1dnr4BaQM7un4Hm+GmghuiPvevWwlca5PwDA==",
-      "dependencies": {
-        "@babel/runtime": "^7.20.6",
-        "html-parse-stringify": "^3.0.1"
-      },
-      "peerDependencies": {
-        "i18next": ">= 19.0.0",
-        "react": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-icons": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
-      "integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
-    "node_modules/react-is": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
-    },
-    "node_modules/react-mailchimp-subscribe": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/react-mailchimp-subscribe/-/react-mailchimp-subscribe-2.1.3.tgz",
-      "integrity": "sha512-ZRuPZMnX/9pHQLnAQavsgB5xIF+gNqjNCCq1vvTs23cn+93W2oOp17qjg3LpDBEt1HJi6IHXMwpKXn0taY8FHw==",
-      "dependencies": {
-        "jsonp": "^0.2.1",
-        "prop-types": "^15.5.10",
-        "to-querystring": "^1.0.4"
-      },
-      "peerDependencies": {
-        "react": ">=15"
-      }
-    },
-    "node_modules/react-markdown": {
-      "version": "8.0.7",
-      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.7.tgz",
-      "integrity": "sha512-bvWbzG4MtOU62XqBx3Xx+zB2raaFFsq4mYiAzfjXJMEz2sixgeAfraA3tvzULF02ZdOMUOKTBFFaZJDDrq+BJQ==",
-      "dependencies": {
-        "@types/hast": "^2.0.0",
-        "@types/prop-types": "^15.0.0",
-        "@types/unist": "^2.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "hast-util-whitespace": "^2.0.0",
-        "prop-types": "^15.0.0",
-        "property-information": "^6.0.0",
-        "react-is": "^18.0.0",
-        "remark-parse": "^10.0.0",
-        "remark-rehype": "^10.0.0",
-        "space-separated-tokens": "^2.0.0",
-        "style-to-object": "^0.4.0",
-        "unified": "^10.0.0",
-        "unist-util-visit": "^4.0.0",
-        "vfile": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      },
-      "peerDependencies": {
-        "@types/react": ">=16",
-        "react": ">=16"
-      }
-    },
-    "node_modules/react-redux": {
-      "version": "8.1.3",
-      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-8.1.3.tgz",
-      "integrity": "sha512-n0ZrutD7DaX/j9VscF+uTALI3oUPa/pO4Z3soOBIjuRn/FzVu6aehhysxZCLi6y7duMf52WNZGMl7CtuK5EnRw==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.1",
-        "@types/hoist-non-react-statics": "^3.3.1",
-        "@types/use-sync-external-store": "^0.0.3",
-        "hoist-non-react-statics": "^3.3.2",
-        "react-is": "^18.0.0",
-        "use-sync-external-store": "^1.0.0"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8 || ^17.0 || ^18.0",
-        "@types/react-dom": "^16.8 || ^17.0 || ^18.0",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0",
-        "react-native": ">=0.59",
-        "redux": "^4 || ^5.0.0-beta.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        },
-        "redux": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-refresh": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
-      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-remove-scroll": {
-      "version": "2.5.5",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
-      "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
-      "dependencies": {
-        "react-remove-scroll-bar": "^2.3.3",
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
-        "use-sidecar": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
-      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
-      "dependencies": {
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-resizable": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-3.0.5.tgz",
-      "integrity": "sha512-vKpeHhI5OZvYn82kXOs1bC8aOXktGU5AmKAgaZS4F5JPburCtbmDPqE7Pzp+1kN4+Wb81LlF33VpGwWwtXem+w==",
-      "dependencies": {
-        "prop-types": "15.x",
-        "react-draggable": "^4.0.3"
-      },
-      "peerDependencies": {
-        "react": ">= 16.3"
-      }
-    },
-    "node_modules/react-select": {
-      "version": "5.8.3",
-      "resolved": "https://registry.npmjs.org/react-select/-/react-select-5.8.3.tgz",
-      "integrity": "sha512-lVswnIq8/iTj1db7XCG74M/3fbGB6ZaluCzvwPGT5ZOjCdL/k0CLWhEK0vCBLuU5bHTEf6Gj8jtSvi+3v+tO1w==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.12.0",
-        "@emotion/cache": "^11.4.0",
-        "@emotion/react": "^11.8.1",
-        "@floating-ui/dom": "^1.0.1",
-        "@types/react-transition-group": "^4.4.0",
-        "memoize-one": "^6.0.0",
-        "prop-types": "^15.6.0",
-        "react-transition-group": "^4.3.0",
-        "use-isomorphic-layout-effect": "^1.1.2"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/react-select/node_modules/memoize-one": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
-      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
-      "license": "MIT"
-    },
-    "node_modules/react-style-singleton": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
-      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
-      "dependencies": {
-        "get-nonce": "^1.0.0",
-        "invariant": "^2.2.4",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-table": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/react-table/-/react-table-7.8.0.tgz",
-      "integrity": "sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "react": "^16.8.3 || ^17.0.0-0 || ^18.0.0"
-      }
-    },
-    "node_modules/react-toastify": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-9.1.3.tgz",
-      "integrity": "sha512-fPfb8ghtn/XMxw3LkxQBk3IyagNpF/LIKjOBflbexr2AWxAH1MJgvnESwEwBn9liLFXgTKWgBSdZpw9m4OTHTg==",
-      "dependencies": {
-        "clsx": "^1.1.1"
-      },
-      "peerDependencies": {
-        "react": ">=16",
-        "react-dom": ">=16"
-      }
-    },
-    "node_modules/react-toastify/node_modules/clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/react-transition-group": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
-      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
-      },
-      "peerDependencies": {
-        "react": ">=16.6.0",
-        "react-dom": ">=16.6.0"
-      }
-    },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/read-pkg": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-      "dev": true,
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.0",
-        "normalize-package-data": "^2.5.0",
-        "parse-json": "^5.0.0",
-        "type-fest": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.1.0",
-        "read-pkg": "^5.2.0",
-        "type-fest": "^0.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/readable-stream": {
-      "version": "1.0.34",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
-      "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.1",
-        "isarray": "0.0.1",
-        "string_decoder": "~0.10.x"
-      }
-    },
-    "node_modules/readable-stream/node_modules/isarray": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
-    },
-    "node_modules/readable-stream/node_modules/string_decoder": {
-      "version": "0.10.31",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
-      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/recast": {
-      "version": "0.23.4",
-      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.4.tgz",
-      "integrity": "sha512-qtEDqIZGVcSZCHniWwZWbRy79Dc6Wp3kT/UmDA2RJKBPg7+7k51aQBZirHmUGn5uvHf2rg8DkjizrN26k61ATw==",
-      "dev": true,
-      "dependencies": {
-        "assert": "^2.0.0",
-        "ast-types": "^0.16.1",
-        "esprima": "~4.0.0",
-        "source-map": "~0.6.1",
-        "tslib": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/recast/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/redux": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
-      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
-      "dependencies": {
-        "@babel/runtime": "^7.9.2"
-      }
-    },
-    "node_modules/redux-thunk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
-      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
-      "peerDependencies": {
-        "redux": "^4"
-      }
-    },
-    "node_modules/reflect-metadata": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
-      "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q=="
-    },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regenerate": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
-      "dev": true
-    },
-    "node_modules/regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
-      "dev": true,
-      "dependencies": {
-        "regenerate": "^1.4.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-    },
-    "node_modules/regenerator-transform": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
-      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.8.4"
-      }
-    },
-    "node_modules/regex-parser": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz",
-      "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==",
-      "dev": true
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/regjsgen": "^0.8.0",
-        "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
-        "unicode-match-property-ecmascript": "^2.0.0",
-        "unicode-match-property-value-ecmascript": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
-      "dev": true,
-      "dependencies": {
-        "jsesc": "~0.5.0"
-      },
-      "bin": {
-        "regjsparser": "bin/parser"
-      }
-    },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "dev": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
-    "node_modules/relateurl": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
-      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/remark-external-links": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/remark-external-links/-/remark-external-links-8.0.0.tgz",
-      "integrity": "sha512-5vPSX0kHoSsqtdftSHhIYofVINC8qmp0nctkeU9YoJwV3YfiBRiI6cbFRJ0oI/1F9xS+bopXG0m2KS8VFscuKA==",
-      "dev": true,
-      "dependencies": {
-        "extend": "^3.0.0",
-        "is-absolute-url": "^3.0.0",
-        "mdast-util-definitions": "^4.0.0",
-        "space-separated-tokens": "^1.0.0",
-        "unist-util-visit": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-external-links/node_modules/space-separated-tokens": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
-      "integrity": "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==",
-      "dev": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/remark-external-links/node_modules/unist-util-is": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
-      "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-external-links/node_modules/unist-util-visit": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
-      "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
-      "dev": true,
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0",
-        "unist-util-visit-parents": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-external-links/node_modules/unist-util-visit-parents": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
-      "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
-      "dev": true,
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-parse": {
-      "version": "10.0.2",
-      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz",
-      "integrity": "sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==",
-      "dependencies": {
-        "@types/mdast": "^3.0.0",
-        "mdast-util-from-markdown": "^1.0.0",
-        "unified": "^10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-rehype": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz",
-      "integrity": "sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==",
-      "dependencies": {
-        "@types/hast": "^2.0.0",
-        "@types/mdast": "^3.0.0",
-        "mdast-util-to-hast": "^12.1.0",
-        "unified": "^10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-slug": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/remark-slug/-/remark-slug-6.1.0.tgz",
-      "integrity": "sha512-oGCxDF9deA8phWvxFuyr3oSJsdyUAxMFbA0mZ7Y1Sas+emILtO+e5WutF9564gDsEN4IXaQXm5pFo6MLH+YmwQ==",
-      "dev": true,
-      "dependencies": {
-        "github-slugger": "^1.0.0",
-        "mdast-util-to-string": "^1.0.0",
-        "unist-util-visit": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-slug/node_modules/mdast-util-to-string": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz",
-      "integrity": "sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-slug/node_modules/unist-util-is": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
-      "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-slug/node_modules/unist-util-visit": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
-      "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
-      "dev": true,
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0",
-        "unist-util-visit-parents": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-slug/node_modules/unist-util-visit-parents": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
-      "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
-      "dev": true,
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/renderkid": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
-      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
-      "dev": true,
-      "dependencies": {
-        "css-select": "^4.1.3",
-        "dom-converter": "^0.2.0",
-        "htmlparser2": "^6.1.0",
-        "lodash": "^4.17.21",
-        "strip-ansi": "^6.0.1"
-      }
-    },
-    "node_modules/renderkid/node_modules/dom-serializer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/renderkid/node_modules/domhandler": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.2.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/renderkid/node_modules/domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-      "dev": true,
-      "dependencies": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/renderkid/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/renderkid/node_modules/htmlparser2": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
-      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
-      "dev": true,
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.0.0",
-        "domutils": "^2.5.2",
-        "entities": "^2.0.0"
-      }
-    },
-    "node_modules/request-progress": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz",
-      "integrity": "sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==",
-      "dev": true,
-      "dependencies": {
-        "throttleit": "^1.0.0"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/require-main-filename": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
-    },
-    "node_modules/requireindex": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/requireindex/-/requireindex-1.2.0.tgz",
-      "integrity": "sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.5"
-      }
-    },
-    "node_modules/requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-    },
-    "node_modules/reselect": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz",
-      "integrity": "sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ=="
-    },
-    "node_modules/resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
-    },
-    "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
-    "node_modules/resolve-url-loader": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
-      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
-      "dev": true,
-      "dependencies": {
-        "adjust-sourcemap-loader": "^4.0.0",
-        "convert-source-map": "^1.7.0",
-        "loader-utils": "^2.0.0",
-        "postcss": "^8.2.14",
-        "source-map": "0.6.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/loader-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/restore-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-      "dev": true,
-      "dependencies": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rfdc": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
-      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
-      "dev": true
-    },
-    "node_modules/rgbcolor": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
-      "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==",
-      "optional": true,
-      "engines": {
-        "node": ">= 0.8.15"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/rimraf/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/ripemd160": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-      "dependencies": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/rxjs": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/sade": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
-      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
-      "dependencies": {
-        "mri": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.0.tgz",
-      "integrity": "sha512-ZdQ0Jeb9Ofti4hbt5lX3T2JcAamT9hfzYU1MNB+z/jaEbB6wfFfPIR/zEORmZqobkCCJhSjodobH6WHNmJ97dg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "get-intrinsic": "^1.2.2",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.2.tgz",
-      "integrity": "sha512-83S9w6eFq12BBIJYvjMux6/dkirb8+4zJRA9cxNBVb7Wq5fJBW+Xze48WqR8pxua7bDuAaaAxtVVd4Idjp1dBQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "get-intrinsic": "^1.2.2",
-        "is-regex": "^1.1.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
-    },
-    "node_modules/sanitize-html": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.12.1.tgz",
-      "integrity": "sha512-Plh+JAn0UVDpBRP/xEjsk+xDCoOvMBwQUf/K+/cBAVuTbtX8bj2VB7S1sL1dssVpykqp0/KPSesHrqXtokVBpA==",
-      "dependencies": {
-        "deepmerge": "^4.2.2",
-        "escape-string-regexp": "^4.0.0",
-        "htmlparser2": "^8.0.0",
-        "is-plain-object": "^5.0.0",
-        "parse-srcset": "^1.0.2",
-        "postcss": "^8.3.11"
-      }
-    },
-    "node_modules/sass-loader": {
-      "version": "13.3.3",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.3.tgz",
-      "integrity": "sha512-mt5YN2F1MOZr3d/wBRcZxeFgwgkH44wVc2zohO2YF6JiOMkiXe4BYRZpSu2sO1g71mo/j16txzUhsKZlqjVGzA==",
-      "dev": true,
-      "dependencies": {
-        "neo-async": "^2.6.2"
-      },
-      "engines": {
-        "node": ">= 14.15.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
-        "sass": "^1.3.0",
-        "sass-embedded": "*",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/sax": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
-      "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/scheduler": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
-      "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
-      }
-    },
-    "node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/section-matter": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
-      "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
-      "dependencies": {
-        "extend-shallow": "^2.0.1",
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "mime": "1.6.0",
-        "ms": "2.1.3",
-        "on-finished": "2.4.1",
-        "range-parser": "~1.2.1",
-        "statuses": "2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/send/node_modules/debug/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
-    },
-    "node_modules/send/node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/serialize-javascript": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
-      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
-      "dev": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
-      "dev": true,
-      "dependencies": {
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "0.19.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/set-blocking": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
-    },
-    "node_modules/set-cookie-parser": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
-      "integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ=="
-    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
-      "dev": true
-    },
-    "node_modules/setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "dev": true
-    },
-    "node_modules/sha.js": {
-      "version": "2.4.11",
-      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
-      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      },
-      "bin": {
-        "sha.js": "bin.js"
-      }
-    },
-    "node_modules/shallow-clone": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
-      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
-    "node_modules/sharp": {
-      "version": "0.33.2",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.2.tgz",
-      "integrity": "sha512-WlYOPyyPDiiM07j/UO+E720ju6gtNtHjEGg5vovUk1Lgxyjm2LFO+37Nt/UI3MMh2l6hxTWQWi7qk3cXJTutcQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.2",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "libvips": ">=8.15.1",
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.33.2",
-        "@img/sharp-darwin-x64": "0.33.2",
-        "@img/sharp-libvips-darwin-arm64": "1.0.1",
-        "@img/sharp-libvips-darwin-x64": "1.0.1",
-        "@img/sharp-libvips-linux-arm": "1.0.1",
-        "@img/sharp-libvips-linux-arm64": "1.0.1",
-        "@img/sharp-libvips-linux-s390x": "1.0.1",
-        "@img/sharp-libvips-linux-x64": "1.0.1",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.1",
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.1",
-        "@img/sharp-linux-arm": "0.33.2",
-        "@img/sharp-linux-arm64": "0.33.2",
-        "@img/sharp-linux-s390x": "0.33.2",
-        "@img/sharp-linux-x64": "0.33.2",
-        "@img/sharp-linuxmusl-arm64": "0.33.2",
-        "@img/sharp-linuxmusl-x64": "0.33.2",
-        "@img/sharp-wasm32": "0.33.2",
-        "@img/sharp-win32-ia32": "0.33.2",
-        "@img/sharp-win32-x64": "0.33.2"
-      }
-    },
-    "node_modules/sharp/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/sharp/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/sharp/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "node_modules/simple-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
-      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/simple-get": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
-      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "decompress-response": "^6.0.0",
-        "once": "^1.3.1",
-        "simple-concat": "^1.0.0"
-      }
-    },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
-    },
-    "node_modules/sisteransi": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
-      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/slice-ansi": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
-      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
-      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/source-map-support/node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "node_modules/source-map-support/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/space-separated-tokens": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
-      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
-      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.18",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.18.tgz",
-      "integrity": "sha512-xxRs31BqRYHwiMzudOrpSiHtZ8i/GeionCBDSilhYRj+9gIcI8wCZTlXZKu9vZIVqViP3dcp9qE5G6AlIaD+TQ==",
-      "dev": true
-    },
-    "node_modules/split-on-first": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
-      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
-    },
-    "node_modules/sshpk": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
-      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
-      "dev": true,
-      "dependencies": {
-        "asn1": "~0.2.3",
-        "assert-plus": "^1.0.0",
-        "bcrypt-pbkdf": "^1.0.0",
-        "dashdash": "^1.12.0",
-        "ecc-jsbn": "~0.1.1",
-        "getpass": "^0.1.1",
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.0.2",
-        "tweetnacl": "~0.14.0"
-      },
-      "bin": {
-        "sshpk-conv": "bin/sshpk-conv",
-        "sshpk-sign": "bin/sshpk-sign",
-        "sshpk-verify": "bin/sshpk-verify"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/sshpk/node_modules/jsbn": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
-      "dev": true
-    },
-    "node_modules/sshpk/node_modules/tweetnacl": {
-      "version": "0.14.5",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
-      "dev": true
-    },
-    "node_modules/stackblur-canvas": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.6.0.tgz",
-      "integrity": "sha512-8S1aIA+UoF6erJYnglGPug6MaHYGo1Ot7h5fuXx4fUPvcvQfcdw2o/ppCse63+eZf8PPidSu4v1JnmEVtEDnpg==",
-      "optional": true,
-      "engines": {
-        "node": ">=0.1.14"
-      }
-    },
-    "node_modules/stackframe": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
-      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
-      "dev": true
-    },
-    "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/store2": {
-      "version": "2.14.2",
-      "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.2.tgz",
-      "integrity": "sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==",
-      "dev": true
-    },
-    "node_modules/storybook": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.20.tgz",
-      "integrity": "sha512-Wt04pPTO71pwmRmsgkyZhNo4Bvdb/1pBAMsIFb9nQLykEdzzpXjvingxFFvdOG4nIowzwgxD+CLlyRqVJqnATw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/cli": "7.6.20"
-      },
-      "bin": {
-        "sb": "index.js",
-        "storybook": "index.js"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/storybook-dark-mode": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-3.0.3.tgz",
-      "integrity": "sha512-ZLBLVpkuKTdtUv3DTuOjeP/bE7DHhOxVpDROKc0NtEYq9JHLUu6z05LLZinE3v6QPXQZ9TMQPm3Xe/0BcLEZlw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/addons": "^7.0.0",
-        "@storybook/components": "^7.0.0",
-        "@storybook/core-events": "^7.0.0",
-        "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "^7.0.0",
-        "@storybook/theming": "^7.0.0",
-        "fast-deep-equal": "^3.1.3",
-        "memoizerific": "^1.11.3"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/stream-browserify": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
-      "integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "~2.0.4",
-        "readable-stream": "^3.5.0"
-      }
-    },
-    "node_modules/stream-browserify/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/stream-http": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-3.2.0.tgz",
-      "integrity": "sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==",
-      "dev": true,
-      "dependencies": {
-        "builtin-status-codes": "^3.0.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.6.0",
-        "xtend": "^4.0.2"
-      }
-    },
-    "node_modules/stream-http/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/stream-shift": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz",
-      "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==",
-      "dev": true
-    },
-    "node_modules/streamx": {
-      "version": "2.15.8",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.8.tgz",
-      "integrity": "sha512-6pwMeMY/SuISiRsuS8TeIrAzyFbG5gGPHFQsYjUr/pbBadaL1PCWmzKw+CHZSwainfvcF6Si6cVLq4XTEwswFQ==",
-      "dev": true,
-      "dependencies": {
-        "fast-fifo": "^1.1.0",
-        "queue-tick": "^1.0.1"
-      },
-      "optionalDependencies": {
-        "bare-events": "^2.2.0"
-      }
-    },
-    "node_modules/strict-uri-encode": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
-      "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/string-width/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-    },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
-        "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/strip-bom-string": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
-      "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
-      "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
-      "dev": true,
-      "dependencies": {
-        "min-indent": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/style-loader": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
-      "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/style-to-object": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.4.tgz",
-      "integrity": "sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==",
-      "dependencies": {
-        "inline-style-parser": "0.1.1"
-      }
-    },
-    "node_modules/style-value-types": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-5.0.0.tgz",
-      "integrity": "sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==",
-      "dependencies": {
-        "hey-listen": "^1.0.8",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/styled-components": {
-      "version": "5.3.11",
-      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz",
-      "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.0.0",
-        "@babel/traverse": "^7.4.5",
-        "@emotion/is-prop-valid": "^1.1.0",
-        "@emotion/stylis": "^0.8.4",
-        "@emotion/unitless": "^0.7.4",
-        "babel-plugin-styled-components": ">= 1.12.0",
-        "css-to-react-native": "^3.0.0",
-        "hoist-non-react-statics": "^3.0.0",
-        "shallowequal": "^1.1.0",
-        "supports-color": "^5.5.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/styled-components"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0",
-        "react-dom": ">= 16.8.0",
-        "react-is": ">= 16.8.0"
-      }
-    },
-    "node_modules/styled-components/node_modules/@emotion/is-prop-valid": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
-      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
-      "dependencies": {
-        "@emotion/memoize": "^0.8.1"
-      }
-    },
-    "node_modules/styled-components/node_modules/@emotion/unitless": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
-      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
-    },
-    "node_modules/styled-components/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/styled-components/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "dev": true,
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/stylis": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
-      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/svg-pathdata": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
-      "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==",
-      "optional": true,
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/swc-loader": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/swc-loader/-/swc-loader-0.2.3.tgz",
-      "integrity": "sha512-D1p6XXURfSPleZZA/Lipb3A8pZ17fP4NObZvFCDjK/OKljroqDpPmsBdTraWhVBqUNpcWBQY1imWdoPScRlQ7A==",
-      "dev": true,
-      "peerDependencies": {
-        "@swc/core": "^1.2.147",
-        "webpack": ">=2"
-      }
-    },
-    "node_modules/synchronous-promise": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/synchronous-promise/-/synchronous-promise-2.0.17.tgz",
-      "integrity": "sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==",
-      "dev": true
-    },
-    "node_modules/tailwind-merge": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz",
-      "integrity": "sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/dcastil"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.7.tgz",
-      "integrity": "sha512-B6DLqJzc21x7wntlH/GsZwEXTBttVSl1FtCzC8WP4oBc/NKef7kaax5jeihkkCEWc831/5NDJ9gRNDK6NEioQQ==",
-      "dev": true,
-      "dependencies": {
-        "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
-        "color-name": "^1.1.4",
-        "detective": "^5.2.1",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.2.12",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "lilconfig": "^2.0.6",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.0.9",
-        "postcss-import": "^14.1.0",
-        "postcss-js": "^4.0.0",
-        "postcss-load-config": "^3.1.4",
-        "postcss-nested": "6.0.0",
-        "postcss-selector-parser": "^6.0.11",
-        "postcss-value-parser": "^4.2.0",
-        "quick-lru": "^5.1.1",
-        "resolve": "^1.22.1"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=12.13.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.9"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-      "version": "6.0.15",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
-      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tar": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
-      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
-      "dev": true,
-      "dependencies": {
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.0.0",
-        "minipass": "^5.0.0",
-        "minizlib": "^2.1.1",
-        "mkdirp": "^1.0.3",
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/tar-fs": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.5.tgz",
-      "integrity": "sha512-JOgGAmZyMgbqpLwct7ZV8VzkEB6pxXFBVErLtb+XCOqzc6w1xiWKI9GVd6bwk68EX7eJ4DWmfXVmq8K2ziZTGg==",
-      "dev": true,
-      "dependencies": {
-        "pump": "^3.0.0",
-        "tar-stream": "^3.1.5"
-      },
-      "optionalDependencies": {
-        "bare-fs": "^2.1.1",
-        "bare-path": "^2.1.0"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
-      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
-      "dev": true,
-      "dependencies": {
-        "b4a": "^1.6.4",
-        "fast-fifo": "^1.2.0",
-        "streamx": "^2.15.0"
-      }
-    },
-    "node_modules/tar/node_modules/minipass": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
-      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tar/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/telejson": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
-      "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
-      "dev": true,
-      "dependencies": {
-        "memoizerific": "^1.11.3"
-      }
-    },
-    "node_modules/temp": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/temp/-/temp-0.8.4.tgz",
-      "integrity": "sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==",
-      "dev": true,
-      "dependencies": {
-        "rimraf": "~2.6.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/temp-dir": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
-      "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/temp/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/temp/node_modules/rimraf": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/tempy": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tempy/-/tempy-1.0.1.tgz",
-      "integrity": "sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==",
-      "dev": true,
-      "dependencies": {
-        "del": "^6.0.0",
-        "is-stream": "^2.0.0",
-        "temp-dir": "^2.0.0",
-        "type-fest": "^0.16.0",
-        "unique-string": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/tempy/node_modules/type-fest": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz",
-      "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/terser": {
-      "version": "5.26.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
-      "integrity": "sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.10",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
-      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.20",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
-        "terser": "^5.26.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/terser/node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/terser/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
-    "node_modules/test-exclude": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "dev": true,
-      "dependencies": {
-        "@istanbuljs/schema": "^0.1.2",
-        "glob": "^7.1.4",
-        "minimatch": "^3.0.4"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/test-exclude/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/text-segmentation": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
-      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
-      "optional": true,
-      "dependencies": {
-        "utrie": "^1.0.2"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "node_modules/throttleit": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.1.tgz",
-      "integrity": "sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
-    },
-    "node_modules/through2": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/through2/-/through2-0.4.2.tgz",
-      "integrity": "sha512-45Llu+EwHKtAZYTPPVn3XZHBgakWMN3rokhEv5hu596XP+cNgplMg+Gj+1nmAvj+L0K7+N49zBKx5rah5u0QIQ==",
-      "dependencies": {
-        "readable-stream": "~1.0.17",
-        "xtend": "~2.1.1"
-      }
-    },
-    "node_modules/through2/node_modules/object-keys": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-0.4.0.tgz",
-      "integrity": "sha512-ncrLw+X55z7bkl5PnUvHwFK9FcGuFYo9gtjws2XtSzL+aZ8tm830P60WJ0dSmFVaSalWieW5MD7kEdnXda9yJw=="
-    },
-    "node_modules/through2/node_modules/xtend": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.1.2.tgz",
-      "integrity": "sha512-vMNKzr2rHP9Dp/e1NQFnLQlwlhp9L/LfvnsVdHxN1f+uggyVI3i08uD14GPvCToPkdsRfyPqIyYGmIk58V98ZQ==",
-      "dependencies": {
-        "object-keys": "~0.4.0"
-      },
-      "engines": {
-        "node": ">=0.4"
-      }
-    },
-    "node_modules/timers-browserify": {
-      "version": "2.0.12",
-      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
-      "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
-      "dev": true,
-      "dependencies": {
-        "setimmediate": "^1.0.4"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
-    "node_modules/tiny-invariant": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
-      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
-    },
-    "node_modules/tmp": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
-      "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
-      "dev": true,
-      "dependencies": {
-        "rimraf": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8.17.0"
-      }
-    },
-    "node_modules/tmpl": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
-      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-      "dev": true
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-querystring": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/to-querystring/-/to-querystring-1.2.0.tgz",
-      "integrity": "sha512-V4qvlRNOltdNxvWGuDS71sNMH6FtFNx3GP967WT8gb6xzi4thJTUfogIln9hvz1ZmWcm9hY35LklMexo0YVHdg=="
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/tocbot": {
-      "version": "4.25.0",
-      "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.25.0.tgz",
-      "integrity": "sha512-kE5wyCQJ40hqUaRVkyQ4z5+4juzYsv/eK+aqD97N62YH0TxFhzJvo22RUQQZdO3YnXAk42ZOfOpjVdy+Z0YokA==",
-      "dev": true
-    },
-    "node_modules/toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/toposort": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
-      "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg=="
-    },
-    "node_modules/tough-cookie": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
-      "dev": true,
-      "dependencies": {
-        "psl": "^1.1.33",
-        "punycode": "^2.1.1",
-        "universalify": "^0.2.0",
-        "url-parse": "^1.5.3"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tough-cookie/node_modules/universalify": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
-    },
-    "node_modules/trim-lines": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
-      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/trough": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
-      "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/ts-dedent": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
-      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.10"
-      }
-    },
-    "node_modules/ts-pnp": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz",
-      "integrity": "sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tsconfig-paths": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
-      "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
-      "dev": true,
-      "dependencies": {
-        "json5": "^2.2.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tsconfig-paths-webpack-plugin": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz",
-      "integrity": "sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "enhanced-resolve": "^5.7.0",
-        "tsconfig-paths": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/tsscmp": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
-      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
-      "engines": {
-        "node": ">=0.6.x"
-      }
-    },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
-    "node_modules/tsutils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/tsyringe": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/tsyringe/-/tsyringe-4.8.0.tgz",
-      "integrity": "sha512-YB1FG+axdxADa3ncEtRnQCFq/M0lALGLxSZeVNbTU8NqhOVc51nnv2CISTcvc1kyv6EGPtXVr0v6lWeDxiijOA==",
-      "dependencies": {
-        "tslib": "^1.9.3"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/tsyringe/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-    },
-    "node_modules/tty-browserify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
-      "integrity": "sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==",
-      "dev": true
-    },
-    "node_modules/tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/tweetnacl": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
-      "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw=="
-    },
-    "node_modules/tweetnacl-util": {
-      "version": "0.15.1",
-      "resolved": "https://registry.npmjs.org/tweetnacl-util/-/tweetnacl-util-0.15.1.tgz",
-      "integrity": "sha512-RKJBIj8lySrShN4w6i/BonWp2Z/uxwC3h4y7xsRrpP59ZboCd0GpEVsOnMDYLMmKBpYhb5TgHzZXy7wTfYFBRw=="
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
-      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "dev": true,
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typedarray": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
-      "dev": true
-    },
-    "node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "devOptional": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
-    "node_modules/uc.micro": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
-      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
-    },
-    "node_modules/ufo": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.3.tgz",
-      "integrity": "sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==",
-      "dev": true
-    },
-    "node_modules/uglify-js": {
-      "version": "3.17.4",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz",
-      "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==",
-      "dev": true,
-      "optional": true,
-      "bin": {
-        "uglifyjs": "bin/uglifyjs"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
-    },
-    "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "dev": true,
-      "dependencies": {
-        "unicode-canonical-property-names-ecmascript": "^2.0.0",
-        "unicode-property-aliases-ecmascript": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unified": {
-      "version": "10.1.2",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
-      "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "bail": "^2.0.0",
-        "extend": "^3.0.0",
-        "is-buffer": "^2.0.0",
-        "is-plain-obj": "^4.0.0",
-        "trough": "^2.0.0",
-        "vfile": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unique-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
-      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
-      "dev": true,
-      "dependencies": {
-        "crypto-random-string": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/unist-util-generated": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz",
-      "integrity": "sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-is": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
-      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
-      "dependencies": {
-        "@types/unist": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-position": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz",
-      "integrity": "sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==",
-      "dependencies": {
-        "@types/unist": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-stringify-position": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
-      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
-      "dependencies": {
-        "@types/unist": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-visit": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
-      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^5.0.0",
-        "unist-util-visit-parents": "^5.1.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-visit-parents": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
-      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/universal-user-agent": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-6.0.1.tgz",
-      "integrity": "sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ=="
-    },
-    "node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/unplugin": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.6.0.tgz",
-      "integrity": "sha512-BfJEpWBu3aE/AyHx8VaNE/WgouoQxgH9baAiH82JjX8cqVyi3uJQstqwD5J+SZxIK326SZIhsSZlALXVBCknTQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.11.2",
-        "chokidar": "^3.5.3",
-        "webpack-sources": "^3.2.3",
-        "webpack-virtual-modules": "^0.6.1"
-      }
-    },
-    "node_modules/unplugin/node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/unplugin/node_modules/webpack-virtual-modules": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz",
-      "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
-      "dev": true
-    },
-    "node_modules/untildify": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
-      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/url": {
-      "version": "0.11.3",
-      "resolved": "https://registry.npmjs.org/url/-/url-0.11.3.tgz",
-      "integrity": "sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^1.4.1",
-        "qs": "^6.11.2"
-      }
-    },
-    "node_modules/url-parse": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "dev": true,
-      "dependencies": {
-        "querystringify": "^2.1.1",
-        "requires-port": "^1.0.0"
-      }
-    },
-    "node_modules/url/node_modules/punycode": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-      "dev": true
-    },
-    "node_modules/use-callback-ref": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.1.tgz",
-      "integrity": "sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/use-isomorphic-layout-effect": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
-      "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/use-memo-one": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
-      "integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/use-resize-observer": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz",
-      "integrity": "sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==",
-      "dev": true,
-      "dependencies": {
-        "@juggle/resize-observer": "^3.3.1"
-      },
-      "peerDependencies": {
-        "react": "16.8.0 - 18",
-        "react-dom": "16.8.0 - 18"
-      }
-    },
-    "node_modules/use-sidecar": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
-      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
-      "dependencies": {
-        "detect-node-es": "^1.1.0",
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/use-sync-external-store": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
-      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/util": {
-      "version": "0.12.5",
-      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
-      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "is-arguments": "^1.0.4",
-        "is-generator-function": "^1.0.7",
-        "is-typed-array": "^1.1.3",
-        "which-typed-array": "^1.1.2"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
-    },
-    "node_modules/utila": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
-      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
-      "dev": true
-    },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/utrie": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
-      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
-      "optional": true,
-      "dependencies": {
-        "base64-arraybuffer": "^1.0.2"
-      }
-    },
-    "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/uuidv4": {
-      "version": "6.2.13",
-      "resolved": "https://registry.npmjs.org/uuidv4/-/uuidv4-6.2.13.tgz",
-      "integrity": "sha512-AXyzMjazYB3ovL3q051VLH06Ixj//Knx7QnUSi1T//Ie3io6CpsPu9nVMOx5MoLWh6xV0B9J0hIaxungxXUbPQ==",
-      "dependencies": {
-        "@types/uuid": "8.3.4",
-        "uuid": "8.3.2"
-      }
-    },
-    "node_modules/uuidv4/node_modules/@types/uuid": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
-      "integrity": "sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw=="
-    },
-    "node_modules/uvu": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz",
-      "integrity": "sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==",
-      "dependencies": {
-        "dequal": "^2.0.0",
-        "diff": "^5.0.0",
-        "kleur": "^4.0.3",
-        "sade": "^1.7.3"
-      },
-      "bin": {
-        "uvu": "bin.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/uvu/node_modules/kleur": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
-      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/verror": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "dependencies": {
-        "assert-plus": "^1.0.0",
-        "core-util-is": "1.0.2",
-        "extsprintf": "^1.2.0"
-      }
-    },
-    "node_modules/verror/node_modules/core-util-is": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
-      "dev": true
-    },
-    "node_modules/vfile": {
-      "version": "5.3.7",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
-      "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "is-buffer": "^2.0.0",
-        "unist-util-stringify-position": "^3.0.0",
-        "vfile-message": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/vfile-message": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
-      "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-stringify-position": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/vm-browserify": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
-      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
-      "dev": true
-    },
-    "node_modules/void-elements": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/walker": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
-      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
-      "dev": true,
-      "dependencies": {
-        "makeerror": "1.0.12"
-      }
-    },
-    "node_modules/watchpack": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
-      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
-      "dev": true,
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/wcwidth": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
-      "dev": true,
-      "dependencies": {
-        "defaults": "^1.0.3"
-      }
-    },
-    "node_modules/webidl-conversions": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
-    },
-    "node_modules/webpack": {
-      "version": "5.94.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz",
-      "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "^1.0.5",
-        "@webassemblyjs/ast": "^1.12.1",
-        "@webassemblyjs/wasm-edit": "^1.12.1",
-        "@webassemblyjs/wasm-parser": "^1.12.1",
-        "acorn": "^8.7.1",
-        "acorn-import-attributes": "^1.9.5",
-        "browserslist": "^4.21.10",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.1",
-        "es-module-lexer": "^1.2.1",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.11",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.2.0",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.10",
-        "watchpack": "^2.4.1",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-dev-middleware": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.2.tgz",
-      "integrity": "sha512-Wu+EHmX326YPYUpQLKmKbTyZZJIB8/n6R09pTmB03kJmnMsVPTo9COzHZFr01txwaCAuZvfBJE4ZCHRcKs5JaQ==",
-      "dev": true,
-      "dependencies": {
-        "colorette": "^2.0.10",
-        "memfs": "^3.4.12",
-        "mime-types": "^2.1.31",
-        "range-parser": "^1.2.1",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 14.15.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-dev-middleware/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      },
-      "peerDependencies": {
-        "ajv": "^8.8.2"
-      }
-    },
-    "node_modules/webpack-dev-middleware/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/webpack-dev-middleware/node_modules/schema-utils": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
-      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.9",
-        "ajv": "^8.9.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.1.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/webpack-hot-middleware": {
-      "version": "2.26.0",
-      "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.26.0.tgz",
-      "integrity": "sha512-okzjec5sAEy4t+7rzdT8eRyxsk0FDSmBPN2KwX4Qd+6+oQCfe5Ve07+u7cJvofgB+B4w5/4dO4Pz0jhhHyyPLQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-html-community": "0.0.8",
-        "html-entities": "^2.1.0",
-        "strip-ansi": "^6.0.0"
-      }
-    },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack-virtual-modules": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
-      "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
-      "dev": true
-    },
-    "node_modules/webpack/node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true
-    },
-    "node_modules/webpack/node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/webpack/node_modules/acorn-import-attributes": {
-      "version": "1.9.5",
-      "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
-      "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
-    "node_modules/whatwg-url": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "dependencies": {
-        "tr46": "~0.0.3",
-        "webidl-conversions": "^3.0.0"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-module": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
-      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.4",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/wordwrap": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
-      "dev": true
-    },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
-    },
-    "node_modules/write-file-atomic": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
-      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
-      "dev": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.7"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
-      }
-    },
-    "node_modules/ws": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
-      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/xtend": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
-      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
-    },
-    "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
-    },
-    "node_modules/yaml": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
-      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "15.4.1",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
-      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-      "dependencies": {
-        "cliui": "^6.0.0",
-        "decamelize": "^1.2.0",
-        "find-up": "^4.1.0",
-        "get-caller-file": "^2.0.1",
-        "require-directory": "^2.1.1",
-        "require-main-filename": "^2.0.0",
-        "set-blocking": "^2.0.0",
-        "string-width": "^4.2.0",
-        "which-module": "^2.0.0",
-        "y18n": "^4.0.0",
-        "yargs-parser": "^18.1.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "18.1.3",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-      "dependencies": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/yargs/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "dependencies": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/yup": {
-      "version": "0.32.11",
-      "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz",
-      "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==",
-      "dependencies": {
-        "@babel/runtime": "^7.15.4",
-        "@types/lodash": "^4.14.175",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "nanoclone": "^0.2.1",
-        "property-expr": "^2.0.4",
-        "toposort": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/zod": {
-      "version": "3.22.4",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
-      "integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
-    "node_modules/zustand": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.0.tgz",
-      "integrity": "sha512-zlVFqS5TQ21nwijjhJlx4f9iGrXSL0o/+Dpy4txAP22miJ8Ti6c1Ol1RLNN98BMib83lmDH/2KmLwaNXpjrO1A==",
-      "dependencies": {
-        "use-sync-external-store": "1.2.0"
-      },
-      "engines": {
-        "node": ">=12.7.0"
-      },
-      "peerDependencies": {
-        "@types/react": ">=16.8",
-        "immer": ">=9.0.6",
-        "react": ">=16.8"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "immer": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        }
-      }
-    }
-  }
-}
diff --git a/frontend-next/package.json b/frontend-next/package.json
deleted file mode 100644
index de67453d4..000000000
--- a/frontend-next/package.json
+++ /dev/null
@@ -1,165 +0,0 @@
-{
-  "private": true,
-  "scripts": {
-    "prepare": "cd .. && npm install",
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "start:docker": "next build && next start",
-    "lint": "eslint --ext js,ts,tsx ./src",
-    "lint:fix": "eslint --fix --ext js,ts,tsx ./src",
-    "type:check": "tsc --project tsconfig.json --noEmit",
-    "storybook": "storybook dev -p 6006 -s ./public",
-    "build-storybook": "storybook build"
-  },
-  "overrides": {
-    "@storybook/nextjs": {
-      "sharp": "npm:dry-uninstall"
-    }
-  },
-  "dependencies": {
-    "@casl/ability": "^6.5.0",
-    "@casl/react": "^3.1.0",
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/modifiers": "^6.0.1",
-    "@dnd-kit/sortable": "^7.0.2",
-    "@emotion/css": "^11.10.0",
-    "@emotion/server": "^11.10.0",
-    "@fontsource/inter": "^4.5.15",
-    "@fortawesome/fontawesome-svg-core": "^6.1.2",
-    "@fortawesome/free-brands-svg-icons": "^6.1.2",
-    "@fortawesome/free-regular-svg-icons": "^6.1.1",
-    "@fortawesome/free-solid-svg-icons": "^6.1.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@hcaptcha/react-hcaptcha": "^1.10.1",
-    "@headlessui/react": "^1.7.7",
-    "@hookform/resolvers": "^2.9.10",
-    "@octokit/rest": "^19.0.7",
-    "@peculiar/x509": "^1.11.0",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-popper": "^1.1.3",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@reduxjs/toolkit": "^1.8.3",
-    "@sindresorhus/slugify": "1.1.0",
-    "@stripe/react-stripe-js": "^1.16.3",
-    "@stripe/stripe-js": "^1.46.0",
-    "@tanstack/react-query": "^4.23.0",
-    "@types/argon2-browser": "^1.18.1",
-    "@ucast/mongo2js": "^1.3.4",
-    "add": "^2.0.6",
-    "argon2-browser": "^1.18.0",
-    "axios": "^0.28.0",
-    "axios-auth-refresh": "^3.3.6",
-    "base64-loader": "^1.0.0",
-    "classnames": "^2.3.1",
-    "cookies": "^0.9.1",
-    "cva": "npm:class-variance-authority@^0.4.0",
-    "date-fns": "^2.30.0",
-    "file-saver": "^2.0.5",
-    "framer-motion": "^6.2.3",
-    "fs": "^0.0.2",
-    "gray-matter": "^4.0.3",
-    "http-proxy": "^1.18.1",
-    "i18next": "^22.4.15",
-    "i18next-browser-languagedetector": "^7.0.1",
-    "i18next-http-backend": "^2.2.0",
-    "infisical-node": "^1.0.37",
-    "jspdf": "^2.5.2",
-    "jsrp": "^0.2.4",
-    "jwt-decode": "^3.1.2",
-    "lottie-react": "^2.4.0",
-    "markdown-it": "^13.0.1",
-    "ms": "^2.1.3",
-    "next": "^12.3.4",
-    "nprogress": "^0.2.0",
-    "picomatch": "^2.3.1",
-    "posthog-js": "^1.105.6",
-    "qrcode": "^1.5.4",
-    "query-string": "^7.1.3",
-    "react": "^17.0.2",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-code-input": "^3.10.1",
-    "react-day-picker": "^8.8.0",
-    "react-dom": "^17.0.2",
-    "react-grid-layout": "^1.3.4",
-    "react-hook-form": "^7.43.0",
-    "react-i18next": "^12.2.2",
-    "react-icons": "^5.3.0",
-    "react-mailchimp-subscribe": "^2.1.3",
-    "react-markdown": "^8.0.3",
-    "react-redux": "^8.0.2",
-    "react-select": "^5.8.1",
-    "react-table": "^7.8.0",
-    "react-toastify": "^9.1.3",
-    "sanitize-html": "^2.12.1",
-    "set-cookie-parser": "^2.5.1",
-    "sharp": "^0.33.2",
-    "styled-components": "^5.3.7",
-    "tailwind-merge": "^1.8.1",
-    "tweetnacl": "^1.0.3",
-    "tweetnacl-util": "^0.15.1",
-    "uuid": "^8.3.2",
-    "uuidv4": "^6.2.13",
-    "yaml": "^2.2.2",
-    "yup": "^0.32.11",
-    "zod": "^3.22.3",
-    "zustand": "^4.5.0"
-  },
-  "devDependencies": {
-    "@storybook/addon-essentials": "^7.5.2",
-    "@storybook/addon-interactions": "^7.0.23",
-    "@storybook/addon-links": "^7.0.23",
-    "@storybook/addon-styling": "^1.3.0",
-    "@storybook/blocks": "^7.0.23",
-    "@storybook/client-api": "^7.2.1",
-    "@storybook/nextjs": "^7.0.23",
-    "@storybook/react": "^7.0.23",
-    "@storybook/testing-library": "^0.2.0",
-    "@tailwindcss/typography": "^0.5.4",
-    "@types/file-saver": "^2.0.5",
-    "@types/jsrp": "^0.2.4",
-    "@types/node": "^18.11.9",
-    "@types/picomatch": "^2.3.0",
-    "@types/qrcode": "^1.5.5",
-    "@types/react": "^18.0.26",
-    "@types/sanitize-html": "^2.9.0",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.45.0",
-    "autoprefixer": "^10.4.7",
-    "cypress": "^13.3.2",
-    "eslint": "^8.32.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-next": "^13.0.5",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-import": "^2.27.4",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
-    "eslint-plugin-storybook": "^0.6.12",
-    "postcss": "^8.4.39",
-    "prettier": "^2.8.3",
-    "prettier-plugin-tailwindcss": "^0.2.2",
-    "storybook": "^7.6.20",
-    "storybook-dark-mode": "^3.0.0",
-    "tailwindcss": "3.2",
-    "typescript": "^4.9.3"
-  }
-}
\ No newline at end of file
diff --git a/frontend-next/postcss.config.js b/frontend-next/postcss.config.js
deleted file mode 100644
index 12a703d90..000000000
--- a/frontend-next/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
diff --git a/frontend-next/public/data/frequentConstants.ts b/frontend-next/public/data/frequentConstants.ts
deleted file mode 100644
index 51c006424..000000000
--- a/frontend-next/public/data/frequentConstants.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-interface Mapping {
-  [key: string]: string;
-}
-
-const integrationSlugNameMapping: Mapping = {
-  "azure-key-vault": "Azure Key Vault",
-  "aws-parameter-store": "AWS Parameter Store",
-  "aws-secret-manager": "AWS Secrets Manager",
-  heroku: "Heroku",
-  vercel: "Vercel",
-  netlify: "Netlify",
-  github: "GitHub",
-  gitlab: "GitLab",
-  render: "Render",
-  "laravel-forge": "Laravel Forge",
-  railway: "Railway",
-  flyio: "Fly.io",
-  circleci: "CircleCI",
-  databricks: "Databricks",
-  travisci: "TravisCI",
-  supabase: "Supabase",
-  checkly: "Checkly",
-  qovery: "Qovery",
-  "terraform-cloud": "Terraform Cloud",
-  teamcity: "TeamCity",
-  "hashicorp-vault": "Vault",
-  "cloudflare-pages": "Cloudflare Pages",
-  "cloudflare-workers": "Cloudflare Workers",
-  codefresh: "Codefresh",
-  "digital-ocean-app-platform": "Digital Ocean App Platform",
-  bitbucket: "Bitbucket",
-  "cloud-66": "Cloud 66",
-  northflank: "Northflank",
-  windmill: "Windmill",
-  "gcp-secret-manager": "GCP Secret Manager",
-  "hasura-cloud": "Hasura Cloud",
-  rundeck: "Rundeck",
-  "azure-devops": "Azure DevOps",
-  "azure-app-configuration": "Azure App Configuration",
-  "octopus-deploy": "Octopus Deploy"
-};
-
-const envMapping: Mapping = {
-  Development: "dev",
-  Staging: "staging",
-  Production: "prod",
-  Testing: "test"
-};
-
-const reverseEnvMapping: Mapping = {
-  dev: "Development",
-  staging: "Staging",
-  prod: "Production",
-  test: "Testing"
-};
-
-const contextNetlifyMapping: Mapping = {
-  dev: "Local development",
-  "branch-deploy": "Branch deploys",
-  "deploy-preview": "Deploy Previews",
-  production: "Production"
-};
-
-const reverseContextNetlifyMapping: Mapping = {
-  "Local development": "dev",
-  "Branch deploys": "branch-deploy",
-  "Deploy Previews": "deploy-preview",
-  Production: "production"
-};
-
-const plansDev: Mapping = {
-  starter: "prod_Mb4ATFT5QAHoPM",
-  team: "prod_NEpD2WMXUS2eDn",
-  professional: "prod_Mb4CetZ2jE7jdl",
-  enterprise: "licence_key_required"
-};
-
-const plansProd: Mapping = {
-  starter: "prod_Mb8oR5XNwyFTul",
-  team: "prod_NEp7fAB3UJWK6A",
-  professional: "prod_Mb8pUIpA0OUi5N",
-  enterprise: "licence_key_required"
-};
-
-const plans = plansProd || plansDev;
-
-export {
-  contextNetlifyMapping,
-  envMapping,
-  integrationSlugNameMapping,
-  plans,
-  reverseContextNetlifyMapping,
-  reverseEnvMapping
-};
diff --git a/frontend-next/public/data/frequentInterfaces.ts b/frontend-next/public/data/frequentInterfaces.ts
deleted file mode 100644
index eb40782da..000000000
--- a/frontend-next/public/data/frequentInterfaces.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-export interface Tag {
-  id: string;
-  name: string;
-  slug: string;
-  user: string;
-  workspace: string;
-  createdAt: string;
-}
-
-export interface SecretDataProps {
-  pos: number;
-  key: string;
-  value: string | undefined;
-  valueOverride: string | undefined;
-  id: string;
-  idOverride?: string;
-  comment: string;
-  tags: Tag[];
-}
diff --git a/frontend-next/public/images/biglogo.png b/frontend-next/public/images/biglogo.png
deleted file mode 100644
index 8d665950f..000000000
Binary files a/frontend-next/public/images/biglogo.png and /dev/null differ
diff --git a/frontend-next/public/images/dragon-404.svg b/frontend-next/public/images/dragon-404.svg
deleted file mode 100644
index dcd7f715a..000000000
--- a/frontend-next/public/images/dragon-404.svg
+++ /dev/null
@@ -1,475 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #f0ffb0;
-      }
-
-      .cls-2 {
-        fill: #eaf734;
-      }
-
-      .cls-3 {
-        fill: #eadcbb;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-
-      .cls-5, .cls-6 {
-        fill: #969595;
-      }
-
-      .cls-7, .cls-8 {
-        fill: #848181;
-      }
-
-      .cls-9 {
-        fill: #b6ba11;
-      }
-
-      .cls-10 {
-        fill: #666565;
-      }
-
-      .cls-11 {
-        fill: #b9db58;
-      }
-
-      .cls-12, .cls-13 {
-        fill: #8e8d8d;
-      }
-
-      .cls-14, .cls-15 {
-        fill: #bcbbbb;
-      }
-
-      .cls-16, .cls-17 {
-        fill: #aaa;
-      }
-
-      .cls-18 {
-        fill: #b2db3d;
-      }
-
-      .cls-19, .cls-20 {
-        fill: #d8d8d8;
-      }
-
-      .cls-21 {
-        fill: #e0e0e0;
-      }
-
-      .cls-22, .cls-23 {
-        fill: #424141;
-      }
-
-      .cls-24 {
-        fill: #407d4c;
-      }
-
-      .cls-25 {
-        fill: #0e1016;
-      }
-
-      .cls-26 {
-        fill: #309e3a;
-      }
-
-      .cls-27 {
-        fill: #514f4f;
-      }
-
-      .cls-13 {
-        opacity: .22;
-      }
-
-      .cls-23, .cls-28, .cls-15, .cls-20, .cls-17, .cls-6, .cls-8 {
-        fill-rule: evenodd;
-      }
-
-      .cls-28 {
-        fill: #e0dede;
-      }
-    </style>
-  </defs>
-  <g id="_Слой_7" data-name="Слой 7">
-    <path class="cls-3" d="M1513.77,485.35l9.73-.89c2-.18,3.58-2.1,3.67-4.46l.75-19.47,1.02,19.59c.12,2.34,1.69,4.21,3.68,4.38l9.67,.85-9.44,.63c-2.03,.14-3.65,2.05-3.75,4.43l-.82,18.46-1.19-18.67c-.15-2.36-1.77-4.22-3.78-4.33l-9.53-.53Z"/>
-    <path class="cls-3" d="M771.46,876.03l9.82-.77c2.02-.16,3.61-1.8,3.7-3.82l.76-16.71,1.03,16.81c.12,2.01,1.71,3.61,3.71,3.76l9.75,.73-9.53,.54c-2.05,.12-3.68,1.76-3.79,3.8l-.82,15.84-1.2-16.02c-.15-2.02-1.79-3.62-3.82-3.71l-9.61-.45Z"/>
-    <path class="cls-3" d="M467.59,390.65l5.64-.44c1.16-.09,2.07-1.03,2.13-2.2l.44-9.61,.59,9.66c.07,1.15,.98,2.08,2.13,2.16l5.61,.42-5.48,.31c-1.18,.07-2.12,1.01-2.18,2.19l-.47,9.11-.69-9.21c-.09-1.16-1.03-2.08-2.19-2.13l-5.53-.26Z"/>
-    <path class="cls-3" d="M729.17,776.49l4.58-.36c.94-.07,1.68-.84,1.73-1.79l.35-7.8,.48,7.85c.06,.94,.8,1.69,1.73,1.76l4.55,.34-4.45,.25c-.96,.05-1.72,.82-1.77,1.78l-.38,7.4-.56-7.48c-.07-.95-.84-1.69-1.78-1.73l-4.49-.21Z"/>
-    <path class="cls-3" d="M1015.73,753.44l4.58-.36c.94-.07,1.68-.84,1.73-1.79l.35-7.8,.48,7.85c.06,.94,.8,1.69,1.73,1.76l4.55,.34-4.45,.25c-.96,.05-1.72,.82-1.77,1.78l-.38,7.4-.56-7.48c-.07-.95-.84-1.69-1.78-1.73l-4.49-.21Z"/>
-    <path class="cls-3" d="M1474.66,875.73l4.58-.36c.94-.07,1.68-.84,1.73-1.79l.35-7.8,.48,7.85c.06,.94,.8,1.69,1.73,1.76l4.55,.34-4.45,.25c-.96,.05-1.72,.82-1.77,1.78l-.38,7.4-.56-7.48c-.07-.95-.84-1.69-1.78-1.73l-4.49-.21Z"/>
-    <path class="cls-3" d="M1186.81,451.27l4.58-.36c.94-.07,1.68-.84,1.73-1.79l.35-7.8,.48,7.85c.06,.94,.8,1.69,1.73,1.76l4.55,.34-4.45,.25c-.96,.05-1.72,.82-1.77,1.78l-.38,7.4-.56-7.48c-.07-.95-.84-1.69-1.78-1.73l-4.49-.21Z"/>
-    <path class="cls-3" d="M1720.47,446.65l4.58-.36c.94-.07,1.68-.84,1.73-1.79l.35-7.8,.48,7.85c.06,.94,.8,1.69,1.73,1.76l4.55,.34-4.45,.25c-.96,.05-1.72,.82-1.77,1.78l-.38,7.4-.56-7.48c-.07-.95-.84-1.69-1.78-1.73l-4.49-.21Z"/>
-    <path class="cls-3" d="M757.7,419.74l4.58-.36c.94-.07,1.68-.84,1.73-1.79l.35-7.8,.48,7.85c.06,.94,.8,1.69,1.73,1.76l4.55,.34-4.45,.25c-.96,.05-1.72,.82-1.77,1.78l-.38,7.4-.56-7.48c-.07-.95-.84-1.69-1.78-1.73l-4.49-.21Z"/>
-    <path class="cls-3" d="M1309.77,819.02l9.82-.77c2.02-.16,3.61-1.8,3.7-3.82l.76-16.71,1.03,16.81c.12,2.01,1.71,3.61,3.71,3.76l9.75,.73-9.53,.54c-2.05,.12-3.68,1.76-3.79,3.8l-.82,15.84-1.2-16.02c-.15-2.02-1.79-3.62-3.82-3.71l-9.61-.45Z"/>
-    <path class="cls-3" d="M203.93,707.12l5.24-.47c1.08-.1,1.92-1.1,1.97-2.35l.4-10.26,.55,10.32c.07,1.23,.91,2.22,1.98,2.31l5.2,.45-5.08,.33c-1.09,.07-1.96,1.08-2.02,2.33l-.44,9.73-.64-9.83c-.08-1.24-.95-2.22-2.04-2.28l-5.13-.28Z"/>
-    <path class="cls-3" d="M1164.69,196.25l5.24-.47c1.08-.1,1.92-1.1,1.97-2.35l.4-10.26,.55,10.32c.07,1.23,.91,2.22,1.98,2.31l5.2,.45-5.08,.33c-1.09,.07-1.96,1.08-2.02,2.33l-.44,9.73-.64-9.83c-.08-1.24-.95-2.22-2.04-2.28l-5.13-.28Z"/>
-    <path class="cls-3" d="M691.6,174.92l5.24-.47c1.08-.1,1.92-1.1,1.97-2.35l.4-10.26,.55,10.32c.07,1.23,.91,2.22,1.98,2.31l5.2,.45-5.08,.33c-1.09,.07-1.96,1.08-2.02,2.33l-.44,9.73-.64-9.83c-.08-1.24-.95-2.22-2.04-2.28l-5.13-.28Z"/>
-    <path class="cls-3" d="M1592.87,253.67l5.24-.47c1.08-.1,1.92-1.1,1.97-2.35l.4-10.26,.55,10.32c.07,1.23,.91,2.22,1.98,2.31l5.2,.45-5.08,.33c-1.09,.07-1.96,1.08-2.02,2.33l-.44,9.73-.64-9.83c-.08-1.24-.95-2.22-2.04-2.28l-5.13-.28Z"/>
-    <path class="cls-3" d="M385.79,236.66l8.35-.77c1.72-.16,3.07-1.8,3.15-3.82l.65-16.71,.87,16.81c.1,2.01,1.45,3.61,3.16,3.76l8.3,.73-8.1,.54c-1.74,.12-3.13,1.76-3.22,3.8l-.7,15.84-1.02-16.02c-.13-2.02-1.52-3.62-3.25-3.71l-8.18-.45Z"/>
-    <path class="cls-3" d="M1658.08,724.83l9.73-.89c2-.18,3.58-2.1,3.67-4.46l.75-19.47,1.02,19.59c.12,2.34,1.69,4.21,3.68,4.38l9.67,.85-9.44,.63c-2.03,.14-3.65,2.05-3.75,4.43l-.82,18.46-1.19-18.67c-.15-2.36-1.77-4.22-3.78-4.33l-9.53-.53Z"/>
-    <path class="cls-3" d="M352.84,808.68l8.35-.77c1.72-.16,3.07-1.8,3.15-3.82l.65-16.71,.87,16.81c.1,2.01,1.45,3.61,3.16,3.76l8.3,.73-8.1,.54c-1.74,.12-3.13,1.76-3.22,3.8l-.7,15.84-1.02-16.02c-.13-2.02-1.52-3.62-3.25-3.71l-8.18-.45Z"/>
-    <path class="cls-3" d="M1358.02,260.24l8.35-.77c1.72-.16,3.07-1.8,3.15-3.82l.65-16.71,.87,16.81c.1,2.01,1.45,3.61,3.16,3.76l8.3,.73-8.1,.54c-1.74,.12-3.13,1.76-3.22,3.8l-.7,15.84-1.02-16.02c-.13-2.02-1.52-3.62-3.25-3.71l-8.18-.45Z"/>
-    <path class="cls-3" d="M145.55,451.57l8.35-.77c1.72-.16,3.07-1.8,3.15-3.82l.65-16.71,.87,16.81c.1,2.01,1.45,3.61,3.16,3.76l8.3,.73-8.1,.54c-1.74,.12-3.13,1.76-3.22,3.8l-.7,15.84-1.02-16.02c-.13-2.02-1.52-3.62-3.25-3.71l-8.18-.45Z"/>
-  </g>
-  <g id="_Слой_4" data-name="Слой 4">
-    <polygon class="cls-27" points="724.27 484.08 719.81 428.81 234.61 574.6 239.06 629.88 429.45 632.55 432.22 666.94 540.76 668.47 574.49 634.58 630.75 635.37 669.64 596.29 665.36 543.27 724.27 484.08"/>
-    <polygon class="cls-27" points="1699.25 557.19 1634.52 563.87 1675.77 593.18 1550.89 606.07 1398.32 490.19 1248.63 603.7 1198.2 567.86 1195.16 624.01 1245.59 659.85 1506.6 632.91 1547.84 662.22 1672.72 649.33 1674.57 615.33 1696.21 613.34 1699.25 557.19"/>
-    <path class="cls-22" d="M1462.08,542.95l-71.91,6.52s-9.16-23.61-44.05-12.67c-21.95,6.88,11.68-32.28,46.53-43.2,20.56-6.44,69.44,49.35,69.44,49.35Z"/>
-    <polygon class="cls-22" points="1674.57 615.33 1696.21 613.34 1699.25 557.19 1634.52 563.87 1675.77 593.18 1674.57 615.33"/>
-    <path class="cls-22" d="M1499.38,634.15l7.22-1.24,41.24,29.31,3.04-56.15-41.24-29.31-261.01,26.94s243.07-14.03,250.75,30.44Z"/>
-    <path class="cls-19" d="M1509.64,576.76l-261.01,26.94-50.43-35.84,128.25-121.3,124.88-12.89,135.62,96.39,64.73-6.68,47.57,33.81-64.73,6.68,41.24,29.31-124.88,12.89-41.24-29.31Zm-47.57-33.81l-69.44-49.35-68.48,63.59,137.92-14.24Z"/>
-    <path class="cls-19" d="M461.49,577.79l-226.87-3.18,41.23-41.43,335.43-105.89,108.55,1.52-110.89,111.42,56.26,.79-38.89,39.08-56.26-.79-33.72,33.88-108.55-1.52,33.72-33.88Zm38.89-39.08l56.78-57.05-176.66,55.37,119.88,1.68Z"/>
-    <g>
-      <g>
-        <polygon class="cls-16" points="555.43 277.27 594.1 277.81 614.52 265.91 638.16 262.25 650.46 273.39 669.38 286.33 658.2 302.67 641.37 304.88 629.49 309.78 598.07 302.52 563.81 287.96 555.43 277.27"/>
-        <polygon class="cls-7" points="641.37 304.88 594.1 277.81 555.43 277.27 563.81 287.96 598.07 302.52 629.49 309.78 641.37 304.88"/>
-        <polygon class="cls-16" points="638.16 262.25 654.43 273.33 663.86 277.5 669.38 286.33 650.46 273.39 638.16 262.25"/>
-        <polygon class="cls-19" points="555.43 277.27 570.09 267.73 605.04 259.43 614.52 265.91 594.1 277.81 555.43 277.27"/>
-        <polyline class="cls-14" points="605.04 259.43 638.16 262.25 614.52 265.91 605.04 259.43"/>
-      </g>
-      <path d="M629.49,311.28c-.11,0-.23-.01-.34-.04l-31.42-7.26c-.08-.02-.17-.05-.25-.08l-34.26-14.56c-.23-.1-.44-.26-.59-.46l-8.38-10.69c-.26-.33-.37-.76-.3-1.17,.07-.42,.31-.78,.66-1.01l14.66-9.54c.14-.09,.3-.16,.47-.2l34.94-8.31c.16-.04,.31-.05,.47-.04l33.12,2.82c.26,.02,.5,.11,.72,.25l16.15,11.01,9.3,4.11c.27,.12,.51,.32,.67,.58l5.53,8.83c.32,.51,.3,1.15-.03,1.64l-11.18,16.34c-.24,.35-.62,.58-1.04,.64l-16.63,2.19-11.7,4.82c-.18,.07-.38,.11-.57,.11Zm-30.96-10.19l30.83,7.12,11.44-4.71c.12-.05,.25-.08,.38-.1l16.16-2.12,10.25-14.98-4.76-7.61-9.01-3.98c-.08-.04-.16-.08-.24-.13l-15.94-10.86-32.49-2.77-34.46,8.19-13.07,8.5,7.13,9.1,33.78,14.35Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-16" points="1240.05 745.86 1207.67 778.44 1171.03 796.44 1144.82 816.61 1152.12 826.26 1156.62 841.37 1192.45 830.88 1210.47 816.55 1228.54 806.21 1243.9 780.18 1250 752.24 1240.05 745.86"/>
-        <polygon class="cls-7" points="1210.47 816.55 1207.67 778.44 1240.05 745.86 1250 752.24 1243.9 780.18 1228.54 806.21 1210.47 816.55"/>
-        <polygon class="cls-16" points="1144.82 816.61 1148.62 829.61 1147.2 837.29 1156.62 841.37 1152.12 826.26 1144.82 816.61"/>
-        <polygon class="cls-19" points="1240.05 745.86 1212.14 758.85 1168.77 788.86 1171.03 796.44 1207.67 778.44 1240.05 745.86"/>
-        <polyline class="cls-14" points="1168.77 788.86 1144.82 816.61 1171.03 796.44 1168.77 788.86"/>
-      </g>
-      <path d="M1156.62,842.87c-.2,0-.41-.04-.6-.12l-9.42-4.08c-.64-.28-1.01-.96-.88-1.65l1.36-7.33-3.7-12.65c-.14-.49-.03-1.02,.3-1.4l23.95-27.75c.08-.1,.18-.18,.28-.25l43.37-30.01c.07-.05,.14-.09,.22-.13l27.91-12.99c.47-.22,1.01-.18,1.44,.1l9.95,6.37c.53,.34,.79,.97,.66,1.58l-6.1,27.94c-.03,.16-.09,.31-.17,.44l-15.36,26.03c-.13,.22-.32,.41-.55,.54l-17.97,10.29-17.93,14.26c-.15,.12-.33,.21-.51,.27l-35.83,10.49c-.14,.04-.28,.06-.42,.06Zm-7.73-6.49l7.83,3.39,35.03-10.26,17.79-14.15c.06-.05,.12-.09,.19-.13l17.73-10.14,15.04-25.48,5.82-26.69-8.37-5.37-27.04,12.58-43.11,29.83-23.29,26.99,3.57,12.21c.07,.23,.08,.46,.04,.69l-1.21,6.51Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-16" points="1441.82 764.22 1476.27 789.41 1506.73 803.4 1536.64 802.75 1544.42 806.62 1565.16 802.67 1534.05 779.23 1503.62 773.18 1480.54 783.98 1441.82 764.22"/>
-        <polygon class="cls-10" points="1565.16 802.67 1550.55 786.18 1538.91 763.71 1509.45 731.31 1517.06 751.71 1503.62 773.18 1534.05 779.23 1565.16 802.67"/>
-        <polygon class="cls-19" points="1441.82 764.22 1425.67 749.3 1441.62 741.34 1476.72 743.32 1509.45 731.31 1517.06 751.71 1503.62 773.18 1480.54 783.98 1441.82 764.22"/>
-        <polygon class="cls-16" points="1441.62 741.34 1443.17 732.54 1458.22 726.46 1477.14 733.84 1509.45 731.31 1476.72 743.32 1441.62 741.34"/>
-      </g>
-      <path d="M1544.42,808.12c-.23,0-.46-.05-.67-.16l-7.45-3.71-29.54,.64c-.25,0-.45-.04-.66-.14l-30.46-13.99c-.09-.04-.18-.09-.26-.15l-34.45-25.19s-.09-.07-.13-.11l-16.16-14.91c-.36-.33-.54-.83-.47-1.31,.07-.49,.37-.91,.81-1.13l15.28-7.62,1.42-8.06c.09-.51,.44-.94,.92-1.13l15.05-6.08c.35-.14,.75-.14,1.11,0l18.6,7.26,31.97-2.5c.47-.04,.92,.14,1.23,.49l29.47,32.4c.09,.1,.16,.2,.22,.32l11.55,22.31,14.49,16.35c.36,.4,.47,.97,.3,1.48-.17,.51-.61,.89-1.14,.99l-20.73,3.95c-.09,.02-.19,.03-.28,.03Zm-7.78-6.87c.23,0,.46,.05,.67,.16l7.33,3.65,17.65-3.36-12.86-14.52c-.08-.09-.15-.2-.21-.31l-11.55-22.3-28.84-31.71-31.58,2.47c-.22,.01-.45-.02-.66-.1l-18.36-7.16-13.73,5.54-1.4,7.99c-.08,.47-.38,.87-.81,1.08l-14.01,6.99,14.5,13.38,34.26,25.05,30.01,13.78,29.56-.64h.03Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-15" points="927.69 777 832.84 796.08 875.51 829.65 961.87 839.26 961.05 808.69 927.69 777"/>
-        <polygon class="cls-6" points="875.18 829.69 832.39 796.03 915.84 777.92 902.6 820.41 961.77 839.33 875.18 829.69"/>
-        <polygon class="cls-28" points="832.39 796.03 912.81 773.92 940.24 779.25 960.95 808.68 934.29 786.55 932.17 794.48 920.91 794.14 904.81 813.32 877.58 798.58 872.44 802.74 832.39 796.03"/>
-      </g>
-      <path d="M961.77,840.83c-.06,0-.11,0-.17,0l-86.59-9.63c-.28-.03-.54-.14-.76-.31l-42.79-33.66c-.44-.35-.65-.92-.54-1.48,.11-.55,.53-1,1.07-1.15l80.42-22.11c.22-.06,.46-.07,.68-.03l27.43,5.33c.38,.07,.72,.29,.94,.61l20.45,29.06,.17,.16c.29,.27,.45,.65,.47,1.05l.82,30.56c.01,.43-.17,.85-.48,1.14-.05,.05-.1,.09-.16,.13-.26,.22-.6,.34-.95,.34Zm-86-12.58l84.56,9.41-.76-28.34s-.01-.02-.02-.02l-20.19-28.69-26.49-5.14-77.22,21.23,40.11,31.56Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-15" points="1486.28 264.18 1472.44 327.52 1504.57 343.86 1533.74 314.88 1514.74 282.75 1486.28 264.18"/>
-        <polygon class="cls-6" points="1504.51 344.06 1472.29 327.68 1483.65 270.55 1506.19 321.74 1533.76 315.01 1504.51 344.06"/>
-        <polygon class="cls-28" points="1472.29 327.68 1480.38 267.66 1491.04 260.88 1514.71 282.78 1493.92 271.35 1498.23 280.74 1494.99 285.49 1502.43 313.19 1486.03 309.88 1487.2 316.63 1472.29 327.68"/>
-      </g>
-      <path d="M1504.51,345.56c-.23,0-.46-.05-.68-.16l-32.22-16.38c-.57-.29-.89-.91-.81-1.54l8.09-60.01c.06-.44,.31-.83,.68-1.07l10.66-6.78c.57-.37,1.32-.3,1.82,.16l23.5,21.72c.19,.13,.35,.29,.47,.49l19,32.14c.11,.19,.18,.39,.2,.59,.1,.48-.05,1-.41,1.36l-29.26,29.05c-.29,.29-.67,.44-1.06,.44Zm-30.59-18.74l30.3,15.41,27.69-27.5-18.28-30.92s-.09-.07-.14-.11l-22.62-20.93-9.1,5.79-7.85,58.27Z"/>
-    </g>
-    <path class="cls-27" d="M1030.46,514.34h-134.71l-188.81,46.69v57.74c0,8.63,3.64,16.52,10.92,23.65,7.28,7.13,17.46,12.76,30.54,16.87,18.02,5.79,41.09,10.18,69.23,13.18,28.14,3,65.04,4.49,110.7,4.49,81.45,0,138.83-4.7,172.15-14.09,33.32-9.39,49.98-24.22,49.98-44.48v-57.74l-120.01-46.31Z"/>
-    <path class="cls-23" d="M1149.67,560.31c-.29,19.99-16.94,34.64-49.97,43.95-29.73,8.38-78.62,13.02-146.66,13.92l-2.29,1.01s74.36-5.47,84.92,53.94c27.17-2.35,48.79-5.77,64.82-10.29,33.32-9.39,49.98-24.22,49.98-44.48v-57.74l-.8-.31Z"/>
-    <path class="cls-13" d="M1122.12,655.92c-.55,0-1-.45-1-1v-56.39l-31.05-24.8c-.22-.18-.36-.44-.37-.72-.02-.28,.09-.56,.29-.76l15.02-15.2-65.93-46.46c-.45-.32-.56-.94-.24-1.39,.32-.45,.94-.56,1.39-.24l66.89,47.14c.24,.17,.39,.44,.42,.73,.03,.29-.08,.58-.28,.79l-15.07,15.25,30.56,24.4c.24,.19,.38,.48,.38,.78v56.87c0,.55-.45,1-1,1Z"/>
-    <g>
-      <g>
-        <g>
-          <polygon class="cls-28" points="1276.84 307.32 1274.31 315.22 1272.21 324.5 1266.62 329.92 1263.48 333.09 1241.29 341.9 1231.51 349.64 1213.07 354.69 1181.06 330.66 1160.58 324.35 1153.56 308.66 1174.12 293.34 1211.32 320.26 1227.65 320.37 1237.17 305.08 1254.96 309.23 1259.13 313.61 1276.84 307.32"/>
-          <polygon class="cls-15" points="1175.26 282.84 1175.26 282.84 1201.61 294.9 1224.97 297.76 1237.17 305.08 1254.96 309.23 1259.13 313.61 1276.84 307.32 1269.38 299.38 1271.26 296.19 1241.37 279.14 1210.51 287.57 1175.26 282.84"/>
-          <polygon class="cls-17" points="1273.75 303.91 1217.57 292.22 1250.26 290.04 1271.26 296.19 1269.38 299.38 1273.75 303.91"/>
-        </g>
-        <polygon class="cls-20" points="1174.66 282.19 1153.56 308.78 1174.11 293.46 1211.32 320.39 1239.54 320.57 1262.57 312.98 1237.17 305.08 1224.38 297.11 1201.01 294.25 1174.66 282.19"/>
-        <polygon class="cls-8" points="1181.06 330.66 1211.72 337.09 1224.57 345.5 1263.48 333.09 1241.29 341.9 1231.51 349.64 1213.07 354.69 1181.06 330.66"/>
-      </g>
-      <path d="M1213.07,356.19c-.32,0-.64-.1-.9-.3l-31.81-23.87-20.23-6.24c-.41-.13-.75-.43-.93-.82l-6.86-15.33c-.26-.36-.35-.82-.24-1.23,.06-.37,.25-.72,.55-.94l.08-.06,20.75-26.15c.43-.54,1.17-.72,1.8-.43l1.57,.72,33.55,4.5,30.57-8.35c.38-.11,.79-.05,1.14,.14l29.89,17.05c.35,.2,.6,.53,.71,.92,.1,.39,.05,.8-.16,1.15l-1.3,2.21,3.57,3.71c.12,.13,.22,.27,.29,.42l2.83,3.01c.37,.4,.5,.97,.34,1.48l-2.51,7.84-2.09,9.22c-.06,.28-.21,.54-.42,.75l-5.59,5.42-3.11,3.14c-.15,.15-.32,.26-.51,.34l-21.99,8.73-9.6,7.61c-.16,.13-.34,.22-.54,.27l-18.44,5.05c-.13,.04-.26,.05-.4,.05Zm-51.4-33.08l19.83,6.12c.17,.05,.32,.13,.46,.23l31.43,23.59,17.43-4.78,9.54-7.56c.11-.09,.24-.16,.38-.22l21.9-8.69,2.91-2.94,5.29-5.13,2.01-8.85s.02-.08,.03-.13l2.26-7.06-2.63-2.8c-.11-.12-.2-.25-.26-.39l-3.95-4.1c-.47-.48-.55-1.22-.21-1.8l1.11-1.88-28.03-15.99-30.26,8.27c-.19,.05-.4,.07-.59,.04l-34.07-4.57c-.15-.02-.29-.06-.43-.12l-.7-.32-19.77,24.92,6.33,14.16Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-15" points="303.73 371.13 293.71 380.28 292.47 383.29 283.41 386.42 285.67 391.13 306.35 401.55 333.87 399.53 340.61 374.33 303.73 371.13"/>
-        <polygon class="cls-8" points="340.61 374.33 333.87 399.53 306.35 401.55 326.42 390.13 326.67 379.42 303.73 371.13 340.61 374.33"/>
-        <polygon class="cls-28" points="285.67 391.13 278.09 381.43 303.73 371.13 293.71 380.28 292.47 383.29 283.41 386.42 285.67 391.13"/>
-      </g>
-      <path d="M306.35,403.05c-.23,0-.47-.05-.67-.16l-20.69-10.42c-.2-.1-.37-.24-.51-.42l-7.58-9.7c-.29-.37-.39-.86-.27-1.31,.12-.46,.45-.83,.89-1l25.64-10.3c.22-.09,.45-.12,.69-.1l36.88,3.2c.44,.04,.84,.27,1.1,.63,.25,.36,.34,.82,.22,1.25l-6.74,25.2c-.17,.62-.7,1.06-1.34,1.11l-27.52,2.02s-.07,0-.11,0Zm-19.71-13.11l20.02,10.09,26.04-1.92,6-22.45-34.74-3.01-23.46,9.42,6.14,7.87Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-15" points="563.62 789.58 557.74 811.43 559.13 816.49 547.99 829.8 556.99 833.36 602.37 824.92 644.72 793.82 632.43 766.95 623.99 765.99 610.18 764.42 563.62 789.58"/>
-        <polygon class="cls-8" points="610.18 764.42 632.43 766.95 637.81 778.73 644.72 793.82 602.37 824.92 621.98 789.8 610.23 776.13 563.62 789.58 610.18 764.42"/>
-        <polygon class="cls-28" points="556.99 833.36 533.7 829.09 563.62 789.58 557.74 811.43 559.13 816.49 547.99 829.8 556.99 833.36"/>
-      </g>
-      <path d="M556.99,834.86c-.09,0-.18,0-.27-.02l-23.29-4.27c-.51-.09-.94-.45-1.13-.93-.19-.49-.11-1.03,.2-1.45l29.93-39.51c.13-.17,.29-.31,.48-.41l46.55-25.16c.27-.15,.58-.21,.88-.17l22.25,2.53c.52,.06,.98,.39,1.19,.87l12.29,26.86c.3,.65,.1,1.41-.48,1.83l-42.35,31.1c-.18,.13-.39,.22-.61,.27l-45.38,8.44c-.09,.02-.18,.03-.27,.03Zm-20.63-6.81l20.62,3.78,44.77-8.33,41.09-30.18-11.43-24.98-20.94-2.38-45.85,24.78-28.26,37.31Z"/>
-    </g>
-    <g>
-      <g>
-        <polygon class="cls-15" points="1608.21 400.89 1628.25 385.47 1635.06 381.75 1641.3 372.79 1652.42 369.71 1678.72 373.22 1677.03 393.24 1619.58 422.01 1608.21 400.89"/>
-        <polygon class="cls-8" points="1619.58 422.01 1677.03 393.24 1678.72 373.22 1654.53 397.43 1629.82 407.94 1608.21 400.89 1619.58 422.01"/>
-        <polygon class="cls-28" points="1652.42 369.71 1629.21 374.11 1608.21 400.89 1628.25 385.47 1635.06 381.75 1641.3 372.79 1652.42 369.71"/>
-      </g>
-      <path d="M1619.58,423.51c-.54,0-1.05-.29-1.32-.79l-11.37-21.12c-.28-.52-.23-1.17,.14-1.64l20.99-26.78c.22-.29,.54-.48,.9-.55l23.22-4.4c.16-.03,.32-.03,.48-.01l26.3,3.51c.79,.11,1.36,.82,1.3,1.61l-1.69,20.02c-.04,.52-.36,.98-.82,1.21l-57.45,28.77c-.22,.11-.44,.16-.67,.16Zm-9.58-22.47l10.21,18.98,55.4-27.74,1.5-17.75-24.64-3.29-22.43,4.25-20.04,25.56Z"/>
-    </g>
-    <path class="cls-22" d="M857.31,561.08c0,14.22,6.11,23.93,18.33,29.14,12.22,5.21,29.93,7.81,53.13,7.81,15.3,0,28.57-1.1,39.8-3.31,11.23-2.21,19.5-5.7,24.81-10.47,5.31-4.77,7.96-12.21,7.96-22.32,0-14.83-6.11-24.79-18.33-29.9-12.22-5.1-30.54-7.66-54.98-7.66s-42.95,2.6-54.05,7.81c-11.11,5.21-16.66,14.84-16.66,28.91Z"/>
-    <path class="cls-19" d="M706.94,561.03c0-21.23,18.57-36.08,55.72-44.56,37.15-8.48,93.73-12.72,169.75-12.72,36.53,0,66.52,.93,89.96,2.78,23.45,1.85,42.58,4.27,57.38,7.24,14.81,2.97,26.47,6.09,34.99,9.37,8.52,3.28,15.36,7.1,20.55,11.46,10.12,8.33,15.18,17.01,15.18,26.05,0,20.26-16.66,35.09-49.98,44.48-33.32,9.39-90.7,14.09-172.15,14.09-45.66,0-82.56-1.5-110.7-4.49-28.14-3-51.21-7.39-69.23-13.18-13.08-4.11-23.26-9.74-30.54-16.87-7.28-7.13-10.92-15.02-10.92-23.65Zm149.57,.08c0,14.22,6.11,23.93,18.33,29.14,12.22,5.21,29.93,7.81,53.13,7.81,15.3,0,28.57-1.1,39.8-3.31,11.23-2.21,19.5-5.7,24.81-10.47,5.31-4.77,7.96-12.21,7.96-22.32,0-14.83-6.11-24.79-18.33-29.9-12.22-5.1-30.54-7.66-54.98-7.66s-42.95,2.6-54.05,7.81c-11.11,5.21-16.66,14.84-16.66,28.91Z"/>
-    <g>
-      <path class="cls-5" d="M816.25,587.45c-2.64,7.39,49.19,2.49,49.19,2.49,0,0,3.26-.79,7.8-1.99-11.35-5.33-17.05-14.84-17.05-28.54,0-1.13,.05-2.23,.12-3.3l-83.37,4.81s-25.33,7.35-24.55,16.25c0,0,27.98-4.04,43.41-1.83,15.43,2.21,27.08,4.74,24.44,12.12Z"/>
-      <path class="cls-5" d="M1099.97,562.4c7.25-.75,27.57-1.69,50.17-2.9,0-.18,.01-.36,.01-.54,0-6.98-3.03-13.75-9.06-20.3-29.65,1.68-49.08,3.86-49.08,3.86l-93.54,5.39c1.16,3.65,1.75,7.76,1.75,12.34,0,8.38-1.83,14.91-5.47,19.63,5.15-.87,10.23-1.64,14.22-2.06,16.37-1.72,26.62-4.99,45.15-4.96,18.52,.03,40.96-6.97,19.32-7.21-21.64-.24,7.24-1.24,26.54-3.25Z"/>
-    </g>
-    <path d="M928.33,620.73c-45.5,0-82.8-1.51-110.86-4.5-28.11-2.99-51.5-7.45-69.53-13.24-13.24-4.16-23.72-9.96-31.13-17.23-7.55-7.39-11.37-15.71-11.37-24.72,0-21.92,19.14-37.4,56.88-46.02,37.08-8.47,94.31-12.76,170.08-12.76,36.4,0,66.71,.94,90.08,2.78,23.4,1.85,42.76,4.29,57.56,7.26,14.82,2.97,26.68,6.15,35.23,9.44,8.63,3.32,15.69,7.26,20.98,11.72,10.42,8.58,15.71,17.73,15.71,27.2,0,20.92-17.18,36.37-51.07,45.93-33.3,9.39-91.36,14.15-172.56,14.15Zm4.07-115.48c-75.55,0-132.55,4.27-169.41,12.68-36.2,8.26-54.55,22.76-54.55,43.1,0,8.17,3.52,15.77,10.47,22.58,7.08,6.93,17.15,12.49,29.94,16.51,17.85,5.73,41.04,10.15,68.94,13.12,27.95,2.98,65.14,4.49,110.54,4.49,80.93,0,138.72-4.72,171.75-14.04,32.44-9.15,48.89-23.63,48.89-43.04,0-8.53-4.92-16.9-14.63-24.89-5.04-4.25-11.81-8.02-20.13-11.22-8.4-3.23-20.09-6.36-34.74-9.3-14.68-2.95-33.93-5.37-57.21-7.21-23.3-1.84-53.53-2.78-89.85-2.78Zm-4.44,94.3c-23.3,0-41.37-2.67-53.72-7.93-12.77-5.44-19.24-15.71-19.24-30.51s5.9-24.82,17.52-30.27c11.26-5.27,29.66-7.95,54.69-7.95s43.21,2.61,55.56,7.77c12.77,5.34,19.25,15.86,19.25,31.28,0,10.5-2.85,18.38-8.46,23.43-5.49,4.93-14.07,8.58-25.52,10.83-11.27,2.22-24.76,3.34-40.09,3.34Zm-.74-73.66c-24.59,0-42.56,2.58-53.42,7.67-10.63,4.98-15.8,13.99-15.8,27.55s5.7,22.76,17.41,27.75c11.97,5.1,29.65,7.69,52.54,7.69,15.13,0,28.43-1.11,39.51-3.29,10.91-2.15,19.01-5.55,24.09-10.12,4.95-4.45,7.46-11.59,7.46-21.2,0-14.29-5.69-23.62-17.4-28.51-11.98-5-30.28-7.54-54.4-7.54Z"/>
-    <path class="cls-13" d="M1054.21,672.3c-.55,0-1-.45-1-1v-20.29c-28.59,4.48-106.56,7.01-107.35,7.04-.26,.03-.53-.09-.73-.28s-.3-.45-.3-.72v-12.56c-114.83-.5-162.67-11.89-163.14-12.01-.45-.11-.76-.51-.76-.97v-22.5c0-.14,.03-.27,.08-.4l10.48-24.08-40.3-29.86-20.54-1.2c-.38-.02-.72-.26-.87-.62-.15-.35-.08-.76,.18-1.05l31.95-36c.37-.41,1-.45,1.41-.08,.41,.37,.45,1,.08,1.41l-30.58,34.46,18.78,1.1c.19,.01,.38,.08,.54,.19l41.18,30.51c.37,.28,.51,.78,.32,1.2l-10.72,24.61v21.5c6.55,1.44,55.49,11.37,162.91,11.78,.55,0,1,.45,1,1v12.52c9.49-.32,81.48-2.88,107.22-7.17,.29-.05,.59,.03,.81,.22,.22,.19,.35,.47,.35,.76v21.46c0,.55-.45,1-1,1Z"/>
-    <path d="M1151.01,559.25l-1.08-.42c-.12,2.18-.55,4.34-.56,6.52,0,.37-.17,.62-.4,.77v52.25c0,19.41-16.45,33.89-48.89,43.04-33.03,9.31-90.82,14.04-171.75,14.04-45.39,0-82.59-1.51-110.54-4.49-27.9-2.97-51.1-7.38-68.94-13.12-12.79-4.02-22.87-9.58-29.94-16.51-6.95-6.81-10.47-14.41-10.47-22.58v-55.15c-.82-1.27-1.59-2.6-1.75-4.07l-.11,.03c-.67,.17-1.14,.77-1.14,1.46v57.74c0,9.01,3.83,17.33,11.37,24.72,7.42,7.27,17.9,13.07,31.13,17.23,18.03,5.79,41.42,10.25,69.53,13.24,28.06,2.99,65.36,4.5,110.86,4.5,81.21,0,139.26-4.76,172.56-14.15,33.89-9.55,51.07-25.01,51.07-45.93v-57.74c0-.62-.38-1.18-.96-1.4Z"/>
-    <path class="cls-13" d="M1441.52,640.63c-.22,0-.43-.07-.62-.21l-32.34-25.34-161.35,17.7c-.24,.02-.49-.04-.69-.18l-21.53-15.23c-.27-.19-.42-.49-.42-.82v-30.14c0-.26,.1-.51,.29-.7l94.01-95.94c.14-.14,.31-.23,.5-.28l48.9-10.92,39.3-37.39c.19-.18,.43-.28,.69-.28h24.95c.55,0,1,.45,1,1s-.45,1-1,1h-24.55l-39.21,37.31c-.13,.12-.29,.21-.47,.25l-48.88,10.92-93.51,95.44v29.22l20.8,14.72,161.38-17.7c.26-.03,.52,.05,.73,.21l32.66,25.59c.43,.34,.51,.97,.17,1.4-.2,.25-.49,.38-.79,.38Z"/>
-    <path class="cls-13" d="M1590.39,658.83c-.55,0-1-.45-1-1v-18.2c0-.26,.1-.51,.28-.7l17.44-17.88c.17-.17,.38-.27,.62-.3l66.74-6.42c.56-.07,1.04,.35,1.09,.9s-.35,1.04-.9,1.09l-66.37,6.38-16.9,17.33v17.8c0,.55-.45,1-1,1Z"/>
-    <path class="cls-22" d="M403.97,632.19l25.48,.36-1.68-20.88,33.72-33.88-115.04-1.61s53.43,23.66,57.52,56.02Z"/>
-    <path class="cls-22" d="M570.67,638.42l3.82-3.83,56.26,.79,38.89-39.08-4.45-55.27-38.89,39.08-56.26-.79-33.72,33.88s30.27-7.13,34.36,25.22Z"/>
-    <path class="cls-13" d="M238.21,614.19c-.54,0-.99-.44-1-.98-.01-.55,.43-1.01,.98-1.02l46.78-.86-3.5-36.57c-.03-.27,.06-.55,.24-.75l33.5-38.3c.19-.22,.49-.32,.76-.34l64.54,.66c.55,0,1,.46,.99,1.01,0,.55-.45,.99-1,.99h-.01l-64.08-.65-32.91,37.63,3.56,37.21c.03,.28-.06,.55-.25,.76s-.45,.33-.73,.33l-47.86,.88h-.02Z"/>
-    <polygon class="cls-22" points="608.92 540.23 665.18 541.02 724.27 484.08 719.81 428.81 608.92 540.23"/>
-    <path class="cls-13" d="M557.16,482.66c-.27,0-.55-.11-.74-.33-.37-.41-.34-1.04,.07-1.41l37.51-33.77c.18-.16,.41-.25,.66-.26l107.65-1.5c.27,0,.53,.1,.72,.29,.19,.19,.3,.44,.3,.71v27.5l15.82-14.48c.41-.37,1.04-.34,1.41,.06,.37,.41,.34,1.04-.06,1.41l-17.5,16.01c-.29,.27-.72,.34-1.08,.18-.36-.16-.6-.52-.6-.92v-28.76l-106.26,1.48-37.23,33.52c-.19,.17-.43,.26-.67,.26Z"/>
-    <path class="cls-13" d="M540.76,669.46c-.52,0-.96-.41-1-.93l-1.77-26.66-62.79-.53c-.52,0-.95-.41-.99-.93l-1.9-28.04c-.02-.28,.08-.56,.28-.77l89.99-91.85c.14-.14,.31-.23,.5-.28l48.9-10.92,39.3-37.39c.19-.18,.43-.28,.69-.28h24.95c.27,0,.54,.11,.72,.31,.19,.2,.29,.47,.27,.74l-2.15,43.59c-.01,.24-.11,.46-.27,.64l-6.58,6.97,1.01,14.2c.04,.55-.38,1.03-.93,1.07-.54,.04-1.03-.38-1.07-.93l-1.04-14.63c-.02-.28,.08-.55,.27-.76l6.63-7.02,2.08-42.17h-23.5l-39.21,37.31c-.13,.12-.29,.21-.47,.25l-48.88,10.92-89.47,91.32,1.8,26.67,62.8,.53c.52,0,.96,.41,.99,.93l1.83,27.58c.04,.55-.38,1.03-.93,1.06-.02,0-.04,0-.07,0Z"/>
-    <path d="M540.76,669.96h-.02l-108.55-1.52c-.77-.01-1.41-.61-1.47-1.38l-4.45-55.27c-.03-.42,.11-.84,.4-1.14,.29-.31,.7-.48,1.12-.48l107.91,1.51,33.27-33.43c.29-.29,.66-.45,1.08-.44l55.62,.78,38.44-38.63c.41-.42,1.03-.55,1.58-.35,.55,.2,.93,.7,.98,1.29l4.45,55.27c.04,.44-.12,.87-.43,1.18l-38.89,39.08c-.29,.29-.67,.44-1.08,.44l-55.62-.78-33.27,33.43c-.28,.28-.66,.44-1.06,.44Zm-107.16-4.5l106.54,1.49,33.27-33.43c.29-.29,.67-.46,1.08-.44l55.62,.78,37.96-38.14-4.14-51.34-36.59,36.77c-.29,.29-.68,.44-1.08,.44l-55.62-.78-33.27,33.43c-.29,.29-.69,.44-1.08,.44l-106.9-1.5,4.21,52.27Z"/>
-    <path d="M540.76,669.96c-.77,0-1.43-.59-1.49-1.38l-4.45-55.27c-.07-.83,.55-1.55,1.37-1.62,.83-.06,1.55,.55,1.62,1.38l4.45,55.27c.07,.83-.55,1.55-1.37,1.62-.04,0-.08,0-.12,0Z"/>
-    <path d="M575.12,636.54c-.77,0-1.43-.59-1.49-1.38l-4.45-55.27c-.07-.83,.55-1.55,1.37-1.62,.83-.06,1.55,.55,1.62,1.38l4.45,55.27c.07,.83-.55,1.55-1.37,1.62-.04,0-.08,0-.12,0Z"/>
-    <path d="M1245.59,661.35s-.06,0-.08,0c-.83-.04-1.46-.75-1.42-1.58l3.04-56.15c.04-.83,.75-1.45,1.58-1.42,.83,.04,1.46,.75,1.42,1.58l-3.04,56.15c-.04,.8-.71,1.42-1.5,1.42Z"/>
-    <path d="M1506.08,635.65s-.06,0-.08,0c-.83-.04-1.46-.75-1.42-1.58l3.04-56.15c.04-.83,.76-1.45,1.58-1.42,.83,.04,1.46,.75,1.42,1.58l-3.04,56.15c-.04,.8-.71,1.42-1.5,1.42Z"/>
-    <path d="M1548.08,663.72s-.06,0-.08,0c-.83-.04-1.46-.75-1.42-1.58l3.04-56.15c.04-.83,.76-1.45,1.58-1.42,.83,.04,1.46,.75,1.42,1.58l-3.04,56.15c-.04,.8-.71,1.42-1.5,1.42Z"/>
-    <path d="M1672.33,651.32s-.06,0-.08,0c-.83-.04-1.46-.75-1.42-1.58l3.04-56.15c.04-.83,.75-1.45,1.58-1.42,.83,.04,1.46,.75,1.42,1.58l-3.04,56.15c-.04,.8-.71,1.42-1.5,1.42Z"/>
-    <path d="M1390.16,550.97s-.04,0-.07,0c-.83-.04-1.47-.74-1.43-1.56l2.47-55.87c.04-.83,.75-1.47,1.56-1.43,.83,.04,1.47,.74,1.43,1.56l-2.47,55.87c-.04,.8-.7,1.43-1.5,1.43Z"/>
-    <path d="M630.06,636.54c-.77,0-1.43-.59-1.49-1.38l-4.45-55.27c-.07-.83,.55-1.55,1.37-1.62,.84-.06,1.55,.55,1.62,1.38l4.45,55.27c.07,.83-.55,1.55-1.37,1.62-.04,0-.08,0-.12,0Z"/>
-    <path d="M665.36,544.77c-.38,0-.77-.15-1.06-.44-.59-.58-.59-1.53,0-2.12l58.41-58.7-4.4-54.58c-.07-.83,.55-1.55,1.37-1.62,.83-.07,1.55,.55,1.62,1.37l4.45,55.27c.04,.44-.12,.87-.43,1.18l-58.9,59.19c-.29,.29-.68,.44-1.06,.44Z"/>
-    <path class="cls-12" d="M1587.03,569.23c-.21,0-.41-.06-.58-.18l-45.42-32.3-78.85,7.21c-.56,.06-1.04-.35-1.09-.91-.05-.55,.35-1.04,.9-1.09l79.22-7.24c.24-.02,.48,.04,.67,.18l45.42,32.3,47.13-4.32c.56-.05,1.04,.36,1.09,.9,.05,.55-.35,1.04-.9,1.09l-47.5,4.36s-.06,0-.09,0Z"/>
-    <path d="M1550.89,607.57c-.31,0-.61-.1-.87-.28l-40.78-28.99-260.45,26.89c-.36,.04-.73-.06-1.02-.27l-50.43-35.84c-.37-.26-.6-.67-.63-1.12-.03-.45,.14-.89,.47-1.19l128.25-121.3c.24-.23,.55-.37,.88-.4l124.88-12.89c.36-.04,.73,.06,1.02,.27l135.16,96.06,64.16-6.62c.36-.04,.73,.06,1.02,.27l47.57,33.81c.51,.36,.74,1,.58,1.6-.16,.6-.68,1.05-1.3,1.11l-60.77,6.27,38,27.01c.51,.36,.74,1,.58,1.6-.16,.6-.68,1.05-1.3,1.11l-124.88,12.89c-.05,0-.1,0-.15,0Zm-41.24-32.31c.31,0,.61,.1,.87,.28l40.78,28.99,120.36-12.42-38-27.01c-.51-.36-.74-1-.58-1.6,.16-.6,.68-1.05,1.3-1.11l60.77-6.27-43.86-31.17-64.16,6.62c-.36,.04-.73-.06-1.02-.27l-135.16-96.06-123.81,12.78-126.55,119.7,48.48,34.45,260.45-26.89c.05,0,.1,0,.15,0Zm-185.49-16.57c-.58,0-1.12-.34-1.37-.88-.27-.59-.13-1.28,.35-1.72l68.48-63.59c.52-.48,1.31-.54,1.89-.12l69.44,49.35c.51,.36,.74,1,.58,1.6-.16,.6-.68,1.05-1.3,1.11l-137.92,14.24c-.05,0-.1,0-.15,0Zm68.61-63.16l-64.3,59.71,129.5-13.37-65.2-46.34Z"/>
-    <path class="cls-22" d="M557.16,481.66l-56.78,57.05s-2.43-38.49-37.32-27.56,94.1-29.49,94.1-29.49Z"/>
-    <path d="M429.45,634.05h-.02l-190.38-2.67c-.77-.01-1.41-.61-1.47-1.38l-4.45-55.27c-.07-.83,.55-1.55,1.37-1.62,.84-.06,1.55,.55,1.62,1.38l4.34,53.91,189.02,2.65c.83,.01,1.49,.69,1.48,1.52-.01,.82-.68,1.48-1.5,1.48Z"/>
-    <path d="M536.31,614.69h-.02l-108.54-1.52c-.6,0-1.14-.38-1.37-.93-.23-.56-.1-1.2,.33-1.62l31.23-31.38-223.34-3.13c-.6,0-1.14-.38-1.37-.93-.23-.56-.1-1.2,.33-1.62l41.23-41.43c.17-.17,.38-.3,.61-.37l335.43-105.89c.15-.05,.32-.07,.47-.07l108.55,1.52c.6,0,1.14,.38,1.37,.93s.1,1.2-.33,1.62l-108.39,108.91,52.72,.74c.6,0,1.14,.38,1.37,.93,.23,.56,.1,1.2-.33,1.62l-38.89,39.08c-.29,.29-.68,.44-1.08,.44l-55.62-.78-33.27,33.43c-.28,.28-.66,.44-1.06,.44Zm-104.99-4.47l104.37,1.46,33.27-33.43c.29-.29,.66-.45,1.08-.44l55.62,.78,35.95-36.12-52.72-.74c-.6,0-1.14-.38-1.37-.93s-.1-1.2,.33-1.62l108.39-108.91-104.77-1.47-334.84,105.71-38.47,38.66,223.34,3.13c.6,0,1.14,.38,1.37,.93,.23,.56,.1,1.2-.33,1.62l-31.23,31.38Zm69.05-70.01h-.02l-119.88-1.68c-.74-.01-1.36-.55-1.46-1.28-.11-.73,.33-1.43,1.04-1.65l176.66-55.37c.66-.21,1.37,.06,1.73,.65,.36,.59,.27,1.35-.22,1.84l-56.78,57.05c-.28,.28-.66,.44-1.06,.44Zm-110.5-4.55l109.89,1.54,52.04-52.29-161.93,50.75Z"/>
-    <path d="M1547.84,663.72c-.31,0-.61-.1-.87-.28l-40.78-28.99-260.45,26.89c-.36,.04-.73-.06-1.02-.27l-50.43-35.84c-.42-.3-.66-.79-.63-1.3l3.04-56.15c.04-.83,.75-1.45,1.58-1.42,.83,.04,1.46,.75,1.42,1.58l-3,55.33,49.29,35.03,260.45-26.89c.36-.03,.73,.06,1.02,.27l40.78,28.99,123.04-12.7,1.77-32.73c.04-.74,.62-1.34,1.36-1.41l20.35-1.87,2.97-54.86c.04-.83,.76-1.45,1.58-1.42,.83,.04,1.46,.75,1.42,1.58l-3.04,56.15c-.04,.74-.62,1.34-1.36,1.41l-20.35,1.87-1.77,32.71c-.04,.74-.61,1.33-1.34,1.41l-124.88,12.89c-.05,0-.1,0-.15,0Z"/>
-    <g>
-      <g>
-        <path class="cls-18" d="M1101.37,509.04c-1.23-12.16-8.48-27.79-21.97-40.05-13.49-12.26-21.1-19.09-21.1-19.09l-32.27-4.48s4.59,7.82,10.46,14.62c5.87,6.8,10.97,10.28,12.5,12.45,1.53,2.17,1.45,3.87-.26,4.13-1.7,.26-3.15,0-4.97-.51-1.83-.51-5.14-2.72-5.14-2.72,0,0,4.07,5.95,12.24,9.78,8.17,3.83,12.93,5.78,15.99,11.39,3.06,5.61,5.78,11.08,6.17,18.76,.39,7.67-.96,10.1-2.82,10.72s-3.78-1.02-4.12-3.55c-.34-2.54-1.52-8.41-1.52-8.41,0,0-1.13,3.84-2.09,8.13-.96,4.29-2.26,8.8-5.25,9.7-2.99,.9-5.76,1.26-9.25-.61-3.5-1.87-11.23-8.81-11.23-8.81,0,0-6.54-18.17-12.59-28.04-6.05-9.87-11.9-12.56-12.84-14.56-.94-2-.94-4.58,1.57-5.07,2.51-.49,4.41,1.1,7.54,2.94s7.93,6.61,7.93,6.61c0,0-3.87-8.93-13.32-14.01-9.45-5.09-13.39-4.5-25.77-11.63-12.38-7.13-18.57-14.33-20.46-16.81-1.89-2.48-1.6-4.62,2.25-4.62s6.75,1.18,10.42,2.66c3.67,1.48,5.84,3.21,5.84,3.21,0,0-.45-3.74-11.17-9.07-10.72-5.33-17.26-8.18-20.66-10.78-3.4-2.59-7.64-11.37-8.76-14.03s-5.71-11.77-6.94-21.05c-1.23-9.28-1.6-14.4-1.15-18,.45-3.59,1.56-4.18,1.56-4.18l11.91-5.26s1.16,.49,3.78,4.27c2.62,3.78,5.17,8.21,5.17,8.21,0,0-.91-5.09-1.85-9.12-.94-4.02-1.9-6.64-1.9-6.64,0,0,10.89-6.34,18.12-9.54,7.23-3.2,8.87-3.94,11.66-2.71,2.79,1.23,4.27,3.53,4.19,8.38-.08,4.85,.66,29.9,.66,29.9,0,0,6.98-14.05,14.37-21.93,7.39-7.88,10.35-9.94,14.29-8.79,3.94,1.15,6.38,4.35,7.3,8.71,.91,4.35,6.58,36.55,6.58,36.55,0,0,4.68-15.45,7.39-21.68,2.72-6.24,3.86-14.22,8.38-16.23,4.52-2.01,8.54-2.25,12.48,1.36,3.94,3.61,13.06,9.86,18.23,16.26,5.17,6.41,13.8,19.55,13.8,19.55,0,0-4-12.48-11.04-25.65-7.04-13.17-17.46-31.68-20.37-38.51s-21.71-42.32-25.78-51.76c-4.07-9.44-13.58-31.38-16.73-37.67-3.15-6.29-5.07-9.75-9.13-10.66-4.06-.91-5.91,.84-7.37,5.06-1.46,4.22-18.18,44.07-26.41,57.48-8.23,13.41-20.11,32.3-23.67,37.28-3.56,4.98-7.42,9.35-7.42,9.35,0,0-6.39-5.93-6.56-6.89s-.61-6.72-.74-8.9c-.13-2.18-.61-12.39-.57-15.23,.04-2.84,1.31-4.67,3.01-4.97,1.7-.31,3.67-.09,5.76,1.7s6.41,6.02,6.41,6.02c0,0-1.83-7.19-6.04-11.61-4.21-4.42-10.08-8.94-11.17-10.16-1.1-1.23-2.06-5.21-2.5-7.71-.44-2.5-2.1-9.51-2.23-11.83s.61-2.94,3.15-2.54c2.54,.39,8.02,1.66,11.08,3.33,3.07,1.66,4.73,2.8,4.73,2.8,0,0-4.75-6.16-9.22-9.75-4.47-3.59-10.18-6.91-12.53-8.63-2.35-1.73-3.72-1.77-4.96-4.6-1.24-2.83-2.61-4.16-2.79-5.67-.18-1.5,.13-1.77,2.61-1.42,2.48,.35,8.5,3.05,8.5,3.05,0,0-5.03-4.07-8.73-6.42-3.71-2.35-6.58-3-6.58-3,0,0,7.44-3.64,12.53-7.98,5.09-4.34,10.37-9.66,15.09-18.09,4.72-8.42,8.07-22.41,8.07-22.41,0,0-8.78,11.53-16.91,17.63-8.13,6.09-19.33,10.76-23,11.65-3.67,.89-3.25,.72-3.25,.72,0,0,4.36-6.1,6.19-9.8,1.83-3.7,5.42-11.05,6.2-13.26,.78-2.21,2.03-7.17,2.03-7.17,0,0-11.05,13.98-19.36,20.14-8.31,6.15-16.43,10.1-21.39,12.25-4.96,2.15-5.14,2.21-6.09,4-.96,1.79-4.2,7.83-4.2,7.83,0,0-7.15,3.51-7.96,2.62-.81-.89-.33-3.82,.39-4.95,.72-1.14,1.85-2.87,1.85-2.87,0,0-7.53,3.76-14.1,10.93-6.57,7.17-8.42,10.64-8.42,10.64l.06-4.96s-5.44,5.97-7.17,9.02c-1.73,3.05-1.79,4.54-.48,5.8,1.31,1.25,4.42,2.57,4.42,2.57l-10.99,5.38s-10.06-27.46-12.77-33.13c-2.71-5.67-4.5-5.89-6.82-4.65-2.32,1.24-2.69,2.04-6.02,9.8-3.34,7.77-12.99,28.67-17.49,38.25-4.5,9.58-16.94,34.74-22.5,45.19-5.56,10.45-15.47,29.42-15.47,29.42v.76s16.31-16.31,24.58-21.29c8.27-4.97,11.84-6.65,14.81-5.2,2.96,1.45,5.75,3.91,6.2,11.9,.45,7.99-.39,20.67,0,24.86,.39,4.19,1.01,8.16,1.01,8.16,0,0,5.61-12.54,10.35-22.31,4.75-9.77,7.89-15.92,11.87-17.17s6.77-1.19,8.38,1.12c1.61,2.3,4.19,6.98,5.72,18.57,1.54,11.59,3.21,21.36,3.21,21.36,0,0,2.93-9.7,5.31-12.7,2.37-3,3.94-4.17,6.86-4.68,2.92-.5,4.38,1.17,4.84,2.09s.83,2.06,.83,2.06c0,0-14.93,23.97-19.16,33.66-4.22,9.69-12.46,25.57-12.1,50.59,.36,25.01,3.38,36.13,3.38,36.13,0,0-2.13,19.91-10.47,37.04-8.34,17.13-17.65,28.51-20.69,31.32-2.89,2.66-5.95,6.43-6.25,6.81-2.66-1.33-5.88-2.93-7.17-3.56-2.37-1.15-6.39-2.66-8.41-1.94s-4.73,2.51-4.73,2.51c0,0-3.57,.25-6.11,3.02-2.54,2.76-5.39,5.45-8.28,9.27-2.89,3.81-3.96,7.69-3.96,7.69,0,0,2.77-1.77,3.56-2.43,.79-.66,1.45-1.12,2.17-.81,.72,.3,3.81,1.08,3.81,1.08,0,0-.59,1.91-.85,2.96s.13,5.98,.13,5.98l3.61-5.85s4.53,.33,7.95-.26c3.42-.59,8.62-5.32,8.62-5.32,0,0,1.96,.65,4.72,.59,2.76-.06,6.57-1.38,15.77-2.04,9.2-.66,19.91,.99,19.91,.99l1.3-1.23c-2.47,3.74-4.67,10.07-4.42,17.19,.11,2.98,1.2,.83,2.14-1.51,.94-2.35,2.15-3.13,2.15-3.13,0,0,1.76,.31,3.62,0,1.86-.31,3.77-1.46,3.77-1.46,0,0-.1,3.29,.16,6.42s2.49,7.74,2.49,7.74c0,0,.11-1.29,.06-2.63s2.03-4.75,2.03-4.75c0,0,3.49,.26,5.83-.47,1.73-.54,3.03-3.77,3.59-5.41,.34-.29,.7-.59,1.06-.9l2.08,.15s.68,7.04,1.72,9.65c1.04,2.61,4.05,4.54,4.05,4.54l-.4-5.63s2.35-.63,4.33-1.62c1.98-.99,2.45-2.24,3.23-4.07,.78-1.83,1.36-3.33,2.76-4.69,1.41-1.36,3.55-2.61,8.45-3.44,4.9-.83,7.15-.31,10.17-.42s3.23-3.27,1.91-4.72c.14,.01,.27,.03,.4,.05-.4-.2-1.04-.63-2.01-1.54-2.15-2.01-5.03-2.57-5.03-2.57,0,0,8.27-6.27,15.06-13.09,6.79-6.82,7.55-11.52,7.55-11.52,0,0,12.39,4.18,16.02,5.5,3.62,1.33,3.21,.69,6.61,3.2,3.39,2.51,8.63,5.31,10.59,6.24,1.73,.82,3.24,1.88,3.57,2.11-4.63-.61-14.15-1.86-17.85-2.36-4.97-.68-8.64-.39-11.44,2.42-2.8,2.8-4.35,6.82-4.35,6.82,0,0-3.39,2.61-3.41,4.8-.03,2.18-.34,3.94-.34,3.94l5.11-3.94,2.28,.28c.71,.19,1.51,.33,2.37,.41l-1.85,5.96,4.74-4.67s2.22,1.35,6.28,1.03c4.06-.33,8.11-2.08,8.11-2.08,0,0-2.02,3.11-2.41,5.72-.39,2.61-1.14,5.32-1.14,5.32l5.7-6,3.58,1.3s-.5,3.15-.79,5.76c-.29,2.61-.39,3.19-.39,3.19l3.38-6s3.02,1.17,4.31,1.26c1.29,.1,1.81,.07,1.81,.07l-.62,4.02,3.87-4.75s5.03,3.08,9.08,2.4c4.06-.68,11.51-4.68,21.79-6.77s19.76-1.55,27.69-.49c7.93,1.07,11.79,1.25,14.98,0,3.19-1.25,2.03-5.38,0-7.72,5.16,1.41,20.92,5.19,36.17,3.57,18.59-1.97,33.04-6.33,42.65-19.51,9.6-13.18,9.09-28.1,7.87-40.26Zm-241.96,39.17c-3.87,5.34-3.94,8.5-8.45,11.38-3.22,1.59-7.77,2.13-12.49,2.31-5.77,.22-11.29-1.45-14.6,.63-.34-.31-1.01-.9-1.87-1.59-.4-.54-.89-1.09-1.82-1.64-1.2-.71-2.22-1.23-3.11-1.63-.53-.26-1.06-.48-1.56-.63,0,0,0,0,0,0-1.91-.66-2.75-.52-2.75-.52,0,0,5.88-3.18,16.02-10.99,10.13-7.82,12.75-11.31,14.49-13.12,1.73-1.81,5.94-7.98,5.94-7.98,0,0-7.16,4.94-10.21,6.35-3.05,1.4-6.89,2.35-5.82,.52,1.07-1.83,6.43-8.02,9.4-11.82,2.97-3.79,5.69-7.91,5.69-7.91,0,0,7.7,6.2,12.53,9.73,4.83,3.53,9.39,6,9.39,6,0,0-6.57,15.13-10.78,20.92Zm21.11-252.69c-.33,3.93-3.78,17.93-6.32,25.32-2.53,7.39-11.12,22.01-11.12,22.01l-13.7-30.27s4.12-.93,6.76-2.38c2.64-1.45,3.37-5.1,6.94-9.32,3.56-4.22,7.32-11.41,9.98-14.04,2.67-2.64,8-2.46,8-2.46,0,0-.21,7.21-.55,11.14Z"/>
-        <path class="cls-18" d="M882.48,567.14c-.18-.06-.39-.11-.64-.15,.49,.24,.64,.15,.64,.15Z"/>
-      </g>
-      <path class="cls-11" d="M1070.92,421.76c-2.55-6.94-10.1-12.66-17.89-13.61-7.79-.95-13.37,1.07-15.99,2.12s-3.09,.67-3.8-.51c-.71-1.19,1.6-4.58,1.6-4.58,0,0-1.66,1.31-3.33,2.32-1.66,1.01-5.95,6.23-8.02,11.71-2.08,5.48-.65,14.26-.65,14.26,0,0-15.69-6.89-19.73-9.09-4.04-2.2-4.04-3.03-3.51-4.64,.53-1.6,1.78-1.25,4.75-2.02,2.97-.77,11.29-1.49,11.63-1.5,.34-.01-4.78-.09-10.92-1.3-6.14-1.21-17.04-3.45-27.22-8.8-10.18-5.35-16.1-11.64-16.1-11.64,0,0,2.49,4.21,5.29,7.54,2.79,3.33,12.96,13.43,18.84,18.42,5.88,4.99,16.99,13.07,24.43,16.82,7.44,3.74,19.85,10.4,27.04,12.41,7.19,2.01,17.95,2.5,21.86,1.02,3.91-1.48,10.76-7.13,12.07-11.06,1.31-3.93,2.2-10.95-.36-17.89Zm-16.64,16.04c-2.86,1.34-7.95,1.03-7.95,1.03,0,0-4.2-4.15-4.11-8.17,.09-4.02,3.98-6.92,7.75-6.61,3.77,.31,7.92,2.64,8.01,5.72,.09,3.08-.85,6.7-3.71,8.04Z"/>
-      <path class="cls-2" d="M881.07,284.37s9.41,1.86,14.15,0c4.74-1.86,7.32-5.13,10.04-8.2s5.65-6.62,5.65-6.62c0,0,.59,34.95-6.23,56.91-6.82,21.97-27.72,59.13-27.88,59.41s-11.72,24.51-14.65,43.6c-2.92,19.09-1.67,34.29,2.85,47.9,4.52,13.61,7.6,16.17,9.78,19.67s5.38,7.22,5.38,7.22l-7.57,23.7s-17.86-9.13-27.1-18.89c-9.33-9.86-20.68-23.67-21.73-46.21-1.05-22.32-1.13-34.57,3.42-50.51,4.55-15.94,17.18-36.86,23.56-48.01,6.37-11.15,17.41-29.63,21.66-39.29,4.25-9.66,7.11-22.77,8.12-29.54s.55-11.14,.55-11.14Z"/>
-      <path class="cls-9" d="M890.37,536.87c.2-.13,11.94-12.47,11.94-12.47,0,0,6.81,5.58,14.7,10.3,7.88,4.73,15.32,9.39,21.97,12.6,6.65,3.22,19.31,7.13,19.31,7.13,0,0-25.89-2.63-41.96-9.49-16.07-6.85-18.93-6.69-18.93-6.69l-5.32,1.16s.92-1.18-1.71-.13,0-2.42,0-2.42Z"/>
-      <path class="cls-9" d="M872.59,527.97s-17.77-9.58-24.32-16.41-8.99-9.85-8.99-9.85c0,0,4.27,4.3,14.44,4.67,13.17,.47,19.75-1.67,24.57-4.45l1.88,2.34-7.57,23.7Z"/>
-      <path class="cls-26" d="M952.1,358.8s3.1,1.29,5.01,4.4c1.91,3.11,3.61,6.33,3.61,6.33l-3.42-14-5.2,3.27Z"/>
-      <path class="cls-26" d="M914.78,239.71l1.84-.78,14.01,6.71s-4.2-1.87-6.32-1.44-2.47,.35-2.06,2.02,1.95,5.54,3.17,6.69c1.23,1.15,4.95,2.94,11.54,7.96,6.6,5.01,12.14,10.17,13.06,11.93,.92,1.77-1.52-.2-1.52-.2,0,0-5.87-2.99-9.5-3.73s-6.37-.72-6.76,.67c-.39,1.39,.43,4.36,.99,7.04,.56,2.67,2.12,12.1,2.75,12.64s6.47,4.77,9.68,8.72c3.21,3.95,5.74,6.6,6.8,9.31s1.64,4.52,1.64,4.52c0,0-6.18-5.65-8.25-6.62-2.06-.97-4.47-1.55-5.44-.04s-1.47,3.24-1.44,4.81c.03,1.57,1.31,17.25,1.01,20.45-.31,3.19,2.18,5.36,3.4,6.56,1.23,1.2,3.91,3.17,3.91,3.17,0,0-5.04,6.17-7.53,9.14s-10.35,9.32-10.35,9.32l-4.07,3.68s3.32-18.02,4.49-34.26c1.17-16.24-1.15-36.13-3.27-47.17-2.12-11.04-5.51-21.33-8.98-29.43-3.75-8.76-6.85-10.84-6.85-10.84l4.03-.84Z"/>
-      <path class="cls-26" d="M924.86,370.46c-.43,4.86-.89,18.47,5.02,35.38,5.9,16.91,14.08,24.58,25.8,35.01,11.73,10.43,26.47,21.19,39.84,30.45,13.37,9.26,18.32,13.2,25.65,21.93s14.3,25.87,16.97,35.57c0,0-5.01-19.39-9.5-27.87-4.49-8.48-10.76-17.46-14.05-20.25-3.28-2.79-4.03-5.75-3.35-6.91,.68-1.16,1.41-1.3,3.78-.57s5.05,2.08,6.89,3.1c1.85,1.02,5.95,5.2,5.95,5.2,0,0-2.94-4.83-7.12-8.99s-14.31-8.21-21-10.95c-6.69-2.74-11.65-5.44-16.08-9.24-4.44-3.8-11.58-8.27-13.45-10.68-1.87-2.41-3-4.66-1.88-5.68s2.94-1.42,6.83-.19c3.89,1.23,11.28,4.42,11.28,4.42,0,0-4.89-5.44-10.64-8.26-5.75-2.82-17.6-7.18-20.65-10.88-3.05-3.71-9.89-15.15-12.21-22.78s-4.59-19.84-4.44-24.93c.15-5.09,.72-9.35,.72-9.35l-14.33,6.48Z"/>
-      <path class="cls-25" d="M951.77,358.94s2.82,2.02,5.04,5.5,3.53,4.37,3.53,4.37c0,0-1.21-3.73-2.91-6.57-1.75-2.92-3.52-5.19-3.52-5.19l-2.14,1.89Z"/>
-      <path class="cls-26" d="M922.74,370.75s20.42-10.41,31.37-16.9c10.95-6.48,19.3-12.17,23.83-14.57,4.53-2.4,10.57-1.87,13.33,2.4,2.75,4.26,2.67,12.61,2.31,19.99-.36,7.37-1.33,17.32-1.33,17.32,0,0-.36-17.77-.62-22.03s-.89-10.3-2.22-12.35c-1.33-2.04-6.84-3.46-9.51-1.87-2.67,1.6-15.17,9.02-21.65,12.61-6.48,3.59-13.8,6.93-17.88,8.62s-9.24,3.74-11.02,4.45-6.61,2.33-6.61,2.33Z"/>
-      <path class="cls-26" d="M1018.1,349.42c2.65-.37,6.98-.6,10.3,4.5,3.32,5.1,5.28,14.6,6.16,19.86s2.37,15.99,2.37,15.99l-2.37,7.53s-4.4-25.6-5.21-32.22c-.81-6.61-2.48-11.14-5.24-12.89-2.76-1.76-6-2.76-6-2.76Z"/>
-      <path class="cls-26" d="M996.92,332.48c1.59-1.54,4.27-4.45,5.92-7.32,1.65-2.87,2.99-1.95,3.22-1.11s-.88,18.29-.88,18.29c0,0,1.76-14.32,2.37-20.48,.61-6.16,1.35-13.89,1.22-15.15s-.7,.44-1.35,1.57c-.66,1.14-1.73,5.33-2.92,8.56-1.19,3.23-2.58,7.82-3.54,9.17-.96,1.35-4.03,6.47-4.03,6.47Z"/>
-      <path class="cls-26" d="M1027.9,338.58s1.93-4.15,2.66-6.57,2.14-2.1,2.52-.72c.38,1.38,1.97,8.83,2.77,13.57s2.14,13.72,2.14,13.72c0,0-1.09-13.9-1.89-19.62s-1.77-10.9-2.62-15.11-2.6-8.12-2.6-8.12c0,0-.31,2.71-.66,6.33-.36,3.62-1.02,10.31-1.17,11.33s-1.13,5.19-1.13,5.19Z"/>
-      <path class="cls-26" d="M951.01,347.29s7.41-4.46,17.97-17.52c10.57-13.07,18.52-26.02,22.95-34.2,4.43-8.18,11.25-20.34,14.54-27.27s4.41-8.75,5.84-9.09,2.46,.34,4.16,4.43,7.38,16.47,13.97,30.34c6.59,13.86,11.48,22.61,17.95,33.52,6.48,10.91,17.97,25.11,17.97,25.11,0,0-18.39-28.74-22.8-37.44s-14.84-31.65-16.49-35.58c-1.65-3.93-9.13-21.51-10.55-24.67s-2.01-5.92-3.71-6.37c-1.7-.45-2.95,1.25-4.43,4.54s-10.9,25.16-18.52,39.51c-7.61,14.34-14.88,26.13-18.86,31.71s-9.43,11.67-11.25,13.57-8.77,9.42-8.77,9.42Z"/>
-      <path class="cls-26" d="M1053.29,355.71c3.38-.74,7.3-.09,13.07,3.7,5.78,3.79,7.39,5.34,8.49,6.09,1.1,.75,1.57-.06,.7-2.2-.87-2.15-17.96-33.64-24.88-47.56-6.92-13.93-16.3-35.54-20.38-45.3s-10.08-25.07-12.59-31.31c-2.52-6.25-.34-3.67-.34-3.67,0,0,17.87,39.8,23.8,51.6,5.93,11.8,19.75,40.34,26.59,53.1,6.85,12.76,16.28,27.8,19.15,35.87s5.86,13.74,5.86,13.74l1.99,5.59s-7.65-12.01-17.03-22.08c-9.39-10.07-15.32-13.19-18.77-15.09-3.46-1.9-5.66-2.47-5.66-2.47Z"/>
-      <path class="cls-26" d="M1008.89,542.06c-1.03,2.32,3.93,8.17,16.49,11.02,12.56,2.85,24.21,4.01,38.59,1.29,14.37-2.72,22.66-9.58,26.93-17.09,4.27-7.51,6.35-19.81,4.14-30.04-2.2-10.23-6.61-24.16-21.47-38-14.86-13.85-18.96-17.75-18.96-17.75l3.54-.94s6.98,6.02,10.45,9.14c3.47,3.12,15.53,11.15,22.53,22.9,6.99,11.75,11.8,27.13,10.9,41.65-.91,14.52-10.48,32.84-25.63,38.65-15.15,5.82-29.79,8.2-44.17,5.68-14.38-2.52-19.69-2.19-19.69-2.19,0,0-3.54-6.85-5.82-11.43-2.28-4.58-3.92-4.54-3.92-4.54l6.09-8.35Z"/>
-      <path class="cls-26" d="M1046.33,438.83s-3.19-2.63-3.64-5.56-.12-6.7,1.02-7.66,4.59-2.25,4.59-2.25c0,0-4.63,.08-6.82,3.26-2.19,3.17-2.7,7.78-.02,12.24l4.87-.03Z"/>
-      <path class="cls-26" d="M1000.66,423.57c-2.56-1.52-21.62-15.12-25.55-18.01s3.77,1.78,10.48,4.05c6.71,2.27,17.65,5.38,20.95,5.58s5.9,.78,5.9,.78c0,0-2.88,1.31-6.2,1.42s-5.59,.33-6.31,1.27c-.72,.94-1.05,1.14-.22,2.37s.96,2.54,.96,2.54Z"/>
-      <path class="cls-26" d="M918.46,497.05s-2.38,11.09-4.62,18.45c-2.24,7.36-4.88,13.29-4.88,13.29l-6.37-5.19s7.39-10.35,9.72-14.35c2.33-4,6.15-12.21,6.15-12.21Z"/>
-      <path class="cls-26" d="M902.6,522.35s9.23,5.37,23.37,11.87c14.15,6.5,27.08,10.4,27.08,10.4l15.69,11.31s-9.28-1.27-19.63-4.56c-10.35-3.29-28.71-15.1-34.6-18.21-5.89-3.11-13.24-8.75-13.24-8.75l1.33-2.05Z"/>
-      <path class="cls-26" d="M986.66,554.13c-3.42,.14-5.78-.34-5.78-.34,0,0,8.99-.79,16.56-6.23,7.57-5.44,9.6-10.88,10.64-14.35,1.5-4.97,0-10.09,0-10.09,0,0,3.64,4.92,2.23,11.93-1.41,7.01-5.54,12.43-7.91,14.32-2.37,1.89-5.05,3.07-8.12,3.71-3.07,.63-7.62,1.05-7.62,1.05Z"/>
-      <path class="cls-26" d="M986.66,554.13c2.86,.06,8.37-1,12.55,2.78,3.02,2.72,8.02,7.02,6.28,10.27-.75,1.42-3.85,1.79-9.13,1.85-7.1,.08-23.92,.86-34.49,6.33-9.03,4.67-2.66,2.27,4.45-.51,6.68-2.62,26.48-2.99,34.27-1.77,7.79,1.22,13.89,.81,15.46-1.12s-.94-6.15-5.43-10.68c-2.67-2.69-8.23-11.89-8.23-11.89,0,0-2.75,2.23-6.19,3.29s-9.55,1.46-9.55,1.46Z"/>
-      <path class="cls-26" d="M906.25,242.33s1.36-.77,1.07-3.09c-.3-2.32-3.71-1.92-5.06-1.69,0,0,4.81-.62,11.96-3.19,7.15-2.56,15.76-8.13,19.76-11.88,4-3.75,10.93-12.8,12.81-17.09,0,0-2.65,8.81-9.6,16.84-6.95,8.04-10.42,10.19-14.85,12.96-4.42,2.77-9.07,4.19-10.46,5.13s-5.64,2.01-5.64,2.01Z"/>
-      <path class="cls-26" d="M870.16,279.81c1.82-2.05,3.19-2.24,4.02-1.56s.44,2.43-1.02,4.61c-1.46,2.19-4.84,6.52-7.01,10.45,0,0,4.88-7,9.78-8.15,4.91-1.15,9.22-.07,14.01-.35s8.25-1.65,12.67-5.68,11.27-14.51,11.27-14.51c0,0-7.7,7.31-12.25,11.07s-9.39,4.66-13.35,4.48c-.87-.04-1.73-.19-2.54-.41-2.66-.7-3.48-4.08-1.47-5.95,1.37-1.27,2.86-2.59,4.01-3.44,2.82-2.07-1.02,.29-4.43,0s-5.81,.56-5.81,.56c0,0-5.28,5.27-6.18,6.21s-1.7,2.66-1.7,2.66Z"/>
-      <path class="cls-26" d="M877.53,272.07s6.21,1.72,12.93,0c6.72-1.72,11.39-6.59,13.51-9.06s3.29-6.38,3.29-6.38c0,0-3.43,.98-5.01,1.14,0,0,.87-5.54-.77-8.97,0,0,.01,4.55-1.66,7.13s-3.56,4.33-3.56,4.33l3.56,.38s-.94,2.52-2.74,3.98c-1.8,1.45-6.46,4.77-10.43,5.22-3.97,.45-7.77,.86-7.77,.86l-1.36,1.37Z"/>
-      <path class="cls-26" d="M877.73,259.37c-7.79,4.05-22.35,3.09-22.35,3.09,0,0,3.18-1.24,4.94-2.15s3.9-1.9,3.9-1.9c0,0-.59,1.21,4.35,1.28s9.56-.51,9.56-.51"/>
-      <path class="cls-26" d="M881.23,256.79c1.89-1.83,5.56-4.53,7.44-7.58,2.33-3.78,2.73-6.27,2.73-6.27-3.4,.22-5.62,.92-6.88,3.05s-.77,2.31-1.31,4.62c-.54,2.31-1.98,6.18-1.98,6.18Z"/>
-      <path class="cls-26" d="M813.45,289.02c.81,1.21,3.26,2.75,6.19,3.03s5.64-.34,6.19-3.49c0,0,1.22,2.2,0,3.94-1.22,1.74-5.02,1.63-4.85,1.63s3.9,6.54,3.9,6.54c0,0-4.25-2.27-6.88-4.91-2.64-2.64-5.11-5.91-5.11-5.91l.58-.83Z"/>
-      <path class="cls-26" d="M836.05,295.08c2.3,.33,4.82,.45,6.97-.08s6.44-3.24,7.99-5.7c1.55-2.46,2.48-10.17,2.48-10.17,0,0-.52,4.24-4.88,8.69-4.37,4.45-11.26,5.52-16.46,3.08-5.2-2.43-2.78,1.73-1.2,2.53s5.11,1.65,5.11,1.65Z"/>
-      <path class="cls-26" d="M841.12,278.4c1.56,2.67-1.48,4.36-3.99,4.57s-4.18,1.41-4.18,1.41c0,0,1.31-2.89,3.52-4.16,2.2-1.27,4.65-1.82,4.65-1.82Z"/>
-      <path class="cls-26" d="M817.99,282.79s-1.51-1.03-3.22-1.41-4.4-1.42-3.02-4.25c0,0,1.2,0,2.62,1.51,1.41,1.52,2.07,2.24,2.44,2.46s1.19,1.68,1.19,1.68Z"/>
-      <path class="cls-26" d="M853.49,279.13c-.09-2.04,1.11-4.26,4.13-5.68,3.02-1.43,7.58-3.12,10.72-3.9s5.9-.27,7.31-.12-1.04,.36-1.98,1.19-7.29,3.58-9.99,5.71c-2.7,2.13-6.41,4.35-8.3,6.12-1.89,1.77-2.82,3.22-2.82,3.22l.93-6.55Z"/>
-      <path class="cls-26" d="M855.38,262.46s4.08-3.27,6.46-6.84c2.38-3.58,6.97-8.48,14.9-11.37,7.93-2.89,14.67-1.31,14.67-1.31,0,0-9.31,1.18-14.9,4.61-5.59,3.44-9.33,6.42-10.69,8.25s-3.65,3.21-4.82,4.17c-1.17,.96-3.73,1.97-3.73,1.97l-1.88,.52Z"/>
-      <path class="cls-26" d="M767.23,329.01s12.06-15.8,20.01-29.84c7.95-14.04,14.08-25.12,17.43-31.37s4.48-7.67,6.2-8.42,3.29-.34,4.5,.95,5.19,7.01,5.19,7.01c0,0-5.65-14.19-7.18-16.98-1.53-2.78-2.58-4.04-3.97-3.76s-3.01,4.39-4.4,7.38c-1.38,2.99-11.94,27.98-16.35,34.91-4.41,6.93-13.26,26.03-14.82,28.5-1.57,2.47-6.62,11.61-6.62,11.61Z"/>
-      <path class="cls-26" d="M798.3,313.99c-2.33,3.66-5.7,7.03-5.7,7.03,0,0,4.36-3.45,6.99-3.87s3.29,1.97,3.7,5.51,.09,11.4-.4,15.79c0,0,2.46-15.21,2.95-22.04,.49-6.83,.74-14.77,.57-15.74s-1.07,2.08-2.3,4.06-5.81,9.25-5.81,9.25Z"/>
-      <path class="cls-26" d="M816.02,231.65c1.41,2.77,12.11,37.48,12.11,37.48l3.38-1.6s-10.89-27.95-12.47-31.28c-1.58-3.34-3.02-4.59-3.02-4.59Z"/>
-      <path class="cls-26" d="M1027.44,447.38s6.34,4.8,13.67,7.82c10.4,4.29,20.34,5.02,23.5,4.94s4-.45,4-.45l-11.6-8.83s-5.93,.54-13.25-.6-15.01-3.87-15.01-3.87l-1.32,.99Z"/>
-      <path class="cls-26" d="M831.39,492.52s4.98,11.9,12.81,21.55l3.19-3.43s-8.31-6.44-10.29-10.59c-1.98-4.16-5.7-7.52-5.7-7.52Z"/>
-      <path class="cls-4" d="M833.13,490.86c-2.36-5.47-7.14-27.1-5.74-50.71,1.29-21.72,7.21-33.2,14.26-49.17,7.04-15.97,19.02-35.9,25.23-48.14,8.37-16.5,11.43-28.83,12.87-39.11,1.45-10.29-1.01,1.51-1.61,3.59-.6,2.08-6.8,20.91-12.92,31.72-6.12,10.81-20.29,34.49-25.62,45.01-5.33,10.51-11.51,23.85-13.91,35.09s-4,24.01-2.86,38.14c1.13,14.14,4.21,22.4,5.27,25s5.02,8.58,5.02,8.58Z"/>
-      <path class="cls-26" d="M1066.74,415.22c-4.6-5.13-14.28-6.79-14.28-6.79,0,0-19.94,.19-1.07,1.63,8.43,.64,13.42,6.39,15.49,11.23,2.07,4.83,2.72,9.17,1.73,13.87-.99,4.7-4.34,9.91-10.94,12.17s-13.25,2.36-20.81,.56l.87,1.15s9.83,1.7,15.08,1.95c3.21,.16,4.73-.3,6.03-1.13,2.28-.28,4.58-.8,5.77-1.77,2.88-2.33,6.65-6.59,7.56-12.12s-.82-15.62-5.42-20.75Z"/>
-      <path class="cls-26" d="M980.69,313.94c6.43-8.29,14.95-22.62,19.28-29.92s7.88-12.17,12.86-12.58,6.88,2.97,9.31,7.84c2.43,4.87,12.66,24.69,19.46,36.45,0,0-14.73-30.77-19.19-41.59-4.46-10.82-7-16.63-9.58-17.04s-4.62,3.25-7.32,8.79c-2.7,5.54-8.92,20.38-12.98,26.69s-11.84,21.36-11.84,21.36Z"/>
-      <path class="cls-26" d="M868.39,484.7c1.32,3.09,6.67,9.7,9.22,12.35,1.28,1.32,1.75,.87,1.75,.87l-.97,4.71s-3.41-3.85-6.05-8.52c-2.63-4.67-3.95-9.41-3.95-9.41Z"/>
-      <path class="cls-26" d="M862.84,342.31l-13.46-29.73-1.96,.1h0s-4.95-.1-4.95-.1l6.77,19.73c-1.36-2.6-2.77-5.23-3.94-7.29-2.72-4.81-4.14-8.04-4.57-7.15s.18,4.81,0,8.17c-.18,3.36-.3,15.32-.81,18.3-.51,2.98-1.94,12.86-1.94,12.86,2.14-2.09,4.63-3.33,7.34-3.48,3.16-.17,4.76,.87,6.42,1.85,0,0,.54,.87,.6,.95s1.44,2.27,1.44,2.27l5.6-9.8c.03,.08,.06,.16,.08,.25l1.3-2.67v-.02s.01,0,.01,0l2.06-4.22Z"/>
-      <path class="cls-25" d="M931.5,273.44c-.58-2.44-1.42-5.38-1.69-7.24-.27-1.87,1.51-2.51,3.42-1.92s9.25,3.67,14.55,7.21c0,0-7.09-2.65-9.74-3s-4.41-.33-5.08,.04-1.21,.87-1.08,2.21c.12,1.33-.38,2.71-.38,2.71Z"/>
-      <path class="cls-25" d="M952.58,309.47c-3.1-4.07-7.48-7.2-9.71-8.28-2.23-1.08-4.18-.63-4.63,1.15-.45,1.78-.21,5.01-.1,7.83,0,0,.67-3.52,1.8-4.59,1.13-1.07,2.4-1.78,4.16-1.1s8.48,5,8.48,5Z"/>
-      <path class="cls-25" d="M937.41,350.1c.19-1.77,.07-4.18,1.86-6.28,2.09-2.45,6.03-1.27,6.03-1.27l-7.9,7.55Z"/>
-      <path class="cls-25" d="M929.29,370.38s7.15-1.38,8.49-1.73,1.45-4.21,1.45-4.21l-9.88,3.98-.06,1.96Z"/>
-      <path class="cls-25" d="M931.99,368.99c-.3,2.82-.97,10.26,.19,20.3,1.16,10.04,3.54,19.87,10.31,30.29,0,0-8.27-11.41-10.83-19.55-2.56-8.14-3.4-20.56-3.09-24.17s.72-6.19,.72-6.19l2.7-.68Z"/>
-      <path class="cls-25" d="M1004.79,472.57c1.02-1.25,5.47-2.6,12.24,.35,0,0-3.8-.23-4.84-.07s-1.81,.86-1.16,2.24c.65,1.37,1.36,3.71,1.36,3.71l-7.6-6.23Z"/>
-      <path class="cls-25" d="M984.81,438.54c-6.31-4.86-14.24-5.96-16.72-6.18-2.85-.24-4.92,.6-4.43,3.11,.43,2.18,3.42,5.61,14.74,14.37,0,0-10.81-10.44-10.59-12.01s.54-2.58,2.34-2.75,5.84,.83,9.28,1.82,5.39,1.63,5.39,1.63Z"/>
-      <path class="cls-25" d="M853.82,341.24c2.29,4.59,4.73,9.48,4.73,9.48l-3.58,5.34s-3.18-9.8-6.17-18.3c-2.99-8.5-6.87-16.93-6.87-16.93l1.45,.72s8.13,15.1,10.42,19.7Z"/>
-      <path class="cls-25" d="M932.43,355.06c.96-6.86,1.83-27.93,1.43-43.49,0,0-.13,18.21-1.82,30.69-1.68,12.48-2.62,16.31-2.62,16.31l3-3.51Z"/>
-      <path class="cls-25" d="M958.25,357.66l-1.28-1.95-5.52,3.19,1.44,1.72s2.52-1.22,5.1-2.96"/>
-      <path class="cls-26" d="M913.58,505.74c1.67-2.04,4.88-8.69,4.88-8.69,0,0-12.92,18.07-22.83,29.64-9.48,11.08-18.57,20.57-18.57,20.57h0s0,0,0,0c0,0,2.37-.67,6-2.32,4.71-2.14,7.57-4.77,7.57-4.77,0,0-.09,.19-.27,.52l-2.84,1.83s-6.59,10.3-13.68,18.69c-3.65,3.79-6.86,7.14-6.86,7.14,0,0,15.26-11.35,20.44-16.7,5.18-5.35,9.58-11.71,10.82-13.11,1.24-1.4,2.68-4.01,2.68-4.01,0,0-5.14,2.96-8.84,4.89-1.25,.65-2.45,.99-3.51,1.16,2.54-2.91,5.66-8.49,12.04-15.71,7.36-8.34,11.3-17.1,12.97-19.14Z"/>
-      <path class="cls-26" d="M866.98,568.36c-3.21,2.77-6.57,4.32-6.57,4.32l-.36,3.5s2.12-2.57,6.06-3.39c3.94-.82,8.46-1.32,11.74-1.46,3.28-.14,4.59-.71,4.16-2.45-.42-1.73-1.32-3.29-3.41-4.37s-3.99-1.32-3.99-1.32l-7.65,5.18Z"/>
-      <path class="cls-26" d="M832.02,582.83s3.39-.64,5.25-3.06c1.85-2.42,3.01-7.26,6.56-9.05,3.55-1.79,11.53-2.58,11.53-2.58,0,0-4.89,1.62-6.38,3.42-1.49,1.79-3.22,2.39-4.53,3.41s-2.26,3.66-3.31,5.43c-1.04,1.77-1.71,3.42-3.87,3.72-2.15,.3-4.63-.14-4.63-.14l-.62-1.14Z"/>
-      <path class="cls-26" d="M849.87,585.28s3.33-2.67,5.37-5.12c2.33-2.79,5.37-8.05,5.37-8.05,0,0-1.65,7.14-2.91,9.11-1.26,1.97-3.28,3.31-4.71,4.05s-3.12,0-3.12,0Z"/>
-      <path class="cls-26" d="M819.67,577.71s3.51-11.22,16.27-12.79c0,0-3.96,1.77-5.53,4.66s-2.53,8.13-2.53,8.13c0,0-1.79,2.31-4.3,1.66s-3.91-1.66-3.91-1.66"/>
-      <path class="cls-26" d="M840.78,506.89s-3.3,10.27-11.11,23.69c-8.65,14.87-19.72,25.52-26.51,31.01,0,0,15.65-8.05,26.51-16.75,8.82-7.06,16-15.4,17.05-16.87s1.3-2.73,1.3-2.73c0,0-6.13,4.97-10.14,6.02-4.01,1.05-5.1,.73-4.78,.2s1.44-1.4,2.75-2.75,8.81-11.06,10.5-12.94c1.69-1.87,2.35-4.21,2.14-4.21s-7.7-4.67-7.7-4.67Z"/>
-      <path class="cls-26" d="M761.12,569.81s6.77,.8,11.23-1.43,10.57-6.33,10.57-6.33c0,0-5.01,9.36-11.85,10.6-4.16,.76-6.95,1.59-7.72,1.17s-1.11-1.36-1.11-1.36"/>
-      <path class="cls-26" d="M896.53,569.88s.38-4.11,1.97-5.71,2.07-3,3.16-5.13c1.1-2.13,3.89-5.53,8.84-6.29,4.95-.76,25.57,2.57,25.57,2.57,0,0-9.15-2.55-12.33-5.01-3.17-2.45-4.05-4.04-4.05-4.04,0,0,14.79,4.89,26.38,6.18,11.59,1.29,16.52,2.92,16.52,2.92,0,0,3.84,.92-3.08,.85s-22.21-.82-25.57,1.17-6.24,4.43-7.2,6.29c-.96,1.86-4.6,5.17-7.41,5.7s-9.86-.14-9.86-.14c0,0-5.14,4.94-5.14,4.59s1.65-6.92,1.65-6.92l-4.71-.48-4.74,3.44Z"/>
-      <path class="cls-26" d="M933.03,577.2c.08-.66,1.76-5.93,7-9.65,5.24-3.72,9.24-5.23,13.83-5.57,4.6-.35-3.97,.87-6.18,2.85s-4.61,3.84-6.59,6.91-3.52,6.26-3.52,6.26l-4.55-.79Z"/>
-      <path class="cls-26" d="M926.53,571.35s4.41-7.93,13.06-11.44c0,0-4.59,3.43-5.9,5.89-1.32,2.46-4.38,7.86-4.38,7.86,0,0-2.68-1.32-2.78-1.48s0-.84,0-.84Z"/>
-      <path class="cls-26" d="M807.71,558.67s4.55,.92,5.06,2.92-2.88,1.58-10.1,2.16c-5.01,.4-16.25,3.16-21.69,1.32l-3.08,3.3s3.03,.56,13.39-1.15l10.36-1.71s11.22,.79,14.2,1.11c2.98,.31,4.97-.41,4.97-.41l3.31-3.45s.11-1.15-5.21-3.66c-5.32-2.51-6.57-1.93-6.57-1.93l-4.64,1.5Z"/>
-      <path class="cls-26" d="M941.23,576.32c1.8-1.88,4.56-3.01,4.56-3.01,0,0,5.49,5.31,16.09,2.04,10.59-3.26-2.14,2.2-6.21,3.85-4.07,1.65-5.73,1.65-8.38,.94s-6.05-3.83-6.05-3.83Z"/>
-      <path class="cls-4" d="M864.06,258.51s2.65,1.3,7.96,1.17,8.09-1.69,9.37-3.78,1.91-3.32,1.89-6.81c-.03-3.5-.34-3.64-.34-3.64,0,0-4.52,.54-8.84,4.18s-10.05,8.88-10.05,8.88Z"/>
-      <path class="cls-24" d="M836.3,296.37c-1.54,1.32-3.69,2.78-3.01,4.44,.68,1.65,1.01,2.03,4.13,2.37s6.5,.39,6.5,.39l-7.62-7.2Z"/>
-      <path class="cls-24" d="M846.28,303.11l-2.36-7.31s2.85-.97,5.1-3.79c2.25-2.81,3.64-6.6,3.9-7.2s2.29-1.91,2.29-1.91c0,0,3.37-4.2,10.03-7.35,6.66-3.15,10.97-5.17,10.97-5.17l3.11,.25s-3.34,1.89-6.34,5.3-7.91,7.69-8.85,9.71-4.42,6.37-6.71,10.05c-2.29,3.67-2.92,5.74-4.46,5.7s-2.74-.94-3.72-1.84-1.83-1.87-1.83-1.87c0,0-.26,.82,0,2.47,.26,1.65,.71,2.25,.79,2.77s-.19,.62-.71,.79-1.2-.6-1.2-.6Z"/>
-      <path class="cls-25" d="M862.71,277.99c1.78-1.05,5.24-2.57,7.35-3.15,2.96-.82,3.39,.57,3.39,.57l5.44-4.7-4.47-.32-11.71,7.61Z"/>
-      <path class="cls-1" d="M826.03,274.29c.95,.28,1.74,.28,1.74,.28,0,0-.79-1.11,.84-2.06,1.63-.95,11.34-6.38,14.45-8.02,3.11-1.63,5.17-2.75,5.17-2.75,0,0-3.47-1.17-5.2-2.93s-1.1-4.52-.44-6.13c.66-1.61,2.42-3.88,2.42-3.88v-2.71s-1.12-.15-3.58,3.03c-2.45,3.18-4.89,5.58-4.08,8.07s3.02,4.4,3.7,4.73-2.24,1.8-3.92,2.9c-1.68,1.1-8.35,4.61-11.1,6.12s-2.68,1.44-2.2,2.06,2.2,1.28,2.2,1.28Z"/>
-      <path class="cls-1" d="M844.04,253.33c-.63,2.01-.27,4.39-.27,4.39,0,0,2.66-5.41,7.45-11.92s14.6-16.05,14.6-16.05c0,0-2.1,.31-5.66,3.31-3.56,3.01-7.22,5.96-10.74,10.4s-4.2,5.82-4.62,7.13-.75,2.75-.75,2.75Z"/>
-      <path class="cls-1" d="M848.23,253.33c-.96,1.75-1.34,3.72-1.34,3.72,0,0,6.15-6.99,12.76-11.96,6.62-4.96,14.68-8.48,23.02-9.86s10.12-1.04,10.12-1.04l1.12-3.1s-5.72,.44-13.37,1.22-13.3,3.74-19.03,7.6c-5.72,3.86-7.24,5.45-8.96,7.51s-4.32,5.89-4.32,5.89Z"/>
-      <path class="cls-1" d="M879.18,231.63s3.96-4.3,7.92-6.4,8.51-4.38,15.67-9.69c7.16-5.31,15.87-14.56,19.84-22.89,0,0-4.59,5.03-7.37,7.98s-12.66,11.99-23.08,16.26c-10.42,4.27-13.94,6.13-14.62,8.09-.69,1.95-4.14,8.37-4.14,8.37l5.79-1.71Z"/>
-      <path class="cls-1" d="M891.41,236.1s5.88-6.16,12.28-8.43c6.4-2.27,16.09-5.05,25.02-10.7,8.93-5.64,15.5-12.63,18.28-16.42,2.78-3.79,5.13-8.77,5.13-8.77,0,0-8.67,9.87-15.07,15.01-6.4,5.14-16.95,9.94-23.85,12.3-6.9,2.36-9.88,1.26-12.89,3.2-3.02,1.94-3.94,3.79-4.62,5.14-.67,1.35-4.28,8.68-4.28,8.68Z"/>
-      <path class="cls-1" d="M874.93,263.27s7.32-1.43,13.55-5.55c6.23-4.12,8.25-7.24,10.35-10.6s2.69-5.58,2.69-5.58c0,0,.26,4.35-.04,7.28s-2.66,8.48-4.09,9.83c-1.43,1.35-7,2.36-7,2.36l7.54,.15s-3.82,2.18-10.04,2.95-12.96-.83-12.96-.83Z"/>
-      <path class="cls-1" d="M813.64,289.3c-1.28-2.18-2.75-6.83-2.06-11.05s5.31-4.11,7.73-3.93,8.46,.25,8.46,.25c0,0-4.42-2.33-7.48-3.08s-6.95-.49-9.47,2.25c-2.52,2.74-2.08,4.81-1.56,7.37,.52,2.56,4.37,8.19,4.37,8.19Z"/>
-      <path class="cls-1" d="M827.23,279.78s1.17-2.34,4.9-5.1c2.87-2.12,6.4-3.38,9.92-3.01s4.82,1.9,5.44,2.9,.08,3.77,.08,3.77c0,0-.41-4.12-6.52-3.77-3.93,.23-7.3,1.77-10.21,3.28-2.28,1.18-3.61,1.93-3.61,1.93Z"/>
-      <path class="cls-1" d="M841.31,292.88c-2.09,.03-7.5-.7-10.74-2.85-3.24-2.14-5.44-5.44-5.44-5.44,0,0,.05,2.34,.7,3.96,0,0,.71,3,3.77,4.32s4.77,1.61,6.88,1.75,4.83-1.75,4.83-1.75Z"/>
-      <path class="cls-1" d="M751.55,350.96s10.23-14.63,23.21-39.19c12.98-24.56,22.63-46.09,26.68-55.63,1.72-4.04,3.32-7.8,4.67-11.02,1.85-4.39,3.23-7.76,3.83-9.42,1.04-2.89,2.35-6.36,2.35-6.36,0,0-2.38,.85-4.66,5.05s-13.03,28.73-17.41,37.55c-4.37,8.82-15.86,32.83-19.2,39.5s-10.45,20.13-12.67,24.61c-2.22,4.47-6.81,12.9-6.81,12.9v2.01Z"/>
-      <path class="cls-1" d="M806.12,245.12c1.1-2.62,2.75-3.96,5.23-3.58s3.95,2.47,4.99,4.84,2.71,6.95,2.71,6.95c0,0-2.15-9.19-3.26-13.23-1.42-5.19-1.96-7.32-3.49-10.76-.9-2.03-3.19,4.68-4.43,7.49s-2.85,8.65-2.85,8.65l1.1-.36Z"/>
-      <path class="cls-1" d="M802.4,342.85c-.88,4.27-1.5,7.4-1.5,7.4,0,0,3.76-8.67,5.95-19.32,2.19-10.65,2.04-20.46,2.01-27.2-.03-6.74-1.38-13.59-1.38-13.59,0,0,.04,2.36-.02,3.27s-.26,4.23-.47,6.13c-.21,1.91-1.07,18.57-1.81,23.4-.74,4.84-1.34,11.62-1.54,12.83-.2,1.21-1.24,7.07-1.24,7.07Z"/>
-      <path class="cls-1" d="M837.99,357.2s-.98-12.63-.54-21.76c.54-11.44,2.15-17.61,2.15-17.61,.6,4.36,1.41,11.14,1.07,17.19-.34,6.05-.59,10.58-1.02,12.95-.42,2.37-1.65,9.22-1.65,9.22Z"/>
-      <path class="cls-1" d="M936.97,352.6c6.18-5.24,13.25-12.55,25.55-29.5,12.31-16.94,21.69-33.88,28.64-46.68,6.95-12.8,12.55-25.96,15.36-31.08,2.8-5.12,4.66-5.09,6.07-5.09s2.63,1.21,3.26,2.36c0,0-1.16-4.52-2.63-6.93-1.47-2.42-3.23-3.76-5-2.82s-2.3-.77-4.76,5.62-7.83,21.19-17.37,39.7-17.02,29.49-21.55,36.97c-4.53,7.49-12.18,17.77-15.2,22.08-3.02,4.31-12.36,15.36-12.36,15.36Z"/>
-      <path class="cls-1" d="M1010.98,283.32s.56,6.8,1.19,17.91c.62,11.1-.87,22.21-1.75,28.32-.87,6.11-5.93,19.48-5.93,19.48,0,0,2.06-15.04,3.03-22.48,.97-7.44,1.64-19.72,1.86-23.51,.22-3.79,1.6-19.71,1.6-19.71Z"/>
-      <path class="cls-1" d="M1029.34,307.85s4.31,7.88,7.1,15.49c2.79,7.61,3.47,18.59,3.3,24.09s-1.54,13.46-1.54,13.46c0,0-1.25-19.04-2.26-25.88s-2.37-12.51-3.72-16.65-2.87-10.5-2.87-10.5Z"/>
-      <path class="cls-1" d="M1070.95,358.18s-20.46-35.82-28.31-52.64-16.22-35.59-19.89-43.75c-3.67-8.16-6.69-15.04-9.92-15.22,0,0,2.17,5.02,5.64,12.57,3.47,7.55,11.96,29.65,20.7,47.32,8.74,17.68,16.07,30.12,19.66,35.41,3.59,5.29,12.12,16.32,12.12,16.32Z"/>
-      <path class="cls-1" d="M831.82,490.35s-5.3,21.36-15.85,37.62c-14.24,21.93-29.16,30.02-29.16,30.02,0,0,12.98-13.61,20.24-24.55,7.26-10.94,11.47-21.69,15.07-31.73,3.61-10.04,4.53-22.03,4.53-22.03l5.17,10.68Z"/>
-      <path class="cls-1" d="M969.02,402.22c4.8,4.76,16.19,15,25.96,22.14s20.73,15.67,41.87,23.53c0,0-12.2-4.19-18.85-6.69-6.65-2.5-19.76-11.55-25.86-15.76-6.1-4.21-14.83-12.75-18.07-16.02-3.24-3.27-6.54-7.16-6.58-8.55-.03-1.38,1.52,1.35,1.52,1.35Z"/>
-      <path class="cls-26" d="M1022.84,433.47s-1.23-7.11,.7-13.33c1.93-6.23,5.37-10.66,7.03-11.88,1.66-1.21,3.84-3.36,3.84-3.36,0,0-1.87,2.41-.98,4.17,.89,1.76,1.49,2.5,3.41,1.28s4.77-1.5,9.5-2.33,5.11,.12,7.72,.29,6.57,1.82,10.54,6.04c0,0-2.99-2.94-9.56-3.98-6.57-1.04-17.26,.3-24.09,6.63-8.12,7.52-5.53,17.06-5.53,17.06-1.49,0-2.58-.59-2.58-.59Z"/>
-      <path class="cls-26" d="M1030.49,447.13s4.81,7.87,13.28,15.87c8.46,8,24.34,19.18,29.41,32.31,5.07,13.13,2.65,21.72,2.65,23.87s-2.95,6.49-4.5,8.68-6.03,4.02-7.39,4.42c-1.37,.4-6.05,1.63-8.65,1.3s-8.95-3.91-14.42-8.19c0,0,7.72,5.69,11.57,5.61s6.3-.77,8.05-4.41c1.75-3.63,2.96-11.19,3.28-12.15s.8,1.21,1.29,2.97c.48,1.77,1.13,5.63,2.73,6.27s3.62,.72,4.42-1.29c.8-2.01,1.04-11.98-.24-16.08-1.29-4.1-2.97-10.69-6.59-14.23-3.62-3.54-7.72-6.25-11.88-7.68s-7.39-3.8-8.99-5.11c-1.59-1.31-5.4-5.25-5.4-5.25,0,0,3.84,2,6.73,2.29s5.47-.32,4.18-2.73-5.35-5.46-10.84-10.61c-5.49-5.15-9.14-11.36-9.98-12.62-.84-1.26-2.81-4.91-2.81-4.91l4.1,1.66Z"/>
-      <path class="cls-1" d="M911.95,398.28c-.81,.98-2.32,3.79-3.49,7.15s-1.09,5.4-.33,6.02,2.63,1.2,4.49,.29,2.85-2.45,2.85-2.45c0,0,.2,4.34-.52,8.85-.72,4.5-1.59,10.59-1.63,13.76-.03,3.01,1.53,1.75,2.61,.85,1.48-1.25,3.75-1.88,6.11-.79,0,0-2.81,.2-3.87,1.36s-2.66,1.84-3.25,4.34c-.59,2.5-1.82,7.7-1.77,8.06s-1.37,.82-1.62-1.41c-.26-2.24-.57-14.77-.25-18.93,.32-4.16,.81-7.62,0-8.76s-1.95-2.11-3.41-1.41-4.56,2.91-5.14,4.65c-.58,1.74-1.41,2.97-1.41,2.97,0,0,.49-4.43,.97-6.54,.49-2.11,1.78-6.7,3.57-9.89,1.78-3.19,3.57-5.84,4.16-6.38s1.92-1.72,1.92-1.72Z"/>
-      <path class="cls-1" d="M945.83,451.84s1.83,3.28,3.32,4.29,2.39,1.43,4.08,1.68-.38,.61-1.09,.87-2.29,1.63-2.29,1.63l-.57,1.98s-1.32-1.72-1.76-3.08c-.44-1.37-1.38-4.38-1.38-4.38l-.31-2.99Z"/>
-      <path class="cls-1" d="M955.68,459.26c2.03,1.53,6.3,7.81,9.14,12.2,2.85,4.39,6.04,11.04,6.82,14.35,.78,3.32-.24,7.24-.24,7.24,0,0-4.63-13.23-8.54-20.17-3.91-6.94-7.19-12.28-7.19-12.28v-1.35Z"/>
-      <path class="cls-18" d="M914.78,239.71s11.52,3.87,13.61,4.79,3.12,1.73,3.12,1.73c0,0-5.52-4.16-8.91-6s-6.39-2.39-6.39-2.39l-1.43,1.87Z"/>
-      <path class="cls-1" d="M916.99,296.37c-1.23,13.87-4.68,35.7-14.15,54.58-8.14,16.22-12.42,26.51-16.07,35.39,0,0,10.91-19.2,16.07-28.16,5.16-8.97,10.45-21.96,12.16-31.17,2.89-15.64,1.99-30.64,1.99-30.64Z"/>
-      <path class="cls-1" d="M1046.29,439.71c4.29,.38,8.21,.82,11.37-1.39,2.79-1.95,3.17-5.7,2.21-9.14-1.39-4.96-6.32-6.68-11.6-5.81l.85,.78s3.1-.54,5.82,1.46c2.71,2,3,4.34,2.94,6.21s-1.03,4.95-3.5,5.8-8.09,2.09-8.09,2.09Z"/>
-      <path class="cls-1" d="M1034.41,404.9s-8.39,9.52-9.48,21.58c-.46,5.14,.49,7.57,.49,7.57l-2.58-.59s-2.62-8.24,1.16-15.63c3.78-7.39,10.4-12.94,10.4-12.94Z"/>
-      <path class="cls-1" d="M886.32,484c.35-8.14,2.29-15.12,4.04-20.32s6.72-11.84,6.72-11.84c0,0-3.13,9.37-3.74,13.08-.64,3.95-1.54,9.52-1.54,9.52,0,0,3.13-6.12,4.82-8.77,1.81-2.84,3.75-5.31,3.75-5.31,0,0-1.7,9.53-3.46,18.11s-5.46,16.18-6.75,18.58c0,0,1.66-7.06,1.84-11.22,.19-4.16,.33-6.37-.75-7.25-.94-.76-2.08-.42-2.9,1.04-.48,.86-2.02,4.38-2.02,4.38Z"/>
-      <path class="cls-9" d="M881.38,288.9s5.72,1.04,11.5,1.42,9.49-2.07,11.69-5.09,6.85-13.89,6.85-13.89l-.94-1.28s-7.48,8.75-10.31,11.27-5.06,3.55-10.23,3.48-8.87-.44-8.87-.44l.31,4.52Z"/>
-      <path class="cls-9" d="M867.99,505.59c3.45-.79,6.36-1.75,6.01-3.89-.36-2.13-4.42-6.63-7.63-13.04s-6.62-14.67-8.7-29.12,.73-31.08,3.78-42.29c3.04-11.21,8.82-26.85,15.06-38.27,6.24-11.42,11.93-20.91,17.79-33.03,5.86-12.13,8.32-23.72,10.4-32.37,2.08-8.64,3.77-24.01,3.62-30.31-.15-6.3,0-8.96,0-8.96l3.09-2.99s-.49,33.08-5.59,51.03c-5.1,17.96-18.33,41.89-26.65,59.18-8.31,17.29-16.84,33.65-18.08,56.63-1.24,22.98,3.02,39.84,6.93,47.29,3.92,7.45,12.13,17.81,12.13,17.81l-7.27,6.18-4.9-3.88Z"/>
-      <path class="cls-9" d="M880.52,297.79c2.61-1.88,5.49-2.3,9.25-1.2s13.65,7.41,15.06,8.21,1.53,.09,1.7-1.06c.17-1.14,.97-.66,.97-.66l-1.56,5.88s-5.85-3.63-9.71-5.93c-3.85-2.3-7.62-3.61-10.71-3.91s-4.69,.85-5.01,1.47-1.47,1.88-1.47,1.88l1.47-4.68Z"/>
-      <path class="cls-9" d="M874.21,320.84c1.58-1.82,4.66-2.37,7.8-.62s8.39,4.45,11.55,6.47c3.16,2.02,4.12,2.44,5.26,2.92s1.68,.36,2.1-1.1,1.58-1.03,1.58-1.03c0,0-1.3,6.22-2.65,6.05s-4.83-2.44-6.95-3.82-8.06-5.04-11.14-6.2-3.71-1.59-5.41-.9-3.78,2.06-3.78,2.06l1.87-4.34-.24,.51Z"/>
-      <path class="cls-9" d="M858.45,352.05c.18-.17,.41-.33,.67-.48,1.99-1.1,6.07-1.33,9.78,.48,4.21,2.05,10.28,5.6,12.72,7.02s4.51,2.65,5.64,.55,1.37,1.58,1.37,1.89-2.22,3.58-2.22,3.58c0,0-9.44-5.26-14.57-7.89-5.13-2.63-7.34-3.8-10.49-3.65s-5.21,2.13-5.21,2.13l2.29-3.63Z"/>
-      <path class="cls-9" d="M839.95,383.43c1.84-.92,5.22-2.11,11.78,1.03,6.56,3.14,11.29,5.75,13.73,7.24s4,2.24,4.79,.4,2.93-.95,2.93-.95l-3.15,5.91s-8.04-3.94-10.56-5.83-12.69-5.99-15.21-6.07-6.42,1.19-6.42,1.19l2.12-2.91Z"/>
-      <path class="cls-9" d="M824.79,428.13c1.86-1.06,5.53-2.05,11.93-.43s12.74,2.98,16.22,4.04,5.19,1.29,5.63-1.22c.44-2.51,1.51-.84,1.39,.75-.12,1.59,.16,5.25-1.39,5.2s-13.15-3.58-18.56-4.81-8.2-1.84-11.43-1.41-5.25,2-5.25,2l1.46-4.11Z"/>
-      <path class="cls-9" d="M826.78,475.08c1.91-1.85,4.99-2.85,11.62-2.78s13.8,.4,17.41,.6c3.62,.2,4.47-.14,4.06-1.89-.41-1.74,.83-2.07,1.23-.39,.4,1.67,2.62,5.79,1.05,5.71s-12.1-.21-17.72-.55c-5.63-.33-10.02-.21-12.61,.86s-4.49,2.62-4.49,2.62l-.54-4.18Z"/>
-      <path class="cls-1" d="M1059.35,416.66c-2.33-2.33-6.03-4-11.39-3.64-3.65,.25-12.22,2.55-16.65,10,0,0,2.78-2.67,6.33-4.67,3.55-1.99,7.69-3.14,11.76-3.48,5.86-.48,9.94,1.77,9.94,1.77Z"/>
-      <path class="cls-26" d="M1038.25,529.25s7.16,5.8,17.19,5.8c9.33,0-1.09-4.49-1.09-4.49,0,0-3.35,1.91-9.32-2.44-5.98-4.35-7.63-6.36-7.63-6.36,0,0-.16,1.21,0,2.18s.85,5.32,.85,5.32Z"/>
-      <path class="cls-26" d="M1055.44,535.05c6.34,.12,18.84-1.11,21.49-15.6,2.65-14.48-2.84-.95-2.84-.95,0,0,.06,9.19-7.54,11.98-7.6,2.79-12.33,2.22-12.33,2.22l1.23,2.34Z"/>
-      <path class="cls-1" d="M890.53,419.51s-1.45,2.3-3.1,5.64c-1.45,2.95-3.45,8.65-4.75,13.19-1.3,4.54-2.97,14.61-2.97,14.61-.1-3.77,.28-11.8,.85-16.12,.33-2.51,.93-4.97,1.53-7.04,.37-1.26-1.25-2.11-2.09-1.1-.23,.28-.46,.55-.66,.8-1.36,1.67-3.2,4.71-3.2,4.71,0,0,.37-2.84,1.13-5.89,.76-3.05,3.32-9.03,6.77-13.47,0,0-1.82,5.12-2.24,7.31-.42,2.19-.08,3.12,.72,3.46s1.73-.45,3.09-1.78c2.03-1.98,4.9-4.32,4.9-4.32Z"/>
-      <path class="cls-1" d="M853.65,301.03c-1.96,.61-1.62,.4-3.02-.39-1.4-.79-3.23-2.97-3.23-2.97,0,0,.07,.42,.22,1.03-1.4-1.95,.55,4.7,.59,4.86,.04,.16-1.94,.17-1.94,.17l.45,1.59-2.8-1.77s-7.17,.14-8.92-.83c-1.75-.97-4.87-3.94-5.73-4.72-.86-.78-2.03-1.65-2.03-1.65,0,0,.62,2.59,1.17,4.31,.55,1.72,1.83,2.89,1.83,2.89,1.07,1.61,4.02,2.84,7.75,2.84s10.4-.36,12.02-.63c1.29-.17,2.13-.59,3.21-1.58,1.08-.99,3.97-5.63,5.98-8.68,0,0-3.59,4.91-5.55,5.52Z"/>
-      <path class="cls-25" d="M880.98,287.06s3.58,.27,6.42,.42,7.56,.61,14.14-5.97c0,0-5.1,2.96-9.15,3.24s-11.87-.37-11.87-.37l.45,2.68Z"/>
-      <path class="cls-25" d="M853.49,281.73s5.48-3.53,10.84-6.69c5.36-3.15,.84,1.17-1.39,2.13s-6.72,4.52-7.55,5.29-2.56,2.76-2.56,2.76l.66-3.49Z"/>
-      <path class="cls-25" d="M1066.01,522.09c.72,1.92,1.77,3.64,3.01,4.48,1.24,.83,2.55,.53,3.44-.6,1.12-1.43,2.02-3.64,1.9-7.46-.09-2.97-.76-7.57-1.4-10.92,0,0,.24,4.91,.14,7.23-.1,2.32-.68,7.38-1.51,8.23-.83,.85-1.78,1.59-2.71,1.25s-2.88-2.2-2.88-2.2Z"/>
-      <path class="cls-25" d="M1006.37,261.32c1.41-3.04,3.61-5.81,5.94-6.16s3.96,1.41,6.51,7.44c0,0-1.65-6.24-3.22-9.76-1.57-3.52-2-3.91-3.82-3.31s-3.87,5.5-3.87,5.5c-1.19,3.3-1.54,6.29-1.54,6.29Z"/>
-      <path class="cls-25" d="M805.98,254.83c.36-.73,2.1-4.49,4.26-4.63,1.79-.12,3.31,3.09,3.83,4.22,.53,1.14-1.27-4.66-2.03-6.25-.76-1.59-1.02-2.99-2.86-1.48-1.84,1.52-3.19,8.14-3.19,8.14Z"/>
-      <path class="cls-25" d="M1044.37,476.77c3.33,1.14,6.81,2.07,8.09,.51,1.28-1.56-2.5-5.5-6.31-8.45,0,0,3.39,3.59,3.86,4.76s.5,2.53-.69,2.69-4.96,.49-4.96,.49Z"/>
-      <path class="cls-25" d="M935.55,549.81c1.75,.32,2.73,.47,3.14-.03,.5-.62,.24-1.61-2.49-3.03-2.73-1.42,1.47-.83,6.83,1.68s10.85,4.85,10.85,4.85c0,0-1.49,.95-6.7,0-5.21-.95-12.3-2.96-12.3-2.96l.67-.51Z"/>
-      <path class="cls-25" d="M1000.66,423.57c-2.27-1.29-4.88-3.3-4.36-5.47,.48-1.99,5.66-1.44,7.83-1.51,0,0-3.06,.73-4.19,1.8s-.96,1.29-.53,2.51c.42,1.22,1.25,2.67,1.25,2.67Z"/>
-      <path class="cls-25" d="M921.37,246.96c-.46-.84-1.36-2.45-.75-3.38,.61-.93,2.93-.45,4.34-.13,0,0-1.91,.1-2.56,.55s-.61,.78-.55,1.52-.47,1.43-.47,1.43Z"/>
-      <path class="cls-25" d="M1004.41,553.04s2.56-5.38,4.19-10.18l-6.2,6.52,2.01,3.66Z"/>
-      <path class="cls-1" d="M960.97,549.19c-4.46-3.23-12.33-12.24-12.77-21.04-.44-8.8,2.02-15.85,10.97-20.51,7.66-3.99,21.94-4.28,32.38,.46,0,0-11.12-7.59-25.04-6.18s-21.83,6.25-24.21,13.38c-2.38,7.13-1.21,15.47,3.49,21.16,4.7,5.69,15.18,12.73,15.18,12.73Z"/>
-      <path class="cls-1" d="M773.12,557.5c1.74-1.88,3.71-1.39,5.19-1.12s-3.26-1.57-6.04-.94-5.46,.96-7.62,5.54c-2.16,4.58-3.86,5.04-5.12,10.27-1.25,5.23-.95,8.35-.95,8.35,0,0,4.82-11.62,14.53-22.09Z"/>
-      <path class="cls-1" d="M749.92,572.44s1.04-4.34,4.47-8.35c3.43-4.01,6.42-7.58,9.18-9.39,2.77-1.81,5.34-2.11,7.67-1.99,2.33,.11,7.68,1.99,7.68,1.99,0,0-5.73-1.34-9.06-.63-3.33,.71-6.3,3.86-8.46,7.23-2.16,3.38-5.37,5.37-6.9,6.59s-4.58,4.55-4.58,4.55Z"/>
-      <path class="cls-1" d="M881.26,488.11s.36,19.74-5.82,39.23c-6.18,19.49-13.15,28.03-15.79,30.48-3.94,3.67-8.37,4.39-14.43,4.54,0,0,7.34-3.27,9.49-6.52,2.15-3.25,11.64-18.14,13.68-24.11,2.04-5.97,8.14-22.82,8.87-25.83s4-17.79,4-17.79Z"/>
-      <path class="cls-1" d="M852.53,569.59c-1.62,1.07-3.89,4.81-4.03,9.05-.14,4.25,.69,8.7,1.68,11.3,0,0-2.59-1.47-4.04-5.95s-.51-7.17,1.04-9.79c1.55-2.62,5.34-4.62,5.34-4.62Z"/>
-      <path class="cls-1" d="M830.11,588.13s-1.82-2.77-1.63-8.36,.74-9.14,2.99-11.63c2.26-2.49,7.27-3.13,10.01-3.26s8.39-.18,8.39-.18c0,0-8.99,1.67-13.13,5.3-5.78,5.07-6.63,18.13-6.63,18.13Z"/>
-      <path class="cls-1" d="M817.34,582.31s.43-1.17,2.33-4.59c1.9-3.42,4.32-8.85,8.54-11.91,4.22-3.06,7.08-3.46,9.28-3.36s-.48-1.46-4.54-1.22-7.7,.1-9.86,1.89c-2.16,1.79-3.36,3.35-4.61,7.1-1.24,3.75-1.88,7.54-1.72,9.55s.57,2.54,.57,2.54Z"/>
-      <path class="cls-1" d="M938.56,579.76s.69-6.64,4.5-10.79,8.89-5.37,12.96-6.18,14.25-.6,14.25-.6c0,0-12.35,1.28-17.98,4.54-5.63,3.26-9.5,7.15-11.06,9.6s-2.67,3.44-2.67,3.44Z"/>
-      <path class="cls-1" d="M929.31,579.76s-.22-4.91,1.97-9.53c2.2-4.62,6.24-8.16,9.56-9.42,3.32-1.26,5.97-.65,5.97-.65,0,0-4.58,.47-8.75,4.37-4.17,3.9-6.14,10.59-6.32,11.44s-2.42,3.79-2.42,3.79Z"/>
-      <path class="cls-21" d="M882.53,245.45l-4.01,1.94s1.34,2.7,1.01,5.54c-.32,2.84-2.85,6.1-7.52,6.34-3.99,.2,2.51,.39,5.13-.35s5.07-3.23,5.81-7.05c.74-3.83-.41-6.41-.41-6.41Z"/>
-      <path class="cls-25" d="M872.02,251.41c.59,1.42,2.91,4.17,5.07,5.18,0,0,.05-1-.55-3.68-.56-2.48-1.61-3.58-1.61-3.58l-2.91,2.08Z"/>
-      <path class="cls-25" d="M877.39,501.69c-2.58,9-5.58,17.9-9.18,26.52-2.54,6.23-6.24,12.79-9.51,18.73-1.11,1.96-2.32,4.1-3.54,6-1.26,1.93-2.57,3.81-4.18,5.34l1.52,1.65c4.43-4.21,7.35-9.49,10.35-14.7,1.94-3.55,3.91-7.44,5.67-11.08,.52-1.17,1.3-2.91,1.81-4.08,.91-2.24,2.11-5.21,2.88-7.48,1.95-5.55,3.59-11.31,4.98-17.04,1.34-5.71,2.7-11.57,3.06-17.45-1.22,3.84-2.79,9.69-3.86,13.58Z"/>
-      <path class="cls-25" d="M891.41,242.93c-5.14,.13-9.89,1.09-15.22,3.6-5.33,2.5-8.61,5.4-12.52,9.76-3.92,4.37-8.29,6.17-8.29,6.17,0,0,5.36-.78,10.04-4.57,5.52-4.48,10.8-8.44,15.66-11.18,5.1-2.87,10.33-3.77,10.33-3.77Z"/>
-      <path class="cls-25" d="M865.71,257.65s2.46,1.45,6.3,1.62c4,.18,6.55-1.23,8.04-2.54,1.35-1.19,2.33-3.03,2.52-5.62,.21-2.82-.79-4.79-.79-4.79,0,0,.84-.86,2.72-1.68s4.66-1.18,4.66-1.18c-1.58,.46-3.69,1.84-4.49,4.43-.73,2.35-.64,6.96-4.9,10.28-4.41,3.44-12.07,2.63-17.05,1.58,0,0,.49-.64,1.35-1.23s1.65-.86,1.65-.86Z"/>
-      <path class="cls-25" d="M893.82,232.31s-2.76-.47-8.58,0c-6.7,.54-14.19,2.27-22.53,7.7-8.71,5.67-14.48,13.32-14.48,13.32,0,0,.89-2.69,4.47-6.89,3.58-4.2,8.58-9.07,15.95-12.38,7.37-3.31,14.83-4.09,17.61-4.2,3.31-.13,7.24-.18,8.76,0l-1.2,2.45Z"/>
-      <path class="cls-25" d="M862.2,237.69l8.16-4.35c-1.66,.62-2.95,.64-3.48,.12-.42-.42-.51-1.23,.16-2.85s2-4.1,2-4.1c0,0-6.44,3.15-12.98,8.78-6.54,5.63-9.83,10.02-9.83,10.02l.02-2.36s-4.89,4.99-7.46,8.25c-2.21,2.81-3.31,5.05-2.52,7.19,.79,2.14,3.08,3.78,3.08,3.78,0,0-11.74,6.31-13.94,7.54s-4.49,1.15-6.76,.78c-2.27-.37-5.77-.59-8.14,1.71-2.5,2.44-2.9,5.31-1.52,10.59,1.37,5.28,5.2,10.33,8.14,13.22,2.93,2.9,6.68,5.01,8.78,5.71,0,0-.72-.9-2.11-1.8-1.27-.82-2.69-1.84-4.04-3.16-2.17-2.13-6.83-7.16-8.72-12.55-2.03-5.81-.98-8.95,1.12-10.65,2.1-1.7,6.22-1.57,8.72-.72,2.51,.85,5.12,1.45,5.12,1.45,0,0-1.01-.64-1.14-1.14-.14-.5,.37-1.05,3.3-2.56,2.93-1.51,9.39-4.94,12.27-6.36,2.88-1.42,4.76-1.91,5.93-2.15,1.24-.25,2.27-.36,2.27-.36,0,0-5.33-.16-6.7-.66-1.33-.49-2.99-2.14-3.73-3.38-.74-1.23-.04-2.96,.95-4.65,.99-1.69,4.79-5.74,4.79-5.74,0,0-.21,2.43-.18,3.77,.04,1.34,.25,2.28,.25,2.28,0,0,1.83-3.94,4.69-7.89,2.85-3.95,9.62-10.18,12.4-12.4,2.78-2.22,4.69-3.3,4.69-3.3,0,0-1.62,2.63-2.33,4.21-.7,1.59-1.21,3.18-1.29,3.74Z"/>
-      <path class="cls-25" d="M825.93,301.7s-1.89-3.31-2.58-4.63-1.06-2.48-1.06-2.48c0,0,1.72-.03,2.94-.56s1.75-1.75,1.75-1.75c0,0,1.42,1.99,4.6,3.28s5,1.16,5,1.16c0,0,3.47,4.2,6.68,6.78,3.21,2.58,4.9,3.14,4.9,3.14,0,0-1.26-2.61-2.12-5.16s-1.06-4.8-1.06-4.8c0,0,2.35-.99,4.9-4.17,2.55-3.18,3.21-5.92,3.61-8.27,.4-2.35,0-5.1,0-5.1,0,0-.37,3.41-2.08,7.35-2.02,4.63-5.34,7.15-8.38,8.52,0,0-.06,1.48,.94,4.45,.92,2.73,2.16,5.05,2.16,5.05,0,0-1.64-1.12-2.87-2.48s-3.04-3.4-4.35-5.07-1.64-2.23-2.43-2.31-3.74-.47-6.66-2.17c-2.93-1.7-3.99-3.9-3.99-3.9,.06,.89-.11,3.01-1.9,4.21-1.52,1.02-3.93,.98-3.93,.98,0,0,.5,1.51,1.28,2.9,.78,1.39,2.39,3.5,2.39,3.5l2.25,1.55Z"/>
-      <path class="cls-25" d="M853.66,283.26s3.13-3.04,7.97-6.47c5.84-4.13,14.02-7.36,14.02-7.36,0,0,7.21,1.1,13.5-1.49,6.3-2.6,8.78-6.79,8.78-6.79,0,0-1.25,.11-3.21,.11-2.13,0-4.32-.25-4.32-.25,0,0,4.36-1.05,6.84-3.72,2.73-2.94,3.83-6.87,4.25-8.47,0,0,.39,3.32-.24,5.89-.79,3.22-2.44,4.99-2.44,4.99,.98,0,3.01,0,3.01,0-2.23,4.2-6.38,8.73-13.09,10.69s-12.79,.85-12.79,.85c0,0-6.89,2.61-13.22,6.76-6.33,4.15-9.46,7.49-9.46,7.49"/>
-      <path class="cls-25" d="M832.95,284.37s1.09-2.51,2.98-4.4,3.25-2.22,4.3-2.09c1.16,.14,1.27,1.37,.83,1.99s-1.42,.75-2.4,.76c-.69,.01-1.65,.43-2.85,1.3-1.04,.75-2.86,2.45-2.86,2.45Z"/>
-      <path class="cls-25" d="M817.99,282.79s-1.38-2.6-2.64-4.14c-1.27-1.54-2.34-1.95-3.05-1.88s-.9,1.1-.63,1.78,1.1,1.17,2.1,1.34,1.76,.51,2.49,1.24c.73,.73,1.74,1.65,1.74,1.65Z"/>
-      <path class="cls-25" d="M832.14,274.68s3.87-1.69,7.5-1.97,5.56,.55,6.84,1.97c1.28,1.42,1.17,3.28,1.04,4.59-.14,1.31-.66,2.45-.66,2.45,0,0,1.73-1.61,2.21-3.55,.51-2.07-.05-4.56-2.59-6.06-2.27-1.34-5.69-1.45-8.32-.72-3.07,.86-6.01,3.28-6.01,3.28Z"/>
-      <path class="cls-25" d="M842.53,270.98c.38,.04,1.61-.36,3.49-1.53s6.54-3.88,6.54-3.88c0,0-3.76,3.35-4.72,4.26-.96,.91-.99,1.42-.99,1.78s.3,.9,.69,1.29-1.78-.44-3.69-.9-1.32-1.02-1.32-1.02Z"/>
-      <path class="cls-25" d="M880.52,277.44c-1.4,1.68-5.49,6.45-8.9,11.46s-7.94,12.27-10.3,16.46c-2.36,4.19-4.96,7.56-10.93,8.09-5.97,.53-11.11-.36-14.56-2.29-3.45-1.92-6.47-5.57-7.82-9.25-1.35-3.67-1.22-6.97-1.22-6.97,0,0,2.42,2.6,3.27,3.4s2.45,.92,3.15,.35,2.4-2.3,2.4-2.3l1.45-.05s-1.24,1.41-2.12,2.68c-.88,1.27-.44,2.88,.82,3.35s7.77,.53,7.77,.53l.86,1.46s-6.19,.07-8.6-.4-3.65-1.79-4.97-3.27c-1.32-1.47-3.03-3.38-3.03-3.38,0,0,.35,2.15,2.03,5.47,1.68,3.32,4.32,5.68,7.53,6.97,3.21,1.29,9.74,1.74,13.27,1.21s5.71-2.94,7.74-5.85,5.97-9.33,8.94-13.45c2.97-4.12,5.91-7.38,7.97-9.56,2.25-2.38,5.25-4.66,5.25-4.66Z"/>
-      <path class="cls-25" d="M847.14,304.34c.65-.04,1.42,0,1.81-.26,.48-.32,.27-1.02-.19-1.84-.42-.75-.79-1.8-.92-2.37s-.19-1.15-.19-1.15c0,0,1.01,1.32,2.28,2.55s2.34,1.63,3.07,1.36,3.04-2.33,6.21-7.12c3.17-4.79,6.05-9.36,9.55-13.96s8.58-9.13,10.31-10.31-1.03-.3-1.03-.3c0,0-4.41,3.2-7.46,6.5-3.05,3.3-4.24,4.95-5.01,5.09s-1.64-.49-2.18-.88-.83-.6-.83-.6c0,0,.39,2.03,.6,3.29,.21,1.26-.04,1.99-.81,3.13s-3.01,4.75-3.5,5.2-1.05-.14-1.65-.7-1.12-1.09-1.12-1.09c0,0,.07,4.16,.07,4.98s-.37,1.31-1.04,2.09-2.01,2.19-2.37,2.49-1.06,.17-1.94-.46c-.99-.71-2.22-1.76-2.95-2.69s-.85-1.01-.85-1.01c0,0-.32,1.68-.26,3.29s.58,3.2,.58,3.2l-.79,.03,.6,1.5Z"/>
-      <path class="cls-25" d="M871.62,288.9c1.75-1.77,4.91-3.62,8.48-3.69s10.5,.89,14.14,0,6.86-2.35,11.05-7.77c4.19-5.41,8.86-13.17,8.86-13.17,0,0-6.34,8.31-10.02,12.13s-5.07,5.51-9.54,6.66c-4.19,1.08-6.19,.5-10.73,.22-4.8-.3-8.45,.18-10.05,1.63-1.6,1.45-2.18,3.98-2.18,3.98Z"/>
-      <path class="cls-25" d="M919.16,194.42c-4.26,5.31-11.15,12.43-19.96,17.62-8.81,5.19-18.03,9.4-19.61,10.1-1.58,.7-2.16,1.05-3.27,3.21-1.11,2.16-3.14,6.97-3.14,6.97l1.45-.45s2.54-4.16,3.68-5.73c1.14-1.57,2.47-1.96,5.56-3.33,3.09-1.37,9.9-4.59,16.87-9.08,6.97-4.49,11.6-9.17,15.26-12.98s6.6-8.11,6.6-8.11c0,0-3.39,8.41-6.91,15.05-3.33,6.3-7.3,12.33-7.3,12.33l3.12-1.28s5.84-9.45,9.1-16.86c3.27-7.41,5.95-17.57,5.95-17.57,0,0-3.15,4.79-7.41,10.1Z"/>
-      <path class="cls-25" d="M952.12,191.77c-1.84,5.97-6.79,18.73-13.16,27.17-5.58,7.38-10.91,11.63-17.42,15.58-6.51,3.95-15.29,7.8-15.29,7.8,3.24-.51,11.37-3.11,18.43-7.69,7.59-4.92,13.7-9.94,20.59-22.24,6.8-12.14,8.96-25.67,8.96-25.67-3.18,4.7-10.29,12.9-15.31,17.28-5.02,4.38-11.88,8.45-19.25,11.18s-15.76,5.02-18.87,6.04c-3.11,1.02-4.7,2.73-5.77,5.27-1.07,2.53-3.61,9.6-3.61,9.6,0,0,1.57-1.98,3.25-4.79,1.68-2.81,3.17-5.33,5.53-6.74s3.93-1.8,9.82-3.69c5.89-1.88,10.06-3.29,16.36-6.7,6.3-3.41,9.16-5.31,14.05-9.6,4.89-4.29,11.69-12.81,11.69-12.81Z"/>
-      <path class="cls-25" d="M900.31,237.84s8.08-3.65,15.58-8.56c7.81-5.11,16.22-13.09,16.22-13.09,0,0-4.54,8.11-14.5,14.91-8.82,6.03-17.3,6.74-17.3,6.74Z"/>
-      <path class="cls-25" d="M882.01,284.41c-.73,13.48-2.99,26.96-8.05,39.53-1.43,3.42-3.16,6.85-4.84,10.14-17.01,32.98-42.22,64.52-45.06,102.76-1.14,27.25,.78,48.7,20.59,69.37,7.68,7.78,16.76,14.1,26.39,19.26,.74,.4-.12,2.19-.85,1.82-8.6-4.44-16.73-9.84-23.93-16.33-12.32-11.1-21-26.4-23.46-42.86-1.48-8.92-1.44-17.92-1.28-26.89,.18-21.17,8.51-41.19,18.12-59.68,9.67-18.29,21.92-36.81,30.88-55.45,3.58-7.65,5.79-15.87,7.31-24.18,1.03-5.81,1.76-11.72,2.03-17.58,.03-.59,.53-1.05,1.12-1.02s1.05,.53,1.02,1.12h0Z"/>
-      <path class="cls-25" d="M850.18,312.39c4.39,10.06,8.75,20.18,13.79,29.92,.59,1.17-1.11,2.1-1.77,.94-5.1-9.81-9.48-19.93-13.91-30.05-.51-1.25,1.32-2.05,1.89-.81h0Z"/>
-      <path class="cls-25" d="M854.38,358.96c-.43-1.35-1.29-2.65-2.62-3.39-2.56-1.38-5.74-.39-7.93,1.2-2.17,1.59-3.62,3.95-4.65,6.36-1.15,2.62-2.08,5.31-2.91,8.04-.08-1.06-.16-2.12-.26-3.19-.73-8.22-1.9-16.4-3.72-24.45-.73-3.05-1.54-6.16-3.01-8.99-.99-2.17-2.9-3.93-5.27-4.39-3.58-.83-6.91,1.22-9.1,3.87-4.08,4.8-6.97,10.42-9.66,16.04-2.95,6.33-5.56,12.78-7.96,19.31-.12-2.85-.22-5.69-.26-8.53-.11-6.18-.05-12.42-.4-18.61-.34-4.28-.33-8.55-2.19-12.61-2.25-4.88-7.46-6.12-12.14-3.95-7.69,3.59-13.74,9.63-19.82,15.33-3.59,3.37-7.24,6.69-10.92,9.96,13.56-26.28,27.14-52.54,39.87-79.23,4.96-10.45,9.78-20.97,14.38-31.58l2.3-5.3c.71-1.63,1.62-3.25,3.04-4.28,3.83-2.59,5.52,2,6.74,4.9,1.43,3.56,2.81,7.16,4.2,10.75,0,0,8.25,21.59,8.24,21.6,.46,1.09,2.05,.46,1.66-.64-2.89-7.49-9.59-25.15-12.51-32.36-1.02-2.31-1.94-5.08-4.38-6.34-4.01-1.68-7.31,2.46-8.55,5.69-2.21,5.15-4.65,10.8-6.92,15.89-15.71,35.14-33.48,69.32-51.03,103.58-.15,.25-.14,.59,.06,.83,.25,.3,.7,.34,1,.09,6.34-5.29,12.52-10.81,18.65-16.32,3.09-2.68,6.32-5.21,9.72-7.39,4.49-2.86,10.88-6.42,14.14-.09,.85,1.7,1.23,3.67,1.49,5.56,.54,4,.71,8.13,.91,12.23,.33,8.22,.83,19.27,1.69,27.47,0,0,.93-2.29,1.08-2.68,1.52-3.79,3.13-7.4,4.76-11.16,3.22-7.49,6.57-14.94,10.93-21.84,1.98-2.9,4.45-6.98,7.96-7.92,2.05-.52,4.43,.19,5.62,1.95,2.9,4.7,3.77,10.26,5.01,15.65,1.26,6,2.23,12.07,3.04,18.15,.19,1.53,1.16,8.03,1.16,8.03,.66-2.86,2.93-9.08,4.5-12.51,1.01-2.24,2.32-4.34,4.32-5.77,2.79-2.03,7.15-2.44,8.27,1.53,.12,.41,.56,.65,.97,.52,.41-.13,.63-.56,.5-.97Z"/>
-      <path class="cls-25" d="M837.99,357.2s.83-6.34,1.52-13.58c.69-7.24,.48-12.68,.41-18.82-.07-6.14-.58-7.85-.27-8.54s1.23-.55,2.08,.82c.85,1.37,4.85,9.15,6.97,13.59,2.12,4.44,5.12,10.62,5.12,10.62,0,0-3.55-5.1-5.49-8.79-1.95-3.69-4.1-7.41-4.98-9.15-.89-1.74-1.46-2.82-1.83-2.86s-.5,.58-.41,1.79,.14,6,.14,9.1-.07,8.33-1.04,14.91c-.94,6.42-2.22,10.89-2.22,10.89Z"/>
-      <path class="cls-25" d="M767.23,329.01c.77-1.93,2.38-4.67,3.37-6.53,5.73-10.73,11.72-21.56,16.95-32.52,5.21-10.95,10.19-22.31,15.11-33.42,1.22-2.81,2.46-5.66,3.77-8.49,.51-1.03,.86-2.26,2.07-2.97,1.03-.61,2.43-.55,3.31,.19,.98,.82,1.33,2,1.77,3.07,.67,1.73,1.39,3.42,2.05,5.14,1.77,4.57,3.59,9.12,4.95,13.86-1.26-2.13-2.37-4.31-3.45-6.51-1.55-3.19-3.21-6.73-4.74-9.94-.27-.55-.53-1.1-.82-1.63-.27-.48-.48-.95-.92-1.22-.19-.12-.51-.19-.57-.05,0,0,0,0-.04,0-.02,0-.1,.02-.05-.01,.02-.04-.12,0-.28,.12-.81,.62-1.41,1.77-1.9,2.71-1.06,2.16-1.99,4.42-3,6.66-2.9,6.52-6.19,13.62-9.26,20.01-7.25,15.51-15.52,30.65-24.38,45.31-1.05,1.7-2.67,4.63-3.94,6.21h0Z"/>
-      <path class="cls-25" d="M802.4,342.85c.52-2.28,2.75-10.1,3.73-22.94,.98-12.84,1.35-26.58,1.35-26.58,0,0-1.24,4.04-3.39,9.12-2.15,5.08-5.8,11.53-5.8,11.53,0,0,2.56-3.24,4.21-5.74,.92-1.39,1.78-3,2.4-4.24,.21-.43,.86-.25,.83,.22-.16,2.71-.45,7.48-.76,11.75-.47,6.42-.9,11.92-1.37,16.61-.47,4.69-1.2,10.27-1.2,10.27Z"/>
-      <path class="cls-25" d="M1007.89,308.45c.06-.26,.45-.2,.43,.07-.38,5.09-1.29,15.41-1.96,22.11-.65,6.53-1.86,18.4-1.86,18.4,0,0,2.4-9.41,4.03-24.67,1.63-15.26,2.45-41.04,2.45-41.04,0,0-.36,3.02-1.13,7.42-.77,4.4-2.2,13.64-5.28,23.98s-7.78,17.95-7.78,17.95c0,0,3.01-3.33,5.43-8.32,2.42-4.99,3.62-8.79,4.52-11.72,.42-1.36,.83-2.91,1.14-4.19Z"/>
-      <path class="cls-25" d="M1096,397.17c-.92-3.61-2.18-7.1-3.5-10.57-1.34-3.46-2.84-6.85-4.39-10.22-6.3-13.42-13.96-26.08-20.87-39.15-10.55-19.47-20.13-39.42-29.19-59.63-4.37-9.76-9.13-20.53-13.41-30.41-1.31-2.97-3.17-7.34-4.7-10.14-1.79-3.54-4.57-7.72-9.17-7.6-2.27,.03-4.49,1.12-5.81,3.03-1,1.54-1.65,3.82-2.3,5.36-7.84,20.67-17.4,40.68-28.52,59.8-7.38,12.74-15.14,25.34-23.83,37.23-6.55,8.87-14.11,16.98-22.35,24.31-2.74,2.46-5.66,4.67-8.38,7.22,3.38-1.62,6.24-4.03,9.12-6.35,2.88-2.34,5.61-4.86,8.27-7.44,6.63-6.48,12.63-13.64,17.96-21.22,2.02-2.83,4.37-6.26,6.29-9.16,17.4-26.23,32.32-54.12,43.71-83.49,.63-1.54,1.28-3.46,2.12-4.78,1.26-1.76,3.88-2.27,5.79-1.26,2.2,1.18,3.26,3.47,4.5,5.73,1.48,2.72,3.32,7.12,4.63,9.95,10.51,23.59,21.12,47.33,32.94,70.3,9.97,19.79,21.66,38.69,31.55,58.5,2.65,5.47,5.29,10.96,7.66,16.55-6.16-10.88-13.9-20.93-23.44-29.04-1.75-1.5-3.56-2.95-5.41-4.31-2.88-2.08-5.88-4.49-9.6-4.78-3.82-.28-7.59,1.69-9.59,4.92-1.35,2.02-2.22,4.21-3.04,6.38-3.11,9.48-5.39,17.6-8.28,27.13-.49-4.66-1.14-8.12-1.87-12.73-.89-5.89-1.9-12.01-3.03-17.85-1.05-4.89-2.2-12.33-7.9-13.76-2.85-.74-5.94-.23-8.41,1.38-.34,.22-.99,.71-1.31,.96-6.44,5.3-11.46,12.08-15.78,19.14-1.48,2.45-2.88,4.93-4.22,7.44,.11-5.78,.19-11.56,.2-17.34,.02-3.55-.06-7.08-.33-10.62-.15-1.82-.39-3.77-1.18-5.51-2.21-4.94-7.58-5.13-12.25-2.92-8.4,3.98-16.42,9.4-24.56,13.91-6.09,3.43-11.59,5.87-18.04,8.58-2.15,.91-4.91,2.11-7.16,3.14-2.13,.97-4.63,2.01-6.69,3.2,2.36-.35,4.55-1.19,6.76-1.98,2.2-.8,4.4-1.62,6.59-2.47,6.57-2.54,13.07-5.32,19.29-8.67,5.97-3.29,12.46-7.01,18.42-10.22,3.04-1.53,6.01-3.48,9.33-4.18,1.92-.35,4.2-.12,5.48,1.36,.63,.75,1.01,1.67,1.26,2.65,.48,2.09,.61,4.44,.77,6.76,.51,9.28,.65,30.71,.65,30.71,2.87-5.35,7.25-12.9,10.78-17.83,3.55-4.81,7.58-9.43,12.28-13.11,1.41-1.12,3.03-1.94,4.86-2.05,1.67-.1,3.47,.16,4.7,1.34,3.23,3.25,4.39,12.27,5.33,16.88,.68,3.89,2.37,12.98,3.17,17.33,.73,4,2.27,13.3,2.27,13.3,0,0,6.11-18.09,8.57-26.86,1.5-4.67,3.23-11.54,7.06-14.67,2.43-1.87,5.88-2.23,8.63-.8,1.94,.95,3.75,2.34,5.51,3.65,1.81,1.37,3.58,2.75,5.29,4.22,5.14,4.41,9.88,9.29,14.17,14.53,4.32,5.28,8.43,10.72,12.22,16.4l.66,1.02s-.19-.9-.26-1.19Z"/>
-      <path class="cls-25" d="M1038.2,360.88c.13-3.78,.13-11.98-1.99-27.1s-6.86-25.94-6.86-25.94c0,0,.49,9.03,0,17.04s-1.45,13.7-1.45,13.7c0,0,1.93-5.59,2.51-9.76,.59-4.32,.75-7.87,.8-10.37,0,0,1.92,5.04,3.94,17.81,2.02,12.76,3.05,24.63,3.05,24.63Z"/>
-      <path class="cls-25" d="M914.65,239.09c3,4.27,5.19,8.97,7.23,13.74,12.83,30.89,14.31,65.8,9.76,98.62-.39,2.23-.8,4.43-1.43,6.61-.1,.33-.81,1.53-1.16,1.41-.36-.12-.55-.51-.42-.87,.75-2.37,1.21-4.9,1.61-7.38,4.28-32.66,2.23-66.88-10.09-97.67-1.43-3.52-3.02-6.98-4.85-10.31-.62-1.1-1.27-2.23-1.95-3.23-.25-.37-.15-.86,.21-1.11,.36-.24,.84-.16,1.1,.19h0Z"/>
-      <path class="cls-25" d="M929.62,368.73c-.56,8.37,0,16.9,1.91,25.08,2.91,12.23,8.54,23.9,16.71,33.49,5.49,6.36,12.14,11.7,18.73,16.92,13.4,10.5,27.46,20.07,41.26,30.05,5.18,3.82,10.26,8.1,14.27,13.23,5.32,6.85,9.06,14.79,11.89,22.94,2.08,6.07,3.77,12.41,3.87,18.86-1.01-4.15-2.33-8.18-3.7-12.17-3.53-9.83-7.9-19.57-14.34-27.83-3.92-4.9-8.75-8.94-13.72-12.75-13.56-10.27-27.68-19.85-41.07-30.38-6.71-5.34-13.45-10.73-19.01-17.35-9.66-11.6-15.9-26.01-17.94-40.95-.82-6.28-1-12.61-.5-18.93,.01-.13,1.67-1.39,1.64-.22h0Z"/>
-      <path class="cls-25" d="M1035.63,517.49s3.23,4.48,7.43,7.52c4.2,3.04,7.87,4.97,11.59,4.73s5.75-3.09,6.52-6.47c.77-3.38,1.16-6.66,1.88-9.66,.72-2.99,1.88-4.49,2.51-5.26,0,0-.34,2.95,0,6.47s1.3,6.13,2.03,7.34,1.56,1.55,2.29,1.47c1.07-.13,1.89-1.98,2.16-4.21,.35-2.94,.4-7.03-1.49-14.51-1.88-7.49-5.31-11.93-7.78-14.2-2.46-2.27-5.56-3.67-9.47-5.6-3.91-1.93-7.92-4.4-10.97-7.05s-5.03-5.56-5.03-5.56c0,0,3,2.66,6.52,5.31,3.53,2.66,6.37,4.2,10.09,5.94,3.72,1.74,6.98,3.61,8.99,5.13,3.89,2.94,7.64,8.88,9.47,16.15,1.83,7.27,1.34,15.34,.3,17.53-1.03,2.19-2.4,3.09-4.24,2.38-1.69-.66-2.6-3.09-3.12-4.84-.52-1.75-.62-2.9-.82-3.14s-.68-.32-.95,1.35-.64,4.97-1.63,7.8-3.18,4.93-6.21,5.25-6.37-.4-9.95-2.51c-3.58-2.11-6.29-4.7-7.12-5.29s-1.33,.32-1.33,.32"/>
-      <path class="cls-25" d="M902.62,523.62c9.27,6.81,19.02,12.98,29.01,18.68,4.98,2.84,11.76,5.58,17.09,7.7,7.31,2.91,15.2,4.04,19.6,4.44l2.56,2.33c-1.46,.45-7.7-.36-7.71-.22-.02,.68-4.02-.42-4.56-.55-9.81-2.65-18.99-7.26-27.82-12.21-6.31-3.54-12.48-7.32-18.53-11.31-3.64-2.38-7.18-4.9-10.66-7.51-.85-.66,.07-2.03,1.02-1.36h0Z"/>
-      <path class="cls-25" d="M912.12,270.29c.48,10.24,.06,20.41-1.13,30.58-1.92,15.61-6.48,30.76-12.6,45.2-6.28,14.29-14.35,27.77-21.3,41.68-7.02,13.86-11.94,28.67-14.06,44.06-2.22,14.6-2.09,29.72,2.17,43.94,2.67,9.19,7.4,17.59,13.32,25.07,.6,.76,.1,2.83-.53,2.08-2.74-3.26-5.29-6.7-7.51-10.36-1.37-2.25-2.62-4.57-3.73-6.97-11.08-24.19-8.11-52.22-.42-76.97,7.27-22.38,21.08-41.81,30.29-63.29,7.99-19.04,12.9-39.46,13.12-60.15,.1-4.73,.05-9.5-.24-14.19-.03-.43,2.46-3.43,2.46-3.43,0,0,.15,2.5,.17,2.76Z"/>
-      <path class="cls-25" d="M919.58,237.55s3.08,1.19,7.8,4.46,7.78,6.18,9.45,8c0,0-4.01-2.26-7.08-3.47s-4.27-1.63-5.66-1.74c-1.2-.1-1.55,.46-1.55,.96,0,.34,.16,.79,.73,1.85,.57,1.06,2.28,4.01,2.68,4.66,.5,.81,2.31,1.59,5.29,3.48s4.89,3.09,8.76,6.08c3.87,2.99,6.78,5.88,9.28,8.83,2.5,2.96,3.87,5.71,3.87,5.71,0,0-3.68-2.39-6.9-4.06-3.22-1.67-6.5-2.72-8.99-3.06s-3.56-.27-4.17,.23c-.51,.42-.46,1.34-.21,2.58,.21,1.02,1.7,7.24,2.6,11.37s1.37,4.94,2.15,5.8,4.3,3.4,7.21,6.29c3.14,3.11,5.07,5.22,7.55,9.84,2.35,4.37,2.8,7.75,3.15,9.26,0,0-3.23-3.99-6.43-6.53s-4.43-3.02-6.18-3.02-2.48,.94-2.86,1.89-.32,2.91-.23,5.52c.08,2.45,.41,6.78,.64,11.92,.24,5.14,.68,8,1.06,8.62s2.34,2.65,3.42,3.59c1.08,.94,2.99,2.72,2.99,2.72l-1.26,1.56s-2.76-2.3-4.8-4.31c-2.04-2-2.36-3.06-2.62-4.95s-.78-13.27-.98-17.49c-.22-4.65-.41-7.17,.92-9.07,1.13-1.63,3.02-1.87,4.69-1.68,1.56,.18,2.94,1.02,4.83,2.5,2.23,1.74,3.93,3.6,3.93,3.6,0,0-1.51-3.93-4.38-7.58-3.13-3.98-6.08-6.49-8.64-8.75s-3.95-2.91-4.48-4.36c-.72-1.96-2.2-9.21-2.93-12.26-.78-3.26-1.4-5.77-1.17-7.02,.26-1.43,1.22-1.92,2.41-2.14,1.88-.33,4.15-.03,7.36,.94s4.99,1.89,6.92,3.05c0,0-3.29-3.87-7.48-7.09-4.19-3.23-8.3-6.03-11.12-7.93-2.63-1.77-3.64-2.18-4.19-2.85s-2.57-4.55-3.42-6.23c-.92-1.82-.53-2.78,.33-3.42s2.29-.6,3.61-.28c1.81,.44,2.93,.94,2.93,.94,0,0-1.51-1.4-5.24-3.32-2.69-1.38-6.69-2.58-6.69-2.58l3.11-1.05Z"/>
-      <path class="cls-25" d="M957.87,355.36c1.56,4,2.58,7.76,3.08,10.43,1.21,6.46,.77,10.08,.77,10.08,0,0-1.66-5.02-3.93-8.57-2.26-3.55-4.34-6.34-7.83-8.05l2.07-1.17s.45-.21,2.83,2.31c2.39,2.52,4.13,5.68,4.78,7.1,0,0-1.26-6.24-3.41-11.21-.2-.45,1.63-.92,1.63-.92Z"/>
-      <path class="cls-25" d="M939.92,364.8c-1.91,16.22,2.28,32.88,10.08,47.11,1.51,2.64,3.07,5.24,5.13,7.47,3.39,3.81,8.05,5.86,12.75,7.93,3.79,1.68,7.61,3.35,11.24,5.48,3.64,2.15,7.06,4.78,9.59,8.22,0,0,1.94,2.75,1.94,2.75l-2.76-1.93c-2.59-1.69-5.39-3.21-8.33-4.2-2.14-.71-14.03-3.97-10.07,1.48,1.19,1.59,2.83,2.95,4.32,4.32,1.57,1.4,3.17,2.77,4.78,4.13,4.81,4.03,9.76,7.96,15.39,10.78,6.65,3.22,13.75,5.46,20.35,8.85,2.92,1.37,5.74,3.21,8.07,5.47,3.04,3.06,6.08,6.33,7.45,10.52,0,0,.73,2.31,.73,2.31-3.74-4.41-8.15-8.59-13.47-11.01-1.12-.47-2.28-.74-3.48-.86-2.07-.3-2.11,.95-1.38,2.45,.67,1.34,1.3,2.37,2.63,3.5,.22,.19,.09,1.04,.21,1.17l-.97,1.07c-.53-.5-.9-1.07-1.31-1.64-1.09-1.78-2.49-3.33-2.67-5.55-.02-2.09,1.85-3,3.69-2.64,3.98,.63,7.28,3.29,10.34,5.65,2.01,1.65,3.86,3.44,5.6,5.39,0,0-.87,.5-.87,.5-1.62-3.82-4.68-6.79-7.66-9.6-3.06-2.87-6.8-4.59-10.59-6.33-7.64-3.68-15.86-6.22-23.02-10.88-3.6-2.3-6.92-5-10.22-7.7-1.64-1.35-3.26-2.73-4.86-4.13-1.63-1.48-3.31-2.81-4.6-4.67-1.3-1.73-1.63-4.23,.6-5.41,.65-.33,1.33-.37,1.91-.38,2.22,0,4.39,.44,6.45,1.01,4.19,1.08,8.05,3.05,11.64,5.43,0,0-.82,.82-.82,.82-7.29-9.04-19.38-11.26-29.01-16.94-6.44-3.92-10.21-10.8-13.41-17.39-5.35-11.36-8.19-23.98-7.88-36.56,.08-2.13,.21-4.2,.56-6.33,0,0,1.92,.35,1.92,.35h0Z"/>
-      <path class="cls-25" d="M871.2,398.94c-.12,0-.23-.03-.34-.09-.05-.03-4.77-2.9-9.29-5.6-2.69-1.61-9.59-5.52-15.45-7.08-4.58-1.22-7.22,.7-7.25,.72-.29,.22-.7,.16-.91-.13-.22-.29-.16-.7,.13-.91,.13-.1,3.17-2.32,8.36-.94,6.02,1.6,13.04,5.58,15.78,7.22,4.52,2.7,9.25,5.57,9.3,5.6,.31,.19,.41,.59,.22,.9-.12,.2-.34,.31-.56,.31Z"/>
-      <path class="cls-25" d="M887.55,366.55c-.12,0-.25-.04-.36-.11-.05-.03-4.73-3.16-10.66-6.51l-.58-.33c-5.66-3.19-10.14-5.72-13.98-5.62-3.81,.1-5.89,2.3-5.91,2.32-.24,.26-.66,.28-.92,.04-.26-.24-.28-.65-.04-.92,.1-.11,2.44-2.63,6.84-2.75,4.21-.11,8.82,2.49,14.66,5.78l.58,.33c5.98,3.37,10.7,6.53,10.75,6.56,.3,.2,.38,.61,.18,.9-.13,.19-.33,.29-.54,.29Z"/>
-      <path class="cls-25" d="M901.42,336.25c-.14,0-.29-.05-.41-.14-.03-.03-3.48-2.78-9.78-6.71-6.65-4.15-11.94-6.5-14.17-6.31-2.23,.19-4.43,2.66-4.45,2.68-.24,.27-.65,.29-.92,.06-.27-.24-.3-.65-.06-.92,.1-.12,2.57-2.88,5.32-3.12,3.6-.32,11.67,4.45,14.97,6.51,6.37,3.97,9.87,6.77,9.9,6.79,.28,.23,.33,.64,.1,.92-.13,.16-.32,.24-.51,.24Z"/>
-      <path class="cls-25" d="M908.31,311.37c-.14,0-.28-.04-.4-.14-.02-.02-2.01-1.54-5.27-3.52-3.85-2.34-10.73-6.42-13.54-7.51-2.32-.9-4.53-.9-6.57-.01-1.57,.68-3.18,2.92-3.2,2.95-.21,.29-.62,.36-.91,.15-.29-.21-.36-.62-.15-.91,.07-.1,1.84-2.55,3.74-3.38,2.37-1.04,4.91-1.04,7.56-.01,2.9,1.13,9.85,5.25,13.74,7.61,3.33,2.02,5.31,3.54,5.39,3.61,.28,.22,.34,.63,.12,.91-.13,.17-.32,.25-.52,.25Z"/>
-      <path class="cls-25" d="M861.21,438.39c-.07,0-.14-.01-.21-.03-.03-.01-3.13-1.07-7.68-2.42-5.73-1.71-13.9-3.95-20.25-4.92-6.44-.98-9.33,1.59-9.36,1.61-.26,.24-.68,.23-.92-.04-.24-.26-.23-.67,.03-.92,.13-.12,3.33-3.04,10.45-1.95,6.42,.98,14.65,3.24,20.42,4.96,4.58,1.36,7.7,2.43,7.73,2.44,.34,.12,.52,.49,.41,.83-.09,.27-.35,.44-.62,.44Z"/>
-      <path class="cls-25" d="M826.65,479.68c-.2,0-.4-.09-.52-.26-.21-.29-.15-.7,.13-.91,.12-.09,2.9-2.13,6.67-2.76,3.64-.61,9.6-.81,16.79-.56,7,.24,14.59,.66,14.67,.67,.36,.02,.63,.33,.61,.69-.02,.36-.33,.63-.69,.61-.08,0-7.65-.43-14.64-.67-7.1-.24-12.97-.05-16.53,.54-3.45,.58-6.08,2.5-6.11,2.52-.12,.09-.25,.13-.39,.13Z"/>
-      <path class="cls-25" d="M863.15,522.8c-.28,0-.55-.19-.63-.48-.1-.35,.11-.71,.45-.8,.05-.01,4.9-1.39,9.2-3.82,.54-.3,1.03-.6,1.48-.87,1.3-.79,.75,1.11-.84,2.01-4.44,2.51-9.29,3.89-9.49,3.94-.06,.02-.12,.02-.18,.02Z"/>
-      <path class="cls-25" d="M913.3,544.54c-.14,0-.28-.04-.4-.14-.28-.22-.34-.63-.12-.91l6.07-7.87c.22-.28,.63-.34,.91-.12,.28,.22,.34,.63,.12,.91l-6.07,7.87c-.13,.17-.32,.25-.52,.25Z"/>
-      <path class="cls-25" d="M903.91,306.96c1.08,.68,1.94,1.2,2.68,1.26s1.05-.31,1.29-1.42,.9-.28,.64,1.12c-.26,1.4-.85,2.28-.85,2.28l-3.76-3.24Z"/>
-      <path class="cls-25" d="M903.58,308.29c.59,.37,1.53,1.26,2.06,2.31,.53,1.05,.67,2.39,.67,3.07s-.06,1.36-.26,2.43,.42,1.4,1.16-1.1c.74-2.5,1.53-3.98,.84-4.81-.7-.83-3.86-1.96-3.86-1.96l-.61,.05Z"/>
-      <path class="cls-25" d="M896.13,331.01c.65,.44,1.91,1.22,2.87,1.43s1.71,.11,2.19-.48,1.02-1.69,1.37-2.8c.36-1.11,.41,.77-.11,2.53-.52,1.77-1.27,3.62-1.27,3.62l-5.19-3.76,.12-.54Z"/>
-      <path class="cls-25" d="M896.3,332.7c.68,.47,1.29,1.15,1.79,2.01,.5,.86,.66,1.69,.75,2.51s.02,2.19-.36,3.51c-.37,1.32,.86-.39,1.62-2s1.21-3.73,1.21-3.73l-4.22-2.2-.79-.1Z"/>
-      <path class="cls-25" d="M883.22,362.37c.56,.35,1.46,.79,2.32,.93s1.6,.06,2.15-.29,1-1.15,1.27-1.68,1.15-1.27,.57,.18-2.11,4.28-2.11,4.28l-4.3-2.85,.1-.56Z"/>
-      <path class="cls-25" d="M882.9,363.7c.61,.38,1.3,.91,1.78,1.64s.51,1.48,.51,1.92-.16,1.32-.51,2.13,.51,.09,1.23-1.09c.72-1.19,1.33-2.73,1.33-2.73l-3.17-1.87h-1.17Z"/>
-      <path class="cls-25" d="M867.07,395.04c.74,.45,1.68,.87,2.54,.89s1.41-.25,1.78-.78,.87-1.55,.87-1.55c0,0-1.45,4.59-1.45,4.54s-3.74-3.1-3.74-3.1Z"/>
-      <path class="cls-25" d="M866.74,396.36c.68,.41,1.39,1.05,1.87,1.69s.62,1.32,.55,1.91-.19,1.27-.46,2.05,.74-.39,1.47-1.98c.72-1.59,.99-2.49,.88-2.59s-4.3-1.08-4.3-1.08Z"/>
-      <path class="cls-25" d="M855.7,435.29c.89,.28,1.98,.44,2.8,.33s1.78-.21,2.16-1.78c.38-1.57,.8-2.58,.8-2.58l-.59,6.31-4.88-1.48-.29-.8Z"/>
-      <path class="cls-25" d="M856.12,436.79c.82,.25,1.44,.51,2.1,.94s1.13,1.11,1.36,1.89,.24,1.49,.24,2.19,.55-1.45,.64-2.65,.26-1.89,.07-1.92-4.4-.45-4.4-.45Z"/>
-      <path class="cls-25" d="M861.1,476.99c.82,.04,1.46,.24,1.98,.66s1.09,1.17,1.46,2.39c.37,1.22-.02-1.94-.26-2.65s-.85-.74-.85-.74l-2.33,.34Z"/>
-      <path class="cls-25" d="M860.36,475.64c.58,.03,1.17-.2,1.58-.56s.58-1.01,.43-1.93,0-1.26,0-1.26l1.57,4.5s-3.34-.12-3.36-.15-.22-.6-.22-.6Z"/>
-      <path class="cls-25" d="M917.78,539.15c.58-.75,2.34-1.54,4.3-.5s-.77-1.52-1.66-1.98-1.28,0-1.28,0l-1.36,2.48Z"/>
-      <path class="cls-25" d="M916.33,538.88c.49-.64,.61-1.49,.5-2.16s-.65-1.7-1.76-2.41-.84-1.13,.29-.68,3.08,1.51,3.08,1.51l1.22,1.11-2.65,3.05-.67-.41Z"/>
-      <path class="cls-25" d="M918.46,497.71c-6.54,16.77-17.73,31.26-29.69,44.55,0,0-1.35-1.89-1.35-1.89,3.31-1.51,7.01-3.08,10.15-4.88,1.72-.94,3.55-2.28,5.15-3.39-3.95,8.14-9.52,15.44-15.91,21.82-4.45,4.26-9.28,8.13-14.42,11.51-1.73,1.11-3.5,2.17-5.42,2.94,5.82-4.7,11.82-9.8,17.34-14.84,6.2-5.92,11.48-12.77,16.25-19.87,0,0,.95,.74,.94,.74-5.02,4.98-12.16,7.59-18.45,10.55,7.37-7.83,14.46-16.21,20.67-24.98,5.12-7.26,9.67-14.93,14.73-22.25h0Z"/>
-      <path class="cls-25" d="M897.81,537.19c12.01,4.42,24.06,8.88,36.41,12.27,7.43,1.94,14.93,3.68,22.5,5,0,0-.13,.9-.13,.9-15.34-2.09-30.33-6.08-44.91-11.2-4.87-1.65-9.71-3.38-14.54-5.19l.68-1.8h0Z"/>
-      <path class="cls-25" d="M911.95,398.28c-7.21,8.56-8.56,15.44-10.26,26.15,0,0-1.27-.24-1.27-.24,.62-2.02,1.45-3.92,2.61-5.72,1.24-1.82,2.86-3.48,5.11-4.1,2.18-.53,4.07,.32,4.36,2.66,.25,1.59,.06,3.21-.04,4.76-.23,2.94-.46,6.18-.6,9.11-.27,4.02-.04,8.04,.58,12.02,.31,1.9,.64,4,1.26,5.78,0,0-1.3,.22-1.3,.22,.17-2.39,.44-4.76,.87-7.13,.63-3.5,1.83-7.72,5.31-9.56,2.91-1.33,5.26,.1,6.29,2.95,.46,1.12,.79,2.27,1.05,3.44-.53-1.07-1.06-2.14-1.65-3.15-1.92-3.74-5.38-3.07-7.34,.16-1.21,1.93-1.77,4.17-2.18,6.42-.56,3.1-.94,6.42-1.29,9.56-.71-1.63-1.62-3.74-1.93-5.42-1.7-7.01-1.17-14.33-.79-21.46,.08-2.3,.52-5.18,.18-7.42-.11-.52-.21-.92-.51-1.19-.54-.34-1.23-.33-1.87-.17-3.68,1.21-5.48,5.28-6.87,8.64,0,0-1.18,3.03-1.18,3.03,0,0-.09-3.27-.09-3.27-.08-2.47,.19-4.93,.67-7.34,1.01-4.81,2.73-9.6,5.69-13.57,1.46-1.98,3.07-3.82,4.88-5.47,.2-.15,.49,.07,.31,.31h0Z"/>
-      <path class="cls-25" d="M945.83,451.84c1.25,3.61,2.32,7.22,3.87,10.7,0,0-1.15,.21-1.15,.21,.11-1.11,.31-2.12,.88-3.11,.9-1.64,3.08-2.32,4.76-1.52,1.57,.78,2.35,2.28,3.25,3.59,2.13,3.36,3.92,6.89,5.74,10.41,3.57,7.07,7.07,14.23,9.27,21.89,.02,.02-1.29,.17-1.29,.17-.05-2.06-.13-4.12-.21-6.18-.08-2.06-.18-4.12-.34-6.16-.17-2.26-.78-7.15-.7-9.36,.03-1.21,.27-2.7,1.46-3.44,.96-.57,1.97-.64,2.99-.3,.92,.34,1.54,1.22,2.02,1.91,1.53,2.18,2.55,4.7,3.54,7.06,1.67,3.85,3.35,7.57,4.54,11.61,0,0-1.21,.23-1.21,.23l-.33-5.17c-.1-1.72-.21-3.44-.37-5.16-.08-1.09-.19-2.2-.11-3.32,0-.54,.28-1.3,.85-1.56,1.38-.7,2.46,.68,3.16,1.63,.53,.7,1.01,1.42,1.47,2.17l-1.91-1.76c-.53-.43-1.18-1.21-1.85-1.2-.7,.03-.45,.89-.47,1.39,0,0,.19,2.55,.19,2.55,.24,3.01,.42,7.31,.62,10.37,0,0,.24,4.3,.24,4.3-1.11-3.11-2.4-6.81-3.69-9.81-.8-1.87-1.78-3.77-2.58-5.62-1.08-2.37-1.99-4.68-3.47-6.73-.52-.68-.86-1.35-1.74-1.39-1.43-.09-1.68,1.1-1.7,2.32-.04,.97,.02,1.99,.09,3,.55,6,.86,12.64,.8,18.62,0,0,0,4.86,0,4.86,0,0-1.29-4.69-1.3-4.7-2.3-7.46-5.8-14.55-9.4-21.48-.91-1.74-1.82-3.48-2.76-5.21-1.41-2.49-2.74-5.18-4.55-7.37-1.02-1.32-2.97-1.28-3.84,.12-.76,1.1-.92,2.97-1.15,4.3,0,0-.86-1.6-.86-1.6-1.83-3.46-2.49-7.37-2.78-11.23h0Z"/>
-      <path class="cls-25" d="M826.33,478.88c-.71-.11-.98-1-1.09-.29-1.06,7.15-3.3,16.17-5.34,23.11-2.02,6.94-4.5,13.69-7.72,20.16-3.24,6.42-7.02,12.91-11.15,18.81-3.16,4.35-6.83,7.97-10.75,11.67-1.25,1.17-2.46,2.46-3.76,3.53-.05,0-.02,0,0,0l1,1.63c2.88-2.35,5.54-4.85,8.11-7.51,2.88-2.97,5.58-6.15,8-9.53,1.84-2.64,3.52-5.37,5.2-8.11,5.79-9.37,10.34-19.54,13.37-30.14,2.09-7.03,3.75-14.21,4.85-21.47,.11-.71-.02-1.76-.74-1.86Z"/>
-      <path class="cls-25" d="M839.85,529.33c-1.77,.82-3.84,1.56-5.75,1.91,5.78-5.29,11.46-10.88,15.51-17.7l-2.32-2.52c-3.15,6.32-8.79,12.91-13.55,18.15-.47,.53-.91,.99-1.39,1.59-.38,.48-.56,1.52-.04,1.95,.58,.48,1.97,.16,3-.04,1.84-.49,3.54-.9,5.22-1.71,1.72-.84,2.95-1.33,4.5-2.42-9.66,13.03-24.34,22.51-37.32,30.56,0,0,5.55-2.13,7.88-3.56,5.27-3.23,10.5-6.67,15.34-10.34,8.28-6.41,15.43-13.76,20.11-22.85-3.78,2.6-7.08,4.94-11.19,6.98Z"/>
-      <path class="cls-25" d="M1055.27,533.57c3.88-.4,7.82-1.24,11.25-3.07,14.74-8.66,9.31-29.77,1.59-41.62-3.09-4.76-7.82-9.11-11.85-13.14-3.02-3.02-7.47-7.55-10.44-10.6,0,0-2.06-2.16-2.06-2.16,1.34,1.01,3.32,2.66,4.62,3.77,4.54,3.88,8.88,7.65,13.14,11.81,2.83,2.8,5.64,5.52,7.87,8.89,4.41,6.75,7.67,15.17,8.33,23.23,.5,7.05-1.51,14.75-7.31,19.23-4.1,3.07-10.16,4.04-15.15,3.64h0Z"/>
-      <path class="cls-25" d="M1037.31,472.5c2.29,1.09,4.42,2.32,6.78,2.98,1.79,.43,7.2,1.45,4.81-2-.49-.69-1.63-1.69-2.25-2.34-2.37-2.35-7.15-7.09-9.52-9.44-4.69-4.9-8.71-10.42-11.65-16.55-.25-.55,.57-1.02,.89-.44,3.15,5.81,7.23,11.2,11.8,15.98,2.36,2.37,7.13,7.12,9.5,9.48,.7,.74,1.78,1.67,2.37,2.51,1.59,2.05,.89,4.48-1.91,4.62-4.1,.04-7.97-1.92-10.8-4.79h0Z"/>
-      <path class="cls-25" d="M1059.26,449.86c5.55,5.14,13.38,11.87,18.93,16.83,3.17,2.84,6.25,5.82,8.95,9.13,10.85,13.27,16.93,30.48,16.09,47.62-.85,23.4-17.05,40.6-39.8,44.88-8.43,1.64-17.04,1.79-25.58,1.31-7.57-.42-15.09-1.37-22.53-2.73-.93-.17-4.27-3.98-2.18-3.64,8.2,1.72,16.53,2.96,24.89,3.54,8.3,.56,16.72,.49,24.91-1.01,21.75-3.86,37.14-20.04,38.02-42.38,1.2-20.94-8.1-41.8-23.89-55.48-5.45-4.96-13.3-11.94-18.73-17.08-.27-.25-.29-.68-.04-.95,.25-.27,.68-.29,.95-.03h0Z"/>
-      <path class="cls-25" d="M1025.13,432.02c-.74-4.4-.36-8.37,2.5-12.29,1.62-2.2,3.82-3.85,6.12-5.26,2.31-1.36,4.78-2.42,7.35-3.06-2.44,.99-4.78,2.21-6.93,3.72-4.6,3.13-7.75,6.81-8.66,12.39-.36,2.18-.38,4.5-.38,4.5Z"/>
-      <path class="cls-25" d="M1004.79,516.69c-8.27-6.91-18.15-11.82-28.67-13.47-8.6-1.17-20.58-.65-27.41,5.2-10.39,8.89-8.06,21.17,.5,30.8,3.53,4.15,7.97,7.35,12.45,10.45,0,0,13.68,9.37,13.68,9.37-7.02-3-13.71-6.85-19.97-11.23-9.79-6.75-18.98-18.5-15.31-31.04,1.69-5.71,5.94-9.89,11.12-12.75,15.06-8.09,43.43-.88,53.61,12.67h0Z"/>
-      <path class="cls-25" d="M986.66,554.13c4.04-.96,8-1.93,11.72-3.65,3.63-1.69,6.22-4.67,8.28-8.06,1.39-2.28,2.46-4.8,3.65-7.36-.12,2.82-.75,5.62-1.93,8.27-1.49,3.29-3.97,6.33-7.18,8.13-4.42,2.34-9.62,2.97-14.54,2.68h0Z"/>
-      <path class="cls-25" d="M917.92,545.12c.31-.28,0,.32,.35,.1,.13-.08,2.15,.2,2.68,.63,5.35,4.42,11.38,7.94,18.03,10.08-8.03-.05-15.62-3.86-21.7-8.91-.04-.04-.34-.28-.38-.32-.12-.09-2.45-1.82-2.4-1.93,.22-.32,3.13,.62,3.42,.35h0Z"/>
-      <path class="cls-25" d="M1064.64,411.63c-5.15-4.32-12.16-5.74-18.72-4.94-2.18,.26-4.32,.78-6.38,1.51-1.47,.46-2.94,1.3-4.37,1.72-.87,.15-1.18,.04-1.2-.91,.11-1.42,1.06-2.76,1.7-4.05,0,0,1.64-2.91,1.64-2.91,0,0-2.77,1.88-2.77,1.88-4.7,3.27-8.32,7.85-10.68,13.03-2.2,4.8-2.52,10.22-1.78,15.41-4.62-1.64-9.14-3.56-13.45-5.88-2.17-1.17-4.28-2.45-6.33-3.8-1.03-.66-2.88-1.8-1.89-3.15,.68-.83,1.75-1,2.8-1.2,1.82-.3,3.65-.41,5.51-.64,3.82-.48,8.3-1.35,12.15-1.85-6.69-.48-13.64-1.37-20.21-2.69-10.09-2.07-20.04-5.61-28.66-11.3-4.25-2.92-8.27-6.31-12.08-9.79-1.08-.98-2.48-2.33-2.48-2.33,0,0,1.42,2.46,1.76,2.93,.22,.32,.44,.63,.67,.95,.12,.17,.26,.38,.46,.66h0c5.84,8.16,12.61,15.71,20.14,22.34,11.45,9.61,23.56,18.63,36.99,25.29,9.47,4.88,19.7,9.14,30.48,10.14,2.14,.19,4.4,.31,6.56,.18,9-.46,17.43-7.63,18.69-16.65,1.49-8.77-1.42-18.37-8.55-23.96Zm4.45,29.23c-3.73,6.43-10.5,9.68-17.83,9.27-15.93-.48-30.57-8.15-44.13-15.91-8.2-4.88-15.8-10.73-23.28-16.65-1.24-.99-3.65-3.04-4.83-4.11-3.48-3.19-6.79-6.58-9.94-10.12-.6-.68,.29-1.65,1.02-1.11,2.49,1.84,5.1,3.51,7.87,4.91,7.02,3.62,14.61,6.21,22.38,7.61,3.37,.6,6.74,1.13,10.14,1.46-.64,.07-1.27,.13-1.91,.18-2.52,.24-5.98-.02-8.18,.89-2.49,.94-2.83,3.84-.61,5.66,.42,.4,1.18,.82,1.64,1.12,2.15,1.29,4.35,2.46,6.56,3.62,8.88,4.58,18.37,7.82,28.04,10.28,5.7,1.22,13.27,3.2,18.73,.36,3.73-1.88,4.95-7.19,2.88-10.7-2.43-4.16-8.24-5.55-12.39-3.22-4.52,2.7-4.68,8.5-1.55,12.36,.37,.48,.84,.97,1.32,1.44-3.03-.3-6.09-1.03-8.67-1.57-4.36-1.1-8.72-2.33-12.99-3.8-.15-1.12-.23-2.27-.27-3.4-.08-3.36,.23-6.78,1.4-9.94,1.78-4.54,4.68-8.72,8.28-12.04-.35,1.03-.45,2.09,.11,3.12,.96,1.44,3.01,.82,4.23,.22,.97-.43,1.93-.82,2.91-1.15,1.97-.66,4.01-1.11,6.06-1.31,6.11-.61,12.56,.78,17.24,4.89,3.11,2.63,5.55,6.02,6.78,9.93,1.78,5.68,1.87,12.43-1.03,17.73Zm-23.12-3.62c-2.08-1.93-3.55-4.87-2.88-7.71,1.53-6.59,11.09-6.2,13.51-.43,1.07,2.8-.02,6.4-2.73,7.87-1.98,1.07-4.35,1.4-6.81,1.34-.38-.37-1.09-1.07-1.09-1.07Z"/>
-      <path class="cls-25" d="M748.58,353.62c-.8,1.58-1.83,3.59-1.83,3.59,0,0,1.94-1.87,3.33-3.04,1.39-1.17,.25-2.08,.25-2.08l-1.76,1.53Z"/>
-      <path class="cls-25" d="M1060.67,342.23c-7.15-11.91-14.17-23.95-20.33-36.4-7.69-15.9-14.52-32.36-21.64-48.53-.6-1.39-3.23-7.75-3.79-8.99-1.12-2.32-3.89-2.41-5.2-.21-1.02,1.8-1.5,3.66-2.36,5.46,0,0-1.49,3.51-1.49,3.51-5.82,14.01-12.74,27.54-19.91,40.89-4.83,8.87-9.82,17.65-15.82,25.8-5.95,8.19-12.64,15.74-19.12,23.53,3.98-3.18,7.51-6.86,10.9-10.66,10.14-11.44,18.43-24.34,25.75-37.73,7.4-13.3,14.13-27.02,20.16-41,1.06-2.35,2.22-5.41,3.73-7.6,.2-.27,.49-.5,.79-.5,.25,0,.5,.01,.78,.3,.67,.78,1.13,1.8,1.53,2.74,.73,1.7,1.55,3.52,2.26,5.22,11.69,28.06,23.83,56.21,40.54,81.72,4.17,6.28,8.49,12.78,13.51,18.41-3.67-5.1-6.99-10.6-10.28-15.95Z"/>
-      <path class="cls-25" d="M775.28,552.87c-2.94-.73-6.16-1.38-9.23-.61-2.09,.52-3.93,1.87-5.34,3.45-.49,.57-1.49,1.72-1.97,2.3-2.25,2.81-6.06,5.92-7.86,9.36-1.26,2.42-1.9,4.89-2.33,7.75,1.78-2.07,3.98-3.86,6.27-5.33,1.68,.73,3.52,1.26,5.34,.75l.02-1.52c-.41,.11-.83,.17-1.26,.19-1.3,0-2.62-.59-3.77-1.18,0,0-.53-.23-.53-.23l-.36,.28c-1.25,.94-2.39,2-3.47,3.11,.06-.16,.13-.31,.19-.46,1.15-2.74,3.09-4.93,5.06-7.12l3.95-4.53c.48-.57,1.45-1.69,1.94-2.25,1.25-1.4,2.74-2.54,4.53-3.09,2.77-.83,5.77-.29,8.59,.18,3.9,.74,7.81,1.68,11.75,2.42-3.83-1.21-7.63-2.46-11.53-3.45Z"/>
-      <path class="cls-25" d="M788.74,555.8c-3.12-1.28-7.47-3.1-10.58-4.25-3.76-1.55-6.71-1.53-9.56,1.72,0,0-1.14-1.06-1.14-1.06,5.4-5.82,10.48-2.01,16.45,.34,0,0,5.24,2.3,5.24,2.3l-.41,.94h0Z"/>
-      <path class="cls-25" d="M828.15,575.66c-.61,.73-1.31,1.36-2.11,1.79-1.66,.91-3.78,1.01-5.57,.43l-.8-.18c-.41,.62-.76,1.22-1.2,2.06-.3,.58-.71,1.33-1.09,2.31-.02-2.52,.2-4.69,.82-7.13,1-3.84,2.83-9.25,6.31-11.4,2.38-1.19,5.17-1.25,7.87-1.3,3.74-.04,7.68,.5,11.44,.3,0,0-.06-1.3-.06-1.3-3.73-.1-7.56-.81-11.35-.9-7.8-.26-11.27,1.11-14.51,8.51-1.94,4.53-2.76,9.51-2.24,14.42,.12,1.69,.6,4.02,.82,5.74,.77-2.02,1.67-4.44,2.62-6.39,.67-1.37,1.22-2.33,1.59-3,2.11,.61,4.34,.71,6.33-.45,.46-.28,.88-.59,1.26-.93,1.21-1.07,.41-3.25-.14-2.58Z"/>
-      <path class="cls-25" d="M849.87,564.7c-3.63,.33-7.28,.47-10.78,1.14-3.28,.61-6.84,1.68-8.3,4.9-1.43,3.14-1.63,6.76-1.61,10.18,.06,3.57,.66,6.96,1.9,10.36,0,0-1.51,.19-1.51,.19,.36-2.99,.98-5.97,2.46-8.63,1.99,.58,4.44,.73,6.23-.42,1.71-1.06,1.97-3.42,2.89-5.13,.78-1.46,1.91-2.86,3.42-3.68,1.03-.53,2.11-.97,3.21-1.33l-.57,1.94c-.67,.37-1.35,.75-1.98,1.19-.94,.74-1.65,1.74-2.18,2.84-.96,2.15-1.39,4.62-3.7,5.93-2.18,1.28-4.87,1.21-7.17,.28,0,0,.96-.36,.96-.36-1.62,3.13-1.9,6.92-2.37,10.39,0,0-1.14-2.64-1.14-2.64-2.36-5.11-2.99-10.92-2.2-16.47,.39-2.78,1.26-5.91,3.44-7.95,4.67-4.1,13.26-3.19,19.02-2.72h0Z"/>
-      <path class="cls-25" d="M855.35,568.14c-3.32,1.51-6.65,3.54-8.16,6.88-1.05,2.74-1.09,5.86-.42,8.7,.51,2.93,2.21,5.43,4.63,7.27,0,0-1.12,.68-1.12,.68-.27-1.95-.63-4.41-.55-6.36,5.17-.89,7.78-3.55,9.27-8.52,0,0,1.61-4.67,1.61-4.67-.33,3.29-.82,6.49-2.22,9.36-1.47,2.98-4.6,4.97-7.91,5.06,0,0,.63-.67,.63-.67-.04,1.63,.36,3.97,.59,5.6,0,0,.23,1.61,.23,1.61l-1.34-.94c-2.78-1.83-4.96-4.69-5.76-7.96-.67-3.26-.45-6.79,.98-9.82,1.93-3.53,5.78-5.47,9.57-6.21h0Z"/>
-      <path class="cls-25" d="M859.95,574.7c1.84-1.45,4.75-2.49,7.4-3.06,1.53-.3,3.02-.41,4.52-.49,1.5-.07,2.99-.1,4.47-.13,1.39-.1,4.72,.16,5.01-1.55,.1-1.93-1.77-3.42-3.27-4.52-1.1-.73-2.43-1.29-3.74-1.39,0,0,0-1.38,0-1.38,3.43,0,8.92,3.7,8.51,7.5-.53,2.93-4.26,2.7-6.5,2.69-1.49-.01-2.96-.04-4.42,.01-1.45,.07-2.9,.14-4.31,.46-2.77,.64-5.98,2.83-8.2,4.95,0,0,.23-2.87,.53-3.11Z"/>
-      <path class="cls-25" d="M881.77,570.15s1.2-.8,2.82-.72,3.18,.97,3.18,.97c-.44-.83-1.14-2.47-3.63-3.9-1.97-1.13-4.32-1.05-4.32-1.05,0,0,.92,.59,1.78,1.7,.87,1.1,.16,3.01,.16,3.01Z"/>
-      <g>
-        <path class="cls-25" d="M811.52,557.37c1.91,.46,3.8,1.06,5.62,1.8,1.69,.75,4.5,1.92,5.72,3.59,.39-.36,.82-.67,1.27-.92-.61-.86-1.48-1.5-2.34-2.12-2.27-1.47-4.74-2.85-7.17-3.88,0,0-3.96,1.31-3.1,1.52Z"/>
-        <path class="cls-25" d="M820.5,565.93c-3.97,.43-8.12-.23-12.13-.4-2.94-.16-5.89-.11-8.82,.1-2.93,.2-5.85,.53-8.75,.96-3.84,.47-8.35,1.76-11.98,.55l-1.33,1.33c4.13,1.58,9.26,.2,13.52-.48,2.87-.45,5.74-.84,8.63-1.05,2.89-.21,5.78-.26,8.66-.11,3.83,.15,7.62,.8,11.46,.57,.23-.51,.47-1,.73-1.48Z"/>
-      </g>
-      <path class="cls-25" d="M785.85,558.1c-3.49-.95-7.07-1.82-10.67-2.12-3.64-.38-6.7,1.02-8.66,4.16-1.01,1.49-1.67,3.12-2.55,4.73-.9,1.63-1.89,3.14-2.71,4.7-1.75,3.1-2.19,6.62-2,10.14,0,0-1.29-.22-1.29-.22,1.11-2.36,2.24-4.7,3.96-6.71,0,0,.35-.38,.35-.38l.55,.18c5.08,1.31,9.68-1.37,13.62-4.21,1.5-1.08,3.03-2.35,4.54-3.33-.97,1.53-2.13,2.91-3.42,4.18-2.58,2.65-5.94,4.53-9.63,5.16-1.89,.31-3.87,.36-5.72-.29,0,0,.89-.2,.89-.2-2.1,2.32-3.48,5.37-4.92,8.15-.19-1.55-.51-3.46-.5-5-.17-3.83,1.18-7.58,3.09-10.83,1.43-2.39,2.59-4.87,4.26-7.13,2.45-3.42,6.11-4.97,10.25-4.17,3.66,.6,7.14,1.8,10.55,3.19h0Z"/>
-      <path class="cls-25" d="M938.47,556.38c-7.05-.73-14.41-1.77-21.45-2.5-5.57-.72-10.07-1.05-13.49,4.21-.99,1.48-1.76,3.2-2.27,4.89-2.52,1.9-3.47,5.17-3.99,8.17,0,0-1.3-.56-1.3-.56,1.53-1.96,3.13-4,5.42-5.15,0,0,.44-.23,.44-.23l.6,.29c1.28,.62,2.73,.8,4.14,.78,0,0,.01,2.35,.01,2.35-.89-.02-1.78-.11-2.66-.3-.92-.22-1.8-.5-2.63-.99,0,0,1.04,.05,1.04,.05-2.75,1.1-4.64,3.66-6.7,5.71,.12-1.42,.22-3.23,.52-4.59,.47-2.58,1.46-5.14,3.45-6.97,0,0-.33,.5-.33,.5,2.01-5.76,5.91-10.54,12.46-10.35,1.66-.04,3.85,.38,5.49,.58,3.57,.52,7.13,1.07,10.7,1.63,3.56,.58,7.13,1.08,10.63,2.07l-.09,.43h0Z"/>
-      <path class="cls-25" d="M924.22,566.41c-1.94,.82-4.15,1.79-6.16,2.28-2.86,.74-5.89,1.01-8.56-.37-1.24,.75-2.32,1.69-3.33,2.71,.41-1.02,.85-2.04,1.35-2.99,.36-.7,.77-1.38,1.19-1.9,0,0,.24-.56,.24-.56,1.07-3.2,2.37-6.7,5.78-8.01,3.38-1.18,7.5-.98,11.16-1.11,6.71-.16,16.78-.33,23.38-.76,0,0,0,0,0,0-6.74-.06-16.53-.93-23.36-1.17-1.94-.08-3.91-.15-5.89-.12-2.95,.03-6.62,.27-9.09,2.39-2.49,1.99-4.18,4.96-4.53,8.13-1.12,1.83-1.73,3.72-2.38,5.73-.41,1.32-.74,2.6-.72,4.01,0,0,.07,2.54,.07,2.55,1.95-2.35,3.79-5.05,6.28-6.85,4.19,2.13,9.26,.52,13.25-1.37,1.16-.57,1.32-2.57,1.32-2.57Z"/>
-      <path class="cls-25" d="M942.49,555.38c-3.09-.01-6.16,.12-9.17,1.08-8.37,3.07-13.42,14.5-13.81,22.91,0,0-.18,3.18-.18,3.18,2.15-2.81,4.24-6.08,7.01-8.31,.05-.04,.1-.08,.16-.12,.08,.06,.16,.11,.25,.17,.79,.53,1.66,.89,2.57,1.11l.5-2.45c-.89-.2-1.74-.55-2.53-1.12l-.76-.49c-.31,.21-.87,.56-1.13,.79-1.2,.95-2.23,2.07-3.18,3.26,.37-1.43,.83-2.84,1.36-4.19,1.86-4.55,4.54-9.02,8.69-11.81,3.01-1.82,6.77-1.97,10.24-2.14,11.68-.18,18.69,.57,28.37-.49-11.92-1.01-16.37-1.03-28.39-1.39Z"/>
-      <path class="cls-25" d="M951.17,558.55c-4.37-.27-9.06-.03-13.07,2.03-3.13,1.56-5.32,4.34-7.05,7.25-2.86,4.84-3.71,10.55-3.47,16.08,0,0,0,3.55,0,3.55,1.41-3.02,2.88-6.31,4.78-9.09,.22,.11,.45,.22,.69,.32,1.56,.67,3.28,1,4.99,.76l-.37-2.19c-1.7,.32-3.57-.17-5.07-.98,0,0-.84-.47-.84-.47-.81,1.23-1.57,2.51-2.26,3.81,.54-4.79,2.17-9.47,5.12-13.29,3.03-4.37,8.24-5.95,13.35-6.26,5.35-.32,10.69,.02,16.08,.16-4.26-.8-8.53-1.42-12.86-1.68Z"/>
-      <path class="cls-25" d="M1015.18,563.7c-4.04-5.24-8.76-9.85-12.88-14.99,0,0-2.89,2.94-2.89,2.94,3.43,2.67,6.64,5.59,9.66,8.7,2.15,2.3,4.36,4.58,6.01,7.25,1.37,2.87-.69,4.94-3.53,5.31-1.95,.33-4.17,.05-6.14-.26-4.35-.63-8.72-.99-13.1-1.2-10.42-.6-21.07,.21-30.88,4.05-3.52,1.28-6.96,2.81-10.68,3.21-2.5,.23-4.98-.43-7.29-1.35-.46-.18-2.23-1.03-2.23-1.03-.84,.95-1.78,2.26-2.53,3.29,.1-.55,.22-1.09,.35-1.61,.49-1.67,1.33-3.34,2.23-4.84,.7-1.13,1.46-2.24,2.34-3.23,1.47-1.64,3.05-3.24,4.98-4.31,3.19-1.76,6.86-2.36,10.46-2.71,3.7-.37,7.45-.61,11.2-.72-3.74-.44-7.5-.62-11.28-.56-4.78,.04-9.98,.71-13.89,3.75-2.33,1.84-4.35,4.04-5.74,6.65-.93,1.73-1.73,3.47-2.26,5.44-.76,2.87-.71,6.01-.86,8.93,1.72-2.47,3.47-5.18,5.44-7.5,2.69,1.84,6.11,2.48,9.33,2.06,3.86-.63,7.43-2.39,11.06-3.64,6.52-2.49,13.45-3.73,20.43-3.97,7.53-.11,15.12,.43,22.56,1.54,4.39,.81,11.24,1.06,12.6-4.39,.61-2.67-.91-4.86-2.48-6.81Z"/>
-      <polygon class="cls-25" points="842.37 577.74 845.39 578.64 846.34 573.71 842.37 577.74"/>
-      <path class="cls-25" d="M852.51,559.93c-1.54,1.36-5.3,3.24-15.44,2.48-10.14-.76-4.3-2.07-4.3-2.07,0,0,5.46,.38,10.7,.3,4.19-.06,5.9-1.21,7.52-2.36,4.17-2.99,4.46-3.82,4.46-3.82l-2.94,5.46Z"/>
-      <path class="cls-25" d="M787.73,554.81c-.66,.6-3.55,.46-6.18-.03-2.63-.5-5.69-.7-5.69-.7,0,0,7.41,1.45,8.99,2.09s-.39,1.03-2.36,.67-1.69-.06-1.69-.06c0,0,4.39,1.24,5.05,1.32,1.39,.18,2.38-1.14,3.48-2.11,.64-.57-1.6-1.18-1.6-1.18Z"/>
-      <path class="cls-25" d="M929.31,551.66c1.49,.82,5.72,3.46,16.93,3.84,11.2,.38-1.49,1.32-5.36,1.28s-8.41-1.4-8.41-1.4l-3.15-3.71Z"/>
-    </g>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/frontend-next/public/images/dragon-book.svg b/frontend-next/public/images/dragon-book.svg
deleted file mode 100644
index 31f51eb8d..000000000
--- a/frontend-next/public/images/dragon-book.svg
+++ /dev/null
@@ -1,235 +0,0 @@
-<svg width="1096" height="1024" viewBox="0 0 1096 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M652.84 516.37L655.57 496.81H661.39L663.89 486.77H667.21L669.61 476.51C669.61 476.51 712.12 478.93 749.44 484.55C786.76 490.17 826.43 499.87 826.43 499.87C826.43 499.87 830.12 453.85 831.88 427.3C833.63 400.75 841.09 361.75 841.09 361.75L847.03 381.57L854.24 352.91L867.19 387.39C867.19 387.39 867.68 364.88 871.36 357.72C875.04 350.56 875.72 339.86 876.39 341.44C877.06 343.02 902.81 414.74 920.98 445.7C939.15 476.66 947.96 494.14 947.96 494.14C947.96 494.14 955.48 504.33 958.31 510.78C961.14 517.24 959.89 522.41 958.92 525.31C957.95 528.21 958 533.77 950.07 540.91C942.15 548.04 933.07 549.85 879.61 540.42C826.15 530.99 774.34 526.59 742.93 524.83C711.52 523.07 652.86 516.38 652.86 516.38L652.84 516.37Z" fill="#E5F7B7"/>
-<path d="M655.09 514.47C655.09 514.47 698.6 509.96 773.53 518.61C848.46 527.26 890.16 538.4 912.52 540.9C934.88 543.41 944.76 538.47 944.76 538.47C944.76 538.47 949.79 536.8 952.68 532.69C955.57 528.58 956.14 523.64 956.27 521.98C956.4 520.31 956.68 518.69 956.27 517.45C955.86 516.21 952.45 510.6 951.59 509.6C950.73 508.6 950.12 507.13 950.12 507.13C950.12 507.13 953.73 510.22 956.48 514.16C959.23 518.1 959.39 523.39 958.89 525.3C958.39 527.21 958.15 540.12 943.24 545.98C933.61 549.76 917.62 547.09 871.8 539.07C825.98 531.05 793.78 527.77 777.34 526.55C760.9 525.33 728.21 522.38 713.15 521.1C698.09 519.82 655.08 514.46 655.08 514.46L655.09 514.47Z" fill="#B4BF8F"/>
-<path d="M702.2 888.02C702.2 888.02 576.88 875.18 575.97 874.24C575.06 873.29 573.81 874.27 575.24 866.6C576.67 858.93 610.77 685.18 616.71 641.48C622.65 597.78 636.23 541.36 638.48 529.91C640.73 518.46 639.62 515.85 647.67 516.03C655.72 516.21 739.33 524.73 773.75 527.61C808.17 530.49 894.49 543.5 912.38 546.01C930.27 548.52 945.04 547.55 952.5 541.21C959.96 534.87 965.23 526.39 965.59 517.28C965.95 508.17 962.71 497.6 962.71 497.6L967.15 493.31C967.15 493.31 974.07 505.43 968.81 526.58C963.55 547.72 920.27 678.91 896.02 778.85C871.78 878.79 863.96 894.74 864.14 899.4C864.32 904.06 858.14 909.92 843.14 910.51C828.14 911.09 823.58 910.18 819.72 905.03C815.86 899.88 702.18 888.02 702.18 888.02H702.2Z" fill="url(#paint0_linear_121_754)"/>
-<path d="M950.06 540.9C956.45 534.8 957.48 529.26 958.91 525.3C960.34 521.35 960.29 514.3 957.21 508.41C955.51 505.15 938.98 479.83 927.55 458.57C916.12 437.31 895.58 391.31 895.58 391.31C895.58 391.31 906.51 352.41 907.19 350.81C907.87 349.21 909.75 353.7 912.65 362.23C915.55 370.76 936.81 423.13 943.46 437.88C950.11 452.63 955.33 462.79 955.33 462.79C955.33 462.79 961.09 491.47 963.53 500.62C965.97 509.76 967.4 518.52 964 525.31C960.6 532.1 960.14 533.92 956.32 537.56C952.5 541.2 950.05 540.9 950.05 540.9H950.06Z" fill="url(#paint1_linear_121_754)"/>
-<path d="M940 480.33C940 480.33 955.17 462.92 963.15 453.35C971.13 443.77 978.18 441.09 985.36 441.48C992.54 441.87 999.94 449.97 1008.96 464.17C1017.98 478.37 1021.23 482.04 1021.23 482.04C1021.23 482.04 1012.53 469.81 998.42 470.88C984.31 471.95 978.66 474.74 974.5 482.04C970.33 489.33 956.32 506.78 956.32 506.78L940 482.17V480.34V480.33Z" fill="#DEEB34"/>
-<path d="M1048.16 768.08C1048.16 768.08 1061.91 744.67 1063.97 734.72C1066.04 724.77 1068.1 712.8 1064.72 701.98C1061.34 691.16 1052.28 678.21 1052.28 678.21C1052.28 678.21 1075.23 682.53 1086.88 704.5C1098.52 726.47 1092.33 742.05 1089.32 753.13C1086.32 764.21 1079.74 782.23 1079.74 782.23C1079.74 782.23 1080.49 762.7 1079.74 755.38C1078.99 748.06 1077.67 744.3 1070.91 749.37C1064.15 754.44 1051.2 767.39 1051.2 767.39L1048.15 768.08H1048.16Z" fill="#DEEB34"/>
-<path d="M1000.21 471.41C1000.21 471.41 1008.15 471.23 1016.68 478.54C1025.21 485.86 1025.5 495.62 1022.56 510.77C1019.63 525.92 1010.68 560.26 1008.56 576.38C1006.44 592.5 1001.9 612.83 1009.63 634.86C1017.36 656.89 1038.81 670.03 1038.81 670.03C1038.81 670.03 1001.4 651.73 992.04 632.15C982.69 612.57 980.25 596.24 985.47 570.71C990.69 545.19 998.42 516.97 1001.7 500.93C1004.99 484.89 1004.21 477.56 1002.86 475.43C1001.51 473.3 1000.2 471.39 1000.2 471.39L1000.21 471.41Z" fill="#DEEB34"/>
-<path d="M1003.79 497.89C1004.96 503.21 1014.23 528.72 1009.61 558.42C1005 588.12 1021.23 519.51 1023.08 507.97C1024.93 496.44 1026.24 488.41 1019.19 481.05C1012.14 473.69 1004.64 471.81 1002.43 471.61L1000.21 471.41C1000.21 471.41 1003.53 475.9 1004.15 482.42C1004.76 488.94 1003.79 497.89 1003.79 497.89V497.89Z" fill="#AAAE11"/>
-<path d="M943.41 478.52L958.16 500.89L954.94 505.85L940 480.33L943.41 478.52Z" fill="#AAAE11"/>
-<path d="M983.57 442.52L1001.12 471.42C1001.12 471.42 1008.92 473.64 1013.96 476.4C1019 479.16 1017.9 476.82 1016.67 475.45C1015.44 474.08 998.61 446.45 996.02 445.7C993.43 444.95 986.21 443.56 985.78 442.52C985.35 441.48 983.56 442.52 983.56 442.52H983.57Z" fill="#AAAE11"/>
-<path d="M987.14 615.44C989.43 621.88 993.41 627.85 999.81 635.72C1006.21 643.59 1015.88 647.36 1015.88 647.36L1025.94 661.42C1025.94 661.42 1006.91 651.69 997.13 638.43C987.35 625.17 987.14 615.44 987.14 615.44V615.44Z" fill="#AAAE11"/>
-<path d="M1087.14 753.97C1089.82 743.76 1086.5 723.73 1077.95 711.87C1069.4 700.01 1064.55 696.94 1064.55 696.94L1055.24 678.2C1055.24 678.2 1074.61 684.02 1084.89 701.07C1095.17 718.12 1094.36 731.04 1093.15 737.31C1091.93 743.58 1087.14 753.96 1087.14 753.96V753.97Z" fill="#AAAE11"/>
-<path d="M663.11 494.49C663.11 494.49 693.21 493.65 740.1 497.72C786.99 501.79 880.38 524.04 910.43 533.48C910.43 533.48 826.19 514.19 796.33 509.37C766.47 504.54 699.89 496.46 682.16 496.68C664.42 496.9 663.12 494.49 663.12 494.49H663.11Z" fill="#B4BF8F"/>
-<path d="M870.81 367.6C870.81 367.6 878.9 401.49 895.58 431.57C912.25 461.65 943.52 499.9 947.27 503.92C951.02 507.94 926.63 481.64 915.5 468.77C904.37 455.9 883.1 416.83 876.66 407.89C870.22 398.94 867.26 384.98 867.26 384.98C867.26 384.98 868.92 367.47 869.24 367.6C869.56 367.73 870.81 367.6 870.81 367.6Z" fill="#B4BF8F"/>
-<path d="M850.87 369.64C850.87 369.64 862.73 403.37 880.18 430.63C897.63 457.89 938.14 501.85 938.14 501.85C938.14 501.85 908.67 476.15 876.07 430.63C843.47 385.12 847.76 378.65 847.76 378.65L850.88 369.63L850.87 369.64Z" fill="#B4BF8F"/>
-<path d="M934.45 530.61L940.81 506.78C940.81 506.78 949.74 513.68 950.15 517.88C950.56 522.09 950.05 527.02 943.27 529.69C936.49 532.36 934.44 530.61 934.44 530.61H934.45Z" fill="#B4BF8F"/>
-<path d="M4.32007 678.12C4.32007 678.12 12.2001 604.24 32.8901 544.94C53.5801 485.64 72.8001 435.61 101.45 389.31C130.1 343.01 180.92 284.36 206.21 262.03C231.5 239.7 240.77 233.22 254.68 233.08C268.58 232.94 271.24 244.93 272.74 262.03C274.25 279.14 283.28 334.28 288.09 356.38C292.9 378.48 299.63 407.57 299.63 407.57C299.63 407.57 315.06 348.37 339.66 299.3C364.26 250.23 388.38 226.79 400.36 222.99C412.34 219.19 420.25 221.01 429.33 226.2C438.41 231.39 448.75 249.11 448.75 249.11C448.75 249.11 464.7 234.94 474.2 225.6C483.7 216.26 502.13 185.22 502.13 185.22C502.13 185.22 458.61 169.33 426.14 132.18C393.67 95.03 380.17 66.95 379.66 58.54L379.15 50.13C379.15 50.13 410.82 78.46 446.68 100.33C482.54 122.2 504.02 125.53 519.05 132.42C534.08 139.31 537.07 137.41 538.53 142.89C539.99 148.37 542.4 152.56 542.4 152.56C542.4 152.56 553.11 145.17 574 145.35C594.89 145.53 597.95 147.95 597.95 147.95C597.95 147.95 580.33 126.46 566.14 91.4C551.95 56.34 548.35 31.77 547.84 25.4C547.33 19.03 546.64 9.45996 546.64 9.45996C546.64 9.45996 571.28 59.04 601.86 90.38C632.44 121.72 642.58 118.49 646.2 127.84C649.81 137.19 645.18 144.7 644.42 149.52C643.66 154.34 644.49 162.29 644.49 162.29C644.49 162.29 643.9 163.1 650.01 169.09C656.12 175.08 673.12 191.87 678.77 203.51C684.42 215.14 683.39 220.74 680.68 224.11C677.97 227.48 677.82 227.29 678.26 229C678.7 230.71 681.45 233.34 681.06 239.26C680.67 245.18 679.25 255.27 679.86 257.33C680.47 259.39 691.4 269.61 703.58 280.13C715.76 290.65 720.64 294.86 720.64 294.86C720.64 294.86 728.68 286.96 738.26 290.28C747.85 293.6 753.23 300.13 751.72 314.62C750.21 329.11 742.5 340.64 742.5 340.64C742.5 340.64 741.54 347.97 738.26 355.37C734.98 362.77 730.49 366.31 730.49 366.31L731.16 353.55C731.16 353.55 726.75 361.63 724.62 366.68C722.49 371.73 711.54 379.98 697.43 380.9C683.32 381.83 680.12 381.21 680.12 381.21L677.59 382.87L677 378.97C677 378.97 660.44 373.73 653.14 360C645.84 346.27 633.44 330.26 621.74 319.58C610.04 308.9 611.63 307.76 598.97 308.28C586.31 308.8 557.97 319.19 543.43 306.73C528.89 294.27 511.52 264.64 511.52 264.64C511.52 264.64 471.7 313.6 460.34 393.35C448.98 473.1 458.06 556.12 486 648.88C513.95 741.64 522.2 757.54 529.53 796.59C536.86 835.64 539.67 862.09 539.67 862.09C539.67 862.09 567.37 824.2 567.87 794.79C568.37 765.38 556.55 731.07 551.51 709.5C546.47 687.94 550.11 672.68 553.51 662.25C556.91 651.82 561.75 646.79 564.26 645C566.77 643.21 571.25 641.5 571.25 641.5L566.59 653.56C566.59 653.56 574.91 655.28 580.39 659.25C585.87 663.22 589.31 671.48 588.24 676.36C587.17 681.24 587.02 687.11 587.02 687.11C587.02 687.11 589.53 679.94 598.49 672.6C607.45 665.25 613.25 662.4 613.25 662.4L574.49 870.52C574.49 870.52 573.8 874.4 577.98 875C582.16 875.6 625.21 881.4 625.21 881.4L702.17 888.05C702.17 888.05 703.17 884.06 704.63 878.27C706.09 872.48 714 856.51 714 856.51L714.95 871.41C714.95 871.41 719.69 872.79 723.82 874.62C727.95 876.45 731.92 878.27 731.92 878.27C731.92 878.27 734.67 867.28 737.58 863.62C740.48 859.95 746.41 853.74 746.41 853.74L742.04 870.04C742.04 870.04 746.47 870.8 751.96 874.32C757.45 877.84 763.06 885.17 763.06 885.17C763.06 885.17 766.98 879.67 769.56 877.53C772.13 875.39 774.54 874.63 774.54 874.63L778.1 862.86L782.69 876.01C782.69 876.01 791.56 877.46 794.77 884.07C797.98 890.68 800.58 897.54 800.58 897.54C800.58 897.54 806.63 897.56 809.72 899.55C812.81 901.54 814.19 907.35 812.5 911.47C810.82 915.6 801.02 930.12 788.88 929.66C776.73 929.2 767.41 922.8 767.41 922.8C767.41 922.8 762.81 933.48 749.21 943.11C735.61 952.74 712.07 960.08 710.39 959.93C708.71 959.78 709.79 990.12 706.8 1005.45C703.81 1020.78 699.71 1036.66 699.71 1036.66H160.76C160.76 1036.66 177.03 995.13 214.36 955.09C251.69 915.05 280.88 884.87 310.37 823.7C339.87 762.54 342.19 707.19 347.71 675.91C353.23 644.63 352.3 575.71 352.3 575.71C352.3 575.71 333.93 565.74 321.48 555.6C309.03 545.46 300.72 542.18 300.72 542.18C300.72 542.18 292.35 554.55 283.61 575.06C274.86 595.57 264.21 617.67 264.21 617.67C264.21 617.67 265.01 597.97 267.91 573.12C270.81 548.27 275.4 520.48 275.4 520.48C275.4 520.48 258 506.46 242.77 520C227.54 533.53 220.54 555.53 214.74 577.04C208.94 598.55 202.68 625.64 202.68 625.64C202.68 625.64 199.27 572.19 196.25 549.74C193.23 527.28 186.99 517.62 176.06 521.46C165.13 525.3 155.03 536.71 143.19 575.08C131.35 613.45 127.48 653.9 126.51 658.73C125.54 663.56 124.09 684.11 124.09 684.11C124.09 684.11 114.07 639.16 111.83 612.57C109.59 585.99 107.17 558.19 104.75 550.22C102.33 542.24 93.4401 532.1 80.3401 540.07C67.2401 548.04 53.7401 565.98 35.8701 601.94C18.0001 637.9 4.30005 678.17 4.30005 678.17L4.32007 678.12Z" fill="#A6CF3D"/>
-<path d="M524.59 1033.99C524.59 1033.99 532.39 1015.81 533.63 1010.65C534.88 1005.48 537.02 999.07 537.02 999.07L556.09 982.32L551.1 998.54C551.1 998.54 572.48 987.8 591.73 961.63C610.97 935.46 614.36 925.66 619.35 909.62C624.34 893.58 625.24 881.38 625.24 881.38L700.6 887.89C700.6 887.89 706.99 916.06 708.08 945.17C709.17 974.28 708.29 997.41 704.66 1014.4C701.02 1031.39 699.71 1036.64 699.71 1036.64L524.59 1034V1033.99Z" fill="#DEEB34"/>
-<path d="M538.95 859.6C538.95 859.6 560.82 827.85 564.76 798.73C568.7 769.61 563.31 746.97 555.52 726.02C547.73 705.07 547.11 687.06 550.32 674.64C553.53 662.22 558.78 652.69 561.53 648.83C564.28 644.97 571.27 641.47 571.27 641.47C571.27 641.47 568.42 647.29 567.26 649.67C566.1 652.05 566.61 653.53 566.61 653.53C566.61 653.53 575.74 654.15 580.41 659.22C585.08 664.29 584.81 668.84 586.54 672.59C588.26 676.34 587.16 684.72 587.16 684.72C587.16 684.72 589.2 680.14 596.57 674.25C603.94 668.35 613.26 662.38 613.26 662.38L620.19 629.93C620.19 629.93 594.57 575.85 585.59 555.64C576.61 535.43 563.87 497.59 560.64 463.58C557.41 429.57 555.12 414.34 559.07 383.24C563.03 352.15 581.15 316.44 581.15 316.44C581.15 316.44 557.53 317.56 543.44 306.73C529.35 295.9 524.76 288.11 520.06 278.1C515.35 268.09 511.8 262.17 511.8 262.17C511.8 262.17 477.72 311.52 466.27 363.09C454.82 414.66 452.48 484.72 462.47 547.32C472.46 609.92 489.46 660.72 499.74 690.58C510.02 720.44 518.31 743.52 526.32 781.08C534.33 818.64 538.94 859.62 538.94 859.62L538.95 859.6Z" fill="#DEEB34"/>
-<path d="M518.45 130.95C518.9 131 535.86 130.11 550.89 134.13C565.92 138.15 576.19 143.8 576.19 143.8C576.19 143.8 565.38 142.65 557.74 145.82C550.1 148.99 541.3 150.37 541.3 150.37C541.3 150.37 542.57 142.31 536.47 139.04C530.37 135.77 518.47 130.95 518.47 130.95H518.45Z" fill="#30923A"/>
-<path d="M415.98 235.65C415.98 235.65 424.57 222.64 437.19 210.97C449.81 199.3 468.93 191.23 477.15 188.54C485.38 185.85 494.2 183.16 494.2 183.16L502.87 186.69C502.87 186.69 487.17 203.76 463.71 241.87C440.24 279.98 418.11 312.24 400.45 360.08C382.8 407.93 371.04 454.26 366.35 479.5C361.66 504.74 358.28 535.61 358.28 535.61L345.68 513.16L325.33 474.67C325.33 474.67 329.83 465.52 341.05 455.08C352.27 444.64 363.93 434.85 369.19 419.17C374.45 403.49 382.34 384.77 389.21 366.82C396.08 348.87 399.3 340.14 396.65 336.16C393.99 332.18 385.08 334.83 375.79 341.47C366.5 348.11 356.69 360.08 356.69 360.08C356.69 360.08 366.69 336.54 376.93 324.97C387.17 313.4 395.33 307.33 404.81 302.02C414.29 296.71 424.94 287.42 431.95 276.23C438.95 265.04 454.46 238.25 459.44 232.04C464.42 225.82 466.17 218.87 461.94 217.02C457.7 215.17 443.32 216.63 435.55 221.68C427.77 226.73 416 235.66 416 235.66L415.98 235.65Z" fill="#30923A"/>
-<path d="M263.62 775.68C263.87 775.22 272.1 761.44 283.58 754.65C295.05 747.85 304.54 747.73 307.24 755.66C309.94 763.59 306.78 781.89 298.52 805.24C290.26 828.59 276.19 854.73 258.08 879.18C239.97 903.63 228.88 917.89 221.41 924C213.94 930.11 185.47 940.06 165.88 951.69C146.29 963.32 135.27 971.28 129.14 981.39C123.02 991.49 117.81 1008.4 117.81 1008.4C117.81 1008.4 129.1 995.53 140.37 988.18C151.64 980.83 162.03 985.38 166.4 988.13C170.77 990.88 167.88 1002.8 166.3 1011.96C164.72 1021.11 162.22 1026.22 162.22 1026.22C162.22 1026.22 193.09 978.06 210.48 959.3C227.88 940.54 261.39 903.88 284.96 869.46C308.53 835.05 326.6 790.04 335.17 757.59C343.74 725.14 343.04 678.42 348.29 642.23C353.54 606.04 355.12 575.9 355.12 575.9L337.45 569.66C337.45 569.66 336.09 579.41 333.33 613.7C330.57 647.99 327.22 682.92 308.53 707.99C289.84 733.07 285.85 729.72 275.16 747.18C264.47 764.64 263.61 775.67 263.61 775.67L263.62 775.68Z" fill="#30923A"/>
-<path d="M563.23 227.79C563.23 227.79 570.52 223.95 576.28 223.8C582.05 223.65 592.19 224.66 601.99 230.3C611.8 235.94 621.81 233.84 623.64 240.66C625.46 247.48 629.15 266.45 629.15 266.45C629.15 266.45 625.63 260.5 621.75 260.29C617.87 260.08 599.05 263.31 583.57 251.98C568.09 240.65 563.23 227.79 563.23 227.79Z" fill="white"/>
-<path d="M665.63 246.95C665.63 246.95 667.96 234.5 668.4 233.47C668.84 232.44 676.88 227.93 677.2 227.72C677.52 227.51 678.16 230.62 677.2 235.38C676.24 240.14 670.32 251.39 670.32 251.39L665.63 246.96V246.95Z" fill="#D4D4D4"/>
-<path d="M493.29 377.45C489.48 400.94 485.16 467.06 495.97 525.31C506.77 583.56 524.59 622.86 524.59 622.86C524.59 622.86 512.76 571.59 507.21 542.39C501.65 513.19 498.08 483.09 495.97 452.58C493.87 422.06 493.29 377.45 493.29 377.45V377.45Z" fill="white"/>
-<path d="M716.24 334.84C716.24 334.84 719.05 338.57 726.74 339.8C734.43 341.03 740.89 334.23 743.34 328.44C745.79 322.65 751.35 309.34 747.4 298.62C743.45 287.9 753.9 304.15 751.74 314.6C749.58 325.05 741.88 342.76 741.4 343.96C740.92 345.16 736.96 349.78 732.58 348.88C728.2 347.98 721.84 345.94 719.44 343C717.04 340.06 716.24 334.85 716.24 334.85V334.84Z" fill="#30923A"/>
-<path d="M718.15 356.64C719.12 353.88 720.32 352.38 722.26 353.13C724.2 353.88 722.86 358.66 721.21 362.1C719.57 365.54 718.37 368.06 714.86 370.01C711.35 371.96 702.26 373.18 702.26 373.18C702.26 373.18 694.77 375.83 685.8 375.09L680.72 379.8C680.72 379.8 699.3 381.79 710.61 377.04C721.92 372.29 724.5 364.63 727.42 360.75C730.34 356.87 731.86 351.38 731.91 351.18C731.96 350.98 733.7 348.95 730.27 347.68C726.83 346.41 723.18 343.07 720.9 345.75C718.62 348.43 718.17 356.65 718.17 356.65L718.15 356.64Z" fill="#30923A"/>
-<path d="M701.96 370.19C699.28 369.86 697.01 368.78 697.06 367.31C697.11 365.84 698.43 364 703.21 364.79C707.99 365.58 701 360.81 698.01 360.64C695.02 360.47 691.34 361.48 691.23 361.69C691.12 361.9 688.5 368.72 688.5 368.72C688.5 368.72 690.02 367.31 693.33 368.72C696.64 370.14 700.95 371.14 700.95 371.14L701.96 370.18V370.19Z" fill="#30923A"/>
-<path d="M683.61 380.22C685.08 379.45 690.97 374.83 693.33 368.73C695.69 362.63 689.7 363.74 689.7 363.74C689.7 363.74 685.5 373.99 683.61 376.03C681.72 378.08 680.19 379.71 680.19 379.71L683.61 380.21V380.22Z" fill="#30923A"/>
-<path d="M716.24 334.84C716.24 334.84 711.04 345.78 696.66 350.97C682.28 356.15 670.04 349.6 664.87 342.91C659.7 336.22 662.27 324.59 662.27 324.59L653.44 327.75C653.44 327.75 651.36 339.85 657.42 346.92C663.47 354 680.07 359.88 679.87 360.99C679.67 362.1 685.67 363.77 689.22 362.48C692.77 361.19 703.28 358.24 707.98 352.97C712.68 347.7 714.09 343.36 715.11 340.74C716.13 338.12 716.24 334.84 716.24 334.84V334.84Z" fill="#30923A"/>
-<path d="M674.03 312.34C672.33 313.33 670.94 314.83 671.04 317.67C671.14 320.51 673.88 322.49 677.49 322.04C681.1 321.59 684.25 321.71 686.57 322.04C688.89 322.37 691.48 322.64 691.48 322.64C691.48 322.64 686.37 319.11 681.26 316.59C676.15 314.06 674.03 312.34 674.03 312.34Z" fill="#30923A"/>
-<path d="M731.18 319.57C731.18 319.57 731.51 313.99 732.56 310.43C733.61 306.87 735.72 303.72 739.32 302.87C742.93 302.02 745.39 304.77 745.34 307.33C745.28 309.89 741.58 308.09 738.82 310.44C736.07 312.79 731.18 319.58 731.18 319.58V319.57Z" fill="#30923A"/>
-<path d="M668.37 327.92C668.37 327.92 660.76 326.67 657.17 322.64C653.58 318.61 654.13 309.28 659.4 303.03C664.67 296.77 659.4 303.89 659.31 310.43C659.22 316.97 659.45 317.14 661.27 320.59C663.09 324.04 668.37 327.92 668.37 327.92Z" fill="#30923A"/>
-<path d="M598.58 287.33C606.21 287.09 612.73 286.49 619.68 287.77C626.63 289.06 655.53 313.65 655.53 313.65C655.53 313.65 657.19 320.7 659.73 322.64C662.27 324.58 661.27 326.11 661.27 326.11L657.5 330.74L651.58 327.92C651.58 327.92 621.22 296.26 614.36 292.49C607.5 288.72 599.26 288.2 599.26 288.2L598.58 287.33V287.33Z" fill="#30923A"/>
-<path d="M631.04 271.34C631.04 271.34 601.67 269.76 582.99 253.84C564.31 237.92 578.12 248.31 578.12 248.31C578.12 248.31 590.32 260.12 603.62 260.3C616.92 260.48 623.77 259.82 626.09 261.26C628.41 262.7 631.04 271.34 631.04 271.34V271.34Z" fill="#30923A"/>
-<path d="M640.16 251.83C638.76 252.41 635.59 253.43 632.89 258.15C630.19 262.88 631.04 271.33 631.04 271.33C631.04 271.33 630.05 262.93 627.74 254.65C625.43 246.36 621.29 239.19 621.29 239.19C621.29 239.19 625.44 238.54 630.03 235.38C634.61 232.22 637 226 637 226C637 226 637.73 230.81 635.85 235.89C633.96 240.98 634.55 244.71 635.4 247.16C636.54 250.47 640.17 251.83 640.17 251.83H640.16Z" fill="#30923A"/>
-<path d="M543.45 219.94C543.45 219.94 549.96 212.62 566.15 211.5C582.34 210.37 597.23 217.45 609.98 222.12C622.72 226.78 627.34 227.65 630.73 227.46C634.12 227.27 636.3 223.94 636.2 222C636.2 222 637.81 235.38 625.15 235.89C612.49 236.4 598.84 228.29 586.47 222.76C574.1 217.23 568.61 214.54 559.99 215.44C551.37 216.34 543.46 219.95 543.46 219.95L543.45 219.94Z" fill="#30923A"/>
-<path d="M543.45 219.94C543.45 219.94 556.42 228.11 567.26 239.55C578.1 250.99 562.18 231.16 562.49 229.43C562.8 227.7 566.96 227.78 572.75 225.12C578.54 222.46 579.33 218.81 570.55 217.06C561.77 215.3 553.27 216.01 550.02 217.06C546.77 218.11 543.44 219.95 543.44 219.95L543.45 219.94Z" fill="#30923A"/>
-<path d="M634.66 157.89C634.66 157.89 645.57 166.32 659.68 187.01C673.79 207.7 675.39 224.62 675.56 226.6C675.73 228.58 668.4 231.13 668.4 231.13C668.4 231.13 664.24 206.5 655.11 190.17C645.99 173.84 634.66 157.89 634.66 157.89V157.89Z" fill="#30923A"/>
-<path d="M669.06 192.25C673.17 198.25 676.32 209.98 674.27 219.02C672.22 228.07 674.73 228.3 677.71 226.2C680.69 224.1 683.35 225.48 681.73 215.95C680.11 206.42 678.91 204.06 675.57 198.71C672.23 193.35 669.06 192.25 669.06 192.25V192.25Z" fill="#30923A"/>
-<path d="M670.55 251.91C670.55 251.91 673.85 248.32 675.57 241.62C677.29 234.91 678.43 229.43 678.43 229.43C678.43 229.43 680.82 237.57 680.57 244.97C680.32 252.37 679.26 260.62 679.26 260.62L670.55 251.91Z" fill="#30923A"/>
-<path d="M545.62 155.85C549.04 153.37 564.17 145.31 581.54 146.76C598.9 148.21 580.18 144.29 569.77 144.75C559.36 145.21 546.26 147.62 544.28 148.52C542.31 149.42 541.59 151 541.59 151L545.62 155.84V155.85Z" fill="#30923A"/>
-<path d="M566.15 155.12C566.15 155.12 572.56 154.2 583.46 155.12C594.36 156.04 607.24 160.83 607.24 160.83C607.24 160.83 607.32 168.57 600.16 165.54C592.99 162.52 574.7 156.65 574.39 156.57C574.08 156.49 566.15 155.11 566.15 155.11V155.12Z" fill="#30923A"/>
-<path d="M649.05 248.98C653.78 247.91 659.05 245.71 661.25 240.66C663.45 235.61 660.37 217.02 654.43 203.04C648.49 189.07 639.23 174.76 628.24 161.45C617.24 148.14 596.16 127.86 596.16 127.86C596.16 127.86 618.5 141.02 629.93 154.36C641.36 167.71 654.12 188 661.05 203.44C667.97 218.88 669.57 231.29 668.42 237.58C667.27 243.87 664.81 247.43 659.95 248.3C655.08 249.16 649.07 248.97 649.07 248.97L649.05 248.98Z" fill="#30923A"/>
-<path d="M592.3 141.7L600.86 142.89L603.91 150.29L596.15 148.57L592.3 141.7Z" fill="#30923A"/>
-<path d="M623.24 145.82C627.21 146.52 633.77 148.47 636.25 145.82C638.73 143.17 639.75 134.39 638.73 130.9C637.71 127.42 622.4 118.23 608.55 104.23C594.7 90.23 568.33 63.95 548.97 18.15C548.97 18.15 568.99 51.65 587.95 74.49C606.91 97.33 633.39 116.23 641.03 121.7C648.67 127.17 648.6 133.87 647.15 139.37C645.7 144.86 644.69 162.99 644.69 162.99C644.69 162.99 637.59 158.14 632.19 155.12C626.79 152.1 623.41 148.98 623.41 148.98L623.22 145.81L623.24 145.82Z" fill="#30923A"/>
-<path d="M396.57 90.5701C405.92 105.09 420.54 123.34 448.75 144.72C476.96 166.1 522.9 190.17 522.9 190.17C522.9 190.17 472.44 175.53 450.43 155.12C428.42 134.71 412.4 121.48 407.04 111.32C401.68 101.16 396.58 90.5701 396.58 90.5701H396.57Z" fill="#30923A"/>
-<path d="M522.9 190.17C522.9 190.17 512.05 188.74 503.58 198.15C495.11 207.56 453.48 260.57 431.96 304.98C410.43 349.39 395.98 384.91 380.19 448.84C364.4 512.78 365.09 542.39 365.09 542.39L358.78 533.56C358.78 533.56 364.01 483.93 372.01 453.5C380.01 423.07 396.47 366.72 406.69 344.26C416.91 321.8 435.01 281.79 451.09 259.06C467.17 236.33 502.14 185.21 502.14 185.21C502.14 185.21 510.4 186.81 511.05 186.68C511.7 186.55 522.9 190.16 522.9 190.16V190.17Z" fill="#30923A"/>
-<path d="M275.59 527.71C277.42 539.98 281.94 549.15 284.34 553.38C286.74 557.61 288.96 561.56 288.96 561.56L299.83 541.4L275.4 520.44L275.6 527.71H275.59Z" fill="#30923A"/>
-<path d="M264.94 610.23C264.94 610.23 271.64 588.55 277.84 573.09C284.05 557.62 291.24 547.04 291.24 547.04L295.19 551.27L264.94 610.23V610.23Z" fill="#30923A"/>
-<path d="M316.48 391.19C316.48 391.19 338.04 347.92 355.31 320.59C372.58 293.26 386.76 287.1 396.01 285.66C405.26 284.22 412.57 291.91 414.11 294.5C414.11 294.5 421.72 291.1 427.97 280.93C434.21 270.76 443.69 271.06 427.97 263.46C412.25 255.86 385.51 252.87 374.47 268.01C363.44 283.14 346.44 311.03 339.66 330.89C332.88 350.75 316.49 391.2 316.49 391.2L316.48 391.19Z" fill="#30923A"/>
-<path d="M377.53 260.75C383.15 254.76 393.48 246.34 406.1 242.77C418.73 239.2 427.18 245.11 431.95 249.1C436.71 253.1 441.34 260.74 441.34 260.74L435.65 266.2C435.65 266.2 423.45 251.08 411.08 250.17C398.71 249.26 377.53 260.74 377.53 260.74V260.75Z" fill="#30923A"/>
-<path d="M410.49 222.54C414.49 222.67 423.7 224.61 430.71 233.05C437.72 241.48 443.41 255.13 443.41 255.13L448.83 248.35C448.83 248.35 440.83 232.06 429.66 226.39C418.49 220.72 411.09 220.98 411.09 220.98L410.49 222.54Z" fill="#30923A"/>
-<path d="M332.23 461.78C334.44 449.97 346.52 404.35 351.53 387.39C356.54 370.43 362.14 368.96 363.9 369.25C365.66 369.54 369.04 380.32 369.04 397.19C369.04 414.06 369.21 425.23 369.21 425.23C369.21 425.23 352.12 452.59 344.46 459.83C336.8 467.06 332.23 461.79 332.23 461.79V461.78Z" fill="#30923A"/>
-<path d="M307.03 426.42L314.44 401.78C314.44 401.78 314.22 444.47 314.44 450.2C314.66 455.93 307.03 426.43 307.03 426.43V426.42Z" fill="#30923A"/>
-<path d="M65.6899 481.9C65.6899 481.9 87.3999 448.99 110.51 413.17C133.63 377.35 160.55 343.32 178.59 325.79C196.63 308.26 211.1 298.61 225.84 296.58C240.57 294.55 248.96 305.6 253.53 317.6C258.1 329.6 263.18 352.79 273.6 385.52C284.01 418.25 291.28 435.78 300.73 457.88C310.18 479.98 338.88 523.04 338.88 523.04C338.88 523.04 294.14 440.04 283 391.39C271.86 342.74 264.47 306.4 258.11 292.72C251.75 279.04 243.87 272.14 226.1 274.73C208.33 277.32 184.54 302.72 160.31 329.97C136.07 357.21 113.55 394.66 102.65 411.14C91.75 427.62 65.7 481.9 65.7 481.9H65.6899Z" fill="#30923A"/>
-<path d="M111.84 514.59C111.84 514.59 127.02 485.18 133.32 472.91C139.62 460.64 145.09 449.69 147.08 449.69C149.07 449.69 149.4 454.17 147.08 462.79C144.76 471.41 139.11 500.39 139.11 500.39C139.11 500.39 154.33 438.99 161.87 424.49C169.42 409.99 170.47 402.98 167.81 404.26C165.14 405.54 164.33 406.56 156.7 417.53C149.07 428.5 131.46 467.56 127.26 476.93C123.06 486.31 111.83 514.59 111.83 514.59H111.84Z" fill="#30923A"/>
-<path d="M194.05 474.61C194.05 474.61 203.62 437.83 207.45 424.34C211.27 410.85 214.49 411.57 216.07 413.11C217.65 414.65 218.01 422.74 219.08 431.89C220.15 441.04 224.69 474.6 224.69 474.6C224.69 474.6 221.37 409.63 222.55 394.66C223.73 379.69 223.16 369.01 220.84 371.55C218.53 374.09 214.8 382.84 211.91 392.16C209.02 401.48 202.59 429.58 200.62 439.3C198.65 449.02 194.05 474.6 194.05 474.6V474.61Z" fill="#30923A"/>
-<path d="M6.72998 670.28C6.72998 670.28 13.42 640.41 28.44 600.71C43.47 561.01 59.73 541.39 73.12 530.82C86.51 520.25 104.13 523.74 108.83 533.86C113.53 543.98 111.13 572.47 114.27 611.64C117.42 650.81 108.36 580.4 107.42 565.83C106.48 551.26 102.72 539.99 92.38 537.4C82.04 534.82 71.47 545.86 59.02 564.42C46.57 582.98 34.5799 602.01 28.4799 617.99C22.3699 633.97 6.72998 670.28 6.72998 670.28V670.28Z" fill="#30923A"/>
-<path d="M123.01 669.16C123.01 669.16 121.53 651.83 127.4 611.65C133.27 571.47 141.07 551.62 150.9 535.61C160.2 520.45 167.21 513.87 176.76 512.32C188.29 510.45 194.7 521 197.01 538.23C199.33 555.46 193.7 530.74 188.16 524.44C182.62 518.14 169.93 519.78 164.76 528.48C159.59 537.17 144.32 564.19 138.92 590.04C133.52 615.88 127.75 648.21 126.53 658.69C125.31 669.18 123.02 669.16 123.02 669.16H123.01Z" fill="#30923A"/>
-<path d="M382.09 584.38C361.19 576.12 336.13 562.47 318.98 545.63C301.83 528.8 295.23 521.27 281.57 512.1C267.91 502.93 253.79 502.29 240.69 510.43C227.59 518.57 221.17 530.36 214.76 555.76C208.34 581.16 204.22 611.72 204.22 611.72C204.22 611.72 217.34 558.79 228.38 539.32C239.42 519.85 247.51 513.75 260.38 514.23C273.25 514.72 285.92 527.55 302.11 542.76C318.3 557.97 334.04 567.26 349.55 574.13C365.05 580.99 382.1 584.38 382.1 584.38H382.09Z" fill="#30923A"/>
-<path d="M528.13 802.64C529.43 815.43 530.94 842.38 530.19 853.35C529.44 864.32 528.13 873.18 528.13 873.18L540.95 860.26C540.95 860.26 540.55 849.22 536.94 833.52C533.33 817.82 528.13 802.64 528.13 802.64V802.64Z" fill="#30923A"/>
-<path d="M582.76 875.63C582.76 875.63 581.18 883.85 581.04 885.11C580.9 886.37 582.16 886.92 585.5 887.48C588.85 888.04 622.86 892.5 622.86 892.5L625.29 878.99L582.76 875.63Z" fill="#30923A"/>
-<path d="M609.71 884.06C609.71 884.06 606.22 908.52 593.21 937.22C580.2 965.92 554.88 993.52 554.88 993.52C554.88 993.52 576.38 981.66 590.89 962.74C605.4 943.82 615.29 924.04 618.81 911.33C622.33 898.62 623.55 888.65 623.55 888.65L609.71 884.05V884.06Z" fill="#30923A"/>
-<path d="M567.85 957.74C567.85 957.74 544.24 986.93 497.29 1002.11C450.35 1017.3 411.12 1024.18 387.08 1023.43C363.04 1022.68 430.68 1033.59 450.08 1031.76C469.48 1029.93 524.58 1036.63 524.58 1036.63L538.18 997.19C538.18 997.19 549.93 994.08 554.87 986.24C559.81 978.4 561.64 972.91 563.67 969.18C565.7 965.45 567.84 957.75 567.84 957.75L567.85 957.74Z" fill="#30923A"/>
-<path d="M764.01 925.88C755.35 934.14 741.43 940.15 729.8 941.83C718.17 943.52 708.8 941.83 708.8 941.83L701.56 892.49C701.56 892.49 704.91 909.59 719.51 915.91C734.11 922.23 738.25 920.93 738.25 920.93C738.25 920.93 742.39 925.5 750.45 925.71C758.51 925.93 764.01 925.88 764.01 925.88V925.88Z" fill="#30923A"/>
-<path d="M735.49 918.99C727.89 913.86 723.72 902.71 723.72 890.7C723.72 878.69 725.11 878.99 722.83 877.31C720.55 875.62 713.37 873.47 713.37 873.47C713.37 873.47 718.89 873.06 724.43 874.84C729.97 876.62 731.66 880.19 731.66 880.19C731.66 880.19 729.08 892.39 731.16 902.11C733.24 911.83 735.49 918.99 735.49 918.99V918.99Z" fill="#30923A"/>
-<path d="M707.37 895.76C708.59 899.36 711.22 904.74 719.21 910.01C727.2 915.27 735.49 914.88 735.49 914.88L738.26 920.93C738.26 920.93 726.33 921.11 717.95 914.19C709.57 907.27 707.38 895.75 707.38 895.75L707.37 895.76Z" fill="#30923A"/>
-<path d="M736.3 913.54C738.16 916.69 743.16 919.67 749.22 920.93C755.28 922.19 761.74 918.58 763.09 916.43C764.44 914.29 766.76 921.59 766.76 921.59C766.76 921.59 760.19 928.12 749.22 924.52C738.25 920.92 735.49 914.87 735.49 914.87L736.31 913.54H736.3Z" fill="#30923A"/>
-<path d="M754.86 878.56C754.86 878.56 751.34 884.85 752.94 898.8C754.79 914.98 761.26 922.5 762.64 924.2C764.02 925.9 765.71 920.54 765.71 920.54C765.71 920.54 758.3 902.41 760.93 895.1C763.56 887.79 764.46 884.62 763.09 884.04C761.72 883.46 754.86 878.57 754.86 878.57V878.56Z" fill="#30923A"/>
-<path d="M786.41 879.99C791.77 884.16 793.64 892.93 795.12 902.19C796.6 911.45 794.53 922.6 789.9 924.52C785.27 926.44 772.35 926.44 766.76 916.12C761.17 905.8 766.56 923.12 775.81 927.67C785.06 932.22 795.38 929.71 801.76 924.77C808.14 919.83 813.06 916.87 812.08 909.78C811.09 902.68 808.43 899.63 805.77 899.23C803.11 898.84 800.15 898.44 800.15 898.44C800.15 898.44 799.95 893.4 795.12 886.9C790.29 880.4 786.41 879.98 786.41 879.98V879.99Z" fill="#30923A"/>
-<path d="M522.9 233.47C522.9 233.47 523.44 241.77 525.72 249.33C528 256.89 533.86 264.69 533.86 264.69H547.69C547.69 264.69 538.95 257.68 533.28 250.04C527.61 242.4 522.9 233.48 522.9 233.48V233.47Z" fill="#30923A"/>
-<path d="M527.4 261.91C527.4 261.91 531.32 273.73 545.2 284.29C559.08 294.85 576.23 298.17 586.46 299.04C596.69 299.91 607.24 297.45 616.07 304.54C624.89 311.63 633.99 320.67 640.16 327.03C646.33 333.39 654.89 345.36 654.89 345.36L651.59 327.93C651.59 327.93 625.2 302.49 616.63 295.11C608.06 287.73 594.61 290.68 587.22 289.94C579.83 289.2 560.62 287.28 551.75 281.66C542.88 276.04 533.42 268.06 533.42 268.06L527.41 261.92L527.4 261.91Z" fill="#30923A"/>
-<path d="M644.36 344.13C648.99 350.77 655.83 359.79 662.72 365.2C669.61 370.61 679.08 373.57 679.08 373.57L678.4 379.47C678.4 379.47 668.7 376.46 661.82 370.39C654.94 364.31 648.64 352.23 648.64 352.23L644.36 344.13V344.13Z" fill="#30923A"/>
-<path d="M650.79 339.82C651.95 342.54 652.49 347.18 659.18 355.23C665.87 363.28 678.41 366.67 678.41 366.67L679.88 360.98C679.88 360.98 665.32 358.69 660 350.89C654.68 343.09 650.79 339.82 650.79 339.82V339.82Z" fill="#30923A"/>
-<path d="M627.36 321.65C622.51 316.16 614.77 308.16 614.22 306.71C613.67 305.26 615.62 303.77 621.63 309.22C627.63 314.67 621.49 304.5 610.48 299.32C599.47 294.14 580.16 298.28 580.16 298.28C580.16 298.28 586.69 298.99 587.13 301.85C587.57 304.71 572.92 305.83 560.3 304.79C547.68 303.74 538.79 295.9 530.03 284.52C521.27 273.14 504.5 248.3 504.5 248.3C504.5 248.3 520.25 278.12 527.41 290.96C534.57 303.8 548 313.72 563.24 312.81C578.48 311.9 595.02 307.89 602.01 308.17C609 308.45 610.96 309.44 616.45 313.65C621.94 317.86 627.36 321.65 627.36 321.65V321.65Z" fill="#30923A"/>
-<path d="M551.95 187.15C551.95 187.15 550.33 165.92 549.74 160.48C549.15 155.04 552.86 151.49 557.97 149.97C563.08 148.45 554.17 149.42 548.97 151.52C543.77 153.62 541.73 152.25 543.54 156.79C545.35 161.33 551.95 187.15 551.95 187.15V187.15Z" fill="#30923A"/>
-<path d="M504.49 295.48C507.08 291.49 512.44 290.76 516.95 296.49C521.46 302.22 530.95 311.48 542.35 317.57C553.75 323.66 570.58 324.8 575.74 324.19C575.74 324.19 581.29 316.56 578.17 316.45C575.05 316.34 547.62 313.83 537.17 303.14C526.72 292.45 519.29 280.08 517.11 273.57C514.93 267.05 510.75 263.75 510.75 263.75C501.82 273.19 493.3 289.62 493.3 289.62L504.5 295.49L504.49 295.48Z" fill="#AAAE11"/>
-<path d="M504.49 295.48C499.84 302.19 484.54 326.83 474.6 369.22C464.66 411.61 462.21 451.03 465.69 503.92C469.17 556.81 479.28 593.49 490.85 632.6C502.42 671.71 513.75 699.54 524.59 737.04C535.43 774.54 544.3 816.94 546.7 846.92L539.2 857.09C539.2 857.09 532.58 793.72 518.67 749.44C504.76 705.16 486.18 653.43 474.83 608.21C463.49 562.99 456.65 521.97 456.16 496.48C455.67 470.99 452.7 425.11 458.53 398.13C464.36 371.15 477.85 324.75 484.79 310.43C491.73 296.11 500.83 283.27 500.83 283.27L504.48 295.48H504.49Z" fill="#AAAE11"/>
-<path d="M565.74 323.95C568.64 324.19 568.77 327.85 567.63 330.74C566.48 333.62 554.51 358.42 551.39 410.82C548.28 463.22 559.08 508.09 568.8 532.38C578.51 556.66 590.99 583.66 601.24 605.61C611.49 627.56 616.71 641.47 616.71 641.47L620.21 629.91C620.21 629.91 591.4 570.9 582.16 548.6C572.92 526.3 563.27 493.75 560.06 465.82C556.85 437.89 556.52 404.54 559.09 384.05C561.66 363.56 570.69 337.28 573.21 330.73C575.74 324.18 581.56 315.72 581.56 315.72L565.75 323.94L565.74 323.95Z" fill="#AAAE11"/>
-<path d="M482.56 341.48C481.36 345.06 483.72 344.39 489.7 342.3C495.68 340.21 507.93 336.42 521.38 335.82C534.83 335.22 544.59 336.42 551.27 339.11C557.95 341.8 560.37 344.69 561.11 344.93C561.85 345.17 562.37 344.85 562.83 343.46C563.29 342.06 565.01 342.57 563.75 346.23C562.49 349.89 561.23 352.26 561.23 352.26C561.23 352.26 557.15 343.47 539.11 341.64C521.07 339.8 510.95 341.59 497.3 346.29C483.65 350.99 473.18 357.83 471.23 355.77C469.27 353.72 473.63 342.77 473.63 342.77L482.56 341.5V341.48Z" fill="#AAAE11"/>
-<path d="M465.44 427.89C465.27 430.17 467.25 431.89 471.85 429.59C476.45 427.29 484.04 423.14 501.3 419.18C518.55 415.22 527.07 415.33 535.12 416.25C543.17 417.17 546.87 418.77 548.25 419.18C549.63 419.59 550.73 419.16 551.08 417.12C551.43 415.08 552.57 415.84 552.85 420.25C553.13 424.66 553.13 426.04 553.13 426.04C553.13 426.04 537.49 418.31 522.89 420.2C508.29 422.1 492.4 425.71 479.95 431.5C467.5 437.29 460.16 444.55 458.86 441.96C457.56 439.37 465.44 427.89 465.44 427.89Z" fill="#AAAE11"/>
-<path d="M467.56 525.59C467.87 528.42 469.77 530.74 473.07 529.24C476.37 527.74 490.04 520.72 509.33 517.63C528.62 514.54 543.98 513.88 552.69 515.19C561.4 516.5 562.93 515.49 562.09 512.49C561.26 509.49 566.46 514.12 567.58 518.26C568.7 522.4 568.42 523.04 568.42 523.04C568.42 523.04 547.06 515.82 520.47 521.09C493.88 526.36 482.46 531.62 475.8 535.04C469.13 538.47 465.03 542.91 464.65 540.57C464.28 538.23 467.56 525.58 467.56 525.58V525.59Z" fill="#AAAE11"/>
-<path d="M494.03 643.12C495.13 646.63 498.12 648.35 503.78 645.03C509.44 641.72 520.66 634.67 548.43 627.94C576.2 621.21 594.68 620.57 600.34 619.93C606 619.29 607.23 618.75 606.16 616.38C605.09 614.01 608.88 617.58 610.59 620.46C612.3 623.34 610.59 624.09 610.59 624.09C610.59 624.09 576.48 623.59 548.85 632.6C521.22 641.61 503.3 653.15 499.74 655.6C496.19 658.06 492.02 662.08 491.92 659.21C491.81 656.34 494.03 643.11 494.03 643.11V643.12Z" fill="#AAAE11"/>
-<path d="M535.37 778.84C536.11 782.15 537.78 785.68 543.01 784.54C548.24 783.4 565.29 778.84 565.29 778.84V784.76L532.14 793.08L535.37 778.84Z" fill="#AAAE11"/>
-<path d="M607.45 942.59C608.4 943.02 628.41 937.5 655.09 933.68C681.77 929.87 706.13 930.06 706.13 930.06L707.6 936.34C707.6 936.34 682.95 935.91 646.92 942.62C610.89 949.32 597.1 954.2 597.1 954.2L607.44 942.6L607.45 942.59Z" fill="#AAAE11"/>
-<path d="M645.63 883.13C645.63 883.13 641.5 918.53 616.56 959C591.62 999.46 548.32 1027.1 548.32 1027.1L526.23 1031.87L536.75 1000.55L554.88 986.23L550.49 999.24C550.49 999.24 581.75 976.49 595.99 956.69C610.23 936.89 620.49 911.84 623.54 898.91C626.59 885.98 625.28 878.98 625.28 878.98L645.62 883.13H645.63Z" fill="#AAAE11"/>
-<path d="M632.68 893.94C633.29 893.94 702.89 901.54 702.89 901.54L699.73 886.57L633.51 880.67L632.68 893.95V893.94Z" fill="#AAAE11"/>
-<path d="M691.94 896.22C691.94 896.22 699.61 922.27 700.25 955.43C700.89 988.59 694.17 1036.54 694.17 1036.54L701.57 1029.14C701.57 1029.14 708.52 991.24 707.37 957.73C706.22 924.22 701.57 892.49 701.57 892.49L691.95 896.21L691.94 896.22Z" fill="#AAAE11"/>
-<path d="M591.78 990.55C585.5 996.88 587.84 1006.88 609.74 1005.51C631.64 1004.14 675.17 996.31 685.84 993.52C696.52 990.73 699.58 986.59 699.92 975.38C700.26 964.17 702.78 976.49 701.57 999.22C700.35 1021.94 694.17 1036.54 694.17 1036.54L524.59 1036.62L543.76 1013.99L591.78 990.54V990.55Z" fill="#AAAE11"/>
-<path d="M597.34 678.8C600.23 675.95 601.21 683.05 598.56 707.26C595.91 731.47 588.26 795.38 588.26 795.38L613.27 662.37C613.27 662.37 599.21 670.44 598.05 673.08C596.89 675.72 597.34 678.81 597.34 678.81V678.8Z" fill="#30923A"/>
-<path d="M564.41 654.58C563.91 657.61 564.03 661.02 566.69 661.66C569.35 662.3 574.54 664.95 577.08 673.69C579.61 682.43 579.36 698.64 578.85 701.56C578.34 704.48 587.62 690.27 587.36 682.32C587.1 674.37 589.44 668.63 582.78 662.37C576.12 656.11 569.56 655.64 568.09 654.58C566.62 653.52 565.3 654.54 566.66 651.34C568.02 648.13 568.94 646.25 568.94 646.25L564.41 654.58Z" fill="#30923A"/>
-<path d="M363.28 579.33C363.28 579.33 359.9 631.33 355.28 692.16C350.66 752.99 328.13 824.45 295.76 873.44C263.39 922.43 237.94 946.48 209.97 984.01C182 1021.54 177.04 1040.66 177.04 1040.66L157.75 1036.63C157.75 1036.63 190.49 984.8 219.53 951.48C248.56 918.16 287.96 872.13 303.67 843.1C319.38 814.07 336.37 759.54 342.39 718.83C348.41 678.11 349.98 634.21 350.72 611.73C351.46 589.26 353.69 575.88 353.69 575.88L363.28 579.34V579.33Z" fill="#30923A"/>
-<path d="M668.37 327.92C668.37 327.92 663.5 322.63 664.18 316.23C664.86 309.84 668.35 305.82 675.45 303.63C682.54 301.44 690.49 301.59 700.2 308.11C700.2 308.11 696.87 300.6 683.24 298.05C669.61 295.5 661.93 301.17 660.05 305.86C658.17 310.54 657.87 311.64 658.87 316.24C659.87 320.84 660.6 322.03 661.73 323.13C662.86 324.23 668.37 327.92 668.37 327.92V327.92Z" fill="#E4FFA4"/>
-<path d="M743.72 294.21C740.61 290.71 734.24 290.42 729.09 293.42C723.24 296.83 719.52 304.3 718.33 306.99C718.33 306.99 724.11 301.75 728.03 298.38C731.95 295.01 733.8 294.15 736.61 293.49C740.81 292.5 743.71 294.21 743.71 294.21H743.72Z" fill="#E4FFA4"/>
-<path d="M672.18 335.03C674.81 337.7 680.02 340.02 685.83 339.82C691.64 339.62 697.45 336.1 697.45 336.1C697.45 336.1 692.08 343.76 685.51 343.76C675.03 343.76 672.18 335.03 672.18 335.03Z" fill="#E4FFA4"/>
-<path d="M522.9 233.47C522.9 233.47 528.73 241.19 540.99 250C553.25 258.81 575.53 265.91 591.15 268.36C591.15 268.36 580.34 271.89 562.86 271.34C545.38 270.79 536.1 267.55 536.1 267.55C536.1 267.55 543.29 266.45 546.1 265.73C548.91 265.01 546.62 261.83 543.46 260.29C540.3 258.75 532.15 249.88 529.25 245.62C526.35 241.36 522.91 233.47 522.91 233.47H522.9Z" fill="#E4FFA4"/>
-<path d="M650.94 276.3C650.94 276.3 655.95 286.67 658.3 292.23C660.65 297.79 660.78 300.46 659.4 303.03C658.02 305.6 665.29 301.09 665.75 298.34C666.21 295.59 656.82 284.31 656.09 283.67C655.36 283.03 650.94 276.3 650.94 276.3V276.3Z" fill="#E4FFA4"/>
-<path d="M608.56 203.46C600.04 198.45 585.83 196.11 574.85 197.11C574.85 197.11 577.71 195.18 582.01 193.72C586.31 192.26 587.48 188.69 586.17 185.91C584.86 183.14 579.6 176.57 573.62 172.12C573.62 172.12 582.09 176.39 587.26 180.58C597.95 189.24 608.56 203.45 608.56 203.45V203.46Z" fill="#E4FFA4"/>
-<path d="M381.62 55.95C381.62 55.95 395.62 73.93 428.75 98.1C461.88 122.27 487.95 133.73 507.21 139.15C526.47 144.57 535 143.23 538.24 151.44C541.48 159.66 542.83 147.48 531.89 140.38C520.96 133.28 469.58 113.73 448.75 102.9C427.92 92.07 398.96 69.56 391.87 63.1C384.79 56.64 381.62 55.96 381.62 55.96V55.95Z" fill="#E4FFA4"/>
-<path d="M403.21 436.53C405.98 415.71 415.42 376.47 427.56 350.24C439.69 324.01 451.41 311.46 451.41 311.46C451.41 311.46 435.35 341.91 424.28 377.45C413.2 412.99 404.12 457.7 402.54 478.6C402.54 478.6 400.96 453.49 403.22 436.52L403.21 436.53Z" fill="#E4FFA4"/>
-<path d="M380.03 704.74C380.03 704.74 398.01 718.42 407.49 734.48C416.97 750.54 415.2 753.12 413.7 754.48C412.2 755.84 410.16 753.39 402.81 753.66C395.46 753.93 391.52 757.33 389.47 763.73C389.47 763.73 392.02 756.83 399.53 758.42C407.05 760 411.78 759.11 420.63 769.58C429.47 780.06 436.43 791.9 436.43 791.9C436.43 791.9 432.63 762.5 419.89 743.66C407.16 724.82 396.36 716.68 392.94 714.04C389.52 711.4 380.01 704.74 380.01 704.74H380.03Z" fill="#E4FFA4"/>
-<path d="M388.99 770.33C390.01 777.81 394.66 788.58 398.96 796.51C403.26 804.44 404.63 808.64 403.61 810.11C402.59 811.58 399.53 810.59 396.69 809.39C393.85 808.19 386.6 807.75 382.57 809.66C382.57 809.66 389.46 806.94 399.08 814.74C408.69 822.53 417.86 834.42 418.02 834.37C418.18 834.32 417.44 816.31 405.44 797.95C393.44 779.6 388.99 770.33 388.99 770.33Z" fill="#E4FFA4"/>
-<path d="M459.24 906.97C459.24 906.97 494.13 909.53 523.86 889.62C553.59 869.71 563.4 848.01 569.81 822.35C576.7 794.77 570.37 763.62 563.1 739.16C555.82 714.7 568.65 764.75 565.28 795.38C561.92 826.01 550.81 853.47 532.13 869.16C513.45 884.85 502.1 895.41 489.1 898.66C476.09 901.91 459.24 906.97 459.24 906.97Z" fill="#E4FFA4"/>
-<path d="M567.24 645.6C567.24 645.6 558.62 660.9 557.39 679.03C556.16 697.17 557.25 718.37 561.85 734.82C566.44 751.27 553.82 720.79 551.63 708.85C549.44 696.9 547.26 684.05 551.68 669.92C556.1 655.79 563.49 645.6 563.49 645.6H567.25H567.24Z" fill="#E4FFA4"/>
-<path d="M773.86 913.54C771.37 910.13 768.96 905.22 768.59 897.5C768.22 889.78 769.93 884.21 772.1 882.04C773.86 880.28 774.41 879.99 774.41 879.99C774.41 879.99 774.41 883.19 774.78 886.91C774.78 886.91 773.67 890.35 772.93 896.22C772.19 902.09 773.85 913.55 773.85 913.55L773.86 913.54Z" fill="#E4FFA4"/>
-<path d="M742.94 858.55C742.94 858.55 739.29 869.25 739.06 883.15C738.83 897.06 741 907.58 741 907.58C741 907.58 732.3 897.73 732.79 884.03C733.28 870.33 736.52 863.55 739.73 861.05L742.94 858.55Z" fill="#E4FFA4"/>
-<path d="M34.51 544.94C43 520.25 61.42 470.18 88.97 421.11C116.52 372.04 144.41 338 173.74 303.83C203.07 269.65 229.04 251.99 240.02 245.24C251 238.49 257.88 240.88 261.28 243.74C264.68 246.6 268.77 249.97 270.76 264.92C272.75 279.87 274 252.27 270.09 241.67C266.18 231.07 256.09 228.62 247.18 232.28C238.27 235.94 207.57 258.27 187.39 280.39C167.21 302.5 136.64 340.87 116.69 368.98C96.74 397.08 84.5 418.88 73.62 441.11C62.74 463.34 57.38 484.41 48.93 500.45C40.47 516.49 34.51 544.94 34.51 544.94Z" fill="#E4FFA4"/>
-<path d="M187.24 370.01C171.98 383.96 140.56 428.52 130.24 454.92C119.92 481.32 111.84 514.59 111.84 514.59C111.84 514.59 124.19 483.37 133.69 463.57C143.19 443.77 154.69 418.83 162.45 407.63C170.21 396.43 180.24 382.38 180.24 382.38L187.24 370.01Z" fill="#E4FFA4"/>
-<path d="M194.05 474.61C194.05 474.61 196.53 439.2 200.76 415.26C204.99 391.32 218.11 348.76 228.38 332.15C228.38 332.15 224.11 355.48 218.52 370.95C212.94 386.42 201.6 432.94 201.6 432.94L194.04 474.61H194.05Z" fill="#E4FFA4"/>
-<path d="M325.97 926.16C325.34 933.67 323.98 945.23 322.17 949.77C320.36 954.31 317.29 951.47 314.91 949.09C312.53 946.71 303.69 944.78 298.47 953.4C293.25 962.02 297.16 961.56 297.16 961.56C297.16 961.56 301.53 949.66 306.18 950.79C310.83 951.92 313.21 955.12 316.5 963.44C319.79 971.76 320.43 976.79 320.43 976.79C320.43 976.79 325.73 966.46 327.01 955.67C328.29 944.89 327.01 940.85 327.01 937.18C327.01 933.51 325.97 926.15 325.97 926.15V926.16Z" fill="#E4FFA4"/>
-<path d="M425.18 614.18C436.28 622.92 445.31 633.47 452.26 647.12C459.21 660.77 460.07 675.46 460.07 675.46C460.07 675.46 454.8 661.27 450.51 655.11C446.22 648.95 444.43 650.5 443.59 651.8C442.75 653.1 444.24 654.99 445.42 657.47C446.6 659.95 449.79 664.9 453.11 675.01C456.44 685.12 456.7 693.27 456.7 693.27C456.7 693.27 450.84 674.04 442.01 662.22C433.18 650.4 420.91 639.56 411.76 634.78C411.76 634.78 417.69 635.61 425.18 638.73C432.67 641.85 436.1 644.5 438.39 643.95C440.68 643.41 439.26 638.65 437.04 633.53C434.02 626.56 425.19 614.17 425.19 614.17L425.18 614.18Z" fill="#E4FFA4"/>
-<path d="M388.34 956.57C413.9 960.1 446.2 957.69 467.03 952.37C489.39 946.65 504.8 933.78 504.8 933.78C504.8 933.78 493.12 938.23 477.91 939.71C462.71 941.19 453.62 939.71 453.62 939.71C453.62 939.71 469.38 937.67 484.4 931.92C499.42 926.17 514.55 913.57 514.55 913.57C514.55 913.57 504.32 918.54 476.84 924.39C449.36 930.24 418.08 926.14 404.05 922.64C404.05 922.64 414.25 928.11 423.31 931.52C432.37 934.94 437.46 937.07 437.6 940.09C437.83 945 430.05 948.64 416.26 951.68C403.38 954.52 388.34 956.57 388.34 956.57V956.57Z" fill="#E4FFA4"/>
-<path d="M391.97 564.33C358.09 550.8 337.88 506.45 322.9 475.16C299.15 422.8 285.14 366.6 277.07 309.82C273.99 289.78 271.38 269.67 268.78 249.62C268.43 246.64 267.71 243.25 266.13 240.76C261.75 233.47 252.1 233.67 244.84 236.82C240.66 238.52 237.09 241.11 233.42 243.83C158.8 302.24 102.08 382.29 63.7801 468.54C36.9901 529.31 16.93 593.48 8.01004 659.39C6.81004 668.81 5.85002 678.25 5.21002 687.72C5.21002 687.72 1.68003 687.13 1.69003 687.13C9.35003 660.21 18.7601 633.85 30.3401 608.37C39.0801 589.3 48.7101 570.17 62.1501 553.8C66.8401 548.33 71.6 542.93 77.39 538.56C83.83 533.61 93.34 531.69 100.1 537.5C105.19 541.81 107.45 547.83 108.46 554.06C110.33 567.82 111.76 585.76 113.16 599.69C115.56 627.36 119.44 654.92 125.87 681.95L121.69 682.24C122.82 670.08 124.24 658.01 125.94 645.94C131.16 609.68 138.43 573.3 154.55 540.07C168.83 512.2 193.4 507.63 197.95 543.89C201.42 571.08 203.17 598.44 205.29 625.7L201.76 625.54C203.63 614.11 205.89 602.8 208.51 591.53C212.52 574.68 217.25 557.68 224.99 542.07C228.88 534.22 233.1 526.18 239.42 519.85C246.18 512.81 255.84 510.73 265.24 512.79C271.29 514.1 276.48 517.55 281.24 521.21C294.81 532 306.79 544.38 320.55 554.87C334.21 565.11 350.01 572.3 365.87 578.56C371.21 580.63 376.57 582.63 382.09 584.37C376.29 583.96 370.61 582.6 365.04 580.99C348.34 575.94 332.56 568 318.29 557.97C304.34 547.79 291.95 535.46 278.57 524.67C271.9 519.28 264.81 515.74 256.34 516.39C247.98 516.72 241.79 522.41 237.11 529.19C224.35 548.14 217.71 570.4 212.31 592.44C208.43 608.11 205.28 625.21 202.8 641.21C200.8 612.04 198.68 582.47 195.1 553.49C194.56 549.34 193.82 544.25 192.95 540.19C191.22 532.08 186.32 518.96 175.86 523.79C167.99 527.3 162.96 534.78 158.91 542.37C153.42 552.97 149.48 564.46 145.79 575.85C138.23 598.84 133.84 622.66 130.32 646.58C127.88 662.77 126.17 679.84 124.55 696.15C119.16 671.33 114.13 646.12 111.43 620.9C108.89 599.36 107.46 577.58 103.53 556.25C103.14 553.88 102.48 551.45 101.58 549.26C97.59 539.33 89.39 536.75 80.7 543.21C75.4 547.25 70.7701 552.34 66.3401 557.35C52.9801 573.15 43.23 591.55 34.37 610.25C20.23 640.47 9.07004 672.49 0.540039 704.75L1.62003 687.52C3.41003 658.87 8.01003 630.47 14.34 602.49C44.5 472.47 107.67 347.46 207.1 256.79C214.23 250.35 221.59 244.17 229.34 238.36C233.3 235.4 237.53 232.37 242.22 230.48C252.25 226.11 265.85 226.57 272.02 237.22C274.86 241.78 275.33 247.15 275.96 252.29C277.14 261.77 278.17 271.23 279.28 280.69C286.1 346.78 299.12 412.7 326.55 473.53C338.26 499.3 351.2 525.02 370.54 545.92C376.96 552.83 383.87 559.37 391.97 564.33V564.33Z" fill="#0E1016"/>
-<path d="M339.66 524.44C326.32 504.71 315.55 483.01 305.86 461.26C280.66 403.67 264.92 342.46 253.68 280.76C251.74 274.35 249.14 264.77 241.09 265.55C229.81 266.62 220.11 274.06 211.55 281.16C166.59 320 130.66 368.53 99.9199 419.13C87.6899 439.56 76.32 460.53 65.7 481.91C84.46 437.97 107.73 395.75 136.08 357.22C157.61 328.45 181.22 301.04 208.33 277.33C214.76 272.03 221.36 266.43 228.85 262.44C246.84 253.07 256.79 260.23 259.69 279.46C262.21 294.1 264.64 309.04 267.62 323.52C274.79 358.47 284.81 392.83 296.38 426.56C308.29 460.18 322.16 493.32 339.67 524.44H339.66Z" fill="#0E1016"/>
-<path d="M224.69 474.61C220.42 443.69 220.09 412.36 221.11 381.2C221.43 370.79 221.94 360.43 222.8 349.99L226.51 350.77C216.52 381.18 207.28 411.89 200.49 443.19C198.21 453.62 196 464.08 194.06 474.6C195.3 463.97 196.96 453.39 198.91 442.87C205.78 405.39 216.74 368.41 228.39 332.14C223.41 379.34 221.88 427.21 224.7 474.6L224.69 474.61Z" fill="#0E1016"/>
-<path d="M139.12 500.39C143.78 479.77 149.73 459.54 155.82 439.29C159.01 429.19 162.76 419.3 166.71 409.48C170.65 399.66 174.91 390 179.34 380.38L181.68 381.83C151.37 421.92 131.04 468.43 111.84 514.59C115.75 502.64 120.43 490.95 125.31 479.37C139.97 444.58 156.63 410.33 179.51 380.12L187.25 370.02L181.86 381.57C173.11 400.68 164.85 420.13 158.07 440.03C151.51 460.05 145.86 480.41 139.13 500.4L139.12 500.39Z" fill="#0E1016"/>
-<path d="M640.16 251.83C645.12 249.62 650.99 248.55 656.27 247.37C657.61 247.05 660.17 246.6 661.34 246.11C662.68 245.55 663.82 244.53 664.62 243.19C667.14 238.68 666.57 233.17 665.76 228.1C665.11 224.57 664.23 220.95 663.28 217.46C658.54 199.8 649.45 183.66 638.3 169.23C624.97 151.76 608.65 136.51 590.69 123.91L593.11 121.61C599.81 134.2 605.65 147.11 610.24 160.61C611.77 165.12 613.14 169.7 614.45 174.37C614.86 175.84 614.21 175.09 612.74 175.51C611.08 176 611.23 175.8 611.12 174.08C611.01 172.91 608.78 172.98 608.61 171.82C606.83 159.23 602.01 147.15 596.65 135.67C593.78 129.44 589.98 123.01 586.45 117.15C604.43 128.25 620.78 141.98 634.65 157.89C651.99 177.94 665.74 200.87 669.47 227.52C670.49 234.91 670.8 245.68 662.59 249.25C660.55 249.97 658.86 250.14 656.86 250.52C651.31 251.39 645.83 252.16 640.15 251.83H640.16Z" fill="#0E1016"/>
-<path d="M539.99 148.37C557.57 141.03 588.78 140.7 605.8 149.57C606.18 149.75 606.01 150 605.88 150.59C605.68 151.42 604.96 152.54 604.36 152.97C604.24 153.03 604.19 152.94 604.11 152.92C603.3 152.57 601.74 151.95 600.9 151.6C587.24 145.84 571.66 145.2 557.18 147.82C551.99 148.83 546.71 150.38 542.03 152.74C539.09 154.14 536.99 149.76 539.99 148.37V148.37Z" fill="#0E1016"/>
-<path d="M566.15 155.12C589.73 156.54 616.43 167.04 626.15 190.17C622.1 185.66 618.24 181.27 613.64 177.63C611.6 176.02 608.68 173.94 606.59 172.48C594.43 164.02 580.51 158.77 566.16 155.12H566.15Z" fill="#0E1016"/>
-<path d="M515.04 130.01C526.18 129.04 537.44 130.14 548.43 132.11C559.34 134.13 570.17 137.8 579.9 143.2C582.64 144.71 581.7 146.45 578.86 145.06C578.84 145.05 577.45 145.83 577.43 145.82L576.76 145.23L574 145.35C561.02 138.26 546.35 134.66 531.7 133.1C526.44 132.56 521.13 132.31 515.85 132.45L514.98 132.22C513.84 131.95 513.88 130.22 515.04 130.01Z" fill="#0E1016"/>
-<path d="M623.55 147.6C644.23 160.3 663.2 176.56 676.62 196.97C680.57 203.28 684.87 210.34 684.53 218.26C684.25 223.93 679.79 228.03 675.54 231.14C673.5 232.65 671.43 233.97 669.11 235.17C668.17 235.65 667.02 235.29 666.53 234.35C666.04 233.41 666.42 232.27 667.33 231.78C671.21 229.48 675.18 226.52 678.14 223.33C687.98 212.61 663.62 184.57 655.77 176.46C646.08 166.6 635.28 157.81 623.77 150.13L623.01 149.63L622.63 149.38C622.45 149.26 622.23 149.1 622.05 148.95C621.36 148.41 621.95 147.2 622.8 147.44L623.54 147.61L623.55 147.6Z" fill="#0E1016"/>
-<path d="M543.45 219.94C556.98 210.44 568.7 211.97 583.25 218.05C591.54 221.55 599.43 225.78 607.57 229.44C612.87 231.7 618.29 234.12 624.06 234.37C631.21 234.61 635.57 229.36 636.19 221.99C640.09 233.78 629.44 241.17 618.65 238.8C609.6 236.97 601.43 232.51 593.1 228.86C584.12 224.91 575.33 220.21 565.79 218.05C558.24 216.28 550.98 217.97 543.45 219.94V219.94Z" fill="#0E1016"/>
-<path d="M590.59 225.6C581.19 225.14 571.67 227.34 562.96 230.7L564.36 227.36C569.67 238.95 579.57 249.07 590.77 255.04C593.65 256.52 596.71 257.56 599.85 258.17C609.18 260.5 623.21 254.82 630 263.33C630.05 263.35 626.34 264.57 626.35 264.58C625.87 254.66 622.91 244.32 616.5 236.54C616.12 236.11 616.17 235.45 616.62 235.09C617.03 234.76 617.63 234.81 617.98 235.2C619.79 237.18 621.5 239.27 622.87 241.58C627.08 248.53 629.49 256.31 630.37 264.41L631.04 271.35C631.04 271.35 626.71 265.65 626.7 265.65C625.37 263.45 622.55 262.38 619.42 262.01C612.88 261.26 605.92 262.49 599.3 261.05C585.66 258.13 574.75 248.32 565.94 238.04C563.1 234.64 560.57 230.9 558.55 226.91C561.83 225.87 565.34 224.94 568.63 224.36C575.93 223.02 583.46 222.47 590.82 223.62C592.08 223.82 591.85 225.71 590.59 225.61V225.6Z" fill="#0E1016"/>
-<path d="M596.15 258.76C596.15 258.76 597.41 253.82 600.82 248.85C604.23 243.88 609.94 240.66 609.94 240.66C609.94 240.66 610.23 247.82 609.21 252.94C608.19 258.06 607.16 260.29 607.16 260.29C607.16 260.29 603.28 260.3 600.82 259.82C598.36 259.34 596.15 258.76 596.15 258.76V258.76Z" fill="#0E1016"/>
-<path d="M718.72 296.83C700.05 281.07 680.8 264.11 662.53 247.85C661.61 247.03 662.8 245.53 663.81 246.31C677.96 257.3 693.7 269.78 707.67 280.99C712.5 284.89 717.32 288.81 722.11 292.76C723.55 294 721.68 293.86 720.65 294.84C719.79 295.66 718.71 296.83 718.71 296.83H718.72Z" fill="#0E1016"/>
-<path d="M695.01 360.47C695.01 360.47 697.57 360.62 700.74 362.74C703.91 364.86 711.47 364.74 714.72 360.72C719.65 354.63 717.24 349.04 724.64 346.37" stroke="#0E1016" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M697.72 361.16C697.72 361.16 704.39 365.86 709.78 363.66C715.17 361.46 716.98 357.71 717.69 354.64C718.4 351.57 718.71 350.13 719.43 349.38C720.15 348.63 725.46 346.95 723.22 345.59C719.69 343.45 716.14 338.12 716.14 338.12C716.14 338.12 712.93 347.58 707.65 352.31C702.37 357.04 697.46 359.67 697.46 359.67L697.72 361.16Z" fill="#0E1016"/>
-<path d="M731.18 319.57C733.29 315.24 735.97 309.19 739.07 306.6C742.17 304.02 744.35 304.85 745.13 306.6C746 308.58 744.57 310.3 741.95 311.47C739.8 312.43 738.27 313.52 736.27 315.01C734.55 316.29 731.18 319.56 731.18 319.56V319.57Z" fill="#0E1016"/>
-<path d="M691.49 322.64C689.09 319.24 684.72 314.79 679.85 312.61C674.98 310.43 672.41 312.79 672.19 315.3C672.01 317.32 674.75 319.55 678.48 319.37C682.21 319.19 685.57 320.59 688 321.42C690.43 322.25 691.49 322.64 691.49 322.64V322.64Z" fill="#0E1016"/>
-<path d="M668.37 327.92C653.27 322.99 652.79 303.72 666.54 296.68C678.34 291.11 694.47 296.6 700.2 308.12C692.68 299.62 678.9 296.5 668.92 301.44C662.92 304.24 659.08 311.07 660.68 317.68C661.73 321.95 664.76 325.28 668.37 327.93V327.92Z" fill="#0E1016"/>
-<path d="M666.99 300.14L658.84 288.31C656.5 284.81 653.07 279.88 650.95 276.3C652.52 278.1 654.18 279.82 655.83 281.54C658.97 284.81 667.62 293.5 670.94 296.83C672.34 298.32 671.27 298.95 670.03 299.74C669.01 300.39 668.01 301.49 667 300.14H666.99Z" fill="#0E1016"/>
-<path d="M522.9 233.47C527.55 241.95 533.98 249.28 541.12 255.7C545.1 259.24 549.54 262.5 553.67 265.95C546.18 266.95 542.36 268.37 531.08 267.14L533.46 264.05C533.79 264.54 534.13 265.15 534.54 265.65C541.08 274.14 550.88 279.47 560.98 282.7C569.24 285.22 577.96 286.8 586.61 287.24C594.12 287.71 601.51 286.86 609.09 287.77C613.87 289.09 617.45 292.64 621.14 295.59C627.93 301.48 634.29 307.83 640.57 314.23C644.91 318.69 649.23 323.15 653.45 327.74C653.45 329.73 653.72 331.89 654.14 333.88C656.7 347.6 667.98 356.84 681.4 359.16C681.79 367.38 681.1 375.6 678.73 383.49L676.55 382.25C677.97 380.73 679.35 379.09 680.64 377.44C684.64 372.52 687.04 366.65 689.19 360.74C689.19 360.74 689.53 359.75 689.54 359.74C703.15 359.41 712.39 346.77 716.24 334.82L717.31 337.15C720.09 343 726.73 346.72 733.15 346.25C734.74 353.12 732.95 360.06 731.49 366.76C731.52 366.86 729.29 365.6 729.28 365.63C735.48 358.7 738.94 349.68 740.34 340.58C746.65 329.2 753.08 312.43 747.92 299.73C745.87 294.69 741.03 291.48 735.5 291.31C728.65 290.9 722.83 294.7 717.1 298.03C720.64 291.42 728.1 287.52 735.57 287.28C749.08 287.12 755.39 299.63 754.34 311.73C753.41 322.6 749.37 332.94 743.6 342.12L743.85 341.46C742.85 346.29 741.45 350.88 739.39 355.35C736.79 361.13 732.56 366.07 728.14 370.58L728.94 366.23C729.88 360.4 731.18 354.28 729.95 348.44L731.71 349.79H731.67C726.15 349.8 721.02 346.84 717.81 342.5C716.76 341.05 715.94 339.56 715.39 337.76H717.29C713.27 349.71 704.16 361.58 690.76 362.86L692.18 361.8C689.8 367.93 687.05 374.1 682.75 379.13C680.6 381.89 677.56 384.81 675.13 387.36C675.87 384.25 676.78 380.45 677.24 377.33C678.14 371.9 678.07 366.28 677.65 360.82L679.18 362.54C671.14 360.94 663.65 357.14 658.07 351.04C652.52 344.89 649.53 336.75 649.32 328.51L649.85 329.91C639.9 319 629.7 308.21 618.51 298.59C615.31 296.08 612.2 293.03 608.38 291.82C604.16 291.35 599.79 292.02 595.42 292.22C586.36 292.69 577.12 291.69 568.26 289.74C553.38 286.48 537.84 279.49 529.6 266.03L527.36 261.9L531.99 262.94C537.9 264.28 544.28 263.94 550.33 263.71L549.82 266.2C546.39 264.83 543.27 262.81 540.42 260.49C534.8 255.81 530.31 249.88 526.8 243.52C525.12 240.32 523.6 236.98 522.86 233.45L522.9 233.47Z" fill="#0E1016"/>
-<path d="M680.73 378.53C688.47 380.17 696.45 379.18 704.03 377.17C711.43 375.35 719.09 372.4 723.2 365.62C725.92 361.19 728.32 356.19 730.98 351.64C731.31 351.02 732.09 350.79 732.71 351.13C733.29 351.45 733.51 352.17 733.23 352.76C732.09 355.21 730.93 357.65 729.74 360.07C728.62 362.29 727.28 365.28 725.92 367.35C719.97 377.42 707.4 380.14 696.73 381.92C691.23 382.7 685.56 382.47 680.15 381.2C679.41 381.03 678.96 380.29 679.13 379.56C679.3 378.84 680.01 378.39 680.73 378.53V378.53Z" fill="#0E1016"/>
-<path d="M504.49 248.3C513.12 260.4 520.21 273.87 527.3 286.78C536.33 301.79 550.26 310.86 568.07 309.39C577.76 309.07 587.85 307.62 597.51 306.33C607.28 304.73 612.59 306.32 619.76 313.28C633.81 327.68 644.56 344.74 656.15 361.01C661.78 368.78 669.45 375.21 678.76 377.86C680.56 378.36 680.05 381.31 677.94 380.84C661.2 376.31 653.7 364.28 644.42 351.08C638.66 343.02 632.74 335.07 626.44 327.43C621.16 321.44 613.54 310.88 605.15 310.57C601.3 310.47 594.79 311.75 590.78 312.27C583.35 313.36 575.82 314.35 568.28 314.72C560.48 315.31 552.28 314.36 545.18 310.87C535.61 306.4 528.11 298.32 523.04 289.26C521.18 285.96 519.69 282.39 518.08 279.05C513.45 268.87 508.75 258.72 504.48 248.31L504.49 248.3Z" fill="#0E1016"/>
-<path d="M693.26 368.72C696.91 369.54 700.47 370.16 704.13 370.36C707.79 370.66 711.15 370.85 714.86 370.01C709.1 376 698.94 373.68 693.26 368.72V368.72Z" fill="#0E1016"/>
-<path d="M551.95 187.15C546.13 173.19 541.66 158.74 535.51 145.06C535.16 144.32 534.57 143.27 534.12 142.68C534.14 142.68 533.98 142.56 533.86 142.46C533.76 142.36 533.51 142.23 533.35 142.11C527.4 138.87 520.26 136.81 513.75 134.38C509.18 132.75 504.6 131.09 500.03 129.36C481.71 122.57 464.07 113.62 447.2 103.8C421.88 89.04 397.44 72.34 376.9 51.21L380.22 49.6C381.07 54.73 382.78 60.11 384.51 65.06C395.87 95.63 416.53 122.15 441.03 143.42C442.63 144.72 446.94 148.24 448.6 149.59C450.32 150.85 454.79 154.16 456.44 155.4C458.26 156.72 462.61 159.6 464.5 160.91C482.85 172.74 502.45 182.39 522.9 190.16C514.1 189.02 505.53 186.52 497.19 183.49C445.55 164.26 398.93 118.62 380.46 66.47C378.75 61.11 377.16 55.8 376.34 50.09L375.49 44.3C390.26 59.55 407.19 72.6001 425.03 84.1701C449.39 99.8301 475.02 113.43 502.37 123.06C511.44 126.44 520.58 129.47 529.77 133.26C532.35 134.4 535.24 135.57 537.79 137.52C539.87 139.15 540.82 141.89 541.83 144.23C546.96 158.15 550.06 172.49 551.95 187.14V187.15Z" fill="#0E1016"/>
-<path d="M448.75 130.95C460.21 141.49 473.47 149.97 487.52 156.54C497.11 161.16 506.69 165.5 517.17 167.97C515.5 168.14 513.82 168.1 512.14 168C487.47 166.09 463.95 149.84 448.74 130.95H448.75Z" fill="#0E1016"/>
-<path d="M641.11 161.28C641.65 155.48 642.37 149.75 644.03 144.13C646.65 136 648.09 128.37 640.05 123.19C618.88 108.96 599.25 92.19 583.29 72.21C578.61 66.13 573.47 58.55 569.3 52.12C560.47 38.43 552.21 24.44 544.56 10.02L548.22 9.02C549.69 33.74 555.65 58.27 564.35 81.38C568.54 92.98 573.6 104.39 579.13 115.47C584.67 126.39 590.59 137.37 598.39 146.83C599.12 147.57 599.09 148.78 598.3 149.46C597.58 150.1 596.48 150.05 595.82 149.37C594.6 148.12 593.59 146.95 592.57 145.7C589.56 142 586.86 138.07 584.27 134.08C577.51 123.41 571.77 112.17 566.64 100.66C564.16 94.98 561.53 88.98 559.51 83.13C552.37 62.23 548.26 40.5 545.37 18.67C544.56 13.17 544.1 5.6 543.54 0L548.01 8.24C559.28 29.56 571.63 50.67 586.14 69.98C601.12 88.88 619.84 104.72 639.67 118.32C641.17 119.31 643.51 120.77 644.84 122.04C651.93 128.12 650.45 137.38 648.01 145.31C647.34 147.62 646.99 150.04 646.69 152.47C646.22 156.39 646.04 160.45 646.1 164.37C646.03 167.95 641.02 162.25 641.11 161.27V161.28Z" fill="#0E1016"/>
-<path d="M586.56 312.01C567.05 338.8 561.04 378.45 559.94 411C558.38 460.61 566.29 508.56 587.13 553.81C598.13 578.29 610.32 602.42 620.94 627.14C621.42 628.25 618.44 633.65 617.91 632.41C612.39 619.5 606.66 606.67 600.75 593.94C582.29 555.97 564.6 516.66 559.16 474.35C556.09 453.32 555.18 432.09 555.63 410.87C556.26 389.61 558.83 368.35 564.91 347.88C568.49 335.93 573.16 324.15 579.92 313.59C580.97 312.02 581.93 310.57 583.18 309.07C583.97 308.12 585.38 307.99 586.33 308.78C587.31 309.59 587.41 311.06 586.56 312V312.01Z" fill="#0E1016"/>
-<path d="M514.11 266.45C485.87 308.03 468.64 356.86 461.51 406.48C459.76 419.24 458.73 432.11 458.49 444.99C457.69 483.8 459.86 522.76 466.61 561C473.26 599.33 484.58 636.65 497.13 673.43C519.52 734.28 536.42 798.59 542.35 863.24C542.35 863.24 541.3 866.42 539.62 866.58C537.94 866.75 536.44 865.53 536.28 863.85C534.18 838.03 530.32 812.35 525.11 786.96C512.8 722.96 485.08 663.45 469.55 600.25C459.88 562.26 454.54 523.19 453.01 484.05C449.74 423.11 456.99 367.39 481.52 311.09C489.46 292.95 498.49 275.31 509.93 259.07C509.93 259.07 514.76 265.52 514.12 266.45H514.11Z" fill="#0E1016"/>
-<path d="M459.04 904.98C482.04 900.38 505.07 891.22 522.31 874.99C545.17 852 562.25 818.34 563.59 785.63C564 768.64 560.5 751.84 555.68 735.58C553.79 728.9 551.27 722.39 549.66 715.61C546.07 699.71 544.47 678.15 550.75 662.82C555.25 653.12 561.57 643.58 571.39 638.66L576.35 636.19C572.85 641.66 568.83 647.43 567.8 653.92L566.11 652.06C567.4 651.94 568.45 652 569.6 652.13C587.72 654.95 591.79 673.13 588.57 688.61C588.33 689.74 583.16 693.52 583.73 690.93C585.67 681.73 586.36 670.89 580.58 663C577.27 658.55 571.9 655.52 566.36 655.24L564.43 654.59L564.66 653.38C565.49 648.19 568.2 643.62 570.83 639.21L572.85 641.28C570.03 643.01 567.53 645.16 565.32 647.6C560.97 652.55 557.72 658.62 555.23 664.69C551.91 674.03 551.94 684.34 552.6 694.23C553.31 702.61 554.56 710.96 557.03 718.97C558.59 723.78 560.26 729.01 561.64 733.85C565.53 747.31 568.42 761.12 569.4 775.15C571.77 810.58 559.4 846.95 534.85 872.8C525.29 883.39 513.09 891.62 500 897.08C493.48 899.82 486.79 902.03 479.97 903.67C473.15 905.33 466.28 906.52 459.25 906.97C458.7 907 458.22 906.58 458.19 906.03C458.16 905.5 458.54 905.05 459.05 904.98H459.04Z" fill="#0E1016"/>
-<path d="M573.75 729.21C573.63 722.22 574.18 715.26 575.58 708.38C577.12 701.4 579.86 694.91 583.01 688.53C588.63 677.02 597.32 667.47 608.84 661.63C610.44 660.79 612 660.03 613.75 659.32C615.22 658.72 612.67 660.91 613.27 662.37C613.83 663.74 614.19 665.72 613.18 666.35C608.59 669.23 604.08 672.39 600.22 675.95C591.79 683.71 585.5 694.17 580.62 704.61C577.2 712.41 575.38 720.75 573.74 729.21H573.75Z" fill="#0E1016"/>
-<path d="M912.2 547.03C825.76 532.1 738.08 525.18 650.65 518.85L644.68 518.42C643.62 518.2 642.81 518.73 642.58 519.53L640.45 531.08C620.73 640.81 597.82 757.12 577.17 866.31L576.61 869.25L576.33 870.72C576.16 871.45 576.52 872.09 577.13 872.43C577.23 872.48 577.33 872.52 577.44 872.55C577.57 872.58 577.59 872.59 577.9 872.62L579.39 872.78C582.99 873.14 605 875.57 609.14 876L704.36 886.2C705.3 886.3 705.98 887.15 705.88 888.09C705.78 889.03 704.94 889.71 704 889.61C680.78 887.19 599.32 878.65 577.5 876.41C574.42 876.25 571.84 873.1 572.56 870.02C572.73 869.1 573.2 866.56 573.38 865.61C594.07 753.38 615.42 633.7 637.22 521.35L637.5 519.88L637.64 519.15C637.91 517.24 639.03 515.44 640.7 514.45C641.8 513.56 643.91 513.42 645.05 513.55C670.24 515.57 697.54 517.7 722.61 520.08C770.33 524.36 818.01 529.39 865.32 537.07C881.1 539.56 896.84 542.18 912.56 545.07C913.1 545.17 913.46 545.69 913.36 546.23C913.26 546.77 912.74 547.13 912.2 547.03V547.03Z" fill="#0E1016"/>
-<path d="M953.48 463.55C939.98 430.93 924.04 399.22 912.58 365.76C911.4 362.5 908.33 353.97 907.19 350.81L906.97 350.19C907.13 350.7 907.88 350.82 908.2 350.31C908.23 350.25 908.26 350.21 908.27 350.15C908.27 350.15 908.26 350.19 908.25 350.21C908.12 350.77 907.82 351.88 907.68 352.46L897.28 393.51C897.06 394.48 896.08 395.08 895.12 394.83C894.17 394.59 893.59 393.61 893.84 392.66L904.63 351.64L904.97 350.36L905.14 349.72L905.22 349.4C905.75 347.05 909.14 346.88 909.9 349.15L910.12 349.77C911.22 352.91 914.23 361.51 915.37 364.77C926.52 398.31 942.12 430.04 955.33 462.79C955.54 463.3 955.29 463.88 954.78 464.09C954.27 464.3 953.69 464.05 953.48 463.54V463.55Z" fill="#0E1016"/>
-<path d="M949.97 467.69C940.93 450.23 933.4 431.96 926.24 413.64C919.21 395.28 912.05 376.84 907.38 357.72C916.41 385.77 928.48 412.76 940.16 439.78C944.07 448.79 948.11 457.71 951.79 466.87C952.24 468.01 950.55 468.85 949.96 467.69H949.97Z" fill="#0E1016"/>
-<path d="M912.51 545.05C924.16 546.1 940.02 547.76 950.06 540.9C954.47 537.77 957.93 533.4 960.51 528.64C964.04 522.2 965.64 515.05 964.16 507.73C963.59 504.09 962.66 500.48 961.61 496.9C961.45 496.37 961.75 495.81 962.29 495.65C962.81 495.5 963.35 495.79 963.52 496.29C964.73 499.88 965.84 503.53 966.57 507.31C969.27 518.93 964.2 531.03 956.18 539.42C950.75 545.29 942.83 547.95 935.01 548.33C927.34 548.9 919.74 548.13 912.26 547.05C911 546.84 911.21 544.95 912.52 545.07L912.51 545.05Z" fill="#0E1016"/>
-<path d="M937.06 550.47C928.1 551.42 918.83 551.01 909.99 549.27C909.99 549.28 909.99 549.29 909.98 549.31C859.75 541.95 809.49 534.16 758.87 529.75C727.22 526.95 694.93 524.37 663.21 521.9C660.14 521.66 651.79 521.02 648.86 520.8L646.47 520.62L646.17 520.6C645.27 520.46 644.41 521.15 644.31 522.04C641.77 535.01 639.42 548 638.49 561.21C642.15 548.66 644.44 535.85 646.55 522.98C648.41 523.12 652.07 523.41 653.48 523.52C688.36 526.25 723.87 529.09 758.67 532.2C806.84 536.53 854.65 544 902.48 551.21C906 551.74 908.23 555.25 907.22 558.67C902.16 575.75 897.23 592.87 892.37 610.01C875.69 669.3 858.77 729.41 845.06 789.5C867.02 713.97 889.43 635.43 910.14 559.54C911.19 555.69 914.91 553.27 918.88 553.72C927.32 554.69 935.93 554.34 944.11 552C950.66 550.17 956.63 546.09 960.29 540.33C953.68 545.96 945.76 549.67 937.07 550.49L937.06 550.47Z" fill="#0E1016"/>
-<path d="M739.86 922.63C722.13 924.3 705.57 910.66 702.69 893.22C701.71 887.48 702.29 881.44 703.61 875.88C704.47 872.21 705.42 868.38 707.04 864.92C709.24 859.78 713.05 855.12 716.91 851.05C716.59 853.58 715.92 857.75 715.79 860.24C715.44 864.01 715.94 867.71 716.81 871.36L715.3 869.9C716.95 870.3 718.43 870.75 719.97 871.25C724.54 872.77 728.98 874.9 732.84 877.8C734.66 879.12 732.75 881.87 730.87 880.61C729.76 879.82 728.29 878.72 727.09 878.09C722.89 875.73 718.09 874.16 713.34 873.46C711.91 867.7 711.77 861.74 712.87 855.92L715.76 857.3C711.25 862.84 708.68 869.71 707.37 876.71C705.76 883.65 705.57 890.86 707.92 897.59C712.07 910.19 724.28 919.71 737.63 918.94C738.54 918.89 743.46 922.16 740.85 922.49C740.85 922.49 740.17 922.57 739.84 922.6L739.86 922.63Z" fill="#0E1016"/>
-<path d="M768.68 922.84C757.24 932.65 738.74 927.91 732.68 914.35C727.79 902.74 727.99 886.66 731.04 874.56C733.6 865.85 738.33 857.79 745.56 852.16L749.3 849.28C747.77 853.3 745.91 857.81 744.77 861.89C744.04 864.59 743.65 867.51 743.41 870.31L741.98 868.76C747.03 869.04 751.56 871.59 755.54 874.5C758.95 877.07 761.85 880.34 764.12 883.96C764.44 884.48 764.31 886.36 763.32 886.92C762.33 887.48 762.02 888.55 761.47 887.56C757.63 880.03 750.53 873.1 741.99 871.63L740.43 871.51L740.56 870.08C740.99 864.06 742.83 858.24 745.14 852.72L747.17 854.27C743.98 856.87 741.4 860.3 739.26 863.9C733.67 873.04 732.4 883.88 732.7 894.39C733.14 904.29 734.23 916.3 743.74 921.73C750.56 925.87 760.31 925.28 765.61 919.5C767.9 917.17 771.2 920.77 768.68 922.86V922.84Z" fill="#0E1016"/>
-<path d="M967.59 491.45C967.23 490.53 966.08 490.14 965.2 490.76C964.61 491.18 964.43 491.98 964.69 492.65C967.81 500.63 970.57 508.99 968.87 517.55C967.65 524.38 963.27 536.21 961.27 542.71C927.6 636.55 887.35 802.17 861.38 900.43C860.82 901.31 859.57 902.5 858.65 903.19C849.68 910.02 837.2 910.05 827.13 905.71C824.63 904.74 820.94 901.88 818.91 899.23C818.35 898.5 818.14 897.56 818.37 896.66C818.37 896.66 818.37 896.66 818.37 896.65C822.55 879.6 825.49 862.28 828.51 844.99C827 849.44 825.64 853.93 824.36 858.44C821.16 869.53 818.27 880.72 815.99 892.04C815.64 893.79 813.4 897.84 808.21 897.4C805.83 897.2 803.48 896.76 801.11 896.47C800.41 894.25 799.58 892.06 798.68 889.94C795.72 883.53 791.18 876.36 783.82 874.77C783.34 873.24 779.59 861.17 779.59 861.17L778.03 856.17L776.19 861.1C774.76 865.13 773.65 869.08 772.5 873.14C767.58 875.14 763.45 878.75 761.21 883.65C758.06 891.07 757.51 899.33 758.84 907.21C759.29 909.81 759.91 912.4 760.71 914.92C765.3 928.46 781.34 935.41 794.58 930.87C805.27 927.37 812.48 915.91 817.15 905.56C822.38 909.89 829.17 911.6 835.68 912.89C844.02 914.1 852.83 912.55 859.93 907.86C862.21 906.24 864.16 904.8 865.63 902.19C884.62 831.06 926.57 662.18 948.86 594.49C951.52 586 966.54 538.39 968.74 531.15C974.11 514.94 974.14 507.45 967.59 491.45V491.45ZM804.35 918.72C799.96 924.27 793.61 927.86 786.46 927.67C777.41 927.86 768.43 921.82 765.52 913.28C763.45 906.49 762.41 899.23 763.59 892.2C764.69 884.23 767.99 879.01 775.44 875.64C776.24 872.9 777.05 870.1 777.92 867.34C779.39 871.57 781.14 876.63 781.14 876.63L781.35 877.22C789.67 880.17 793.99 888.62 797.7 896.19C801.11 903.15 801.43 907.12 802.94 911.05C803.34 907.32 802.94 903.59 802.09 899.95C802.26 899.99 802.45 900.03 802.65 900.07C808.78 901.32 811.74 908.35 808.26 913.55C807.05 915.35 805.76 917.08 804.36 918.73L804.35 918.72Z" fill="#0E1016"/>
-<path d="M865.83 386.9C866.77 369.54 871.27 352.64 875.87 335.95L877.47 340.53C887.95 370.54 899.4 400.33 913.11 429.03C917.33 437.83 923.17 448.56 927.95 457.15C937.15 473.89 946.81 490.42 956.97 506.6C960.69 511.95 962.08 519.49 958.9 525.31C960.18 520.14 959.33 514.86 956.83 510.39C943.44 489.94 930.74 468.98 919.01 447.52C908.79 428.81 900.01 409.27 892.12 389.51C885.8 373.67 879.84 357.72 874.59 341.48C874.59 341.48 877.5 341.42 877.49 341.43C874.32 352.62 871.52 364 869.7 375.49C869.12 379.32 868.64 383.17 868.48 386.99C868.39 388.73 865.8 388.61 865.83 386.89V386.9Z" fill="#0E1016"/>
-<path d="M846.49 380.06C847.15 377.3 853.86 349.76 854.34 347.78C857.04 357.03 860.24 366.21 863.71 375.22C869.92 391.32 877.2 407.04 885.61 422.11C897.18 442.43 911.13 461.29 925.92 479.39C933.63 488.86 941.73 498.01 950.05 506.94C952.89 509.83 955.71 513.31 956.31 517.45C954.82 513.64 951.9 510.7 948.93 508.03C940.26 499.35 932.13 490.17 924.19 480.82C903.15 455.82 884.18 428.7 870.7 398.82C863.88 383.91 857.87 368.68 853.24 352.92L855.68 352.89L848.78 381.97C848.44 383.24 846.18 381.32 846.48 380.06H846.49Z" fill="#0E1016"/>
-<path d="M650.82 515.66C650.94 514.76 653.32 494.57 653.34 494.49C660.22 494.02 667.03 494.11 673.8 494.25C716.72 495.48 759.4 501.24 801.6 508.82C837.76 515.39 873.71 523.15 909.11 533.07C915.05 534.72 920.75 536.84 926.68 537.85C932.68 539.09 938.65 538.74 944.77 538.61C938.94 540.87 932.46 540.61 926.35 539.91C921.13 539.34 913.56 536.91 908.42 535.46C873.11 525.62 837.18 518.01 801.14 511.39C759.1 503.95 716.51 498.5 673.76 498.39C667.7 498.42 661.54 498.55 655.62 499.01L657.76 496.94L655.73 516.2C655.33 519.42 650.52 518.94 650.83 515.65L650.82 515.66Z" fill="#0E1016"/>
-<path d="M660.09 496.26C660.19 495 661.14 485.47 661.21 484.55C674.48 485.1 687.67 486.07 700.86 487.25C738.83 490.62 776.8 496.24 814.01 504.61C848.16 512.11 882.34 519.92 915.74 530.38C920.91 532.11 926.1 533.94 931.59 534.25C942.81 535.32 951.02 532.55 956.31 521.93C953.87 534.36 942.72 537.82 931.38 536.87C925.67 536.59 920.26 534.79 914.91 532.95C881.62 522.44 847.5 514.84 813.4 507.41C776.29 499.15 738.44 493.63 700.57 490.41C687.93 489.32 675.26 488.42 662.62 487.91L664.31 486.41L663.61 496.57C663.43 498.9 659.9 498.66 660.08 496.28L660.09 496.26Z" fill="#0E1016"/>
-<path d="M665.99 486.24C666.1 485.35 667.53 476.13 667.62 475.45C692.02 476.86 716.3 479.72 740.51 482.88C799.98 490.39 858.46 504.93 914.72 525.54C920.3 527.52 925.83 529.55 931.76 530.1C937.25 530.64 943.72 530.29 947.53 525.95C947.88 525.52 948.53 525.47 948.95 525.83C949.37 526.19 949.41 526.81 949.06 527.23C944.73 532.26 937.64 532.76 931.54 532.21C925.48 531.7 919.66 529.64 913.97 527.66C846.5 503.19 775.77 489.16 704.48 481.81C692.6 480.54 680.7 479.37 668.81 478.47L670.41 477.19L668.93 486.68C668.64 488.59 665.71 488.19 665.98 486.23L665.99 486.24Z" fill="#0E1016"/>
-<path d="M954.27 504.94C958.67 498.89 963.2 492.98 967.97 487.21C972.84 481.44 977.81 475.14 984.95 472.03C999.68 464.91 1017.31 472.87 1024.3 487.01C1024.86 488.17 1023.15 489.07 1022.53 487.93C1020.85 484.76 1018.51 481.94 1015.82 479.56C1004.45 469.18 988.27 469.83 977.65 480.91C972.61 486.23 968.03 492.12 963.55 497.95C961.29 500.89 959.05 503.85 956.86 506.84C956.18 507.75 955.68 507.15 955.04 506.57C954.5 506.08 953.69 505.73 954.26 504.94H954.27Z" fill="#0E1016"/>
-<path d="M997.61 469.75C1007.64 471.62 1005.3 489.77 1004.05 497.11C1002.42 505.32 999.38 517.1 997.38 525.35C992.85 544.03 988.2 562.77 986.07 581.87C981.76 613.91 989.97 636.79 1017.42 654.93C1025.32 660.22 1033.83 664.62 1042.46 668.89C1043.44 669.38 1043.85 670.57 1043.36 671.55C1042.87 672.54 1041.67 672.94 1040.68 672.45C1032.03 668.15 1023.36 663.65 1015.23 658.18C998.04 646.95 985.8 631.48 982.37 610.81C979.64 591.22 983.78 571.83 987.64 552.8C990.61 539.12 994.5 524.19 997.98 510.58C1000.27 501.36 1003.06 492.06 1002.67 482.52C1002.38 478.48 1001.93 472.73 997.28 471.71C996.03 471.52 996.28 469.55 997.6 469.74L997.61 469.75Z" fill="#0E1016"/>
-<path d="M1046.37 672.02C1049.19 673.55 1053.37 673.93 1055.36 676.16C1056.62 677.57 1057.75 679.07 1058.78 680.59C1066.7 692.42 1068.77 706.89 1067.87 720.83C1066.48 739.32 1056.5 755.59 1048.27 771.72L1046.08 770.01C1050.58 765.85 1055.07 761.67 1059.52 757.47C1063.05 754.35 1067.82 748.94 1071.9 746.66C1073.53 745.69 1075.74 745.39 1077.57 746.23C1080.22 747.67 1080.72 750.84 1081.13 753.33C1082.05 762.67 1081.27 771.85 1081.15 781.16L1078.11 780.52C1083 767.16 1087.67 753.53 1090.51 739.59C1093.65 725.89 1089.36 711.54 1081.49 700.14C1077.52 694.45 1072.57 689.43 1066.71 685.72C1056.46 679.53 1045.27 675.57 1034.94 668.97C1020.2 659.91 1009.65 644.64 1005.89 627.79C1001.16 606.3 1004.51 584.13 1008.63 562.88C1010.52 553.45 1012.69 544.09 1014.95 534.76C1017.66 523.11 1021.08 511.67 1022.7 499.9C1023.09 496.49 1023.3 493.1 1022.47 489.83C1021.44 486.54 1019.55 483.63 1017.89 480.58C1013.11 472.37 1007.91 464.33 1002.38 456.59C999.67 452.96 996.97 448.93 993.55 446.04C989.81 443.79 985.15 443.07 980.85 443.63C971.31 444.78 965.55 453.36 959.39 459.9C953.07 467.06 946.92 474.4 940.87 481.79C940.21 482.6 939.7 481.96 939.09 481.46C938.48 480.96 937.76 480.61 938.41 479.79C947.61 468.64 956.66 457.45 966.86 447.15C973.87 440.01 985.58 437.98 994.49 442.75C996.02 443.6 997.29 444.87 998.31 446.02C1000.76 448.75 1002.94 451.69 1005.08 454.64C1010.7 462.49 1015.93 470.55 1020.81 478.89C1022.59 482.11 1024.66 485.35 1025.74 488.94C1026.71 492.65 1026.51 496.6 1026.08 500.29C1024.46 512.27 1021.01 523.9 1018.31 535.56C1016.07 544.86 1013.92 554.18 1012.06 563.55C1007.02 590.7 1002.06 621.51 1017.39 646.24C1029.55 666.52 1049.65 671.34 1068.78 682.46C1083.42 691.83 1093.12 708.24 1095.02 725.45C1096.04 735.27 1093.08 745.02 1090.49 754.35C1087.76 763.61 1084.54 772.66 1081.05 781.65L1077.55 790.67C1077.92 781.54 1078.57 771.7 1078.64 762.68C1078.54 759.83 1079.33 748.96 1075.67 748.51C1072.77 748.33 1070.32 751.37 1068.14 753.19C1061.66 759.25 1054.53 766.12 1047.99 772.05L1041.71 777.83L1045.8 770.34C1052.07 758.47 1058.68 746.52 1062.5 733.63C1066.82 717.39 1065.37 696.89 1055.14 683.1C1052.61 679.67 1049.44 676.67 1045.89 675.12C1042.59 673.53 1042.27 670.03 1045.51 671.66L1046.37 671.99V672.02Z" fill="#0E1016"/>
-<path d="M356.7 532.55C364.18 473.86 377.64 415.86 398.09 360.3C420.06 303.5 451.46 250.78 487.25 201.68C492.08 195.14 496.95 188.7 502.12 182.33C503.2 181 503.42 183.37 504.75 184.44C506.1 185.54 508.01 184.98 506.87 186.3C501.77 192.4 496.79 198.78 491.93 205.18C448.48 262.97 411.35 326.6 390.32 396.09C375.75 442.22 366.08 489.81 361.56 537.97C361.41 539.48 356.5 534.16 356.71 532.55H356.7Z" fill="#0E1016"/>
-<path d="M357.9 576.12C357.13 587.42 355.17 614.17 354.42 624.96C353.19 641.28 352.76 657.56 351.5 673.92C348.47 717.63 340.21 761.15 323.69 801.86C311.41 832.41 297 862.29 276.84 888.56C250.47 922.35 218.67 954.52 192.68 988.46C179.49 1005.59 167.12 1023.37 157.58 1042.86C157.34 1043.36 156.74 1043.57 156.24 1043.32C155.78 1043.1 155.57 1042.57 155.73 1042.09C159.3 1031.7 164.1 1021.74 169.53 1012.18C180.3 993.18 193.72 975.42 207.62 958.6C228.31 933.37 251.12 909.86 271.51 884.45C291.64 858.98 306.51 829.84 318.76 799.87C331.16 769.82 339.19 738.15 343.26 705.91C347.6 673.74 347.9 640.71 350.26 608.31L352.29 575.67C352.39 574.12 353.77 575.84 355.32 575.93C356.9 576.03 358.04 574.53 357.89 576.11L357.9 576.12Z" fill="#0E1016"/>
-<path d="M339.82 568.03C337.92 582.56 336.3 597.12 335.47 611.75C333.86 645.84 330.29 682.43 310.15 711.33C300.13 725.21 285.11 734.69 276.77 749.77C270.82 760.07 266.36 771.51 263.84 783.11L260.35 782.09C264.05 774.45 268.15 767.18 273.69 760.69C278.01 755.85 283.27 751.53 289.61 749.57C297.07 747.25 304.47 749.38 307.82 756.85C311.76 765.15 310.48 774.14 308.65 782.69C298.76 827.7 272.69 867.15 244.12 902.49C239.75 907.83 234.63 913.94 230.09 919.11C218.26 933.01 201.31 940.62 185.01 947.56C170.15 953.67 154.36 959.11 142.44 970.19C136.56 975.51 131.69 981.96 127.38 988.8C123.18 995.53 119.4 1002.81 117.19 1010.4L113.3 1008.24C119.55 1002.37 125.99 996.92 132.98 991.97C136.57 989.49 140.23 987.08 144.34 985.45C153.14 981.66 165.56 982.72 169.33 992.95C172.14 1001.86 169.63 1011.12 167.11 1019.69C165.74 1023.9 164.22 1027.94 161.86 1032.14C160.68 1034.28 157.97 1035.06 155.83 1033.86C153.47 1032.56 152.84 1029.35 154.53 1027.26C156.82 1024.3 158.7 1020.64 160.25 1017.13C163.04 1010.34 168.08 996.55 161.52 990.8C157.23 987.3 151.16 987.89 145.99 989.76C142.23 991.12 138.82 993.37 135.51 995.62C126.45 1001.75 118.21 1009.65 110.64 1017.52C111.71 1013.27 113.1 1007.02 114.65 1003.15C120.07 989.35 127.9 976.52 138.73 966.18C148.01 957.42 159.65 951.6 171.35 946.9C189.72 939.09 209.74 932.02 224.11 917.84C229.64 911.83 235.02 905.61 240.19 899.29C265.8 867.67 288.77 832.64 300.46 793.41C302.58 785.7 304.66 777.85 305.2 769.86C305.3 763.92 304.48 756.21 298.66 753.51C294.28 752.07 289.65 753.3 285.55 755.73C275.2 761.95 268.89 772.95 263.69 783.62L258.52 796.1L260.2 782.6C262.41 767.71 267.78 753.23 276.08 740.66C284.38 728.44 297.01 719.35 305.81 708.07C326.83 680.77 330.02 644.88 331.56 611.55C332.39 596.83 333.8 582.15 335.51 567.52C335.65 566.33 336.76 567.23 337.95 567.37C339.15 567.51 339.98 566.85 339.82 568.05V568.03Z" fill="#0E1016"/>
-<path d="M334.31 490.92C341.11 485.9 348.18 487.71 348.85 496.77C349.42 502.08 348.12 508.92 347.67 514.14C347.27 517.1 342.91 516.63 343.16 513.65C343.74 508.87 345.35 501.75 345.08 497.09C344.9 490.31 340.7 490.36 335.75 493.21C334.26 494.03 332.94 491.91 334.32 490.93L334.31 490.92Z" fill="#0E1016"/>
-<path d="M497.03 182.91C489.52 187.07 481.24 189.2 473.29 192.22C449.52 201.24 429.57 215.49 416.36 237.5L414.02 235.46C417.91 232.41 421.87 229.54 425.97 226.8C432.13 222.72 438.67 218.73 445.87 216.54C451.99 214.62 462.39 212.86 464.4 221.19C465.77 228.1 460.66 234.48 457.54 239.38L449.63 251.65C444.41 259.87 439.17 268.09 434.09 276.37C431.6 280.58 428.74 284.9 425.34 288.52C420.28 294.07 414.11 298.48 407.7 302.31C401.65 305.81 395 309.81 389.68 314.29C382.28 320.35 375.93 327.64 370.91 335.79C365.95 343.91 361.58 352.74 358.81 361.8L355.92 360.4C358.58 356.87 361.37 353.56 364.34 350.33C370.4 343.86 377.17 337.68 385.9 334.88C389.37 333.87 393.96 333.32 396.98 336.39C399.63 339.69 398.38 344.05 397.6 347.47C395.84 353.82 393.24 359.83 390.95 365.93C383.53 385.29 376.16 404.71 370.38 424.61C368.35 429.74 364.5 433.71 361.02 437.79C355.18 444.28 349.01 450.37 342.8 456.38C336.66 462.19 330.78 468.4 326.72 475.83C326.27 476.67 325.22 476.98 324.39 476.52C323.57 476.07 323.26 475.05 323.69 474.23C325.74 470.26 328.28 466.59 331.05 463.16C339.46 453.3 349.4 444.74 357.82 434.96C360.93 431.21 364.58 427.48 366.36 422.96C369.69 411.37 373.67 399.94 377.86 388.67C380.88 380.56 384.02 372.5 387.2 364.47C388.78 360.45 390.43 356.44 391.93 352.46C393.24 348.78 394.92 344.53 394.83 340.73C394.75 336.85 389.75 337.49 386.9 338.28C372.67 343.02 362.3 357.57 353.44 369.06C358.8 347.19 369.96 326.08 387.42 311.56C394.73 305.19 403.88 300.68 411.81 295.22C419.76 289.8 426.05 282.71 430.71 274.32C435.77 265.96 440.92 257.68 446.15 249.44L454.05 237.11C456.42 233.44 459.57 229.23 460.31 224.95C462.2 214.6 445.31 220.26 440.33 222.58C429.35 227.74 419.13 235.51 409.48 242.88L413.63 235.91C422.45 221.33 434.43 208.58 449.05 199.78C459.81 193.02 471.52 187.92 483.49 183.76C487.24 182.27 491.05 180.61 494.49 178.57C496.06 177.68 495.51 179.49 496.05 180.75C496.48 181.76 498.35 182.07 497.03 182.91V182.91Z" fill="#0E1016"/>
-<path d="M467.53 361.95C467.15 361.95 466.78 361.78 466.54 361.46C466.12 360.91 466.22 360.13 466.77 359.71C475.67 352.88 491.73 344.04 517.7 340.65C530.58 338.97 541.95 339.86 550.62 343.22C558.56 346.3 563.91 351.37 565.7 357.48C565.89 358.14 565.51 358.84 564.85 359.03C564.19 359.22 563.49 358.84 563.3 358.18C560.37 348.13 545.24 339.58 518.03 343.12C492.61 346.44 476.95 355.05 468.3 361.69C468.07 361.86 467.81 361.95 467.54 361.95H467.53Z" fill="#0E1016"/>
-<path d="M455.46 446.85C455.08 446.85 454.71 446.68 454.47 446.36C454.05 445.81 454.16 445.03 454.7 444.61C454.91 444.45 476.47 428.15 505.18 421.86C533.01 415.76 555.16 420.33 559.03 432.97C559.23 433.63 558.86 434.33 558.2 434.53C557.54 434.73 556.84 434.36 556.64 433.7C553.71 424.13 535.27 417.82 505.72 424.3C477.55 430.47 456.43 446.44 456.22 446.6C455.99 446.77 455.73 446.86 455.46 446.86V446.85Z" fill="#0E1016"/>
-<path d="M461.32 546.49C460.99 546.49 460.66 546.36 460.42 546.11C459.94 545.61 459.96 544.82 460.45 544.34C461.1 543.71 476.85 528.84 510.51 521.95C546.14 514.66 568.74 519.19 575.33 526.92C575.78 527.44 575.71 528.23 575.19 528.68C574.66 529.13 573.87 529.06 573.43 528.54C567.51 521.6 545.46 517.35 511.01 524.4C478.05 531.15 462.34 545.99 462.18 546.14C461.94 546.37 461.63 546.49 461.31 546.49H461.32Z" fill="#0E1016"/>
-<path d="M491.16 665.06C490.64 665.06 490.15 664.73 489.97 664.2C489.78 663.63 490.04 663.14 490.13 662.98C491.69 660.07 507.85 643.09 546.93 632.56C589.6 621.06 611.66 621.97 617.97 624.33C618.62 624.57 618.95 625.29 618.7 625.94C618.46 626.59 617.73 626.92 617.09 626.67C611.47 624.57 589.72 623.61 547.58 634.97C509.65 645.2 493.77 661.6 492.37 664.08C492.28 664.49 491.98 664.84 491.55 664.99C491.42 665.03 491.29 665.05 491.16 665.05V665.06Z" fill="#0E1016"/>
-<path d="M529.56 796.56C529.05 796.56 528.57 796.24 528.38 795.73C528.15 795.08 528.49 794.36 529.13 794.13C529.34 794.05 550.45 786.51 566.36 782.83C567.04 782.67 567.7 783.09 567.86 783.77C568.02 784.44 567.6 785.11 566.92 785.27C551.15 788.92 530.18 796.41 529.97 796.49C529.83 796.54 529.69 796.56 529.55 796.56H529.56Z" fill="#0E1016"/>
-<path d="M701.99 887.03C707.21 911.57 710.87 936.49 711.32 961.61C711.35 986.74 708.48 1011.96 700.97 1035.98C700.8 1036.51 700.24 1036.8 699.71 1036.63C699.21 1036.47 698.93 1035.95 699.04 1035.45C700.39 1029.39 701.49 1023.29 702.44 1017.16C706.21 992.69 708.11 967.84 705.79 943.15C704.26 924.62 701.48 906.13 698.02 887.88C697.78 886.61 699.11 887.99 700.08 887.77C701.05 887.55 701.65 885.72 701.98 887.03H701.99Z" fill="#0E1016"/>
-<path d="M598.21 954.87C597.65 954.87 597.14 954.49 597 953.93C596.83 953.26 597.23 952.58 597.9 952.41C598.57 952.24 664.69 935.45 705.99 935.45C706.52 935.45 707.04 935.45 707.56 935.45C708.25 935.45 708.8 936.02 708.8 936.71C708.8 937.4 708.23 937.95 707.55 937.95H707.54C707.03 937.95 706.51 937.95 705.99 937.95C665.01 937.95 599.2 954.66 598.53 954.83C598.43 954.86 598.32 954.87 598.22 954.87H598.21Z" fill="#0E1016"/>
-<path d="M667.69 249.39C674.37 244.19 677.29 234.94 676.75 226.67C676.7 226.12 677.11 225.64 677.66 225.59C678.21 225.54 678.69 225.95 678.74 226.5C678.78 227.72 678.78 228.86 678.73 230.02C678.55 237.61 676.52 245.3 672.09 251.57C671.52 252.41 671.31 252.68 670.52 253.41C669.45 254.45 670.27 253.3 669.24 252.23C667.68 250.72 665.55 249.59 667.68 249.37L667.69 249.39Z" fill="#0E1016"/>
-<path d="M671.67 236.19C671.67 236.19 668.92 241.33 666.61 244.87C665.75 246.2 664.68 246.3 664.36 247.08C663.83 248.39 664.79 248.83 664.79 248.83C664.79 248.83 667.49 252.78 668.64 251.83C671.85 249.18 672.56 244.63 672.59 242.17C672.63 238.97 671.66 236.19 671.66 236.19H671.67Z" fill="#0E1016"/>
-<path d="M680.33 262.88C677.33 260.43 675.97 258.81 676.8 255.71C678.78 248.31 681.04 238.92 678.29 232.12L676.86 227.94C676.44 226.73 678.24 226.03 678.73 227.24L680.36 231.41C684.2 239.79 682 249.42 681.38 258.16C681.38 259.35 681.7 260.34 682.71 261.14C684.54 262.6 682.1 264.43 680.32 262.89L680.33 262.88Z" fill="#0E1016"/>
-<path d="M277.7 520.62C271.91 553.39 267.14 586.36 264.03 619.5L261.22 618.8C269.87 598.75 278.88 578.87 288.9 559.46C292.28 553 295.74 546.57 299.64 540.35C300.83 538.51 303.66 540.24 302.48 542.15C287.42 566.86 275.66 593.54 263.91 619.96L260.37 628.12C263.09 591.88 267.56 555.76 273.42 519.91C273.94 517.12 278.11 517.76 277.69 520.64L277.7 520.62Z" fill="#0E1016"/>
-<path d="M423.65 225.06C408.45 218.8 396.44 224.8 385.17 235.38C374.49 245.46 365.94 257.58 358.22 270.06C332.96 312.3 314.61 358.61 302.05 406.15C301.77 407.21 300.68 407.84 299.63 407.56C298.57 407.28 297.94 406.19 298.22 405.14C303.53 386.06 309.41 367.09 316.7 348.61C331.73 311.03 360.29 245.36 395.04 223.86C403.97 218.38 415.37 217.75 425.04 221.76C427.21 222.73 425.87 225.95 423.65 225.06V225.06Z" fill="#0E1016"/>
-<path d="M447.79 249.51C442.87 241.24 436.94 233.09 428.81 227.86C426.82 226.55 428.73 223.53 430.77 224.79C435.1 227.74 438.75 231.47 441.91 235.47C445.05 239.47 447.73 243.77 450.15 248.17C450.51 248.83 450.27 249.65 449.62 250.01C448.97 250.37 448.16 250.14 447.79 249.51Z" fill="#0E1016"/>
-<path d="M316.48 391.19C324.31 365.58 333.05 340.23 343.6 315.59C350.72 299.02 358.38 282.51 370.16 268.61C382.95 253.18 405.55 236.67 425.31 250.32C431.14 254.29 435.78 259.92 439.21 265.94C439.76 266.9 439.43 268.12 438.47 268.67C437.56 269.19 436.42 268.92 435.84 268.08C433.34 264.55 430.55 261.27 427.44 258.45C408.8 241.16 387.7 256.15 374.17 272C362.72 285.4 354.86 301.33 347.46 317.3C336.59 340.64 326.18 367.18 316.49 391.18L316.48 391.19Z" fill="#0E1016"/>
-<path d="M708.68 958.41C728.49 955.79 747.63 946.21 760.45 930.71C762.74 927.83 764.89 924.75 766.76 921.6C767.45 920.33 768.35 921.15 769.59 921.92C770.88 922.71 771.91 923.22 770.95 924.39C768.97 926.81 767.11 929.3 765.01 931.6C758.88 938.56 751.86 944.86 743.94 949.73C733.39 956.27 721.55 960.49 709.36 962.72C706.47 963.17 705.75 958.89 708.68 958.42V958.41Z" fill="#0E1016"/>
-<path d="M947.59 525.89C950.71 522.68 950.52 517.62 947.47 514.42C946.9 513.77 944.89 511.72 944.23 511.06C924.69 491.83 906.12 471.54 889.27 449.89C871.17 426.64 853.77 401.93 843.59 374.07C842.14 370.05 840.84 366.04 839.94 361.76H842.32C835.71 401.81 830.93 442.32 828.77 482.88C828.42 488.68 828.43 495.09 828.66 500.07C828.75 502.13 824.79 502.34 824.81 500.19C826.15 453.58 831.83 407.2 839.93 361.31L841.01 355.35C841.01 355.36 842.31 361.3 842.31 361.31C846.56 377.46 854.23 392.56 862.56 406.97C875.44 428.5 891.19 448.62 907.23 467.86C919.4 482.33 932.37 496.18 945.74 509.56L947.95 511.85L949.05 513.05C952.75 517 952.92 523.41 949 527.3C948.03 528.23 946.65 526.85 947.58 525.89H947.59Z" fill="#0E1016"/>
-<path d="M590.49 817.26C587.92 833.69 585.16 851.23 582.14 867.62L582.08 867.96C582.06 868.07 582.09 867.93 582.08 867.89C582.06 867.71 581.92 867.56 581.74 867.54L581.9 867.56C583.07 867.68 593.49 868.88 594.92 869.04C609.18 870.71 688.57 879.74 704.54 881.56C705.22 881.64 705.71 882.25 705.63 882.93C705.55 883.61 704.94 884.1 704.26 884.02L616.55 874.1C609.26 873.29 590.7 871.21 583.66 870.41C583.15 870.35 581.94 870.22 581.42 870.15C580.16 870.03 579.22 868.68 579.53 867.47C582.81 851.01 586.76 833.6 590.5 817.26H590.49Z" fill="#0E1016"/>
-<path d="M626.09 879.21C624.59 879.01 622.81 877.17 622.49 879.14C619.12 903.19 612.26 927.31 598.86 947.73C587.03 965.38 571.95 980.85 554.88 993.52C555.24 992.86 555.61 992.19 555.96 991.52C561.44 980.9 566.22 969.66 567.85 957.73C566.55 960.4 565.23 963.07 563.9 965.74C561.03 971.5 557.18 976.72 552.47 981.1C546.56 986.62 540.2 991.71 533.67 996.4C504.48 1017.6 468.84 1029.1 432.74 1029.47C432.22 1029.47 431.79 1029.88 431.75 1030.4C431.71 1030.95 432.13 1031.43 432.68 1031.47C444.9 1032.32 457.26 1031.79 469.47 1029.92C499.06 1025.03 528.27 1011.95 550.67 991.62C548.05 996.62 545.41 1001.6 542.75 1006.51C555.65 998.7 568.07 989.94 579.01 979.53C588.05 970.75 596.44 961.31 603.55 950.84C617.66 929.74 625.14 904.93 628.58 880C628.81 877.95 627.58 879.4 626.08 879.2L626.09 879.21Z" fill="#0E1016"/>
-<path d="M683.19 613.34L695.73 618.04L693.12 631.17C690.9 638.76 682.94 643.12 675.35 640.9C667.76 638.68 663.4 630.72 665.62 623.13C667.82 615.61 675.65 611.25 683.2 613.35L683.19 613.34ZM696.76 612.86L684.82 608.38L684.72 608.35C674.34 605.39 663.54 611.41 660.58 621.79C657.62 632.17 663.64 642.97 674.02 645.93C684.39 648.88 695.2 642.87 698.16 632.5L698.19 632.4L700.68 619.9L712.62 624.38L712.72 624.41C723.1 627.37 733.9 621.35 736.86 610.97C739.82 600.59 733.8 589.79 723.42 586.83C713.05 583.88 702.24 589.89 699.28 600.26L699.25 600.36L696.76 612.86ZM701.7 614.71L704.31 601.58C706.53 593.99 714.49 589.63 722.08 591.85C729.67 594.07 734.03 602.03 731.81 609.62C729.61 617.14 721.78 621.5 714.23 619.4L701.7 614.7V614.71Z" fill="black"/>
-<path d="M823.98 622.99L828.19 610.28L841.41 612.39C849.08 614.32 853.74 622.11 851.81 629.78C849.88 637.45 842.09 642.11 834.42 640.18C826.82 638.27 822.17 630.61 823.97 622.98L823.98 622.99ZM822.99 609.46L818.97 621.56L818.94 621.66C816.38 632.14 822.81 642.71 833.29 645.27C843.77 647.83 854.34 641.4 856.9 630.92C859.46 620.44 853.04 609.87 842.56 607.31L842.46 607.29L829.87 605.28L833.89 593.18L833.92 593.08C836.48 582.6 830.05 572.03 819.57 569.47C809.09 566.91 798.52 573.34 795.96 583.82C793.4 594.3 799.82 604.87 810.3 607.43L810.4 607.45L822.99 609.46ZM824.65 604.45L811.43 602.34C803.76 600.41 799.1 592.62 801.03 584.95C802.96 577.28 810.75 572.62 818.42 574.55C826.02 576.46 830.67 584.12 828.87 591.75L824.65 604.45V604.45Z" fill="black"/>
-<path d="M650.09 767.54L663.41 766.19L666.89 779.12C668.27 786.91 663.06 794.34 655.27 795.72C647.48 797.1 640.05 791.89 638.67 784.1C637.31 776.38 642.4 769.01 650.09 767.54V767.54ZM662.04 761.1L649.36 762.38L649.25 762.4C638.64 764.35 631.62 774.54 633.57 785.15C635.52 795.76 645.71 802.78 656.32 800.83C666.93 798.88 673.95 788.7 672 778.09L671.98 777.99L668.67 765.68L681.35 764.4L681.46 764.38C692.07 762.43 699.09 752.24 697.14 741.63C695.19 731.02 685 724 674.39 725.95C663.78 727.9 656.76 738.08 658.71 748.69L658.73 748.79L662.04 761.1ZM667.29 760.57L663.81 747.65C662.43 739.86 667.64 732.43 675.43 731.05C683.22 729.67 690.65 734.88 692.03 742.67C693.39 750.39 688.3 757.76 680.61 759.23L667.29 760.57V760.57Z" fill="black"/>
-<path d="M774.66 828.41L777.35 815.29L790.73 815.83C798.58 816.84 804.12 824.03 803.1 831.88C802.09 839.73 794.9 845.27 787.05 844.25C779.28 843.25 773.76 836.19 774.66 828.4V828.41ZM772.08 815.09L769.51 827.58L769.49 827.69C768.18 838.4 775.8 848.14 786.51 849.45C797.22 850.76 806.96 843.14 808.27 832.43C809.58 821.72 801.96 811.98 791.25 810.67H791.14L778.4 810.15L780.97 797.66L780.99 797.55C782.3 786.84 774.68 777.1 763.97 775.79C753.26 774.48 743.52 782.1 742.21 792.81C740.9 803.52 748.52 813.26 759.23 814.57H759.34L772.08 815.09ZM773.14 809.92L759.77 809.38C751.92 808.37 746.38 801.18 747.4 793.33C748.41 785.48 755.6 779.94 763.45 780.96C771.22 781.96 776.74 789.02 775.84 796.81L773.14 809.92V809.92Z" fill="black"/>
-<path d="M787.92 711.27L784.58 698.3L796.84 692.92C804.34 690.39 812.47 694.41 815 701.91C817.53 709.41 813.51 717.54 806.01 720.07C798.59 722.58 790.53 718.66 787.92 711.27V711.27ZM779.75 700.43L782.92 712.78L782.95 712.88C786.48 723.08 797.6 728.49 807.8 724.96C818 721.43 823.41 710.31 819.88 700.11C816.35 689.91 805.23 684.51 795.04 688.03L794.94 688.07L783.27 693.2L780.1 680.85L780.07 680.75C776.54 670.55 765.42 665.14 755.22 668.67C745.02 672.2 739.61 683.32 743.14 693.52C746.67 703.72 757.79 709.12 767.98 705.6L768.08 705.56L779.75 700.43ZM778.44 695.32L766.19 700.7C758.69 703.23 750.56 699.21 748.03 691.71C745.5 684.21 749.52 676.08 757.02 673.55C764.44 671.04 772.5 674.96 775.11 682.35L778.44 695.31V695.32Z" fill="black"/>
-<path d="M558.54 226.9C562.88 225.64 569.37 223.9 571.83 222.58C573.97 221.43 571.97 219.48 566.75 218.28C561.53 217.08 570.02 217.88 577.15 219.92C584.28 221.96 585.53 223.77 585.53 223.77L562.32 227.79L558.54 226.9V226.9Z" fill="#0E1016"/>
-<path d="M624.42 238.21C624.42 238.21 628.55 244.98 630.13 262.5C630.91 271.15 627.12 256.56 625.63 251.91C624.14 247.26 620.04 237.59 620.04 237.59L624.41 238.21H624.42Z" fill="#0E1016"/>
-<path d="M653.73 251C659.19 250.57 662.92 248.14 671.49 255.81C680.06 263.48 666.19 247.79 664.36 247.08C662.53 246.37 655.93 248.9 655.05 249.17C654.17 249.44 653.72 251 653.72 251H653.73Z" fill="#0E1016"/>
-<path d="M462.61 534.24C463.12 536.37 465.48 539.98 469.78 537.46C474.08 534.94 467.37 540.41 465.46 541.76C463.55 543.11 461.62 544.4 461.62 544.4L462.61 534.24V534.24Z" fill="#0E1016"/>
-<path d="M465.26 553.07C464.81 550.23 464.25 543.93 470.74 539.87C477.23 535.81 468.41 540.42 465.46 541.77C462.51 543.12 461.62 544.41 461.62 544.41L463.43 550.58L465.26 553.07V553.07Z" fill="#0E1016"/>
-<path d="M458.38 451.18C458.41 448.94 459.16 444.22 464.27 441.26C469.38 438.3 462.75 441.55 460.32 442.59C457.89 443.63 456.52 444.75 456.52 444.75L457.16 450.95L458.38 451.19V451.18Z" fill="#0E1016"/>
-<path d="M458.88 433.86C458.76 436.22 459.6 441.02 464.05 438.48C468.5 435.94 462.79 441.37 459.49 442.96C456.19 444.55 455.03 445.11 455.03 445.11L457.55 436.43L458.88 433.86Z" fill="#0E1016"/>
-<path d="M469.45 366.82C470.21 363.93 471.59 358.71 477.34 355.77C483.09 352.83 469.52 359.16 469.09 359.48C468.66 359.8 468.5 364.4 468.5 364.4L469.45 366.82Z" fill="#0E1016"/>
-<path d="M474.85 348.11C474.03 350.71 473.83 354.62 478.17 352.48C482.51 350.35 476.36 355.04 473.64 356.8C470.92 358.56 469.53 358.46 469.53 358.46L472.47 351.77L474.86 348.11H474.85Z" fill="#0E1016"/>
-<path d="M490.49 653.53C491.04 655.23 493.71 658.29 498.56 654.81C503.42 651.33 491.76 662.01 491.55 662.22C491.34 662.43 490.49 653.53 490.49 653.53V653.53Z" fill="#0E1016"/>
-<path d="M495.93 669.92C494.98 667.1 493.09 661.87 499.18 657.49C505.27 653.11 495.03 659.89 492.93 660.95C490.83 662.01 490.71 663.81 490.94 664.44C491.17 665.07 495.94 669.92 495.94 669.92H495.93Z" fill="#0E1016"/>
-<path d="M530.6 787.37C531.01 789.29 532.79 792.81 537.64 791.22C542.49 789.63 532.42 794.22 530.85 794.72C529.28 795.23 529.89 791.04 529.89 791.04L530.6 787.36V787.37Z" fill="#0E1016"/>
-<path d="M533.56 801.92C532.98 798.93 533.94 795.06 538.56 793.55C543.18 792.04 532.28 794.64 530.9 795.28C529.52 795.92 530.16 799.06 530.16 799.06L533.56 801.92Z" fill="#0E1016"/>
-<path d="M462.77 230.77C467.46 222.37 470.13 218.32 468.48 214.66C466.56 210.41 456.16 213.52 445.87 216.54C435.58 219.56 452.63 215.94 456.84 216.87C461.05 217.8 463.27 219.17 463.27 222.98C463.27 226.79 462.78 230.76 462.78 230.76L462.77 230.77Z" fill="#0E1016"/>
-<path d="M377.98 338.57C386.82 332.9 394.36 329.15 398.09 330.12C402.51 331.26 399.79 340.64 397.58 347.48C395.37 354.32 395.88 346.6 396.45 344.03C397.02 341.46 397.09 336.82 393.81 336.04C390.53 335.26 383.32 337.47 383.32 337.47L377.97 338.58L377.98 338.57Z" fill="#0E1016"/>
-<path d="M332.23 490.25C334.67 486.11 340.65 478.95 345.39 479.53C350.59 480.17 350.59 486.67 348.85 503.23C347.16 519.25 346.95 503.94 346.87 501.09C346.79 498.24 346.71 491.11 343.31 490.08C339.91 489.05 336.03 490.79 336.03 490.79L332.24 490.25H332.23Z" fill="#0E1016"/>
-<path d="M355.13 528.76C356.27 530.26 357.54 531.93 358.77 533.56C359.46 526.67 360.16 520.63 360.87 516.15C364.14 495.35 369.2 459.83 369.2 459.83C364.3 479.9 359.33 501.48 355.13 528.77V528.76Z" fill="#0E1016"/>
-<path d="M316.69 805.25C312.98 813.82 310.38 819.27 310.38 819.27C310.38 819.27 313.02 814.18 316.69 805.25Z" fill="#0E1016"/>
-<path d="M349.64 573.09C348.49 585.05 347.48 597.98 346.66 612.06C342.39 685.38 342.89 693.99 335.26 740.04C330.61 768.09 322.4 791.34 316.69 805.25C324.42 787.42 337.02 756.06 341.25 732.14C347.52 696.72 351.06 625.6 352.69 608.43C353.33 601.7 354.22 589.24 355.27 575.33L349.63 573.08L349.64 573.09Z" fill="#0E1016"/>
-<path d="M629.15 238C623.94 240.21 617.4 240.51 610.49 238.46C603.58 236.41 592.48 230.33 583.43 225.39C574.39 220.45 572.36 217.19 577.93 220.15C583.5 223.11 598.47 228.58 605.69 231.93C612.91 235.27 617.27 236.41 621.74 236.87C626.21 237.33 629.14 238.01 629.14 238.01L629.15 238Z" fill="#0E1016"/>
-<path d="M661.27 300.63C662.74 299.22 664.31 296.25 661.83 292.65C659.35 289.05 666.12 295.42 666.98 296.83C667.84 298.24 663.56 301.4 663.56 301.4L661.28 300.63H661.27Z" fill="#0E1016"/>
-<path d="M662.35 288.2C664.24 290.11 666.92 292.73 669.7 293.53C672.48 294.33 674.51 294.43 676.44 294.48C678.37 294.53 671.41 297.3 669.16 297.59C666.91 297.88 663.92 292.03 663.92 292.03L662.35 288.2Z" fill="#0E1016"/>
-<path d="M538.18 306.71C549.02 314.97 556.61 317.04 564.21 318.72C571.8 320.4 578.81 320.59 578.81 320.59L584.33 310.83C584.33 310.83 567.26 314.87 555.53 311.42C543.8 307.97 538.19 306.71 538.19 306.71H538.18Z" fill="#0E1016"/>
-<path d="M489.73 186.33C491.84 185.45 493.42 185.49 494.86 186.33C496.3 187.17 497.26 188.4 495.5 190.7C493.74 192.99 499.13 189.49 500.57 187.05C502.01 184.6 500.07 182.59 500.07 182.59L494.11 181.93L489.73 186.33Z" fill="#0E1016"/>
-<path d="M597.96 162.84C600.84 164.24 603.13 164.22 604.65 163.81C606.17 163.4 606.71 162.07 606.04 159.79C605.36 157.51 608.78 162.68 609.55 166.43C610.32 170.19 609.48 171.4 609.55 171.19C609.62 170.98 597.96 162.84 597.96 162.84V162.84Z" fill="#0E1016"/>
-<path d="M198.66 292.78C207.5 284.7 216.43 279.9 225.64 277.76C234.85 275.62 242.29 277.26 247.71 284.45C253.13 291.64 257.08 299.75 260.29 314.33C263.49 328.91 258.18 290.76 256.04 281.05C253.9 271.34 251.88 265.41 245.19 263.39C238.5 261.37 236.99 260.74 226.14 267.8C215.29 274.86 211.76 277.01 206.34 282.18C200.92 287.35 198.66 292.79 198.66 292.79V292.78Z" fill="#0E1016"/>
-<path d="M358.29 295.48C365.2 282.88 371.51 274.5 382.77 266.79C394.03 259.08 407.34 259.76 415.29 262.21C423.24 264.66 432.66 272.61 432.66 272.61L437.19 267.23C437.19 267.23 431.19 256.34 419.57 251.94C407.95 247.54 402.07 247.54 387.64 257.45C373.21 267.36 368.31 274.58 365.25 279.72C362.19 284.86 358.29 295.5 358.29 295.5V295.48Z" fill="#0E1016"/>
-<path d="M277.18 523.58C277.18 523.58 284.25 532.15 288.84 536.33C293.43 540.51 298.59 544.93 298.59 544.93L300.72 542.14L277.32 522.78L277.18 523.57V523.58Z" fill="#0E1016"/>
-<path d="M283.58 752.27C291.67 747.3 297.07 745.28 302.75 745.1C308.43 744.92 313.55 749.04 313.46 757.27C313.37 765.51 307.92 785.86 307.92 785.86L307.05 781.34C307.05 781.34 309.25 768.8 305.59 760.65C301.93 752.5 302.66 751.86 296.16 751.5C289.66 751.14 283.58 752.26 283.58 752.26V752.27Z" fill="#0E1016"/>
-<path d="M138.58 988.32C151.33 980.28 158.34 976.67 167.23 978.29C178 980.25 177.51 996.2 168.68 1014.08C159.85 1031.96 166.95 1011.66 167.51 1006.4C168.08 1001.15 168.36 992.91 162.68 988.94C157 984.96 150.47 984.68 146.35 986.53C142.23 988.38 138.57 988.33 138.57 988.33L138.58 988.32Z" fill="#0E1016"/>
-<path d="M541.13 996.16C541.13 996.16 535.65 1019.15 530.19 1031.87C524.73 1044.6 520.63 1036.67 520.63 1036.67C520.63 1036.67 528.89 1016.72 533.19 1002.31C535.75 993.72 541.14 996.16 541.14 996.16H541.13Z" fill="#0E1016"/>
-<path d="M161.88 411.02C163.1 409.03 167.1 408.36 165.1 413.5C163.09 418.65 166.36 411.56 169.89 403.85C173.42 396.15 176.72 386.1 176.72 386.1L161.88 411.01V411.02Z" fill="#0E1016"/>
-<path d="M216.07 383.78C217.18 380.12 221.2 377.18 221.02 383.78C220.84 390.38 222.84 376.66 223.01 368.8C223.18 360.95 223.01 356.37 223.01 356.37L216.06 383.78H216.07Z" fill="#0E1016"/>
-<path d="M958.73 504.33C958.73 504.33 960.72 514.28 960.67 518.23C960.62 522.18 960.32 516.56 959 512.67C957.68 508.78 955.65 505.67 955.65 505.67L958.73 504.33Z" fill="#0E1016"/>
-<path d="M380.03 704.74C399.67 716.2 417.35 732.33 426.95 753.29C434.12 768.64 438.08 785.47 439.99 802.29L434.58 794.34C429.59 787.06 424.45 779.79 418.89 772.93C415.32 768.5 411.4 764.36 406.27 762.01C398.1 758.07 390.72 762.34 393.49 771.83C394.93 777.34 398.45 782.14 401.4 787.03C404.55 792.1 407.55 797.37 410.17 802.78C416.44 815.33 420.75 828.99 421.03 843.13C417.32 838.16 413.36 832.88 409.48 828.07C403.97 821.59 398.54 814.17 390.28 811.24C387.33 810.24 383.91 809.83 381.04 811.24C380.07 811.72 379.23 812.48 378.54 813.31C380.63 808.88 386.51 808.18 390.84 809.25C399.99 811.46 406.33 819.05 412.2 825.81C415.1 829.25 417.81 832.79 420.36 836.52L417.25 837.6C416.71 831.93 415.24 826.12 413.47 820.65C409.76 809.56 404.18 799.09 397.9 789.19C393.89 782.66 388.91 776.01 388.7 767.95C388.57 764.43 390.15 760.49 393.18 758.44C403.69 751.51 416.09 762.08 422.29 770.1C428 777.08 433.2 784.36 438.32 791.77L434.22 793.31C433.66 788.99 432.79 784.54 431.81 780.2C423.98 745.09 408.77 725.65 380.04 704.69L380.03 704.74Z" fill="#0E1016"/>
-<path d="M325.97 926.16C331.13 946.61 330.13 965.27 318.92 983.56C317.99 978.1 316.91 972.19 315.46 966.87C314.48 963.36 313.37 959.48 311.46 956.47C308.42 951.82 303.3 951.44 300.78 956.81C299.94 958.44 299.48 960.27 298.96 962.04C294.77 977 289.6 993.59 276.79 1003.55C284.27 994.29 288.7 983.53 292.13 972.33C293.58 967.66 294.77 962.88 296.2 958.14C296.53 957.23 296.93 955.96 297.41 955.11C299.53 950.55 304.37 947.51 309.45 949.79C313.76 951.64 315.95 956.04 317.4 960.06C319.44 965.78 320.72 971.63 321.74 977.6L318.18 976.99C326.54 960.8 327.68 944.05 325.96 926.17L325.97 926.16Z" fill="#0E1016"/>
-<defs>
-<linearGradient id="paint0_linear_121_754" x1="656.82" y1="655.74" x2="908.24" y2="717.18" gradientUnits="userSpaceOnUse">
-<stop stop-color="#78E382"/>
-<stop offset="1" stop-color="#3685DB"/>
-</linearGradient>
-<linearGradient id="paint1_linear_121_754" x1="884.03" y1="340.97" x2="946.58" y2="486.33" gradientUnits="userSpaceOnUse">
-<stop stop-color="#78E382"/>
-<stop offset="1" stop-color="#3685DB"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/frontend-next/public/images/dragon-cant-find.svg b/frontend-next/public/images/dragon-cant-find.svg
deleted file mode 100644
index 8a6eed443..000000000
--- a/frontend-next/public/images/dragon-cant-find.svg
+++ /dev/null
@@ -1,246 +0,0 @@
-<svg width="1077" height="941" viewBox="0 0 1077 941" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.5">
-<path d="M477.774 879.03C520.674 871.46 561.734 870.66 588.774 871.37C623.074 872.27 641.994 869.33 667.734 871.37C693.474 873.41 714.794 877.93 731.424 877.84C748.054 877.75 932.304 874.18 962.314 869.15C992.324 864.12 1041.84 871.1 1041.84 871.1L1048.44 875.05C1048.44 875.05 1096.43 896.77 1067.52 911.78C1048.79 921.51 967.144 916.12 934.734 919.84C915.124 922.09 881.074 928.72 860.354 934.19C848.584 937.29 831.094 940.99 784.394 934.19C737.694 927.39 620.304 931.42 569.594 936.58C518.884 941.74 485.454 940.95 463.084 936.62C440.714 932.28 426.414 925.42 428.694 909.88C430.964 894.34 465.114 881.27 477.764 879.04L477.774 879.03Z" fill="#D1D1D1"/>
-</g>
-<path d="M361.474 359.01C344.564 315.43 312.974 259.94 288.944 230.46C264.904 200.98 231.394 168.22 199.684 150.96C167.974 133.7 145.084 140.58 145.084 140.58C145.084 140.58 139.444 145.93 137.094 150.46C134.744 154.99 128.304 170.33 127.694 188.55C127.084 206.77 126.074 247.6 152.264 314.02C178.464 380.44 211.554 424.33 243.274 459.26C274.984 494.19 304.394 512.34 324.644 521.26C344.894 530.18 359.614 529.27 361.474 529.13C370.134 522.83 383.544 506.15 384.894 474.83C386.244 443.51 378.384 402.61 361.474 359.03V359.01Z" fill="#C4E6E8"/>
-<path d="M256.924 195.43C256.924 195.43 245.444 217.99 244.264 225.26C243.084 232.52 244.854 239.29 250.594 242.83C256.334 246.36 263.564 248.13 263.564 248.13L221.604 292.53C221.604 292.53 194.524 298.16 187.164 305.53C179.804 312.89 180.424 332.77 202.274 351.16C224.124 369.55 231.254 372.05 236.914 372.67C242.574 373.29 250.454 376.18 250.454 376.18L236.624 362.93C236.624 362.93 257.524 375 271.944 375C286.364 375 307.374 372.43 314.434 367.72C321.494 363.01 325.814 351.73 330.814 340.56C335.814 329.38 344.064 307.6 344.064 307.6C344.064 307.6 322.264 261.81 308.444 247.03C294.624 232.26 273.124 206.52 266.844 198.6C260.564 190.67 256.934 195.45 256.934 195.45L256.924 195.43Z" fill="#B1DA3D"/>
-<path d="M1006.37 769.82C982.754 751.87 978.574 746.94 976.884 735.82C975.194 724.7 978.354 705.9 963.864 670.32C949.384 634.74 936.154 613.01 891.754 573.65C847.354 534.29 808.844 516.56 752.264 491.15C695.684 465.75 669.404 443.43 669.404 443.43L692.034 434.69C692.034 434.69 706.054 423.45 718.734 411.39C731.414 399.33 744.604 384.82 770.094 370.84C795.584 356.86 807.984 367.24 822.704 376.01C837.424 384.78 858.674 416.75 858.674 416.75C858.674 416.75 858.564 406.95 855.584 395.74C852.604 384.53 845.724 358.16 840.864 339.53C836.014 320.9 838.824 316.67 838.824 316.67L877.984 334.5L854.174 306.11C854.174 306.11 869.514 305.86 896.454 319.49C923.394 333.12 952.514 362.08 952.514 362.08C952.514 362.08 947.504 350.49 938.574 333.11C929.644 315.73 917.434 301.32 911.804 290.99C906.164 280.66 896.304 271.42 904.914 264.22C913.524 257.02 929.814 260.62 973.344 279.41C1016.87 298.2 1037.84 320.71 1037.84 320.71C1037.84 320.71 990.564 258.74 914.884 198.59C828.484 129.92 746.894 108.27 718.244 99.79C689.594 91.31 679.294 91.11 670.824 93.74C662.344 96.36 665.374 107.46 674.654 130.06C683.934 152.66 694.454 197.14 694.454 197.14C694.454 197.14 679.694 190.32 639.944 167.59C600.194 144.86 557.204 126.22 543.894 122.59C530.574 118.96 525.454 123.81 525.934 134.5C526.054 137.28 527.714 143.5 530.094 151.19C528.824 150.24 524.304 148.04 508.524 145.6C487.504 142.36 468.214 142.77 468.214 142.77C468.214 142.77 458.734 137.12 454.694 134.7C450.654 132.28 450.454 129.66 455.094 126.43C458.664 123.95 472.284 122.78 478.374 122.37C476.864 122.35 474.734 122.21 471.844 121.79C464.984 120.78 450.824 120.56 450.824 120.56C450.824 120.56 466.394 110.1 486.774 81.64C507.164 53.17 509.574 5.97 509.574 5.97C509.574 5.97 501.524 21.93 487.374 39.47C473.224 57 448.944 72.41 448.944 72.41C448.944 72.41 453.074 65.89 456.504 54C459.934 42.11 464.574 26.56 464.574 26.56C464.574 26.56 443.284 51.91 426.434 64.7C409.584 77.48 381.434 95.17 370.824 102.23C360.214 109.29 353.794 109.49 352.174 113.93C350.564 118.37 360.654 134.31 360.654 134.31C360.654 134.31 353.984 139.76 345.504 144.6C337.024 149.44 329.794 156.75 329.574 151.66C329.354 146.58 330.584 135.72 330.584 135.72C330.584 135.72 322.224 143.41 312.424 158.02C302.614 172.63 298.094 188.56 298.094 188.56C298.094 188.56 293.734 189.08 311.214 206.86C328.694 224.65 359.874 274.24 359.874 274.24C359.874 274.24 367.544 260.17 375.944 252.22C384.344 244.27 389.794 247.9 406.824 246.59C423.854 245.28 430.054 242.21 437.944 228.38C445.834 214.55 450.824 182.73 450.824 182.73C450.824 182.73 454.294 187.04 463.154 201.58C472.014 216.12 499.494 271.08 508.514 304.99C517.534 338.9 520.834 380.32 520.994 423.47C521.144 466.62 526.514 514.77 542.394 565.55C558.274 616.33 587.144 642.64 587.144 642.64C587.144 642.64 583.714 642.8 572.984 650.48C562.254 658.16 550.164 655.56 534.454 655.34C518.744 655.11 496.034 644.61 471.314 637.37C446.594 630.14 443.944 627.09 433.244 625.05C422.544 623.02 413.554 630.4 401.574 639.96C389.604 649.52 387.904 661.32 387.904 661.32L399.514 653.3C399.514 653.3 404.064 656.58 411.174 657.14C418.294 657.71 426.314 652.39 426.314 652.39C426.314 652.39 420.434 662.79 417.384 669.82C414.334 676.85 417.954 685.19 424.504 689.34C431.054 693.49 443.264 693.41 443.264 693.41C443.264 693.41 443.494 702.02 449.144 707.31C454.784 712.6 464.154 713.37 464.154 713.37L460.404 711.83L456.404 707.54C456.404 707.54 459.364 705.52 462.654 701.31C465.944 697.1 469.974 683.5 469.974 683.5C469.974 683.5 502.934 695.34 507.674 696.01C512.424 696.69 518.124 695.41 518.124 695.41C518.124 695.41 535.414 709 545.994 714.95C556.574 720.9 560.184 723.21 560.184 723.21C560.184 723.21 565.414 744.46 567.164 760.04C568.904 775.62 572.754 809.69 572.754 809.69C572.754 809.69 529.714 812.6 504.954 815.62C480.184 818.64 451.004 826.78 440.764 827.83C430.534 828.88 424.834 829.57 422.744 828.3C420.654 827.02 422.394 823.42 430.304 817.95C438.214 812.48 455.304 803.18 455.304 803.18C455.304 803.18 453.444 803.88 447.974 805.04C442.514 806.2 419.714 812.48 400.884 821.55C382.044 830.62 360.424 847.71 352.284 854.69C344.144 861.67 330.544 875.5 330.544 875.5C330.544 875.5 333.104 874.22 339.034 871.43C344.964 868.64 371.944 857.59 399.964 850.62C427.984 843.64 399.964 850.62 400.894 850.85C401.824 851.08 457.174 839.11 492.054 836.32C526.934 833.53 572.764 835.97 572.764 835.97C572.764 835.97 572.634 842.25 571.474 853.64C570.314 865.04 563.794 877.84 563.794 877.84C563.794 877.84 558.934 876.74 550.664 873.17C542.384 869.6 529.504 864.57 523.804 864.91C518.104 865.25 515.084 871.89 515.084 871.89C515.084 871.89 512.314 870.78 504.384 875.05C496.454 879.32 491.124 888.63 483.224 897.47C475.314 906.31 471.014 918.52 471.014 918.52L483.104 908.4L486.244 909.86C489.384 911.32 494.844 911.31 494.844 911.31C494.844 911.31 493.104 916.66 492.404 921.43C491.704 926.2 491.784 933.77 491.784 933.77L500.434 919.8C500.434 919.8 506.594 920.15 517.064 919.57C527.534 918.99 536.944 907.96 536.944 907.96C536.944 907.96 537.544 908.88 543.924 908.87C550.304 908.86 555.404 905.5 578.574 903.87C601.744 902.24 628.924 904.34 635.204 904.1C641.484 903.87 644.694 898.8 647.534 898.93C650.364 899.06 661.044 903.66 661.044 903.66C661.044 903.66 659.584 901.67 657.424 897.6C655.254 893.53 649.644 892.12 649.644 892.12C649.644 892.12 649.554 891.31 648.704 889.46C647.854 887.61 644.404 882.95 637.594 881.09C630.794 879.23 611.074 880.89 611.074 880.89L625.924 843.37C625.924 843.37 710.004 860.78 710.824 861.05C711.634 861.32 707.454 859.86 699.154 864.46C690.854 869.06 688.594 877.85 688.594 877.85C688.594 877.85 686.164 882.78 681.904 886.21C677.644 889.64 678.614 903.26 678.614 903.26C678.614 903.26 685.524 892.2 692.044 894.09C698.564 895.98 702.384 891.18 702.384 891.18L696.304 909.88L709.084 898.94C709.084 898.94 717.154 904.08 729.974 903.27C742.794 902.45 769.514 893.94 770.124 894.1C770.734 894.26 788.374 897.39 788.374 897.39L784.314 915.24L797.494 903.27L803.554 905.7L801.544 925.37L808.034 916.05C808.034 916.05 809.144 910.2 812.904 914.18C816.664 918.16 823.104 915.01 823.104 915.01V922.94L830.554 914.18C830.554 914.18 845.764 920.51 855.704 918.92C865.644 917.33 880.244 910.37 894.034 907.48C907.824 904.59 928.304 903.28 953.504 901.14C978.704 899 991.304 894.84 1013.45 886.43C1035.6 878.02 1052.8 859.55 1053.02 832.49C1053.24 805.44 1030.03 787.78 1006.42 769.83L1006.37 769.82ZM540.374 204.76C533.154 203.59 530.564 203.1 524.714 196.64C518.864 190.18 500.904 173.98 499.894 167.99C498.884 162 505.144 160.73 513.214 157.7C517.254 156.19 524.914 155.85 531.574 155.89C538.564 177.59 549.534 206.85 549.534 206.85C549.534 206.85 547.604 205.94 540.374 204.76ZM616.074 330.35C616.074 330.35 626.584 325.02 645.694 331.92C664.804 338.81 699.704 356.98 699.704 356.98C699.704 356.98 695.354 380.48 688.304 394.26C681.254 408.05 673.574 418.23 673.574 418.23C673.574 418.23 650.704 396.3 633.944 370.29C617.184 344.29 616.064 330.34 616.064 330.34L616.074 330.35ZM632.314 782.22C628.444 784.3 628.444 784.65 629.324 775.9C630.194 767.15 633.174 759.95 633.174 759.95L645.934 762.42C645.934 762.42 636.174 780.14 632.314 782.22ZM737.994 823.5C691.644 815.9 637.134 811.19 637.134 811.19C637.134 811.19 638.184 809.88 640.804 800.5C643.424 791.12 648.644 763.15 648.644 763.15L721.524 778.5C721.524 778.5 723.844 795.2 739.554 804.63C755.274 814.06 774.654 817.47 796.924 824.42C819.194 831.38 822.544 839.04 822.544 839.04C822.544 839.04 784.354 831.09 738.004 823.49L737.994 823.5ZM909.924 847.11C902.654 846.06 878.214 847.11 878.214 847.11C878.214 847.11 872.974 842.95 866.964 834.24C860.954 825.53 860.354 822.53 860.354 822.53C860.354 822.53 877.774 826.43 892.194 830.03C906.614 833.63 915.324 843.36 915.324 843.36C915.324 843.36 917.184 848.17 909.914 847.11H909.924Z" fill="#B1DA3D"/>
-<path d="M481.344 122.18C481.344 122.18 480.184 122.23 478.364 122.36C480.444 122.39 481.344 122.18 481.344 122.18Z" fill="#B1DA3D"/>
-<path d="M479.044 639.73C479.044 639.73 446.094 590.83 445.214 507.83C444.334 424.83 449.344 390.71 443.154 335.72C436.964 280.73 406.834 246.57 406.834 246.57C406.834 246.57 426.844 245.36 437.954 228.36C449.064 211.35 450.834 182.71 450.834 182.71C450.834 182.71 499.514 245.37 512.804 323.73C526.104 402.09 518.224 446.01 527.424 505.32C536.624 564.63 558.874 606.14 566.594 617.05C574.314 627.97 587.154 642.61 587.154 642.61C587.154 642.61 575.664 656.42 555.064 655.86C534.464 655.3 510.694 651.36 499.814 646.76C488.934 642.15 479.054 639.72 479.054 639.72L479.044 639.73Z" fill="#E9F634"/>
-<path d="M527.414 702.44C527.414 702.44 560.564 723.08 569.274 727.88C577.984 732.68 608.264 755.08 665.094 767.11C721.924 779.14 792.874 791.94 792.874 791.94C792.874 791.94 780.974 779.54 784.214 765.03C787.464 750.52 791.604 742.64 791.604 742.64C791.604 742.64 751.424 724.59 716.284 714.95C681.144 705.3 640.664 686.47 640.664 686.47L602.064 696.45C602.064 696.45 615.444 702.86 620.924 705.62C626.404 708.38 629.324 708.31 629.324 708.31C629.324 708.31 600.544 714.26 580.754 711.32C560.964 708.38 527.414 702.45 527.414 702.45V702.44Z" fill="#B5B911"/>
-<path d="M345.514 206.13C344.634 198.93 345.064 187.02 347.274 184.53C349.484 182.04 378.424 161.93 378.424 161.93C378.424 161.93 381.744 176.75 381.474 182.72C381.194 188.69 378.424 199.21 366.524 202.54C354.614 205.86 345.524 206.14 345.524 206.14L345.514 206.13Z" fill="white"/>
-<path d="M135.034 140L159.314 126.83C159.314 126.83 171.014 119.6 192.524 122.18C214.034 124.76 257.534 141.92 298.104 188.54C338.674 235.16 385.694 297.95 405.004 378.15C424.314 458.35 411.354 490.09 403.824 502.58C396.294 515.07 367.444 532.09 367.444 532.09C367.444 532.09 385.364 512.11 388.664 484.89C391.964 457.67 389.434 422.86 377.384 384.17C365.324 345.48 341.994 294.34 317.884 260.51C293.774 226.68 266.354 192.84 234.464 168.34C202.574 143.84 185.464 138.86 167.964 136.68C150.464 134.5 135.034 140 135.034 140Z" fill="#BABABA"/>
-<path d="M118.854 288.67C113.824 273 105.344 234.89 108.154 199.97C110.954 165.05 123.454 152.16 132.334 146.45C140.234 141.37 145.094 140.58 145.094 140.58C145.094 140.58 139.454 145.93 137.104 150.46C134.754 154.99 128.314 170.33 127.704 188.55C127.094 206.77 126.074 247.6 152.274 314.02C178.474 380.44 211.564 424.33 243.284 459.26C274.994 494.19 304.404 512.34 324.654 521.26C344.904 530.18 359.624 529.27 361.484 529.13C361.484 529.13 345.584 542.41 318.714 536.03C291.844 529.65 254.354 509.09 208.904 455.27C152.994 389.07 126.094 311.23 118.854 288.67Z" fill="#D1D1D1"/>
-<path d="M367.434 532.09L387.834 565.53L402.354 556.68L382.614 524.33L367.434 532.09Z" fill="#BABABA"/>
-<path d="M382.484 569.63L409.744 553.88C409.744 553.88 414.574 557.6 417.744 562.68C420.914 567.76 460.874 633.53 460.874 633.53C460.874 633.53 436.754 624.07 433.234 625.04C429.714 626.01 415.174 629.76 415.174 629.76L382.484 574.2V569.63Z" fill="#7B7B7B"/>
-<path d="M461.254 705.31L496.984 758.39C496.984 758.39 506.694 765.36 515.824 759.88C524.954 754.4 528.364 742.72 522.264 735.29C516.164 727.86 495.614 692.81 495.734 692.43C495.854 692.05 469.974 683.48 469.974 683.48C469.974 683.48 468.464 692.05 466.484 696.34C464.504 700.63 461.254 705.3 461.254 705.3V705.31Z" fill="#7B7B7B"/>
-<path d="M670.364 444.22C671.584 443.99 692.094 432.76 692.094 432.76C692.094 432.76 717.874 450.11 738.194 460.09C758.514 470.07 775.504 473.16 788.804 475.89C802.114 478.62 825.754 480.05 843.934 485.39C862.114 490.73 869.834 499.17 869.834 499.17C869.834 499.17 866.384 497.51 860.804 496.32C855.224 495.13 837.514 491.45 830.274 492.16C823.034 492.87 814.314 496.63 813.644 501.9C812.964 507.17 816.134 510.69 820.774 514.97C825.414 519.25 846.794 533.62 864.024 545.03C881.254 556.44 883.864 556.2 892.774 558.22C901.684 560.24 912.614 561.07 930.674 568.44C948.734 575.81 961.684 599.45 961.684 599.45C961.684 599.45 956.104 593.27 944.454 586.38C932.814 579.49 926.674 577.17 919.504 579.61C912.334 582.05 914.394 592.44 914.394 592.44C914.394 592.44 926.164 607.39 938.424 622.56C950.684 637.73 966.554 673.7 970.184 688.23C973.824 702.76 978.404 733.26 972.604 751.88C964.764 777.05 943.624 801.79 943.624 801.79C947.444 795.57 948.704 780.83 951.314 772.6C953.654 765.2 962.824 743.67 964.324 734.83C967.414 716.54 968.144 697.33 959.164 675.24C950.184 653.15 942.884 634.91 908.054 597.94C873.224 560.97 814.624 529.41 763.604 504.48C731.934 489.01 694.884 477.55 659.574 446.55C659.574 446.55 667.234 444.79 670.364 444.22Z" fill="#309D3A"/>
-<path d="M427.604 136.96C427.604 136.96 453.294 147.03 492.064 188.55C530.834 230.07 549.234 259.86 598.414 362.45C613.514 393.95 630.104 417.15 647.324 434.89C647.324 434.89 650.884 435.51 657.194 431.49C663.514 427.47 673.424 417.28 673.424 417.28C673.424 417.28 647.184 395.98 637.294 375.3C627.414 354.63 618.834 345.67 616.764 332.87C614.694 320.08 623.154 313.12 630.874 312.36C638.594 311.6 649.204 314.24 657.914 318.57C666.624 322.9 673.434 328.38 673.434 328.38C673.434 328.38 659.474 306.34 636.524 298.82C613.574 291.29 595.324 292.43 589.864 285.93C584.404 279.44 565.034 250.47 561.084 241.81C557.134 233.16 555.624 227.7 562.594 224.5C569.564 221.3 591.944 228.07 591.944 228.07C591.944 228.07 582.914 214.15 561.654 209.45C540.394 204.75 531.794 203.66 528.264 200.15C524.734 196.64 504.004 176.26 501.954 172.12C499.904 167.98 499.044 162.55 513.224 157.69C527.404 152.83 543.204 155.87 543.204 155.87C543.204 155.87 523.854 145.28 496.034 144.02C468.214 142.76 468.794 143.11 461.744 138.9C454.694 134.69 446.954 130.48 455.104 126.41C463.254 122.35 478.384 122.35 478.384 122.35C478.384 122.35 460.334 118.79 454.174 119.16C454.174 119.16 443.874 125.36 438.984 128.75C434.094 132.14 427.614 136.95 427.614 136.95L427.604 136.96Z" fill="#309D3A"/>
-<path d="M527.414 702.44C527.414 702.44 552.094 718.79 564.734 727.88C577.374 736.97 600.384 730.05 619.614 719.54C638.844 709.04 640.944 702.7 641.264 699.5C641.584 696.3 631.354 690.83 631.354 690.83L602.434 696.31C602.434 696.31 616.174 705.42 622.564 706.54C628.954 707.66 630.574 708.31 630.574 708.31C630.574 708.31 606.944 713.36 581.834 711.47C556.724 709.58 548.734 706.22 540.264 704.47C531.794 702.71 527.414 702.46 527.414 702.46V702.44Z" fill="#E9F634"/>
-<path d="M577.904 273.16C577.904 273.16 574.084 233.21 566.644 204.77C559.204 176.33 557.064 167.06 555.814 160.58C554.564 154.1 554.254 149.89 559.364 148.67C564.474 147.45 572.484 151.47 598.664 162.47C624.844 173.47 685.614 206.87 685.614 206.87C685.614 206.87 633.724 190.54 614.784 185.51C595.844 180.48 587.034 185.21 583.154 193.2C579.274 201.19 582.234 218.35 584.904 240.83C587.574 263.31 591.754 287.62 591.754 287.62L577.904 273.18V273.16Z" fill="#309D3A"/>
-<path d="M616.084 325.62C618.934 319.81 630.274 318.47 647.084 323.86C663.884 329.25 700.834 351.38 700.834 351.38L699.434 358.49C699.434 358.49 671.414 338.02 647.084 331.37C622.754 324.72 614.244 331.37 614.244 331.37L616.094 325.63L616.084 325.62Z" fill="#309D3A"/>
-<path d="M624.444 323C624.444 323 620.784 281.01 608.994 246.97C597.204 212.93 600.154 211.53 602.304 209.3C604.454 207.07 611.384 207.74 635.714 218.01C660.944 228.67 702.144 253.06 702.144 253.06L695.694 211.64C695.694 211.64 691.904 210.27 685.614 206.84C679.324 203.41 629.584 181.94 606.074 180.38C582.564 178.82 575.344 183.7 574.564 196.01C573.784 208.32 573.394 227.95 579.054 251.55C584.724 275.15 597.814 321.84 597.814 321.84L605.044 329.26L624.454 322.99L624.444 323Z" fill="#309D3A"/>
-<path d="M633.874 235.6C633.874 235.6 659.224 274.03 673.264 304.97C687.304 335.91 691.794 347.64 691.794 347.64L700.824 351.37L705.394 310.74C705.394 310.74 694.804 295.86 675.754 274.9C659.794 257.34 633.884 235.59 633.884 235.59L633.874 235.6Z" fill="#309D3A"/>
-<path d="M618.404 220.97C613.524 216.09 610.424 212.99 606.654 213.13C602.884 213.27 599.694 215.23 603.104 228.6C606.514 241.96 596.954 228.09 594.664 215.69C592.374 203.29 577.964 202.11 597.224 198.59C616.484 195.08 646.494 222.68 639.714 219.77C632.934 216.86 625.914 214.35 623.084 216.16C620.254 217.97 626.854 223.04 641.674 234.04C656.494 245.04 673.874 259.73 686.664 272.13C699.464 284.52 705.374 292.43 705.374 292.43L704.444 312.27C704.444 312.27 643.554 242.76 636.814 237.1C630.074 231.44 622.494 226.14 622.494 226.14L618.394 220.97H618.404Z" fill="#309D3A"/>
-<path d="M701.484 399.67C701.484 399.67 717.324 375.75 724.044 345.53C730.754 315.31 733.064 277.55 727.784 228.92C722.504 180.29 719.714 163.22 721.574 152.67C723.434 142.12 733.984 138.4 744.844 138.08C755.704 137.76 789.624 142.85 836.834 166.69C836.834 166.69 793.744 141.82 761.574 133.81C729.414 125.8 720.584 119.59 709.704 124.77C698.824 129.96 701.174 137.99 706.524 165.93C711.874 193.87 716.184 218.65 720.244 251.6C724.304 284.55 723.684 302.84 721.414 327.06C719.144 351.28 715.594 360.81 713.524 368.25C711.454 375.69 701.464 399.65 701.464 399.65L701.484 399.67Z" fill="#309D3A"/>
-<path d="M726.494 103.82C746.294 110.5 803.104 132.28 854.444 163.91C905.784 195.53 949.754 231.28 984.644 267.69C1019.53 304.1 1028.14 311.97 1028.14 311.97L1026.55 306.85C1026.55 306.85 982.914 257.41 942.634 221.75C902.354 186.09 854.294 151.8 796.334 128.79C738.374 105.78 726.494 103.82 726.494 103.82Z" fill="#309D3A"/>
-<path d="M790.984 323.57C788.054 309.5 781.994 281.3 781.234 275.24C780.474 269.18 784.014 270.06 786.794 272.71C789.574 275.36 800.654 290.48 803.244 294.61C805.834 298.74 800.304 287.61 797.654 283.31C795.004 279.02 783.514 260.08 776.564 249.72C769.624 239.37 758.504 227.39 758.504 227.39C758.504 227.39 768.604 254.26 774.664 270.55C780.724 286.84 790.984 323.56 790.984 323.56V323.57Z" fill="#309D3A"/>
-<path d="M809.474 195.43C809.474 195.43 833.904 204.91 855.964 215.39C878.024 225.87 893.364 235.47 893.364 235.47C893.364 235.47 869.004 225.65 859.194 222.52C849.384 219.4 848.934 223.3 849.274 225.75C849.604 228.2 853.514 232.44 860.984 243.48C868.454 254.52 872.884 265.08 872.884 265.08C872.884 265.08 859.204 244.02 843.814 229.54C828.424 215.06 813.934 199.77 813.934 199.77L809.474 195.42V195.43Z" fill="#309D3A"/>
-<path d="M838.834 316.67C838.834 316.67 836.564 313.87 842.484 309.92C848.404 305.97 853.724 308.54 853.724 308.54C853.724 308.54 862.704 312.48 869.034 321.79C875.374 331.1 879.074 333.83 879.074 333.83C879.074 333.83 851.424 323.26 848.054 320.87C844.684 318.48 838.834 316.67 838.834 316.67Z" fill="#309D3A"/>
-<path d="M657.854 446.75C657.854 446.75 676.024 439.75 694.484 424.09C712.944 408.43 727.154 391.06 743.234 378.24C759.314 365.42 771.324 360.49 784.354 358.48C797.384 356.47 815.964 360.63 836.194 385.85C836.194 385.85 821.194 371.73 805.934 367.05C790.674 362.37 777.644 364.4 759.734 377.43C741.824 390.46 720.914 410.04 709.544 419.84C698.174 429.64 687.514 435.67 680.934 438.99C674.354 442.31 657.864 446.76 657.864 446.76L657.854 446.75Z" fill="#309D3A"/>
-<path d="M849.364 403.77C849.364 403.77 844.704 376.94 838.394 350.29C832.084 323.64 832.284 316.24 836.184 309.13C840.074 302.01 853.444 301.63 870.484 306.72C870.484 306.72 854.314 304.09 847.344 307.72C840.374 311.35 834.884 312.84 838.894 330.33C842.894 347.83 850.254 370.83 853.094 386.32C855.934 401.81 857.624 415.22 857.624 415.22L849.364 403.77Z" fill="#309D3A"/>
-<path d="M905.374 261.17C899.454 263.96 896.294 268.06 897.524 276.57C898.474 283.11 900.154 291.28 914.864 309.49C929.574 327.7 947.414 355.29 947.414 355.29C947.414 355.29 942.534 337.16 930.274 319.65C918.014 302.14 905.934 284.28 904.004 277.62C902.074 270.97 900.264 270.86 902.574 266.88C904.884 262.91 905.374 261.16 905.374 261.16V261.17Z" fill="#309D3A"/>
-<path d="M949.334 718.12C949.334 718.12 955.774 725.7 958.824 735.53C961.874 745.36 966.154 767.39 955.624 784.86C945.094 802.32 943.064 800.29 943.064 800.29C943.064 800.29 939.004 788.6 940.774 782.67C942.554 776.73 946.454 768.89 949.674 759.25C952.894 749.61 950.774 739.27 951.324 733.85C951.874 728.43 949.334 718.13 949.334 718.13V718.12Z" fill="#309D3A"/>
-<path d="M990.054 806.04C975.374 798.07 971.104 788.33 975.374 780.8C979.644 773.27 990.954 770.7 1002.89 774.62C1014.83 778.54 1026.36 785.58 1033.9 795.16C1033.9 795.16 1021.87 778.45 1005.41 769.1C988.954 759.75 983.244 751.95 980.714 746.72C978.184 741.5 976.294 728.76 976.324 729.42C976.354 730.08 971.794 751.77 969.254 760.91C966.724 770.05 943.054 800.28 943.054 800.28C943.054 800.28 949.974 817.54 967.244 829.94C984.514 842.34 999.344 847.87 1000.67 856.29C1002 864.71 1000.45 872.23 987.394 878.65C974.334 885.07 925.374 901.62 925.374 901.62C925.374 901.62 959.984 903.82 983.184 897.91C1006.38 892 1021.19 883.5 1026.88 882.53C1032.57 881.56 1035.25 884.19 1033.9 889.06C1032.55 893.93 1024.36 902.02 1024.36 902.02C1024.36 902.02 1040.97 896.57 1046.5 881.31C1052.03 866.04 1051.79 849.11 1051.7 844.39C1051.61 839.67 1051.46 849.02 1048.19 855.22C1044.92 861.42 1034.27 870.41 1034.27 870.41C1034.27 870.41 1042.74 859.87 1040.53 847.11C1038.32 834.35 1031.65 826.91 1020.36 820.26C1009.07 813.62 997.354 809.99 990.054 806.03V806.04Z" fill="#309D3A"/>
-<path d="M907.954 810.36C907.954 810.36 918.854 805.16 925.364 799.45C931.874 793.74 943.124 779.14 947.044 766.42C950.974 753.7 953.154 732.44 949.324 718.12C945.494 703.8 939.414 697.82 939.414 697.82C939.414 697.82 944.254 709.99 943.844 732.68C943.434 755.37 936.064 772.28 929.644 783.22C923.224 794.16 907.954 810.37 907.954 810.37V810.36Z" fill="#309D3A"/>
-<path d="M918.074 804.74C923.184 801.22 929.444 800.47 934.684 808.55C939.934 816.63 949.334 830.84 962.314 843.35C975.294 855.87 977.254 863.26 975.364 869.15C973.474 875.04 946.154 887.82 922.594 894.08C904.344 898.93 899.194 891.45 883.444 898.93C871.354 904.67 857.794 910.86 847.754 911.55C837.714 912.24 830.964 911 830.964 911C830.964 911 835.894 923.54 856.444 918.77C876.994 914 883.804 907.9 904.674 905.68C925.544 903.46 948.824 895.8 972.094 886.45C995.364 877.1 1006.41 867.47 1000.66 856.3C994.914 845.12 985.524 845.01 975.354 836.72C965.184 828.43 949.114 815.37 945.224 804.77C941.334 794.17 942.504 777.7 942.504 777.7C942.504 777.7 933.074 790.86 927.144 796.11C921.214 801.36 918.054 804.75 918.054 804.75L918.074 804.74Z" fill="#309D3A"/>
-<path d="M811.294 912.01C811.294 912.01 818.464 895.64 831.594 886.71C844.714 877.78 866.234 877.38 866.234 877.38C866.234 877.38 851.484 879.81 842.554 887.93C833.624 896.05 823.674 915.53 823.674 915.53C823.674 915.53 816.654 916.89 814.764 915.53C812.884 914.17 811.294 912.01 811.294 912.01Z" fill="#309D3A"/>
-<path d="M797.134 899.55C797.134 899.55 799.804 887.65 808.454 879.26C817.104 870.87 834.314 869.28 846.744 869.88C846.744 869.88 829.834 870.87 821.034 879.26C812.234 887.65 803.304 907.9 803.304 907.9L797.134 899.54V899.55Z" fill="#309D3A"/>
-<path d="M876.924 844.69C876.924 844.69 889.874 853.15 893.894 858.62C897.914 864.09 899.204 866.01 899.204 866.01C899.204 866.01 912.004 863.59 916.524 858.62C921.044 853.65 917.204 848.17 917.204 848.17C917.204 848.17 909.034 849.81 899.204 848.78C889.374 847.75 876.924 844.7 876.924 844.7V844.69Z" fill="#309D3A"/>
-<path d="M770.154 814.65C787.954 818.72 806.864 820.94 822.544 829.49C838.224 838.04 837.504 848.49 836.324 854.19C835.144 859.89 824.334 865.57 815.194 867.15C806.054 868.73 765.044 869.11 765.044 869.11C765.044 869.11 748.924 870.57 738.014 876.27C727.094 881.97 723.064 890.28 722.114 894.08C721.164 897.88 724.244 903.25 727.104 903.25C729.964 903.25 759.044 895.11 765.054 894.08C771.064 893.05 772.744 894.58 778.134 895.55C783.524 896.52 787.134 896.76 787.134 896.76C787.134 896.76 797.344 876.04 801.904 873.46C806.464 870.88 817.104 866.13 835.784 866.01C854.464 865.89 882.404 865.83 887.984 866.19C893.564 866.55 899.224 866.01 899.224 866.01C899.224 866.01 888.904 856.21 878.244 848.09C867.584 839.97 858.674 821.54 858.674 821.54C858.674 821.54 837.024 818.97 821.954 812.02C806.894 805.07 792.884 791.92 792.884 791.92C792.884 791.92 754.974 784 744.554 781.61C734.134 779.22 721.934 778.57 721.934 778.57C721.934 778.57 721.254 793.82 735.474 801.78C749.694 809.74 762.624 812.91 770.174 814.63L770.154 814.65Z" fill="#309D3A"/>
-<path d="M921.044 853.65C921.024 846.77 918.014 837.33 905.354 829.39C892.694 821.45 870.374 816.94 855.134 814.15C839.894 811.36 828.624 812.43 811.294 803.85C811.294 803.85 825.734 816.51 848.904 820.16C872.084 823.81 888.924 826.44 902.134 834.9C915.334 843.36 917.584 847.54 918.724 849.82C919.854 852.11 921.044 853.65 921.044 853.65Z" fill="#309D3A"/>
-<path d="M746.514 825.96C763.124 828.96 823.664 845.14 823.664 845.14L821.924 839.05C821.924 839.05 786.324 831.91 773.204 829.58C760.084 827.25 746.504 825.96 746.504 825.96H746.514Z" fill="#309D3A"/>
-<path d="M340.624 867.81C340.624 867.81 358.234 855.89 409.404 842.82C460.574 829.75 517.194 826.71 540.704 826.05C564.214 825.39 572.744 825.4 572.744 825.4L572.704 837.13C572.704 837.13 520.884 832.37 470.804 838.47C420.724 844.57 393.504 851.75 376.954 856.76C360.404 861.77 337.234 872.27 337.234 872.27L340.614 867.81H340.624Z" fill="#309D3A"/>
-<path d="M630.194 830.69C630.194 830.69 662.964 833.97 720.764 845.14C778.564 856.31 819.504 856.91 819.504 856.91C819.504 856.91 797.134 869.76 768.704 867.13C744.984 864.94 729.664 862.05 718.414 861.15C707.164 860.25 704.174 859.62 704.174 859.62L689.514 856.56C689.514 856.56 679.194 860.84 666.574 862.26C653.954 863.68 650.264 862.26 650.264 862.26C650.264 862.26 662.734 859.52 663.344 856.14C663.964 852.75 662.724 850.6 661.194 849.98C659.664 849.36 626.574 843.49 626.574 843.49L630.204 830.69H630.194Z" fill="#309D3A"/>
-<path d="M691.254 892.78C691.254 892.78 693.264 879.76 700.784 872.11C708.304 864.46 714.994 862.67 718.534 863.05C722.074 863.43 740.394 865.05 740.394 865.05C740.394 865.05 719.184 864.87 713.814 870.5C708.444 876.14 702.984 884.73 702.674 887.95C702.364 891.17 700.484 896.14 700.484 896.14L691.254 893.93V892.79V892.78Z" fill="#309D3A"/>
-<path d="M683.504 647.24C683.504 647.24 679.464 660.48 673.054 673.68C666.644 686.87 660.154 694.96 660.154 694.96L641.274 685.23C641.274 685.23 654.364 680.64 665.904 669.28C677.444 657.92 683.504 647.24 683.504 647.24Z" fill="#309D3A"/>
-<path d="M496.984 683.48C496.984 683.48 512.994 690.48 540.194 696.44C567.404 702.4 591.954 702.93 598.134 702.58C604.314 702.23 609.044 701.52 609.044 701.52L627.994 708.59C627.994 708.59 610.214 713.64 581.834 711.47C553.444 709.3 540.944 704.31 527.414 699.57C513.884 694.83 496.984 683.5 496.984 683.5V683.48Z" fill="#309D3A"/>
-<path d="M595.844 695.55C593.554 694.1 588.784 689.86 588.784 689.86C588.784 689.86 610.984 687.46 634.534 677.85C662.384 666.49 683.504 647.24 683.504 647.24C683.504 647.24 667.744 673.58 645.134 683.49C622.524 693.4 610.104 696.58 606.274 696.45C602.444 696.32 595.844 695.56 595.844 695.56V695.55Z" fill="#309D3A"/>
-<path d="M400.214 650.61C400.214 650.61 403.554 653.84 412.554 651.86C421.554 649.88 427.844 645.66 431.914 644.14C435.984 642.62 439.684 641.88 444.364 642C444.364 642 440.324 644 438.424 644.93C436.524 645.86 429.004 651.42 429.004 651.42C429.004 651.42 421.124 656.93 414.354 657.8C407.584 658.67 405.414 657.8 403.014 655.88C400.614 653.96 400.214 650.6 400.214 650.6V650.61Z" fill="#309D3A"/>
-<path d="M419.014 678.61C420.354 682.46 422.844 685.35 426.984 685.66C431.124 685.97 436.184 684.42 438.254 679.35C440.324 674.28 440.454 667.87 444.364 662.19C448.284 656.5 455.704 656.34 460.164 659.94C460.164 659.94 453.724 660.67 451.054 666.96C448.384 673.25 445.104 680.18 444.364 685.14C443.624 690.1 443.254 693.39 443.254 693.39C443.254 693.39 432.584 694.63 426.974 690.72C421.374 686.81 419.004 682.05 419.004 682.05V678.61H419.014Z" fill="#309D3A"/>
-<path d="M470.984 676.32C470.994 673.9 470.984 670.59 470.984 670.59C470.984 670.59 468.144 680.86 463.234 689.99C458.324 699.12 452.394 702.31 452.394 702.31C452.394 702.31 453.584 705.05 454.974 707.21C456.364 709.37 459.424 704.99 462.654 701.29C465.884 697.58 467.154 694.41 469.224 687.18C471.294 679.95 470.984 676.32 470.984 676.32Z" fill="#309D3A"/>
-<path d="M470.984 676.32C470.984 676.32 486.184 677.47 496.984 683.48C507.784 689.49 516.934 694.59 517.114 694.6C517.294 694.61 516.334 699.27 503.674 695.53C491.014 691.79 489.224 687.39 481.084 685.65C472.944 683.91 470.004 684.16 470.004 684.16L470.984 676.32Z" fill="#309D3A"/>
-<path d="M568.514 761.98C568.514 761.98 583.004 765.98 603.754 767.05C624.504 768.12 631.154 766.15 631.154 766.15L635.024 758.87C635.024 758.87 604.834 749.27 587.124 739.2C569.414 729.13 559.424 722.74 559.424 722.74C559.424 722.74 564.044 738.97 565.654 748.81C567.264 758.65 568.514 761.99 568.514 761.99V761.98Z" fill="#309D3A"/>
-<path d="M606.924 761.98C607.504 773.21 607.314 780.94 606.924 791.1C606.534 801.27 604.984 810.94 604.984 810.94C604.984 810.94 614.514 801.63 619.854 794.99C619.854 794.99 620.544 814.2 617.564 837.29C614.414 861.8 609.034 886.19 609.034 886.19C609.034 886.19 619.354 864.04 625.594 846.31C631.834 828.58 641.464 793.95 644.114 783.44C646.764 772.93 647.854 762.54 647.854 762.54L645.814 761.96C645.814 761.96 637.824 775.55 635.014 780C632.204 784.45 627.384 784.64 628.444 779.81C629.504 774.98 635.014 758.85 635.014 758.85L606.914 761.96L606.924 761.98Z" fill="#309D3A"/>
-<path d="M609.044 886.2C609.934 886.27 617.544 886.27 626.554 888.97C635.564 891.67 630.884 898 625.594 897.59C620.304 897.18 600.064 895.76 581.904 897.61C563.744 899.46 552.994 902.26 543.424 900.29L537.444 907.96C537.444 907.96 553.774 909.99 566.854 906.38C579.934 902.78 590.204 901.91 610.134 903.38C630.064 904.85 637.544 904.64 641.474 902.1C645.404 899.56 647.494 898.93 647.494 898.93L661.004 903.66C661.004 903.66 657.264 897.5 653.734 894.9C650.204 892.3 649.064 892.12 649.064 892.12C649.064 892.12 649.144 885.54 640.804 882.28C632.464 879.02 630.904 879.78 622.184 879.72C613.464 879.66 611.184 880.26 611.184 880.26L609.054 886.21L609.044 886.2Z" fill="#309D3A"/>
-<path d="M500.364 917.23L504.634 911.07C504.634 911.07 513.024 913.08 522.194 909.86C531.364 906.64 543.424 900.28 543.424 900.28C543.424 900.28 533.454 913.87 521.894 917.22C510.334 920.57 500.364 919.17 500.364 919.17V917.22V917.23Z" fill="#309D3A"/>
-<path d="M484.924 909.26C484.924 909.26 492.814 895.08 500.364 886.99C507.924 878.9 518.764 875.82 526.554 876.53C526.554 876.53 520.634 877.08 515.034 881.63C509.424 886.17 506.024 891.48 501.934 898.22C497.844 904.96 494.824 911.32 494.824 911.32C494.824 911.32 494.024 912.61 490.174 910.95C486.324 909.28 484.924 909.27 484.924 909.27V909.26Z" fill="#309D3A"/>
-<path d="M641.264 685.22C641.264 685.22 639.494 676.68 656.504 682.06C667.224 685.45 696.064 695.63 711.584 700.47C755.284 714.11 787.064 723.12 812.794 719.32L790.764 741.97C790.764 741.97 724.934 716.88 694.484 706.71C664.034 696.55 641.264 685.21 641.264 685.21V685.22Z" fill="#309D3A"/>
-<path d="M782.674 737.24C782.674 737.24 801.054 713.9 850.774 694.03C850.774 694.03 826.214 705.88 814.394 717.71C802.574 729.53 792.874 741.16 792.874 741.16L782.674 737.24Z" fill="#309D3A"/>
-<path d="M419.204 158C419.204 158 424.204 162.94 426.444 167.95C428.684 172.96 429.344 177.19 429.344 177.19C429.344 177.19 433.174 176.32 437.394 174.25C437.394 174.25 437.424 189.59 427.594 203.68C416.444 219.65 404.494 223.99 390.954 227.26C382.424 229.32 377.514 230.91 373.284 236.05C369.054 241.19 366.174 244.38 361.464 251.11C356.754 257.84 354.444 262.63 354.444 262.63L350.464 253.22C350.464 253.22 365.994 234.61 371.934 229.46C377.874 224.31 380.224 222.86 387.434 220.62C394.644 218.38 411.944 206.55 417.744 200.45C423.544 194.35 424.334 184.85 424.334 184.85L414.034 187.37C414.034 187.37 420.374 179.83 421.424 171.78C422.484 163.73 419.194 158 419.194 158H419.204Z" fill="#309D3A"/>
-<path d="M301.694 184.03C301.694 184.03 323.544 197.19 343.044 222.16C362.544 247.12 369.294 259.77 369.294 259.77L359.324 273.36C359.324 273.36 333.204 230.56 318.194 212.49C303.184 194.43 296.284 187.78 296.284 187.78L301.694 184.02V184.03Z" fill="#309D3A"/>
-<path d="M361.474 251.11C364.874 246.43 371.474 242.77 387.434 241.14C403.394 239.5 418.444 235.06 429.974 223.14C441.504 211.22 448.824 189.94 450.424 182.25C450.424 182.25 450.264 197.37 442.404 218.02C434.544 238.66 427.044 244.75 411.174 245.82C395.304 246.89 387.294 246.29 379.844 251.12C372.404 255.94 365.734 264.62 365.734 264.62L361.464 251.12L361.474 251.11Z" fill="#309D3A"/>
-<path d="M395.214 152.84C371.114 151.9 354.954 163.75 341.624 177.49C328.294 191.23 316.374 196.12 316.374 196.12C316.374 196.12 322.024 200.64 339.334 190.29C356.644 179.94 358.664 173.16 370.834 164.88C383.004 156.6 395.214 152.84 395.214 152.84Z" fill="#309D3A"/>
-<path d="M378.764 195.2C383.604 188.79 385.844 184.81 388.664 171.42C391.484 158.03 391.014 154.35 391.014 154.35C391.014 154.35 381.564 159.27 380.754 164.36C379.934 169.45 380.684 171.31 381.484 177.95C382.284 184.59 380.954 186.94 380.344 189.6C379.734 192.26 378.774 195.19 378.774 195.19L378.764 195.2Z" fill="#309D3A"/>
-<path d="M341.984 209.31C341.984 209.31 335.054 206.34 332.794 196.11L347.274 186.3C347.274 186.3 346.294 198.89 345.084 203.05C343.874 207.21 341.984 209.31 341.984 209.31Z" fill="#309D3A"/>
-<path d="M417.734 140.87C417.734 140.87 448.474 118.77 465.774 97.03C483.074 75.3 499.294 44.53 507.754 12.12C507.754 12.12 504.594 50.9 486.874 79.14C469.154 107.38 455.194 117.3 441.394 127.13C427.594 136.96 417.734 140.87 417.734 140.87Z" fill="#309D3A"/>
-<path d="M461.944 32.2C461.944 32.2 445.314 67.48 432.654 80.57L448.954 72.39C448.954 72.39 456.014 55.86 458.474 47.22C460.934 38.58 461.944 32.21 461.944 32.21V32.2Z" fill="#309D3A"/>
-<path d="M372.304 128.89C373.574 125.51 383.134 116.55 394.234 108V124.04C394.234 124.04 382.484 127.84 378.764 128.89C375.044 129.94 372.304 128.89 372.304 128.89Z" fill="#309D3A"/>
-<path d="M249.234 367C255.574 365.41 257.364 361 257.364 361C257.364 361 273.504 366.33 293.474 360.13C293.474 360.13 286.294 352.74 279.954 351.75C273.614 350.76 263.704 351.31 257.954 349.35C252.204 347.39 247.054 346.79 247.054 346.79C247.054 346.79 242.694 353.53 239.124 356.9C235.554 360.27 237.934 361.01 237.934 361.01L249.234 367.01V367Z" fill="#309D3A"/>
-<path d="M309.254 351.11C312.064 349.76 319.594 343.22 324.344 328.55C324.344 328.55 325.234 346.16 314.374 358.92L316.804 362.84C316.804 362.84 328.304 354.52 334.844 336.68C341.384 318.84 345.194 307.59 345.194 307.59L332.574 283.35C332.574 283.35 328.304 284.16 324.734 290.9C321.164 297.64 318.394 300.61 317.204 308.94C316.014 317.27 315.814 328.16 311.064 334.51C306.304 340.85 300.814 344.82 300.814 344.82L309.254 351.13V351.11Z" fill="#309D3A"/>
-<path d="M267.954 372.29C275.064 373.2 291.484 372.01 304.994 364.59L310.024 366.44C310.024 366.44 301.804 370.81 290.344 373.86C278.894 376.91 267.944 372.28 267.944 372.28L267.954 372.29Z" fill="#309D3A"/>
-<path d="M259.444 320.58C259.444 320.58 263.104 313.92 272.494 310.44C281.874 306.96 283.424 296.76 277.124 294.98C270.824 293.2 266.764 306.03 265.314 307.78C263.864 309.53 259.444 320.58 259.444 320.58Z" fill="#309D3A"/>
-<path d="M190.604 321.68C191.244 324.88 193.564 328.05 198.684 328.42C203.804 328.79 214.124 330.08 214.124 330.08C214.124 330.08 207.874 325.85 202.364 323.17C196.854 320.49 190.604 321.68 190.604 321.68Z" fill="#309D3A"/>
-<path d="M198.634 344.86C204.044 350.24 210.844 354.74 218.554 355.92C226.264 357.1 233.764 355.11 238.704 350.39C243.644 345.67 242.524 339.57 242.524 339.57C242.524 339.57 246.794 344.34 245.314 349.34C243.844 354.34 237.614 358.85 230.354 360.25C223.094 361.65 223.164 364.23 226.994 366.29C230.824 368.35 217.974 363.77 212.844 359.7C207.714 355.64 198.634 344.85 198.634 344.85V344.86Z" fill="#309D3A"/>
-<path d="M242.514 339.57C242.514 339.57 250.764 343.35 259.444 343.64C268.124 343.93 280.044 344.92 291.524 338.97C303.014 333.02 314.534 321.95 315.804 304.01C315.804 304.01 315.574 330.42 298.954 342.2C282.334 353.98 255.484 349.94 250.604 346.79C245.724 343.64 242.514 339.58 242.514 339.58V339.57Z" fill="#309D3A"/>
-<path d="M587.144 641.04C587.144 641.04 567.604 619.41 557.854 601.86C548.104 584.31 542.524 558.32 542.524 558.32C542.524 558.32 551.744 583.72 569.034 608.08C586.324 632.44 592.954 635.76 592.954 635.76L587.144 641.04Z" fill="#309D3A"/>
-<path d="M440.274 315.19C447.774 339.89 449.044 349.79 450.824 385.2C452.604 420.61 452.604 439.06 453.874 472.67C455.144 506.28 455.144 538.88 465.254 578.22C475.364 617.55 493.294 644.15 493.294 644.15L478.054 638.19C478.054 638.19 455.044 601.11 450.824 556.22C446.604 511.33 446.304 440.92 446.194 409.59C446.084 378.26 440.274 341.59 440.274 328.39V315.19Z" fill="white"/>
-<path d="M803.544 918.91C803.544 918.91 803.024 907.61 808.084 896.98C813.144 886.35 822.434 878.19 830.074 875.3C837.714 872.41 843.814 873.81 843.814 873.81C843.814 873.81 833.264 874.89 823.674 883.87C814.074 892.85 809.534 908.23 809.124 910.2C808.714 912.17 803.554 918.92 803.554 918.92L803.544 918.91Z" fill="#EFFFAF"/>
-<path d="M368.934 188.33C367.404 185.13 365.634 183.97 365.634 183.97C363.874 182.17 360.654 181.6 360.654 181.6C360.654 181.6 360.984 185.08 362.524 187.38C363.994 189.58 367.584 192.45 370.824 193.16C370.824 193.16 370.584 191.79 368.934 188.34V188.33Z" fill="#0E1016"/>
-<path d="M570.004 766.55C572.554 782.15 580.944 819.59 579.644 846.32C578.344 873.06 568.024 882.19 559.424 883.83C559.424 883.83 570.104 871.89 571.234 855.38C572.364 838.87 572.844 810.57 571.774 801.09C570.704 791.61 570.004 766.54 570.004 766.54V766.55Z" fill="#EFFFAF"/>
-<path d="M493.414 927.5C493.414 927.5 497.204 914.28 502.844 906.61C508.484 898.95 511.224 895.45 517.444 888.31C523.664 881.17 527.844 878.3 538.034 880.48C538.034 880.48 531.394 877.31 521.894 879.03C512.404 880.75 509.944 882.2 505.744 892.16C501.544 902.12 497.804 906.36 495.504 911.78C493.204 917.2 492.054 922.68 491.914 926.71C491.774 930.74 493.414 927.49 493.414 927.49V927.5Z" fill="#EFFFAF"/>
-<path d="M825.154 918.56C825.154 918.56 827.894 914.86 830.974 910.99C834.054 907.12 842.714 895.2 857.374 887.66C872.034 880.12 877.404 879.52 883.454 879.16C883.454 879.16 864.174 876.73 850.774 883C837.374 889.27 836.164 889.79 830.974 898.92C825.784 908.05 823.034 911.92 822.544 916.98C822.054 922.04 825.164 918.55 825.164 918.55L825.154 918.56Z" fill="#EFFFAF"/>
-<path d="M445.354 806.75C445.354 806.75 417.774 817.67 384.174 837.55C363.494 849.79 340.614 867.81 340.614 867.81C340.614 867.81 359.884 846.64 381.014 833.07C402.144 819.5 427.834 810.61 435.404 808.44C442.974 806.27 445.354 806.75 445.354 806.75Z" fill="#EFFFAF"/>
-<path d="M611.654 594.23C616.804 614.3 610.924 636.71 595.724 647.24C580.524 657.77 567.434 659.81 549.504 659.2C549.504 659.2 572.634 653.84 586.684 641.72C600.734 629.59 605.164 618.82 607.474 611.89C609.784 604.96 611.664 594.23 611.664 594.23H611.654Z" fill="#EFFFAF"/>
-<path d="M391.194 656.68C391.194 656.68 401.364 646.01 414.364 638.64C427.354 631.27 437.624 627.71 447.274 631.07C456.924 634.43 455.404 631.1 447.274 628.54C439.144 625.98 433.804 623.17 424.494 626.46C415.174 629.75 414.894 628.01 404.964 637.25C395.034 646.49 394.124 646.29 391.694 651.41C389.264 656.53 391.194 656.68 391.194 656.68Z" fill="#EFFFAF"/>
-<path d="M443.934 642.22C443.934 642.22 435.344 645.8 429.094 659.21C422.854 672.61 419.174 683.56 424.874 688C424.874 688 414.744 682.69 416.344 674.02C417.944 665.35 422.734 655.91 428.604 651.71C434.474 647.51 436.764 646.01 438.434 644.94C440.104 643.87 443.934 642.22 443.934 642.22Z" fill="#EFFFAF"/>
-<path d="M460.174 659.94C460.174 659.94 453.624 673.21 450.564 684.97C447.854 695.4 448.384 705.75 453.234 709.2C453.234 709.2 444.994 706.94 444.374 696.61C443.744 686.28 443.394 680.53 448.564 672.78C453.734 665.03 460.174 659.95 460.174 659.95V659.94Z" fill="#EFFFAF"/>
-<path d="M811.294 803.84C801.114 796.62 794.654 785.81 797.574 768.49C800.894 748.78 815.304 732.93 830.964 718.11C852.424 697.81 870.274 688.23 870.274 688.23C870.274 688.23 834.814 696.66 812.784 719.31C790.754 741.96 785.834 748.44 784.634 763.14C783.434 777.84 786.844 782.18 792.854 791.92C798.864 801.66 811.284 803.83 811.284 803.83L811.294 803.84Z" fill="#EFFFAF"/>
-<path d="M940.324 843.36C944.474 846.45 951.024 852.99 951.324 860.76C951.624 868.53 944.674 872.82 944.674 872.82C944.674 872.82 946.774 866.69 945.824 859.53C944.874 852.38 940.324 843.36 940.324 843.36Z" fill="#EFFFAF"/>
-<path d="M247.914 292.96C243.934 296.75 240.554 302.13 240.554 302.13C240.554 302.13 251.524 291.87 266.264 285.09C280.994 278.31 293.474 279.1 295.654 286.35C297.664 293.07 298.594 280.97 293.474 277.11C288.364 273.25 282.894 271.61 273.704 275.12C264.514 278.63 261.934 279.41 257.734 283.34C253.524 287.28 247.914 292.96 247.914 292.96Z" fill="#EFFFAF"/>
-<path d="M229.664 297.58C229.664 297.58 216.264 299.16 204.484 303.21C192.704 307.26 189.304 312.5 188.384 317.93C187.464 323.36 188.594 330.63 193.044 337.76C197.494 344.89 184.704 332.65 183.504 326.3C182.304 319.95 178.994 310.41 186.814 304C194.634 297.59 195.924 295.79 207.884 294.8C219.844 293.81 226.104 296.94 226.104 296.94L229.664 297.57V297.58Z" fill="#EFFFAF"/>
-<path d="M229.664 297.58C229.664 297.58 228.894 294.47 245.974 276.16C263.054 257.85 269.094 251.62 274.364 247.02C279.634 242.42 284.014 239.37 284.014 239.37C284.014 239.37 271.104 242.81 259.024 255.75C246.944 268.69 228.574 284.22 223.474 290.55C218.384 296.87 220.004 295.06 222.264 295.7C224.524 296.34 229.654 297.59 229.654 297.59L229.664 297.58Z" fill="#EFFFAF"/>
-<path d="M256.674 201.54C256.674 201.54 254.944 216.15 256.674 225.25C258.404 234.35 261.664 237.12 265.834 239.36C270.004 241.6 274.844 242.19 284.014 239.36C284.014 239.36 264.614 247 259.884 247.01C255.154 247.02 244.134 242.22 244.294 233.3C244.444 224.38 247.744 208.66 252.214 205.1L256.684 201.54H256.674Z" fill="#EFFFAF"/>
-<path d="M262.604 219.2C262.574 225.84 264.024 229.83 265.654 233.09C265.654 233.09 266.004 219.86 268.904 211.36C271.814 202.86 272.534 201.54 272.534 201.54L265.124 195.2C265.124 195.2 262.994 202.85 262.604 208.28C262.214 213.71 262.604 219.21 262.604 219.21V219.2Z" fill="#EFFFAF"/>
-<path d="M302.464 184.52C305.794 176.92 328.674 146.89 328.674 146.89L330.584 135.71C330.584 135.71 317.444 149.79 313.094 158.84C308.744 167.9 302.464 184.52 302.464 184.52Z" fill="#EFFFAF"/>
-<path d="M311.694 191.84C316.794 182.43 325.084 172.24 345.084 156.12C365.074 140.01 383.144 133.51 393.944 131.05V123.58C393.944 123.58 364.644 130.48 347.274 143.55C329.904 156.62 324.874 165.71 320.714 172.42C316.544 179.12 311.704 191.84 311.704 191.84H311.694Z" fill="#EFFFAF"/>
-<path d="M392.984 140.87C392.984 140.87 401.664 117.01 408.504 106.51C415.344 96.01 422.024 94.9 438.574 85.99C455.124 77.08 468.444 66.26 481.354 52.9C494.264 39.54 507.764 11.38 507.764 11.38C507.764 11.38 487.734 40.33 477.874 50.36C468.014 60.38 448.284 76.45 431.894 83.45C415.504 90.45 405.004 92.04 400.874 99.04C396.734 106.04 398.574 102.8 396.264 113.2C393.954 123.6 392.994 140.88 392.994 140.88L392.984 140.87Z" fill="#EFFFAF"/>
-<path d="M362.124 132.78C361.094 130.26 358.704 119.71 362.994 115.57C367.294 111.43 379.224 104.59 399.264 91.07C419.314 77.55 441.794 54.4 455.054 40.12C455.054 40.12 429.974 61.36 414.534 73.67C399.104 85.98 371.894 100.3 363.464 104.91C355.034 109.52 350.114 111.06 352.224 116.88C354.334 122.7 360.654 134.29 360.654 134.29L362.124 132.78Z" fill="#EFFFAF"/>
-<path d="M703.024 349.53C706.954 329.05 710.754 305.7 707.254 254.69C703.754 203.68 694.684 166.28 687.674 142.61C680.664 118.94 678.614 109.44 681.834 103.82C685.044 98.2 690.154 92.82 715.734 100.52C741.314 108.22 724.094 101.5 724.094 101.5C724.094 101.5 699.334 90.58 685.624 90.6C671.914 90.62 664.764 95.3 664.894 103.82C665.024 112.34 672.624 124.17 680.744 147.13C688.864 170.09 692.464 190.45 698.404 228.92C704.344 267.39 704.934 294.86 704.934 309.76C704.934 324.66 703.044 349.53 703.044 349.53H703.024Z" fill="#EFFFAF"/>
-<path d="M811.014 307.14C811.014 307.14 806.634 288.58 794.454 265.08C782.264 241.58 754.604 218.75 754.604 218.75C754.604 218.75 781.684 257.52 787.524 266.88C793.364 276.24 811.004 307.14 811.004 307.14H811.014Z" fill="#EFFFAF"/>
-<path d="M893.364 235.47C880.964 224.21 864.324 212.34 841.844 203.67C819.364 195 802.294 190.96 802.294 190.96C802.294 190.96 829.934 204.85 846.724 211.79C865.534 219.57 893.364 235.47 893.364 235.47Z" fill="#EFFFAF"/>
-<path d="M933.654 226.27C914.974 210.69 887.434 188.57 851.414 168.02C815.394 147.47 783.464 136.09 762.124 128.82C740.784 121.55 722.014 117 709.704 122.04C709.704 122.04 730.594 123.76 765.364 135.14C800.134 146.52 837.124 164.7 864.624 180.66C892.124 196.62 933.644 227.6 933.644 227.6V226.26L933.654 226.27Z" fill="#EFFFAF"/>
-<path d="M547.204 193.19C544.814 181.81 538.704 157.45 538.494 156.35C538.274 155.25 531.584 155.89 531.584 155.89L547.214 193.19H547.204Z" fill="#EFFFAF"/>
-<path d="M537.154 151.47C536.304 145.08 532.654 136.01 535.324 131.05C538.004 126.1 542.884 123.17 555.034 128.08C567.184 133 569.144 131.05 569.144 131.05C569.144 131.05 545.014 119.24 535.304 121.42C525.594 123.6 524.184 128.18 526.134 136.31C528.084 144.44 529.724 150.33 529.724 150.33L537.144 151.47H537.154Z" fill="#EFFFAF"/>
-<path d="M235.954 317.4C236.164 323.28 246.264 332.15 260.914 333.38C275.564 334.61 285.464 333.38 285.464 333.38C285.464 333.38 274.324 339.68 260.714 338.49C247.104 337.3 240.444 332.56 237.174 328.02C233.904 323.48 235.964 317.4 235.964 317.4H235.954Z" fill="#EFFFAF"/>
-<path d="M348.164 191.84C348.644 189.57 355.564 184.18 362.464 178.85C369.364 173.52 372.524 174.41 374.494 177.27C376.464 180.13 381.934 190.42 373.874 197.11C373.874 197.11 381.534 192.87 381.614 184.04C381.694 175.21 377.564 167.5 376.364 164.81C375.164 162.12 368.294 166.7 368.024 166.9C367.754 167.1 347.344 186.34 347.684 186.84C348.024 187.34 348.174 191.84 348.174 191.84H348.164Z" fill="#DFDFDF"/>
-<path d="M448.934 197.11C448.934 197.11 461.734 211.68 479.034 249.62C496.334 287.55 508.004 321.7 511.804 376.26C515.594 430.83 512.474 451.64 518.984 505.33C525.494 559.02 543.994 597.2 560.634 622.74C577.264 648.27 581.494 649.46 581.494 649.46L584.344 644.14C584.344 644.14 555.044 601.05 541.674 563.18C528.304 525.3 524.164 492.45 522.204 440.63C520.244 388.81 516.604 335.92 505.234 293.49C493.874 251.05 471.334 214.49 463.164 201.57C454.994 188.65 451.274 184.04 451.274 184.04L448.944 197.11H448.934Z" fill="#B5B911"/>
-<path d="M464.234 603.21C464.234 603.21 467.134 594.89 486.284 588.32C505.434 581.74 520.124 579.04 526.894 577.1C533.664 575.16 535.694 573.99 534.094 569.49C532.504 564.98 535.984 562.99 535.984 562.99C535.984 562.99 543.584 580.98 542.394 580.98C541.204 580.98 505.864 587.17 492.464 595.1C479.064 603.03 479.164 603.32 473.814 606.89C468.464 610.46 465.834 613.58 465.834 613.58L464.224 603.23L464.234 603.21Z" fill="#B5B911"/>
-<path d="M447.094 492.23C447.094 492.23 451.034 486.04 469.984 483.98C488.934 481.92 500.564 482.1 506.944 482.29C513.324 482.48 516.544 482.45 516.154 477.14C515.764 471.82 518.864 472.72 518.864 472.72L521.004 490.17C521.004 490.17 490.814 487.73 475.814 490.17C460.814 492.61 452.094 495.41 448.634 498.79C445.174 502.17 447.114 492.23 447.114 492.23H447.094Z" fill="#B5B911"/>
-<path d="M446.184 409.59C446.184 409.59 448.274 404.27 459.544 401.92C470.814 399.57 483.564 399.2 496.064 399.44C508.564 399.68 512.684 401.29 512.974 396.09C513.264 390.89 516.904 390.77 516.634 396.84C516.364 402.91 516.114 406.38 516.114 406.38C516.114 406.38 486.284 404.64 476.504 405.38C466.724 406.12 457.314 407.73 454.094 410.46C450.874 413.19 445.004 420.49 445.004 420.49L446.184 409.59Z" fill="#B5B911"/>
-<path d="M444.324 335.72C444.324 335.72 445.564 330.24 456.954 328.01C468.344 325.78 479.114 326.1 489.264 326.62C499.414 327.14 505.884 328.87 504.344 322.2C502.794 315.53 507.234 317.86 508.524 324.55C509.814 331.23 510.554 335.72 510.554 335.72C510.554 335.72 490.744 332.35 474.774 332.97C458.804 333.59 456.004 333.57 450.824 337.3C445.644 341.03 442.954 345.98 442.954 345.98L444.314 335.72H444.324Z" fill="#B5B911"/>
-<path d="M428.974 284.6C428.974 284.6 429.844 277.1 440.484 273.16C451.124 269.22 461.154 270.33 471.554 270.71C481.954 271.09 488.934 272.29 485.934 265.31C482.934 258.32 490.374 264.77 492.974 270.59C495.574 276.41 495.054 278.75 495.054 278.75C495.054 278.75 472.674 276.59 459.184 276.68C445.694 276.77 442.594 276.77 438.264 282.59C433.934 288.41 430.804 296.82 430.804 296.82L428.984 284.6H428.974Z" fill="#B5B911"/>
-<path d="M419.684 262.26C419.684 262.26 434.664 259.57 446.544 247.93C458.424 236.29 458.054 209.31 457.934 203.49C457.814 197.67 454.234 187.38 454.234 187.38L450.904 188.55C450.904 188.55 450.004 211.33 439.794 225.26C429.584 239.19 418.764 245.65 414.154 245.79L409.544 245.93L419.684 262.27V262.26Z" fill="#B5B911"/>
-<path d="M556.044 424.86C556.044 451.62 556.514 477.8 563.784 503.79C572.594 535.28 599.464 566.62 599.464 566.62C599.464 566.62 582.474 526.48 576.124 506.34C565.504 472.67 556.044 424.86 556.044 424.86Z" fill="#EFFFAF"/>
-<path d="M663.584 485.59C663.724 490.92 665.994 498.03 668.164 506.13C670.334 514.23 672.644 517.55 673.944 518.13C675.244 518.71 677.994 517.55 680.594 514.66C683.194 511.77 688.644 512.16 692.414 516.59C696.184 521.01 700.714 527.46 700.714 527.46C700.714 527.46 690.424 514.81 686.954 515.82C683.484 516.83 681.604 516.4 680.154 521.89C678.704 527.38 680.154 541.41 680.154 541.41C680.154 541.41 669.164 529.26 666.124 515.82C663.084 502.37 663.574 485.6 663.574 485.6L663.584 485.59Z" fill="#EFFFAF"/>
-<path d="M694.044 518.27C698.814 525.22 709.804 537.36 714.434 539.82C719.064 542.28 721.084 536.64 722.534 533.31C723.984 529.98 728.874 526.95 735.394 528.47C735.394 528.47 727.594 530.57 726.004 534.9C724.414 539.23 725.424 547.91 730.634 556.88C735.844 565.85 739.454 570.31 739.454 570.31C739.454 570.31 728.324 564.83 716.754 550.52C705.184 536.2 694.054 518.27 694.054 518.27H694.044Z" fill="#EFFFAF"/>
-<path d="M833.184 583.61C833.184 583.61 836.494 590.53 839.444 591.92C842.394 593.32 845.024 590.83 850.304 593.63C855.584 596.43 860.234 602.47 865.814 610.84C871.394 619.21 875.274 625.67 875.274 625.67C875.274 625.67 873.614 616.43 879.954 613.63C879.954 613.63 879.824 616.42 879.954 626.97C880.084 637.52 881.094 658.87 881.094 658.87C881.094 658.87 865.974 623.72 858.064 610.22C850.154 596.73 848.054 594.69 843.954 596.11C839.854 597.53 838.484 601.96 838.484 601.96C838.484 601.96 837.174 597.85 836.554 594.75C835.934 591.65 833.204 583.61 833.204 583.61H833.184Z" fill="#EFFFAF"/>
-<path d="M623.074 564.53C628.844 573.06 634.404 583.34 636.144 595.13C637.884 606.92 636.624 616.95 634.364 623.23C632.104 629.51 627.994 634.77 627.994 634.77C627.994 634.77 641.254 624.74 643.954 611.94C646.654 599.15 645.154 590.62 645.154 590.62C645.154 590.62 650.064 598.4 651.744 607.43C653.424 616.46 651.744 625.74 651.744 625.74C651.744 625.74 657.194 613.81 656.434 596.95C655.684 580.09 644.194 557.26 637.894 549.23C631.594 541.2 625.494 535.43 625.494 535.43C625.494 535.43 636.374 552.27 641.254 566.62C644.064 574.88 645.754 581.52 643.334 582.21C641.764 582.66 640.254 580.37 635.204 573.74C629.154 565.79 623.054 564.54 623.054 564.54L623.074 564.53Z" fill="#EFFFAF"/>
-<path d="M388.104 488.63L415.114 472.67C415.114 472.67 409.404 492.14 403.824 502.59C398.244 513.04 393.594 515.84 388.104 520.09C382.614 524.34 369.474 531.06 369.474 531.06C369.474 531.06 379.134 519.61 382.484 509.52C385.834 499.43 388.494 486.09 388.494 486.09L388.094 488.64L388.104 488.63Z" fill="#7B7B7B"/>
-<path d="M375.274 544.93C375.274 544.93 389.444 538.95 389.764 537.75C390.084 536.55 382.494 524.32 382.494 524.32L368.044 533.07L375.274 544.92V544.93Z" fill="#7B7B7B"/>
-<path d="M352.814 323.09L379.604 307.58C379.604 307.58 336.324 233.15 318.184 212.49C300.044 191.83 270.174 163.95 270.174 163.95L247.904 179.06C247.904 179.06 282.914 213.6 313.754 256.65C344.594 299.7 352.814 323.09 352.814 323.09Z" fill="#D1D1D1"/>
-<path d="M324.644 521.25C310.214 514.89 291.134 503.85 269.894 485.39C263.134 480.32 259.454 476.75 259.454 476.75L239.744 488.07C271.464 517.99 298.194 531.16 318.714 536.03C345.584 542.41 361.484 529.13 361.484 529.13C359.624 529.27 344.904 530.19 324.654 521.26L324.644 521.25Z" fill="#BABABA"/>
-<path d="M470.004 716.46C470.004 716.46 476.274 712.29 478.194 706.35C480.124 700.41 480.444 694.69 480.444 694.69L500.794 704.92C504.854 708.2 496.984 692.58 496.984 692.58L471.004 683.82C471.004 683.82 468.704 693.22 465.134 697.92C461.564 702.62 460.884 704.42 460.884 704.42L470.004 716.46Z" fill="#4C4C4C"/>
-<path d="M421.684 626.76L392.244 577.98C391.264 576.36 391.784 574.25 393.404 573.27C395.024 572.29 397.134 572.8 398.124 574.43L428.944 625.29L421.684 626.76Z" fill="#BABABA"/>
-<path d="M521.814 736.01C519.884 731.61 517.294 729.7 516.824 730.3L493.894 692.91L487.774 690.37L516.714 737.81C518.014 739.94 517.624 742.72 515.734 744.35C515.464 744.58 515.174 744.82 514.864 745.05C509.114 749.3 502.944 751.66 499.444 752.12C495.944 752.58 492.824 750.75 491.404 748.44C491.404 748.44 491.984 753.23 495.114 757.09C498.244 760.96 502.384 761.6 510.574 762.43C518.764 763.26 520.604 757.64 524.104 751.75C527.604 745.86 524.474 742.08 521.804 736.01H521.814Z" fill="#4C4C4C"/>
-<path d="M408.394 560.24L451.574 631.02L457.024 632.78L411.434 558.44L408.394 560.24Z" fill="#4C4C4C"/>
-<g opacity="0.4">
-<path d="M145.084 140.58C145.084 140.58 167.974 133.7 199.684 150.96C231.394 168.22 264.904 200.98 288.944 230.46C312.984 259.94 344.564 315.43 361.474 359.01C378.384 402.59 386.244 443.5 384.894 474.81C383.544 506.12 370.134 522.82 361.474 529.11C361.474 529.11 345.574 542.39 318.704 536.01C291.834 529.63 254.344 509.07 208.894 455.25C152.984 389.05 126.084 311.21 118.844 288.65C113.814 272.98 105.334 234.87 108.144 199.95C110.944 165.03 123.444 152.14 132.324 146.43C140.224 141.35 145.084 140.56 145.084 140.56V140.58Z" fill="white"/>
-</g>
-<path d="M143.974 174.25C143.974 174.25 139.504 263.82 181.784 351.37C224.064 438.92 296.294 485.58 296.294 485.58C296.294 485.58 227.164 406.37 187.174 305.51C153.674 221.02 143.984 174.24 143.984 174.24L143.974 174.25Z" fill="white"/>
-<path d="M361.574 515.38C366.434 502.13 373.094 474.02 365.144 433.86C361.704 416.49 355.314 392.9 349.634 378.15L355.154 372.15C355.154 372.15 366.734 399.42 373.144 437.61C381.594 487.88 361.564 515.38 361.564 515.38H361.574Z" fill="#A4D5D8"/>
-<path d="M172.054 152.84C179.424 153.88 203.554 164.26 229.664 187.37C235.164 192.24 239.844 196.6 243.814 200.45L238.324 206.88C231.194 198.89 221.454 189.11 211.914 181.03C188.504 161.21 172.064 152.84 172.064 152.84H172.054Z" fill="#A4D5D8"/>
-<path d="M196.944 608.05C196.234 607.43 195.844 606.67 195.784 605.78C195.684 604.22 195.654 603.05 195.714 602.26C196.184 597.64 197.664 593.41 200.144 589.55C202.624 585.69 206.054 581.33 210.424 576.45C213.654 572.88 216.074 569.89 217.704 567.49C219.334 565.09 220.124 562.77 220.084 560.54C220.204 557.29 218.994 554.74 216.464 552.9C213.934 551.06 210.894 550.25 207.324 550.49C199.084 551.04 194.284 555.34 192.924 563.37C192.454 564.74 191.854 565.79 191.124 566.51C190.384 567.23 189.294 567.64 187.854 567.74L166.144 569.2C165.034 569.27 164.084 568.92 163.304 568.13C162.524 567.34 162.094 566.28 162.004 564.95C161.824 558.92 163.384 553.01 166.684 547.19C169.984 541.38 175.134 536.47 182.134 532.48C189.134 528.49 197.644 526.16 207.664 525.48C217.904 524.79 226.334 525.82 232.944 528.56C239.554 531.3 244.404 534.86 247.504 539.24C250.594 543.62 252.294 548.14 252.604 552.82C252.984 558.5 252.034 563.54 249.764 567.94C247.484 572.34 244.134 577.32 239.694 582.87C236.914 586.41 234.804 589.24 233.384 591.34C231.954 593.45 230.824 595.71 229.984 598.11C229.604 599.14 229.314 600.56 229.094 602.36C228.314 604.09 227.584 605.31 226.904 606.03C226.224 606.75 225.274 607.15 224.044 607.23L199.334 608.89C198.444 608.95 197.644 608.67 196.924 608.04L196.944 608.05ZM199.104 643.97C198.214 643.25 197.734 642.27 197.654 641.05L196.324 621.18C196.244 619.96 196.594 618.9 197.364 618.01C198.144 617.12 199.144 616.63 200.374 616.55L222.754 615.05C223.974 614.97 225.034 615.32 225.924 616.09C226.814 616.87 227.304 617.87 227.384 619.1L228.714 638.97C228.794 640.2 228.444 641.23 227.664 642.06C226.884 642.9 225.874 643.35 224.654 643.44L202.274 644.94C201.044 645.02 199.994 644.7 199.104 643.98V643.97Z" fill="#BABABA"/>
-<path d="M524.344 491.24C524.114 491.37 523.844 491.45 523.564 491.44C523.434 491.44 510.714 491.16 498.594 490.98C491.374 490.87 473.124 491.01 459.654 494.65C449.114 497.5 446.074 504.36 446.044 504.43C445.724 505.19 444.834 505.55 444.074 505.22C443.314 504.89 443.914 503.46 444.234 502.7C444.374 502.36 446.934 494.98 458.874 491.76C472.714 488.02 491.294 487.88 498.644 487.99C510.774 488.17 523.504 488.45 523.634 488.45C524.464 488.47 525.114 489.15 525.104 489.98C525.094 490.52 524.794 490.99 524.354 491.25L524.344 491.24Z" fill="#0E1016"/>
-<path d="M520.654 407.85C520.404 407.99 520.114 408.07 519.804 408.05C519.674 408.05 506.744 407.19 491.064 407.35L489.534 407.37C474.574 407.52 462.754 407.63 455.194 412.27C447.714 416.86 446.104 423.63 446.094 423.7C445.914 424.51 445.114 425.02 444.304 424.84C443.494 424.66 442.984 423.87 443.164 423.06C443.234 422.73 445.014 415 453.624 409.72C461.894 404.65 474.074 404.53 489.494 404.38L491.024 404.36C506.814 404.2 519.864 405.06 519.994 405.07C520.824 405.13 521.444 405.84 521.394 406.67C521.364 407.19 521.064 407.63 520.644 407.87L520.654 407.85Z" fill="#0E1016"/>
-<path d="M548.774 580.99C548.634 581.07 548.484 581.14 548.314 581.17C548.244 581.19 540.884 582.83 530.324 585.61C517.014 589.12 498.284 594.5 484.644 600.2C470.814 605.99 468.214 614.5 468.194 614.59C467.964 615.38 467.144 615.85 466.344 615.62C465.554 615.4 465.084 614.58 465.304 613.78C465.414 613.38 468.194 603.82 483.494 597.43C497.294 591.66 516.164 586.24 529.564 582.7C540.194 579.9 547.594 578.24 547.674 578.23C548.484 578.05 549.284 578.56 549.464 579.37C549.604 580.01 549.314 580.65 548.784 580.98L548.774 580.99Z" fill="#0E1016"/>
-<path d="M663.594 483.47C663.224 509.23 670.844 523.45 683.414 545L680.804 546.43C678.974 541.93 677.684 537.33 677.134 532.43C676.694 527.38 677.164 522.05 680.264 517.69C683.374 513.56 687.974 512.33 691.894 516.08C694.664 518.54 696.694 521.71 698.744 524.61C702.624 530.18 706.924 536.29 710.954 541.7C716.334 549.24 722.594 556.08 729.494 562.27C732.824 565.21 736.444 568.47 740.154 570.73L738.164 573.01C734.984 568.49 732.014 563.88 729.324 559.04C725.334 551.89 721.334 542.61 724.854 534.28C728.104 527.67 734.374 526.79 740.354 530.38C742.804 531.72 745.074 533.28 747.234 534.98C744.734 533.84 742.234 532.72 739.724 531.77C730.854 527.91 725.664 534.14 726.884 542.75C727.534 547.96 729.804 552.75 732.354 557.37C735.864 563.71 740.024 570.18 743.984 576.29C740.334 574.42 735.644 571.99 732.634 569.44C719.404 559.43 709.674 545.62 699.974 532.36C696.764 528.15 693.354 522.38 689.494 518.88C688.554 518.11 687.774 517.54 686.854 517.51C685.394 517.7 684.184 518.72 683.284 519.93C678.494 527.45 681.204 537.32 683.614 545.33L685.934 552.45C685.934 552.45 681.004 546.77 681.004 546.76C677.254 542.48 674.164 537.7 671.504 532.7C666.294 522.66 662.374 511.63 661.884 500.23C661.594 494.59 661.804 488.96 662.614 483.37C662.754 482.81 663.584 482.78 663.614 483.47H663.594Z" fill="#0E1016"/>
-<path d="M833.184 583.61C835.514 590.06 837.524 596.53 840.394 602.74L838.334 603.14C838.494 601.14 838.844 599.32 839.844 597.53C841.424 594.55 845.314 593.28 848.364 594.68C851.194 596.04 852.634 598.72 854.284 601.05C858.184 607.04 861.484 613.33 864.844 619.61C871.434 632.24 877.894 645 882.024 658.72C882.064 658.76 879.714 659.05 879.714 659.06C879.574 655.36 879.394 651.66 879.194 647.96C878.994 644.26 878.764 640.57 878.434 636.9C878.064 632.85 876.864 624.08 876.954 620.1C876.974 617.93 877.374 615.24 879.504 613.89C881.214 612.84 883.034 612.69 884.874 613.29C886.524 613.87 887.674 615.44 888.554 616.68C891.354 620.56 893.254 625.06 895.084 629.27C898.174 636.14 901.284 642.79 903.524 650.02L901.364 650.46L900.644 641.18C900.414 638.08 900.184 635 899.854 631.91C899.684 629.96 899.454 627.96 899.584 625.95C899.584 624.98 900.054 623.61 901.064 623.13C903.534 621.84 905.504 624.3 906.774 625.98C907.734 627.23 908.634 628.51 909.474 629.84L905.994 626.72C905.044 625.95 903.854 624.58 902.644 624.61C901.384 624.68 901.854 626.23 901.834 627.12L902.224 631.7C902.724 637.11 903.164 644.83 903.584 650.31L904.124 658.02C902.054 652.46 899.654 645.84 897.254 640.48C895.774 637.15 893.964 633.75 892.484 630.44C890.494 626.21 888.784 622.08 886.094 618.42C885.144 617.21 884.524 616.02 882.934 615.97C880.354 615.84 879.944 617.99 879.934 620.17C879.894 621.91 880.024 623.74 880.164 625.57C881.294 636.34 882.004 648.26 882.054 659.01L882.174 667.73C882.174 667.72 879.734 659.33 879.734 659.32C875.424 645.97 868.954 633.32 862.324 620.95C860.654 617.84 858.964 614.74 857.234 611.66C854.634 607.21 852.184 602.43 848.884 598.52C847.014 596.17 843.524 596.3 841.984 598.82C840.644 600.81 840.394 604.18 840.024 606.57L838.444 603.72C835.074 597.55 833.794 590.53 833.174 583.61H833.184Z" fill="#0E1016"/>
-<path d="M773.984 868.95C757.764 867.28 740.714 865.41 724.514 863.72C711.704 862.07 701.334 861.31 693.474 873.41C691.194 876.82 689.434 880.78 688.234 884.67C682.444 889.04 680.254 896.57 679.054 903.46L676.074 902.17C679.594 897.66 683.284 892.97 688.544 890.31L689.554 889.77L690.934 890.43C693.874 891.85 697.214 892.27 700.464 892.21L700.494 897.62C698.444 897.58 696.394 897.37 694.384 896.92C692.264 896.42 690.234 895.77 688.324 894.64L690.714 894.76C684.384 897.3 680.024 903.19 675.294 907.9C675.574 904.64 675.794 900.48 676.484 897.34C677.554 891.41 679.854 885.51 684.424 881.3L683.674 882.44C688.294 869.18 697.264 858.19 712.354 858.62C716.174 858.52 721.214 859.49 724.994 859.96C733.214 861.16 741.414 862.42 749.604 863.72C757.794 865.07 766.014 866.21 774.074 868.49L773.984 868.94V868.95Z" fill="#0E1016"/>
-<path d="M744.954 865.21C740.484 865.03 735.964 864.87 731.394 864.94C724.604 865.01 716.144 865.57 710.484 870.43C704.744 875 700.854 881.86 700.044 889.15C697.474 893.36 696.054 897.72 694.564 902.34C693.614 905.37 692.854 908.32 692.914 911.57C692.914 911.58 693.074 917.42 693.074 917.43C697.554 912.02 701.794 905.81 707.524 901.66L707.174 896.99C704.334 898.72 701.824 900.87 699.514 903.22C700.454 900.88 701.484 898.54 702.624 896.34C703.464 894.74 704.384 893.16 705.354 891.96L705.914 890.66C708.384 883.29 711.364 875.25 719.214 872.22C727.004 869.51 736.474 869.98 744.894 869.67C754.054 869.46 765.934 869.23 777.264 868.87C785.024 868.63 784.954 867.5 777.264 867.05C766.014 866.39 754.274 865.56 744.934 865.23L744.954 865.21Z" fill="#0E1016"/>
-<path d="M833.864 862.81C826.764 862.78 819.674 863.08 812.764 865.31C793.514 872.38 781.874 898.68 780.984 918.03L780.574 925.36C785.534 918.89 790.344 911.37 796.704 906.23C796.814 906.14 796.944 906.04 797.074 905.95C797.254 906.08 797.454 906.21 797.654 906.34C799.474 907.56 801.474 908.4 803.574 908.89L804.724 903.26C802.684 902.81 800.724 901.98 798.894 900.69L797.144 899.55C796.424 900.02 795.134 900.85 794.534 901.37C791.774 903.56 789.404 906.14 787.224 908.88C788.074 905.59 789.124 902.34 790.364 899.23C794.644 888.75 800.824 878.48 810.354 872.06C817.284 867.87 825.924 867.52 833.914 867.13C860.784 866.72 876.924 868.43 899.214 866.01C871.774 863.69 861.544 863.64 833.874 862.81H833.864Z" fill="#0E1016"/>
-<path d="M853.844 870.09C843.774 869.47 832.984 870.03 823.764 874.76C816.564 878.35 811.534 884.75 807.534 891.44C800.944 902.58 799.004 915.73 799.554 928.46V936.63C802.794 929.67 806.184 922.11 810.554 915.71C811.074 915.97 811.584 916.21 812.134 916.45C815.724 917.98 819.684 918.75 823.604 918.19L822.744 913.16C818.824 913.9 814.524 912.78 811.074 910.9L809.134 909.81C807.264 912.64 805.514 915.58 803.924 918.59C805.174 907.57 808.924 896.8 815.714 888C822.694 877.94 834.684 874.3 846.444 873.58C858.754 872.85 871.034 873.63 883.444 873.94C873.654 872.1 863.814 870.68 853.844 870.08V870.09Z" fill="#0E1016"/>
-<path d="M852.874 916.49C847.124 917.02 841.414 915.5 836.094 913.38C835.024 912.97 830.964 911 830.964 911C829.024 913.19 826.874 916.21 825.144 918.57C825.384 917.31 825.644 916.06 825.954 914.86C827.084 911.02 829.004 907.18 831.094 903.72C832.694 901.12 834.464 898.57 836.474 896.29C839.844 892.52 843.504 888.83 847.934 886.37C855.264 882.32 863.734 880.95 872.004 880.14C880.534 879.28 889.144 878.73 897.784 878.48C889.184 877.47 880.524 877.06 871.824 877.19C860.814 877.29 848.864 878.83 839.864 885.83C834.514 890.06 829.864 895.13 826.644 901.15C824.504 905.13 822.664 909.14 821.454 913.67C819.704 920.26 819.814 927.49 819.484 934.21C823.434 928.52 827.484 922.28 832.004 916.96C838.204 921.2 846.074 922.68 853.474 921.7C862.354 920.24 870.564 916.17 878.914 913.29L877.454 909.14C869.094 911.6 861.424 915.57 852.874 916.49Z" fill="#0E1016"/>
-<path d="M530.274 872.27C523.494 870.6 516.084 869.08 509.044 870.87C504.224 872.08 500.004 875.18 496.764 878.82C495.624 880.13 493.344 882.79 492.224 884.1C487.054 890.57 478.264 897.72 474.144 905.65C471.244 911.22 469.774 916.91 468.794 923.49C472.884 918.72 477.944 914.62 483.224 911.23C487.084 912.9 491.314 914.13 495.504 912.95L495.554 909.45C494.604 909.7 493.634 909.85 492.654 909.89C489.664 909.9 486.614 908.53 483.974 907.17L482.744 906.65L481.914 907.28C479.044 909.44 476.414 911.87 473.914 914.44C474.064 914.08 474.204 913.73 474.364 913.37C477.004 907.06 481.474 902.02 486.004 896.98L495.094 886.54C496.204 885.24 498.444 882.65 499.564 881.35C502.444 878.13 505.864 875.5 509.994 874.23C516.374 872.32 523.274 873.55 529.754 874.64C538.744 876.35 547.734 878.52 556.804 880.2C547.984 877.42 539.254 874.54 530.274 872.25V872.27Z" fill="#0E1016"/>
-<path d="M561.264 879.03C554.084 876.09 544.064 871.9 536.914 869.26C528.264 865.68 521.464 865.73 514.924 873.22L512.294 870.79C524.724 857.39 536.404 866.15 550.154 871.57L563.784 877.48L561.264 879.04V879.03Z" fill="#0E1016"/>
-<path d="M634.254 902.52C626.044 902.79 615.654 901.81 606.444 901.43C599.674 901.07 592.884 901.19 586.144 901.66C579.394 902.12 572.684 902.88 566.004 903.86C557.174 904.95 546.794 907.91 538.434 905.13L535.374 908.19C544.884 911.82 556.694 908.65 566.504 907.09C573.094 906.04 579.714 905.16 586.354 904.68C592.994 904.21 599.654 904.09 606.294 904.44C615.124 904.78 623.824 906.29 632.674 905.76C633.204 904.59 633.664 903.63 634.254 902.53V902.52Z" fill="#0E1016"/>
-<path d="M554.604 884.33C546.564 882.15 538.324 880.13 530.054 879.44C521.684 878.57 514.634 881.78 510.134 889.01C507.804 892.43 506.294 896.2 504.264 899.9C502.194 903.65 499.914 907.13 498.024 910.71C494.004 917.84 492.974 925.95 493.434 934.06L490.454 933.54C493.024 928.11 495.624 922.73 499.574 918.1L500.374 917.23L501.634 917.64C513.324 920.66 523.904 914.48 532.974 907.96C536.424 905.48 539.944 902.56 543.434 900.29C541.204 903.81 538.524 906.98 535.564 909.92C529.634 916.01 521.904 920.34 513.414 921.79C509.054 922.51 504.494 922.62 500.244 921.12L502.304 920.67C497.464 926.01 494.294 933.04 490.984 939.42C490.544 935.85 489.814 931.45 489.844 927.9C489.454 919.09 492.554 910.45 496.944 902.97C500.224 897.47 502.904 891.77 506.734 886.57C512.374 878.7 520.794 875.12 530.334 876.97C538.764 878.36 546.764 881.11 554.614 884.32L554.604 884.33Z" fill="#0E1016"/>
-<path d="M558.924 876.74C557.394 878.13 550.744 877.8 544.694 876.66C538.644 875.52 531.604 875.05 531.604 875.05C531.604 875.05 548.654 878.39 552.284 879.87C555.914 881.35 551.394 882.23 546.854 881.41C542.314 880.59 542.974 881.27 542.974 881.27C542.974 881.27 553.074 884.12 554.604 884.31C557.804 884.73 560.094 881.68 562.614 879.44C564.094 878.13 558.924 876.72 558.924 876.72V876.74Z" fill="#0E1016"/>
-<path d="M650.914 434.57C661.904 428.63 671.484 420.36 678.214 409.82C683.784 401.2 688.114 391.48 691.514 381.8C702.864 348.12 704.644 311.95 702.354 276.7C700.514 251.69 697.504 226.68 692.674 202.07C688.274 179.54 682.394 157.22 674.424 135.69C671.554 127.81 668.154 120.12 664.994 112.34C660.584 100.86 664.844 91.28 677.514 88.81L678.504 88.67L680.274 88.61C685.204 88.76 690.024 89.64 694.714 90.58C748.164 102.88 798.674 125.56 847.094 150.89C850.834 152.81 854.454 155 858.134 157.08C861.374 158.97 865.964 161.46 869.064 163.47C872.774 165.88 881.484 171.33 885.014 173.76C889.964 177.37 895.614 181.08 900.514 184.69C903.774 187.19 912.444 193.73 915.604 196.17C918.844 198.73 926.994 205.49 930.304 208.13C972.194 243.48 1010.16 283.7 1044.82 326.06C1016.29 303.86 985.094 284.32 951.244 271.37C941.454 267.7 931.184 264.55 920.804 263.67C916.194 263.34 911.374 263.44 907.054 265.2C904.804 265.97 903.844 267.9 903.914 270.24C904.334 277.72 909.504 284.41 913.424 290.62L922.364 303.88C934.434 321.59 945.044 340.41 953.014 360.35L955.304 365.96C946.184 358.42 937.274 350.42 928.084 343.1C908.054 327.24 875.874 306.9 849.504 309.43C837.774 310.54 838.374 321.49 840.224 330.47C841.924 338.84 845.684 350.47 848.124 358.78C853.624 377.81 857.244 397.24 860.044 416.83C860.044 416.84 860.844 422.83 860.854 422.85L857.544 417.74C851.984 409.14 845.624 400.92 838.784 393.25C831.914 385.7 824.594 378.38 816.044 372.77C801.284 362.9 785.354 365.32 770.094 373.09C734.254 391.53 712.234 429.95 673.484 443.64C668.554 445.38 663.024 446.17 657.844 446.75C670.414 443.48 681.964 437.56 692.634 430.38C718.134 412.46 737.284 386.34 764.614 370.83C797.824 352.52 818.294 365.33 841.074 391.23C847.954 399.13 854.254 407.44 859.854 416.33L857.354 417.22C854.474 397.85 850.734 378.45 845.194 359.67C842.624 351.09 838.874 339.78 837.074 331.13C835.844 324.9 833.864 316.07 837.794 310.55C844.094 301.7 856.854 304.18 864.744 305.43C874.594 307.23 883.664 311.04 892.584 315.46C916.394 327.26 933.984 343.69 952.604 359.8L950.264 361.53C945.914 351.86 941.304 342.23 936.084 333.05C927.164 317.23 915.354 301.52 905.524 286.19C901.194 279.33 894.684 265.67 905.374 261.17C919.244 255.74 939.084 263.37 952.414 268.32C982.464 279.95 1010.13 296.82 1036.15 315.69C1036.17 315.69 1034.11 317.85 1034.11 317.86C1012.3 292.37 989.464 267.79 965.174 244.7C953.644 233.65 939.924 221.5 927.734 211.22C924.434 208.49 916.264 201.99 913.094 199.38C909.974 197.03 901.334 190.47 898.084 188.03C893.214 184.47 887.614 180.76 882.684 177.23C879.244 174.84 870.474 169.45 866.864 167.08C863.814 165.08 859.214 162.67 856.034 160.79C808.554 134.53 758.364 112.16 705.984 97.74C698.044 95.71 689.814 93.71 681.704 93.06L680.244 93L678.864 93.04C676.234 93.43 673.394 94.49 671.354 96.06C664.664 101.21 668.624 110.25 671.424 116.56C673.054 120.44 674.674 124.34 676.204 128.28C678.334 133.65 680.784 140.63 682.614 146.17C690.524 170.18 696.064 195.02 700.024 219.96C701.904 231.48 703.564 245.95 704.714 257.57C707.684 289.04 708.264 320.97 702.554 352.18C697.054 380.14 687.354 412.65 662.474 429.34C658.934 431.68 655.094 433.71 650.914 434.58V434.57Z" fill="#0E1016"/>
-<path d="M701.484 399.67C712.864 371.49 719.844 341.48 721.004 311.11C721.654 292.89 720.464 274.62 718.854 256.47C716.624 232.22 712.844 208.13 708.074 184.22C705.284 169.18 701.324 154.28 699.804 138.95C699.294 131.89 701.204 126.27 707.754 122.77C719.624 117.35 742.594 125.39 754.814 129.02C813.054 147.92 868.014 176.78 917.014 213.45C936.584 228.1 955.664 243.58 972.664 261.18C953.904 245.51 935.014 230.12 915.414 215.61C866.644 179.17 811.704 150.96 753.734 132.42C742.314 129.02 721.364 121.82 710.274 125.62C709.674 125.76 709.064 126.19 708.544 126.48C708.014 126.72 707.394 127.34 706.914 127.68C703.634 130.47 703.124 134.39 703.404 138.75C704.934 153.8 708.824 168.58 711.604 183.52C716.384 207.51 720.214 231.74 722.404 256.14C727.144 304.52 725.404 356.16 701.484 399.66V399.67Z" fill="#0E1016"/>
-<path d="M811.014 307.14C796.034 282.66 780.154 258.77 763.964 235.09C761.654 231.71 759.264 228.4 756.834 225.14L758.814 224C762.064 232.27 766.564 244.43 769.684 252.91C776.654 272.3 784.234 291.57 788.544 311.77C790.804 321.83 792.644 331.99 793.794 342.23C791.874 332.13 789.564 322.1 786.904 312.18C781.784 292.23 773.914 273.23 766.934 253.91C763.004 243.04 758.204 229.64 754.594 218.75C766.634 232.96 777.074 248.38 787.034 264.05C795.794 277.95 804.364 292.08 811.004 307.14H811.014Z" fill="#0E1016"/>
-<path d="M893.804 235.71C866.404 220.52 837.124 208.38 808.284 196.2L809.694 193.83C828.314 209.65 845.494 227.25 860.314 246.67C865.194 253.18 869.834 259.88 873.954 266.89C869.314 260.22 864.314 253.83 859.164 247.59C841.934 227.1 822.194 208.79 802.294 190.97C834.074 202.95 865.484 216.85 893.814 235.73L893.804 235.71Z" fill="#0E1016"/>
-<path d="M855.624 306.51C864.534 315.13 873.264 323.93 880.464 334.1L882.854 337.47L879.064 335.76L837.764 317.09C837.034 316.77 836.704 315.91 837.034 315.18C837.364 314.45 838.224 314.13 838.954 314.47L880.024 333.73C880.024 333.73 878.624 335.39 878.624 335.38C875.104 330.46 871.004 325.88 866.814 321.43C862.604 316.99 858.214 312.71 853.714 308.55C852.384 307.28 854.254 305.26 855.624 306.52V306.51Z" fill="#0E1016"/>
-<path d="M566.644 204.76C563.894 193.99 559.344 176.04 556.114 165.64C554.884 161.3 553.034 157.08 553.084 152.4C554.814 143.31 569.054 148.31 574.824 150.18C587.604 154.83 599.844 160.84 611.994 166.89C625.404 173.6 639.864 181.27 653.044 188.52C659.834 192.22 666.564 196.03 673.264 199.88C666.244 196.63 659.254 193.32 652.294 189.96C631.554 180.07 610.434 169.57 589.514 160.23C582.514 157.15 575.554 154.01 568.224 151.86C564.754 151.05 559.034 149.04 556.464 152.05C555.714 154.02 556.834 157.07 557.264 159.31C561.384 174.18 564.314 189.49 566.644 204.76Z" fill="#0E1016"/>
-<path d="M673.264 304.97C666.794 292.02 659.314 279.59 651.694 267.3C645.024 256.61 638.014 246.05 630.374 236.04C627.954 233.06 620.894 224.09 618.414 220.97L629.024 229.78C645.524 243.79 662.004 258.12 675.754 274.91C660.564 259.53 643.794 245.81 627.204 232.01L629.204 229.96C631.284 232.31 634.184 235.94 636.124 238.48C642.634 247.25 648.474 256.51 653.964 265.94C661.104 278.58 668.074 291.4 673.264 304.98V304.97Z" fill="#0E1016"/>
-<path d="M347.074 202.61C347.074 202.61 353.424 204.76 362.014 202.63C371.814 200.2 376.044 195.76 378.384 191.84C380.514 188.28 380.804 182.18 379.394 176.38C377.854 170.06 372.894 165.54 372.894 165.54C372.894 165.54 374.864 163.86 378.404 160.74C381.944 157.62 389.494 156.12 389.494 156.12C386.364 158.25 381.614 161.61 381.684 167.84C381.754 173.51 385.744 184.91 378.744 195.2C371.504 205.85 353.624 208.11 341.964 209.31C341.964 209.31 342.574 207.56 344.054 205.65C345.534 203.75 347.064 202.6 347.064 202.6L347.074 202.61Z" fill="#0E1016"/>
-<path d="M307.734 200.45C310.814 193.15 317.514 179.08 328.054 166.09C342.484 148.32 357.654 139.25 371.964 133.33C384.384 128.18 393.664 126.54 393.664 126.54L394.244 120.55C390.794 121.23 379.634 124.61 372.484 127.24C366.484 129.45 350.704 136.42 336.884 148.87C323.064 161.32 315.544 175.52 310.674 187.25C308.604 192.24 307.404 196.28 306.714 199.28C307.054 199.67 307.394 200.06 307.734 200.45Z" fill="#0E1016"/>
-<path d="M300.054 191.84C300.424 190.54 300.824 189.21 301.264 187.87C304.734 177.21 315.144 158.77 319.674 151.95C324.204 145.12 327.614 141.42 327.614 141.42C327.614 141.42 325.914 148.32 325.494 152.29C325.074 156.26 325.094 160.11 325.304 161.39L340.104 146.09C336.914 148.62 334.094 149.56 332.574 148.8C331.354 148.19 330.594 146.46 330.914 142.43C331.234 138.41 332.404 132.03 332.404 132.03C332.404 132.03 320.514 143.48 310.174 160.42C301.994 173.82 297.714 184.08 296.284 187.79C297.544 189.12 298.794 190.47 300.054 191.84Z" fill="#0E1016"/>
-<path d="M349.244 256.66C350.894 254.38 352.754 251.92 354.864 249.3C365.804 235.74 379.054 225.16 379.054 225.16C379.054 225.16 393.184 223.31 406.474 214.26C419.764 205.21 425.664 192.38 427.594 181.59C427.594 181.59 423.154 183.02 421.004 183.71C421.004 183.71 423.384 178.67 422.834 171.05C422.394 164.99 419.204 157.99 419.204 157.99C419.424 161.8 419.784 171.17 415.874 179.55C412.324 187.14 403.524 192.52 403.524 192.52C403.524 192.52 408.514 191.53 413.174 190.03C417.474 188.64 420.144 187.53 420.144 187.53C420.144 187.53 417.664 198.46 405.704 208.59C393.744 218.72 377.184 221.39 377.184 221.39C377.184 221.39 361.554 234.25 351.674 247.42C350.074 249.56 348.604 251.61 347.274 253.54C347.934 254.57 348.594 255.61 349.254 256.65L349.244 256.66Z" fill="#0E1016"/>
-<path d="M507.754 12.12C505.284 26.3 497.704 56.86 485.604 77.97C475.024 96.44 464.084 107.7 450.364 118.61C436.644 129.52 417.734 140.87 417.734 140.87C424.984 138.77 442.794 130.46 457.564 117.96C473.454 104.52 485.944 91.27 498.094 61.21C510.084 31.53 511.084 0 511.084 0C505.194 11.66 491.334 32.44 481.154 43.91C470.974 55.38 456.484 66.66 440.454 75.04C424.424 83.42 405.944 91.08 399.124 94.31C392.314 97.54 392.974 104.43 392.974 112.62V141.86C392.974 141.86 395.784 128.45 397.244 121.06C399.274 110.79 400.694 103.77 405.324 99.46C409.214 95.84 414.024 93.69 420.094 90.83C432.974 84.76 442.114 80.4 455.494 70.79C468.874 61.18 474.864 56 484.784 44.78C494.704 33.56 507.744 12.13 507.744 12.13L507.754 12.12Z" fill="#0E1016"/>
-<path d="M402.874 132.35C402.874 132.35 420.264 121.66 435.964 108.28C452.304 94.35 469.194 73.67 469.194 73.67C469.194 73.67 461.184 93.49 440.414 111.93C422.034 128.25 402.874 132.34 402.874 132.34V132.35Z" fill="#0E1016"/>
-<path d="M514.914 336.59C514.624 336.75 514.284 336.82 513.934 336.77C513.834 336.75 503.804 335.19 486.744 334.53C468.734 333.83 455.464 335.16 451.224 338.09C446.994 341.02 445.404 348.46 445.384 348.53C445.214 349.34 444.424 349.86 443.614 349.69C442.804 349.52 442.284 348.73 442.454 347.92C442.524 347.57 444.304 339.24 449.524 335.62C456.364 330.87 477.924 331.18 486.874 331.53C504.134 332.2 514.314 333.79 514.414 333.8C515.234 333.93 515.794 334.7 515.664 335.52C515.594 335.99 515.304 336.37 514.924 336.59H514.914Z" fill="#0E1016"/>
-<path d="M500.274 279.01C499.994 279.17 499.664 279.24 499.324 279.19C499.264 279.19 493.554 278.4 484.764 278.17C474.404 277.9 455.994 277.6 449.134 278.62C443.474 279.47 439.054 281.98 435.994 286.1C433.644 289.26 432.974 295.58 432.964 295.64C432.884 296.46 432.144 297.06 431.314 296.98C430.494 296.89 429.894 296.16 429.974 295.34C430.004 295.05 430.744 288.14 433.584 284.32C437.134 279.54 442.214 276.63 448.684 275.66C455.764 274.6 474.374 274.9 484.834 275.18C493.804 275.41 499.494 276.19 499.734 276.23C500.554 276.34 501.124 277.1 501.014 277.92C500.944 278.4 500.664 278.79 500.274 279.02V279.01Z" fill="#0E1016"/>
-<path d="M486.454 275.22C489.384 275.34 491.694 275.4 493.264 274.68C494.834 273.96 495.014 272.87 494.224 270.36C493.434 267.85 495.694 268.76 496.774 271.87C497.854 274.97 497.664 277.4 497.664 277.4L486.454 275.22Z" fill="#0E1016"/>
-<path d="M487.314 278.26C488.924 278.33 491.804 279.03 494.074 280.53C496.344 282.03 498.144 284.53 498.924 285.9C499.704 287.27 500.354 288.7 501.174 291.06C501.994 293.43 503.614 293.37 502.244 287.53C500.874 281.69 500.764 277.82 498.424 276.96C496.084 276.1 488.474 277.45 488.474 277.45L487.314 278.25V278.26Z" fill="#0E1016"/>
-<path d="M450.024 71.75C462.614 49.29 466.754 20.31 466.754 20.31C458.064 34.05 441.094 50.68 421.114 66.56C401.144 82.44 361.694 103.96 355.694 106.94C349.694 109.92 347.004 113.73 349.684 119.26C351.714 123.45 356.484 128.57 361.144 137.97L363.424 136.46C363.424 136.46 362.314 132.7 359.604 127.02C356.894 121.34 356.144 119.92 355.324 117.41C354.504 114.9 355.414 113.55 356.984 112.51C358.554 111.47 384.224 97.26 404.234 83.76C424.244 70.26 451.074 46.03 461.924 32.21C461.924 32.21 459.484 41.31 456.504 49.18C451.014 63.7 443.864 75.38 443.864 75.38L450.004 71.75H450.024Z" fill="#0E1016"/>
-<path d="M452.024 174.25C444.974 208.37 442.564 239.92 400.964 244.34C388.374 245.78 378.234 244.32 368.574 254.9C364.154 259.73 360.784 265.17 357.894 270.86C358.554 271.98 359.214 273.1 359.864 274.23C360.254 274.91 360.634 275.58 361.024 276.26C364.054 269.8 367.544 263.54 372.254 258.38C378.164 251.9 384.724 250.59 393.064 250.43C401.614 250.09 410.164 249.96 418.604 247.39C449.804 238.66 452.684 201.45 452.024 174.25Z" fill="#0E1016"/>
-<path d="M274.654 294.68C271.444 295.3 267.784 297.55 264.034 304.88C260.284 312.21 259.454 320.59 259.454 320.59C259.454 320.59 263.184 313.91 265.524 310.71C268.224 307.03 270.624 304.9 272.644 304.22C275.494 303.25 278.264 301.94 278.954 299.71C279.654 297.49 278.174 294 274.654 294.68Z" fill="#0E1016"/>
-<path d="M191.784 317.84C189.784 318.72 190.174 321.9 191.604 323.65C193.034 325.4 195.924 326.04 199.014 325.6C202.104 325.16 204.634 325.44 207.474 326.89C210.304 328.34 214.134 330.08 214.134 330.08C214.134 330.08 207.644 323.76 202.484 320.46C197.324 317.16 193.794 316.96 191.784 317.84Z" fill="#0E1016"/>
-<path d="M300.774 287.22C300.384 281.74 297.514 276.12 291.394 273.26C291.374 273.25 291.364 273.23 291.334 273.22C289.824 272.43 288.434 271.15 288.094 270.09C287.754 269.03 287.374 267.53 289.314 263.95C291.254 260.37 299.104 247.02 299.104 247.02C299.104 247.02 288.044 259.38 283.614 264.57C279.184 269.76 275.974 272.09 274.834 272.34C270.354 273.41 265.974 275.32 262.414 277.68C254.224 283.11 247.914 292.96 247.914 292.96C247.914 292.96 257.644 284.35 268.004 280.12C278.364 275.89 284.814 276.49 289.894 279.43C294.974 282.37 296.434 287.93 297.264 291.91C298.094 295.88 297.654 299.71 297.654 299.71C297.654 299.71 301.214 293.37 300.774 287.22Z" fill="#0E1016"/>
-<path d="M336.544 286.48C364.224 335.23 385.874 388.74 391.244 444.94C393.164 470.04 392.314 497.12 379.034 519.34C368.074 537.61 348.394 546.18 327.464 543.81C257.804 535.02 189.224 448.28 156.124 390.64C122.554 333.03 81.5739 230.55 108.814 165.52C118.874 142.58 139.784 130.44 164.744 133.15C234.894 141.93 303.244 228.49 336.544 286.48ZM332.494 288.82C304.564 240.92 269.654 195.72 224.444 163.03C204.364 149.08 181.214 136.44 156.224 136.68C121.544 137.44 106.914 168.17 104.324 198.93C98.3639 282.22 146.664 379.62 196.334 444.54C227.084 483.86 276.234 534.43 327.764 540.88C347.664 543.12 366.084 535.25 376.464 517.76C389.224 496.15 389.864 469.7 387.754 445.27C381.914 389.76 360.024 336.98 332.514 288.83L332.494 288.82Z" fill="#0E1016"/>
-<path d="M355.154 529.12C342.714 528.69 330.554 524.9 319.214 519.92C303.374 512.62 288.784 502.78 275.334 491.74C199.934 429.53 130.504 306.87 126.094 208.38C125.654 197.23 126.244 185.84 128.394 174.87C130.124 166.38 132.834 157.9 137.054 150.32C135.094 154.88 133.514 159.56 132.264 164.32C131.124 168.98 130.124 174.06 129.594 178.83C119.804 267.41 178.334 382.11 235.234 447.88C264.834 482 308.844 523.14 355.154 529.13V529.12Z" fill="#0E1016"/>
-<path d="M355.774 536.94C361.274 533.83 374.584 525.89 379.874 522.9C394.304 515.44 402.564 504.05 407.624 488.81C421.394 443.52 406.364 388.48 390.104 345.37C360.764 270.69 306.054 185.3 237.764 141.33C217.334 128.87 192.654 118.01 168.444 124.21C163.994 125.36 159.984 127.7 155.964 129.83C152.964 131.45 138.804 139.27 135.574 141.03L134.244 138.52L150.804 130.09C152.324 129.33 155.554 127.69 156.984 126.87C171.694 118.8 189.424 118.8 205.254 123.29C241.524 133.91 271.594 158.89 297.734 185.32C356.514 246.95 402.384 330.79 415.424 415.43C420.224 451.13 420.674 502.7 385.494 523.4C382.804 524.94 376.054 528.62 373.304 530.18L357.034 539.18L355.774 536.96V536.94Z" fill="#0E1016"/>
-<path d="M316.024 195.98C328.244 198.26 336.564 189.72 344.694 181.93C350.254 176.59 355.784 170.79 362.124 166.17C371.774 159.11 383.134 153.57 395.214 152.84C384.844 158.73 375.704 164.59 367.034 172.35C355.124 182 332.434 207.19 316.024 195.97V195.98Z" fill="#0E1016"/>
-<path d="M341.984 209.31C341.984 209.31 340.224 199.58 344.414 190.04L349.404 186.3C349.404 186.3 346.334 198.43 347.074 202.61C347.824 206.78 341.984 209.32 341.984 209.32V209.31Z" fill="#0E1016"/>
-<path d="M659.614 429.73C631.574 402.16 610.264 367.61 593.894 331.95L575.954 293.47C575.544 292.58 574.494 292.18 573.594 292.59C572.694 292.99 572.284 294.05 572.694 294.96C583.224 318.12 596.404 349.99 609.334 371.78C621.884 393.82 637.294 414.54 655.374 432.46C656.294 431.86 658.134 430.67 659.614 429.74V429.73Z" fill="#0E1016"/>
-<path d="M975.534 704.51C969.124 664.56 946.714 625.95 919.884 596.16C859.784 531.51 774.074 502.53 698.834 460.46C689.834 455.01 681.364 448.89 673.374 442.22C671.874 442.69 669.804 443.32 667.734 443.89C682.034 456.23 697.784 466.85 714.924 475.14C807.134 522.33 915.724 562.97 959.154 665.18C967.314 684.42 972.904 705.02 973.534 725.99C974.414 747.02 968.314 768.1 955.624 785.02C976.454 763.31 980.224 733.1 975.534 704.5V704.51Z" fill="#0E1016"/>
-<path d="M611.654 594.23C611.964 624.26 588.874 653.6 558.694 658.4C546.824 660.43 534.664 658.27 523.064 655.65C500.594 650.42 477.994 641.97 456.284 634.2C445.884 630.65 434.694 625.77 423.614 628.5C418.314 629.73 413.484 632.58 409.074 636.09C404.734 639.66 400.374 643.43 396.894 647.89C393.464 652.29 390.474 657.19 388.784 662.52L386.564 661.38C388.394 659.35 390.234 657.42 392.404 655.64C394.884 653.71 397.464 652.08 400.224 650.6C402.104 653.08 404.804 655.23 407.954 655.75C413.814 656.59 419.644 653.94 424.964 651.6C427.784 650.29 430.444 648.63 433.414 647.28C433.974 647.03 434.394 647.81 433.914 648.15C425.034 655.88 407.164 666.9 398.704 653.04L400.554 653.57C399.444 654.17 398.304 654.84 397.214 655.54C392.624 658.26 388.954 662.57 385.354 666.47L386.254 661.94C388.154 652.98 393.404 645.15 399.834 638.81C406.374 632.57 413.434 626.55 422.584 624.31C434.724 621.19 446.504 625.99 457.824 629.77C479.484 637.23 501.904 645.6 524.184 650.67C535.144 653.08 546.584 655.18 557.774 653.16C586.204 647.86 606.284 621.88 611.644 594.22L611.654 594.23Z" fill="#0E1016"/>
-<path d="M870.274 688.24C845.054 697.11 818.604 713.94 801.314 734.38C787.604 750.64 781.674 769.92 794.074 788.73C806.014 805.76 827.824 811.61 847.174 816.33C868.474 821.59 901.974 825.34 916.644 842.91C918.934 846 921.274 849.64 921.024 853.65C919.004 867.59 892.414 867.31 881.744 867.08C880.344 867.01 880.414 864.95 881.784 864.94C892.074 864.72 908.564 864.7 916.134 857.24C919.834 853.38 916.694 848.47 913.954 845.07C899.114 828.71 867.044 826.41 845.954 821.85C821.634 817.01 792.444 808.23 783.184 782.38C766.244 736.49 832.184 695.54 870.244 688.24H870.274Z" fill="#0E1016"/>
-<path d="M925.374 799.45C945.854 778.13 953.924 747.03 949.334 718.12C960.284 745.3 948.504 782.02 925.374 799.45Z" fill="#0E1016"/>
-<path d="M944.334 776.63C940.324 785.97 943.264 796.91 947.984 805.48C950.454 809.98 953.804 813.89 957.304 817.63C964.394 825.13 972.354 831.97 981.014 837.54C983.184 838.9 985.384 840.19 987.644 841.27C990.124 842.38 992.694 843.53 994.924 845.12C1006.58 853 1007.88 866.06 996.844 875.25C992.484 878.67 987.784 881.19 982.914 883.62C968.594 890.58 953.554 895.86 938.354 900.43C928.224 903.47 917.864 906.06 907.384 907.59C902.144 908.38 896.904 908.97 891.814 909.89C886.704 910.75 881.764 912.13 877.004 914C875.844 914.46 874.544 913.89 874.084 912.73C873.604 911.54 874.244 910.18 875.464 909.77C880.594 908.06 885.894 906.82 891.174 906.04C901.564 904.58 912.004 903.64 922.174 901.03C937.344 897.21 952.284 892.12 966.694 886.06C971.494 884.02 976.244 881.86 980.844 879.5C986.394 876.45 992.174 873.79 996.264 869.14C1002.34 861.85 999.564 854.02 992.204 849C990.234 847.54 987.834 846.44 985.624 845.39C983.164 844.14 980.854 842.73 978.604 841.25C969.724 835.22 961.774 828.05 954.614 820.11C951.004 816.12 947.554 811.9 945.034 807.11C941.184 799.93 938.874 791.68 939.634 783.47C939.904 780.72 940.554 777.96 941.814 775.4C942.154 774.7 943.004 774.42 943.694 774.76C944.384 775.1 944.674 775.93 944.344 776.63H944.334Z" fill="#0E1016"/>
-<path d="M860.854 820.53C864.964 829.07 870.214 837.86 877.334 844.17C883.024 848.91 889.224 853.41 894.754 858.49C896.634 860.23 898.454 862.13 899.984 864.35L897.324 866.2C894.494 862.38 890.494 859.35 886.714 856.39C882.764 853.35 878.764 850.45 874.734 847.29C870.634 843.93 867.324 839.92 864.344 835.76C861.374 831.55 858.774 827.24 856.444 822.57L860.844 820.53H860.854Z" fill="#0E1016"/>
-<path d="M636.794 811.76C645.354 812.3 653.894 813 662.424 813.89C716.504 819.27 769.724 830.26 823.074 840.31C822.844 839.72 822.584 839.11 822.274 838.5C759.534 825.16 699.164 812.87 637.904 808.55L636.794 811.76Z" fill="#0E1016"/>
-<path d="M572.594 834.29C565.614 833.8 558.614 833.48 551.584 833.34C503.674 831.7 455.654 836.56 408.794 846.55C389.994 850.45 371.384 855.46 353.454 862.4C349.124 864.08 344.834 865.86 340.614 867.81C355.204 854.42 370.284 841.39 387.194 831.2C397.804 824.85 408.864 819.25 420.364 814.71C428.754 811.39 437.374 808.68 446.154 806.55C444.924 807.17 443.704 807.8 442.484 808.44C436.184 811.83 429.614 815.17 424.494 820.47C418.054 827.77 424.414 831.47 431.244 830.73C470.744 824.04 509.854 815.23 549.884 812.44C557.124 811.86 564.364 811.41 571.624 811.09L571.464 807.29C545.864 808.23 519.904 810.92 493.374 815.86C472.504 819.25 451.804 824.03 431.014 827.38C429.244 827.48 426.754 827.54 425.454 826.52C425.244 826.33 425.214 826.22 425.184 826.06C425.154 824.79 425.944 823.74 426.904 822.66C431.634 817.74 437.874 814.43 443.864 811C449.984 807.53 457.774 803.51 464.124 800.51C436.444 804.62 409.604 814.1 385.554 828.41C364.304 841.02 345.534 857.85 327.294 874.79C327.294 874.79 327.284 874.79 327.274 874.8C322.404 879.32 317.574 883.85 312.744 888.31C321.194 883.31 332.674 875.66 341.814 871.6C354.694 865.56 368.184 860.9 381.854 856.93C443.864 839.99 508.674 833.64 572.754 838.06L572.594 834.29Z" fill="#0E1016"/>
-<path d="M625.604 844.2C638.684 846.35 651.694 848.93 664.594 852.01C678.204 855.21 691.834 858.68 705.484 862.27C708.464 861.83 712.254 861.59 716.014 861.17C686.394 853.51 656.704 846.23 626.694 841.03L625.594 844.21L625.604 844.2Z" fill="#0E1016"/>
-<path d="M1045.11 802.29C1034.14 785.98 1017.46 775.04 1001.54 764.38C997.624 761.74 993.874 759 990.374 755.84C978.614 746.18 977.214 732.45 977.034 718.11C977.034 717.25 976.324 716.54 975.464 716.54C974.584 716.54 973.874 717.24 973.874 718.11C973.874 727.85 974.204 737.92 978.594 746.94C983.114 755.97 991.334 761.99 999.314 767.65C1014.8 778.29 1030.98 788.93 1041.47 804.71C1052.01 819.85 1053.16 840.62 1044.53 856.88C1026.13 889.97 980.704 897.89 945.824 899.31C941.604 899.5 937.394 899.61 933.194 899.66C928.414 900.84 921.694 902.53 916.544 903.95C935.854 904.58 955.264 903.84 974.804 901.29C998.604 897.52 1023.26 889.37 1040.11 871.23C1057.63 852.55 1059.85 823.26 1045.14 802.28L1045.11 802.29Z" fill="#0E1016"/>
-<path d="M418.034 628.15L384.544 573.26C384.214 572.72 384.114 572.08 384.264 571.46C384.414 570.84 384.794 570.32 385.334 569.99L407.454 556.5C407.844 556.27 408.264 556.15 408.684 556.15C409.484 556.15 410.274 556.56 410.714 557.29L455.644 630.95C458.524 631.9 461.104 632.82 463.084 633.54L414.984 554.69C412.864 551.22 408.314 550.12 404.844 552.24L382.724 565.73C381.044 566.76 379.864 568.38 379.394 570.29C378.934 572.21 379.244 574.19 380.264 575.87L413.534 630.41C414.894 629.57 416.394 628.81 418.024 628.16L418.034 628.15Z" fill="#0E1016"/>
-<path d="M524.444 734.11L499.764 693.65C497.864 692.92 495.144 691.88 492.124 690.73L520.174 736.71C524.574 743.93 522.284 753.38 515.074 757.78C507.854 762.18 498.404 759.89 494.004 752.68L462.334 700.75C461.134 702.35 459.964 703.85 459.064 704.99L489.744 755.28C493.574 761.55 500.274 765.02 507.134 765.02C510.744 765.02 514.394 764.06 517.684 762.05C527.254 756.21 530.294 743.67 524.454 734.1L524.444 734.11Z" fill="#0E1016"/>
-<path d="M387.834 567.53C387.674 567.53 387.514 567.51 387.364 567.47C386.844 567.35 386.404 567.02 386.124 566.57L365.724 533.13C365.144 532.19 365.444 530.96 366.394 530.38C367.334 529.8 368.564 530.1 369.144 531.05L388.504 562.79L399.604 556.02L380.914 525.38C380.334 524.44 380.634 523.21 381.584 522.63C382.524 522.05 383.754 522.35 384.334 523.3L404.074 555.65C404.354 556.1 404.434 556.65 404.314 557.16C404.194 557.68 403.864 558.12 403.414 558.4L388.904 567.25C388.584 567.44 388.224 567.54 387.864 567.54L387.834 567.53Z" fill="#0E1016"/>
-<path d="M438.434 644.93C432.844 648.78 427.544 653.31 423.854 659.03C420.474 664.5 417.824 671.03 418.834 677.53C419.664 683.87 424.474 689.23 430.644 690.94C434.574 691.94 438.914 692.57 443.164 692.49C445.714 692.44 445.984 694.11 443.344 694.4C442.434 694.5 441.514 694.57 440.604 694.63C437.014 694.8 433.434 694.63 429.894 693.8C422.454 692.22 416.404 685.64 415.374 678.07C413.544 663.8 425.304 649.13 438.444 644.93H438.434Z" fill="#0E1016"/>
-<path d="M446.894 674.43C445.544 667.99 449.614 662.72 455.794 661.03L460.174 659.94L457.244 663.54C447.884 674.9 439.884 692.28 449.504 705.74C452.434 709.69 457.394 711.83 462.484 711.99L461.944 714.28C458.974 712.62 456.594 710.21 454.964 707.22L455.984 706.66C460.724 703.59 464.114 698.51 466.254 693.35C468.134 688.66 469.714 681.31 470.974 676.33C472.254 685.46 469.774 695.11 463.914 702.29C461.904 704.8 459.854 707.03 456.904 708.6L457.384 707.1C457.674 707.55 458.114 708.11 458.534 708.59C460.574 711.22 464.524 712.84 467.394 714.33C463.044 714.4 458.124 714.86 454.014 713.03C442.664 708.43 439.614 693.98 442.534 683.13C444.734 674.94 449.344 667.71 455.014 661.5L456.464 664C455.434 664.23 454.234 664.71 453.234 665.29C449.954 667.01 448.564 670.55 449.134 674.15C449.264 675.6 447.134 675.86 446.894 674.44V674.43Z" fill="#0E1016"/>
-<path d="M497.194 683.53C502.564 685.87 507.354 689.07 512.674 691.45C528.224 698.78 544.574 704.81 561.644 707.35C572.864 708.73 584.814 709.79 596.124 709.92C607.654 710.03 619.174 709.04 630.584 707.31L630.564 710.21C622.444 708.9 614.734 705.99 607.494 702.17C603.774 700.3 599.464 697.7 595.844 695.55C633.404 690.55 659.554 676.93 683.504 647.24C671.914 669.88 650.464 686.29 626.214 693.4C618.184 695.87 609.944 697.56 601.634 698.51L602.364 694.99C609.114 698.98 616.064 702.8 623.544 705.23C627.934 706.76 634.284 708.02 638.834 709.04L631.034 710.22C607.974 714.11 584.294 713.79 561.104 711.05C543.634 708.61 526.774 702.37 511.574 693.51C506.614 690.43 501.314 687.77 497.184 683.54L497.194 683.53Z" fill="#0E1016"/>
-<path d="M511.784 697.92C507.734 697.92 502.114 697.07 495.454 693.81C483.074 687.75 469.794 685.02 469.654 684.99L470.254 682.05C470.814 682.16 484.054 684.89 496.774 691.11C509.104 697.15 517.554 694.14 517.644 694.11L518.704 696.92C518.504 697 516.004 697.91 511.794 697.91L511.784 697.92Z" fill="#0E1016"/>
-<path d="M336.354 320.84C333.514 327.76 330.894 334.76 328.214 341.54C325.484 348.28 322.524 354.84 317.814 359.54C317.244 360.08 316.654 360.59 316.054 361.09C315.324 360.17 314.604 359.23 313.904 358.28C308.984 351.63 306.274 345.23 306.274 345.23C306.274 345.23 312.214 340.11 316.674 328.4C320.374 318.69 320.554 311.08 319.904 304.62V304.67C319.904 304.67 323.654 296.74 332.404 284.5C331.494 282.89 330.654 281.43 329.924 280.15C322.924 290.4 319.024 297.75 319.024 297.75L319.364 300.39C318.234 293.25 314.614 285.84 314.614 285.84C314.614 285.84 316.744 296.19 315.444 309.32C313.904 324.79 306.564 335.31 298.954 342.18C298.954 342.18 300.184 346.58 305.894 354.33C308.454 357.8 313.384 364.15 315.474 366.43C315.474 366.43 312.744 365.65 310.704 364.77C309.254 364.14 307.704 363.39 306.234 362.54C301.354 359.7 294.124 355.45 288.714 351.79C283.294 348.13 281.794 346.81 279.424 347.3C277.064 347.79 268.034 349.44 257.864 347.22C247.684 345 242.504 339.55 242.504 339.55C243.514 342.11 245.024 348.47 240.924 353.66C237.424 358.1 230.334 360.23 230.334 360.23C230.334 360.23 233.224 364.16 236.824 367.51C239.154 369.67 242.764 372.37 245.044 374.01C241.134 372.87 236.854 371.38 232.544 369.22C224.194 365.03 205.774 354.69 195.174 340.7C183.734 325.61 183.844 315.43 188.394 308.46C192.944 301.5 205.124 298 213.264 298.13C221.404 298.25 229.644 297.55 229.644 297.55C229.644 297.55 226.094 296.62 225.214 295.28C224.334 293.93 225.294 291.85 232.444 284.66C239.594 277.47 255.264 261.32 262.364 254.44C269.474 247.56 274.504 244.34 277.694 242.54C281.074 240.63 283.994 239.33 283.994 239.33C283.994 239.33 268.224 243.91 263.764 243.73C259.414 243.56 252.984 240.28 249.654 237.37C246.324 234.46 246.754 228.74 248.054 222.85C249.344 216.97 256.664 201.51 256.664 201.51C256.664 201.51 258.344 208.83 259.704 212.72C261.074 216.61 262.584 219.18 262.584 219.18C262.584 219.18 263.824 209.21 267.164 197.28C265.454 195.52 263.734 193.78 262.014 192.08C261.334 191.4 260.534 190.63 260.534 190.63C259.804 189.92 259.084 189.21 258.354 188.52C255.844 193.64 248.834 208.12 245.234 217.85C241.424 228.16 240.294 235.77 244.644 241.3C248.994 246.82 257.224 249.46 257.224 249.46C257.224 249.46 228.794 279.02 223.534 284.68C218.274 290.34 211.454 292.29 204.474 293.35C197.484 294.4 187.004 297.06 182.264 306.03C177.234 315.53 178.794 324.32 187.794 338.47C196.794 352.62 212.774 363.8 224.104 369.52C235.434 375.23 248.384 377.89 255.204 377.94C255.204 377.94 248.764 372.05 244.884 368.37C245.164 368.55 245.444 368.74 245.734 368.92C252.324 372.95 259.394 376.31 267.154 377.57C270.984 378.12 274.854 378.16 278.714 378.13C290.834 377.92 304.404 375.74 315.094 369.36C321.794 371.36 324.964 371.39 324.964 371.39C324.964 371.39 322.814 369.13 320.054 365.92C323.834 362.86 327.064 359.09 329.474 354.48C334.944 344.54 338.374 333.73 342.754 323.48C344.354 319.76 345.964 315.99 347.664 312.24C346.344 309.74 344.974 307.18 343.594 304.62C340.984 309.93 338.654 315.38 336.344 320.83L336.354 320.84ZM278.594 372.6C275.044 372.68 271.474 372.73 267.944 372.29C257.874 370.76 248.394 365.63 240.224 359.58C241.934 358.81 244.224 357.62 245.924 356.12C249.014 353.41 249.404 349.33 249.404 349.33C249.404 349.33 255.444 353.8 265.964 354.58C276.484 355.36 281.684 353.26 281.684 353.26C281.684 353.26 295.434 362.03 307.164 366.62C298.374 370.68 288.074 372.19 278.584 372.59L278.594 372.6Z" fill="#0E1016"/>
-<path d="M953.924 585.72C944.354 573.17 930.254 564.07 914.834 560.61C904.614 558.28 894.284 557.76 884.914 554.43C880.144 552.8 875.904 550.13 871.594 547.56C858.474 539.53 846.124 530.43 833.274 521.88C829.084 519.04 824.564 516.54 820.674 513.34C818.784 511.78 816.994 510.07 815.814 508.15C813.234 504.36 814.904 499.24 818.794 497.14C825.214 493.55 833.134 493.35 840.424 493.57C850.484 494.19 860.524 496.78 870.054 500.05L875.804 502.55C868.304 495.22 859.574 488.96 849.704 485.27C826.184 477.17 800.904 477.67 777.014 471.3C753.214 465.6 730.614 455.52 709.654 442.93C703.844 439.51 698.224 435.8 692.794 431.83C691.964 432.49 690.974 433.19 689.794 433.91C695.604 438.22 701.624 442.23 707.854 445.92C736.024 463.31 767.564 475.33 800.424 479.93C816.634 482.3 832.884 483.64 848.484 488.66C853.394 490.34 858.164 492.6 862.684 495.26C850.484 491.41 837.584 489.2 824.864 491.65C819.614 492.7 813.164 495.38 811.734 501.19C809.764 507.03 814.314 512.6 818.534 515.94C822.564 519.3 827.064 521.84 831.344 524.79C839.814 530.52 848.124 536.56 856.644 542.36C860.894 545.27 865.224 548.08 869.644 550.78C874.134 553.48 878.674 556.29 883.664 557.99C893.754 561.54 904.224 562.04 914.004 564.3C932.014 568.46 944.574 578.36 955.084 592.14C950.524 588.48 945.774 585.07 940.684 582.12C934.474 578.66 924.634 574.93 917.694 578.38C908.884 583.2 912.084 594.85 917.954 600.7C918.744 601.54 920.084 601.57 920.904 600.76C921.714 599.96 921.724 598.66 920.934 597.84C917.584 594.46 914.444 588.43 916.974 584.02C919.974 579.14 926.404 580.43 931.224 581.68C936.854 583.15 941.834 586.27 946.674 589.47C953.814 594.24 960.954 600.05 967.174 606.08C963.094 599.34 958.904 591.89 953.944 585.71L953.924 585.72Z" fill="#0E1016"/>
-<path d="M674.184 416.5C655.124 398.87 639.254 377.76 627.394 354.62C623.774 347.5 620.154 340.06 618.734 332.22C616.164 317.11 626.394 312.57 639.514 314.19C653.954 316.53 667.024 324.88 678.664 333.37L674.454 326.89C670.824 321.31 666.514 316.52 661.704 312.12C647.254 298.74 627.614 293.12 608.844 289.05C607.554 288.83 606.324 289.69 606.104 290.98C605.884 292.27 606.744 293.5 608.034 293.72C626.444 296.85 645.534 301.59 659.804 314.26C662.484 316.61 665.044 319.24 667.344 322.04C655.314 314.58 640.754 308.11 627.094 311.46C616.864 313.78 613.584 323.44 615.324 332.79C616.044 337.05 617.444 341.05 619.014 344.93C631.224 372.84 649.324 398.21 671.714 418.92C672.534 418.14 673.374 417.32 674.184 416.5Z" fill="#0E1016"/>
-<path d="M1002.36 890.78C1008.85 887.96 1015.51 885.82 1021.91 882.97C1024.29 881.86 1026.68 880.92 1029.41 880.96C1037.51 881.24 1037.64 888.78 1034.2 894.36C1031.57 898.81 1027.71 902.08 1023.65 904.71C1023.64 904.74 1022.28 901.75 1022.27 901.76C1027.73 899.87 1032.94 896.48 1037.02 892.34C1048.11 881.64 1048.03 867.57 1050.08 853.33C1052.11 841.25 1052.55 829.13 1049.48 817.09C1049.4 816.82 1049.56 816.51 1049.85 816.45C1050.09 816.39 1051.65 815.48 1051.72 815.7C1058.39 835.37 1053.56 849.43 1052.02 866.04C1050.73 881.73 1043.52 895.08 1029.2 902.46C1025.62 904.59 1018.41 906.21 1014.39 907.46C1020.72 902.59 1029.51 897.46 1032.12 889.62C1033.8 884.95 1030.24 884.01 1026.4 885.08C1025.39 885.35 1024.29 885.82 1023.32 886.23C1021.1 887.17 1018.85 887.95 1016.61 888.7C1012.13 890.22 1007.63 891.55 1003.23 893.04C1001.79 893.51 1000.94 891.41 1002.35 890.77L1002.36 890.78Z" fill="#0E1016"/>
-<path d="M650.324 846.33C654.724 846.88 659.554 847.38 663.064 850.67C665.914 853.54 664.684 858.35 661.294 860.21C657.274 862.43 652.944 862.92 648.574 863.78L648.554 861.82C652.484 862.49 656.694 862.52 660.744 862.12C664.804 861.68 668.904 860.85 672.874 859.79C680.994 857.33 689.544 854.81 698.094 857.01C698.814 857.18 699.254 857.91 699.074 858.63C698.894 859.35 698.154 859.79 697.434 859.59C693.594 858.54 689.524 858.51 685.494 859.05C681.454 859.53 677.554 860.84 673.444 861.92C665.224 864.03 656.614 865.3 648.144 863.79L644.114 863.03L648.124 861.83C651.884 860.47 656.234 859.61 659.634 857.66C661.084 856.69 661.824 855.51 661.464 853.93C661.004 852.34 659.414 851.58 657.824 850.8C655.414 849.75 652.694 849.02 649.984 848.33C648.784 848.03 649.084 846.22 650.324 846.33Z" fill="#0E1016"/>
-<path d="M704.724 898.98C705.774 897.86 706.804 897.18 708.024 896.45C708.994 895.85 710.104 895.28 711.194 895.95C715.394 897.91 719.874 899.86 724.404 900.8C728.944 901.61 733.524 900.69 738.124 899.8C747.314 897.87 756.404 894.63 765.414 891.92C769.534 890.7 773.684 892.19 777.494 893.1C780.604 893.87 783.684 894.27 786.834 894.22C787.924 894.2 788.814 895.07 788.834 896.16C788.854 897.22 788.014 898.1 786.964 898.16C783.484 898.34 779.924 897.99 776.574 897.28C772.234 896.4 769.084 895.25 765.544 896.7C756.884 899.66 748.174 902.81 739.214 904.82C735.894 905.56 732.524 906.18 728.954 906.37C725.414 906.64 721.544 905.74 718.254 904.52C714.964 903.29 711.924 901.85 708.914 900.04L710.884 900.18C709.684 900.51 708.204 901.1 707.244 901.82C705.414 903.14 703.184 900.65 704.714 898.98H704.724Z" fill="#0E1016"/>
-<path d="M429.344 816.27C425.034 819.26 418.684 823.42 417.344 826.57C416.004 829.72 418.204 832.54 421.504 832.16C424.804 831.78 440.324 829.44 442.744 828.74C442.744 828.74 425.034 829.97 424.074 828.06C423.114 826.15 424.124 823.95 426.274 821.04C428.424 818.13 429.344 816.28 429.344 816.28V816.27Z" fill="#0E1016"/>
-<path d="M654.564 766.38C654.154 766.38 653.744 766.21 653.444 765.88C652.894 765.26 652.944 764.31 653.564 763.76C653.664 763.67 664.004 754.35 677.414 736.94C690.834 719.53 696.354 707.79 696.414 707.67C696.764 706.92 697.654 706.59 698.404 706.94C699.154 707.29 699.484 708.18 699.134 708.93C698.904 709.42 693.414 721.09 679.794 738.76C666.194 756.41 655.674 765.89 655.564 765.99C655.274 766.25 654.924 766.37 654.564 766.37V766.38Z" fill="#0E1016"/>
-<path d="M744.544 781.69C744.054 781.69 743.574 781.45 743.284 781.01C742.834 780.32 743.024 779.39 743.724 778.93C743.844 778.85 756.174 770.75 767.354 759.32C778.554 747.87 784.194 739 784.254 738.91C784.694 738.21 785.624 738 786.324 738.44C787.024 738.88 787.234 739.81 786.794 740.51C786.564 740.88 780.914 749.74 769.504 761.41C758.084 773.09 745.494 781.35 745.374 781.43C745.124 781.6 744.834 781.67 744.554 781.67L744.544 781.69Z" fill="#0E1016"/>
-<path d="M876.924 844.69C883.484 845.42 890.134 845.91 896.724 846.07C902.994 846.12 909.974 846.29 915.844 844.4L917.204 848.16C910.274 850.23 903.574 849.84 896.604 849.67C889.864 849.36 883.194 848.74 876.514 847.87L876.924 844.68V844.69Z" fill="#0E1016"/>
-<path d="M78.8838 543.21C77.5538 542.86 76.5639 542.12 75.9038 541C74.7638 539.04 73.9738 537.52 73.5438 536.46C71.1738 530.14 70.3638 523.66 71.1038 517.03C71.8438 510.4 73.4938 502.49 76.0338 493.31C77.9338 486.57 79.1638 481.11 79.7338 476.92C80.3038 472.74 79.8438 469.2 78.3438 466.31C76.3938 462 73.1739 459.46 68.6938 458.69C64.2038 457.92 59.7138 458.84 55.2238 461.46C44.8438 467.51 41.3638 476.21 44.7738 487.55C45.0538 489.64 44.9438 491.4 44.4538 492.81C43.9638 494.23 42.8038 495.46 40.9838 496.52L13.6238 512.45C12.2238 513.27 10.7538 513.42 9.23385 512.89C7.70385 512.37 6.45385 511.27 5.47385 509.58C1.34385 501.84 -0.446153 493.12 0.0938471 483.41C0.643847 473.7 4.18385 463.98 10.7338 454.25C17.2738 444.52 26.8638 435.98 39.4938 428.62C52.4038 421.1 64.0538 417 74.4538 416.3C84.8438 415.6 93.4738 417.11 100.334 420.81C107.194 424.52 112.334 429.32 115.764 435.21C119.934 442.37 121.954 449.55 121.834 456.76C121.714 463.97 120.554 472.63 118.364 482.74C117.024 489.15 116.114 494.2 115.614 497.86C115.114 501.53 115.104 505.2 115.554 508.89C115.724 510.48 116.264 512.52 117.144 515.01C117.244 517.77 117.084 519.83 116.664 521.21C116.244 522.58 115.254 523.72 113.714 524.62L82.5638 542.76C81.4338 543.41 80.2138 543.56 78.8838 543.21ZM104.914 588.64C103.294 588.27 102.034 587.32 101.134 585.77L86.5538 560.73C85.6538 559.19 85.4238 557.58 85.8638 555.92C86.3038 554.26 87.2938 552.97 88.8338 552.07L117.034 535.65C118.574 534.75 120.184 534.52 121.844 534.96C123.504 535.4 124.794 536.39 125.694 537.94L140.274 562.98C141.174 564.53 141.384 566.09 140.904 567.69C140.424 569.29 139.414 570.53 137.864 571.43L109.664 587.85C108.114 588.75 106.534 589.01 104.914 588.64Z" fill="#6F7A75"/>
-<path d="M637.824 326.63C630.084 324.88 622.924 325.42 616.754 328C616.834 329.4 616.934 330.8 617.094 332.18C622.764 329.47 629.504 328.84 636.934 330.53C648.784 333.21 677.954 345.62 698.554 359.74L700.814 356.44C679.824 342.06 649.974 329.39 637.814 326.63H637.824Z" fill="#0E1016"/>
-<path d="M694.444 197.13C688.374 192.98 682.144 189.32 675.874 185.63C644.394 167.51 612.504 150.12 579.694 134.48C569.774 129.87 559.734 125.37 549.294 121.98C542.654 120.05 534.314 117.05 527.874 121.41C520.284 126.81 523.764 137.83 525.744 145.2C526.284 147.02 526.884 148.81 527.504 150.6L532.174 152.22C531.804 151.22 531.424 150.22 531.064 149.21C529.224 143.32 524.314 130.07 529.304 125.31C534.234 120.97 542.244 124.03 548.114 125.67C558.394 128.98 568.274 133.37 578.104 137.89C610.824 153.38 642.944 170.29 674.764 187.56C681.064 191.08 687.484 194.59 693.564 198.44C693.924 198.67 694.404 198.58 694.644 198.22C694.894 197.86 694.794 197.36 694.434 197.12L694.444 197.13Z" fill="#0E1016"/>
-<path d="M551.024 206.85C549.994 202.98 548.934 199.12 547.794 195.27C544.064 181.86 538.624 169.24 533.714 156.34L529.724 156.64C532.224 163.07 535.004 169.39 537.504 175.8C541.264 185.7 544.624 195.76 547.594 205.93L551.014 206.84L551.024 206.85Z" fill="#0E1016"/>
-<path d="M581.324 306.08C579.504 302.11 577.874 297.41 575.954 293.47C548.344 236.87 510.374 185.06 460.554 146.53C453.174 140.95 445.654 135.57 437.594 131.05C436.254 131.9 434.994 132.69 433.874 133.37C434.734 133.87 435.594 134.38 436.444 134.89C443.894 139.46 451.024 144.55 457.904 149.96C510.154 191.44 549.704 247.12 578.024 307.34C582.104 316.01 585.334 314.8 581.324 306.08Z" fill="#0E1016"/>
-<path d="M602.304 287.62C599.064 286.97 592.814 285.14 591.364 284.34C589.914 283.55 585.754 278.33 579.414 268.33C573.074 258.33 567.484 250.05 564.514 245.24C561.354 240.12 559.004 236.26 558.674 233.94C558.354 231.62 558.754 228.89 562.234 226.9C565.724 224.91 568.704 224.45 578.024 225.88C587.334 227.31 598.334 231.59 598.334 231.59C595.934 228.98 591.154 222.73 581.474 216.69C571.234 210.29 564.984 208.28 555.154 205.65C546.044 203.21 536.094 202.15 533.564 201.32C531.034 200.49 529.164 199.39 522.654 192.19C516.144 184.99 506.054 174.25 504.474 172.45C502.554 170.26 501.404 168.47 501.944 167.05C502.584 165.35 504.584 164.01 510.004 161.83C515.374 159.67 523.114 158.03 531.454 157.68C539.794 157.33 549.874 157.91 549.874 157.91C549.874 157.91 544.004 153.97 535.624 150.92C527.244 147.87 518.144 145.43 506.994 143.86C495.844 142.29 490.304 142.05 482.554 141.7C474.444 141.33 469.934 141.84 468.014 140.79C466.464 139.95 459.684 136.01 457.334 134.54C454.984 133.07 454.154 132.36 453.764 131.67C453.194 130.66 453.264 129.14 455.774 127.97C458.684 126.62 461.554 126.07 469.084 124.99C476.604 123.91 487.204 123.84 487.204 123.84C481.784 122.12 472.374 119.79 459.194 118.65C457.744 118.52 456.374 118.43 455.054 118.35C453.904 119.43 452.544 120.58 451.044 121.75C459.844 121.47 464.064 122.45 464.064 122.45C464.064 122.45 461.264 122.74 457.134 123.93C454.124 124.79 451.224 126.31 450.224 128.61C449.234 130.87 449.544 133.24 453.464 135.83C457.094 138.23 465.554 143.68 467.424 144.38C469.294 145.08 471.774 144.75 479.054 145.28C486.864 145.85 498.284 146.77 510.334 148.44C522.384 150.1 533.374 154.08 533.374 154.08C528.204 153.97 523.774 154.1 516.074 155.88C508.554 157.62 503.664 159.6 500.294 162.41C498.174 164.18 496.804 166.27 497.924 169.42C498.894 172.17 502.994 176.49 508.274 182.11C513.224 187.38 524.464 200.17 528.124 203.27C530.844 205.57 534.354 205.27 542.044 206.87C549.734 208.47 558.494 210.11 569.294 214.49C579.224 218.51 586.714 224.64 586.714 224.64C586.714 224.64 581.194 222.86 574.764 221.93C569.294 221.15 565.574 221.02 562.254 222.46C558.704 223.99 555.224 226.63 554.804 231.17C554.324 236.48 557.574 241.3 563.324 250.34C568.534 258.53 582.564 280.69 585.234 284.17C587.914 287.65 589.764 289.4 596.124 291.08C602.484 292.75 610.634 294.21 610.634 294.21L611.374 289.65C611.374 289.65 605.534 288.27 602.284 287.62H602.304Z" fill="#0E1016"/>
-<path d="M587.144 641.04C569.924 620.44 556.934 596.43 547.274 571.38C533.934 538.2 526.874 503 525.074 467.28C523.084 431.55 523.824 395.39 520.064 359.67C515.814 323.84 507.624 288.35 493.644 254.96C484.414 233.29 473.944 212.64 461.004 192.56C458.344 188.44 451.774 179.06 451.774 179.06L450.824 188.4C456.754 197.45 468.004 215.41 473.204 224.98C496.384 266.58 509.884 312.98 515.654 360.16C521.784 413.61 516.364 468.2 527.374 521.22C537.084 565.07 554.274 609.59 583.424 644.14C584.674 643.11 585.934 642.06 587.144 641.04Z" fill="#0E1016"/>
-<path d="M656.994 691.59C652.174 689.65 647.424 687.52 642.784 685.22C641.314 685.96 639.674 686.77 637.904 687.59C644.544 690.9 651.384 693.79 658.324 696.35C660.444 697.13 659.064 692.42 657.004 691.59H656.994Z" fill="#0E1016"/>
-<path d="M475.614 638.53L483.184 641.01C480.494 636.11 477.824 631.08 475.144 625.91C437.154 546.27 451.544 454.46 447.874 369.14C447.484 360.64 447.014 351.8 445.974 343.34C442.104 315.16 432.724 288.12 420.524 262.5C419.354 260.04 418.154 257.59 416.934 255.16C416.314 253.95 412.394 245.2 411.174 245.82C409.954 246.44 406.814 246.58 406.814 246.58C410.024 250.75 414.604 261.51 415.594 263.59C420.454 273.73 424.744 284.25 428.534 294.85C434.984 313.2 439.944 332.14 441.534 351.52C444.914 398.99 441.564 449.99 443.134 497.57C445.044 545.51 451.244 595.03 475.054 637.53C475.234 637.86 475.424 638.2 475.604 638.53H475.614Z" fill="#0E1016"/>
-<path d="M573.004 790.62C571.004 770.9 567.554 746.54 560.964 724.8L558.124 723.2C559.794 729.23 561.174 735.33 562.424 741.41C564.094 749.42 565.484 757.98 566.584 766.07C569.904 790.8 571.604 815.96 570.544 840.86C570.114 849.13 569.314 857.42 567.314 865.33C565.164 872.67 562.384 881.31 554.594 884.32C561.754 885.39 567.014 878.54 569.194 872.53C572.964 862.47 573.924 851.58 574.544 841.06C575.344 824.21 574.514 807.38 572.994 790.61L573.004 790.62Z" fill="#0E1016"/>
-<path d="M644.054 761.48C641.924 765.23 639.774 768.97 637.504 772.57C635.354 775.76 633.234 779.57 630.144 781.8C630.074 777.65 631.844 773.25 632.734 769.03C633.594 765.68 634.394 762.32 635.014 758.86C634.024 758.57 633.064 758.29 632.134 758.02C632.124 758.07 632.114 758.11 632.104 758.16C630.464 764.96 628.004 771.3 626.404 778.23C626.114 779.71 625.824 781.25 626.104 782.89C626.284 784.57 628.044 786.29 629.954 786.14C632.004 786.03 633.424 784.7 634.644 783.53C637.334 780.77 639.194 777.77 641.054 774.75C642.784 771.82 644.384 768.85 645.874 765.83C644.334 773.43 642.414 780.97 640.464 788.45C634.584 810.47 627.774 832.22 619.914 853.62C618.014 859 616.014 864.34 614.064 869.71C612.424 874.51 609.214 881.04 609.034 886.19C612.774 882.6 615.184 875.53 617.374 871.06C619.754 865.84 621.944 860.54 624.124 855.23C630.534 839.25 635.844 822.8 640.364 806.18C644.184 792 647.664 777.64 649.594 763.03C647.884 762.55 645.994 762.02 644.044 761.46L644.054 761.48ZM630.164 782.19C630.164 782.19 630.184 782.24 630.164 782.19V782.19Z" fill="#0E1016"/>
-<path d="M506.804 335.9C509.134 336.15 512.594 339.15 513.304 343.64C514.004 348.13 514.574 338.32 514.574 338.32L510.694 326.63L510.584 328.11C510.584 328.11 511.514 333.34 507.244 332.94C502.984 332.54 506.804 335.91 506.804 335.91V335.9Z" fill="#0E1016"/>
-<path d="M512.274 404.67C514.244 404.75 518.374 403.85 518.384 397.17C518.394 390.49 520.994 397.52 520.994 397.52C520.994 397.52 519.094 418.69 519.084 418.48C519.074 418.27 519.654 407.92 512.614 407.69C505.584 407.46 512.264 404.67 512.264 404.67H512.274Z" fill="#0E1016"/>
-<path d="M516.414 488.29C519.234 488.35 521.804 486.01 521.824 481.99C521.844 477.97 523.174 474.92 523.994 479.23C524.814 483.54 525.854 500.11 525.854 500.11L523.724 499.51C523.724 499.51 524.804 491.44 516.714 491.29C508.624 491.14 516.424 488.28 516.424 488.28L516.414 488.29Z" fill="#0E1016"/>
-<path d="M537.014 580.8C539.974 580.07 543.904 578.87 542.524 572.51C541.144 566.15 541.674 564.15 544.954 570.49C548.234 576.83 551.174 592.96 551.174 592.96C551.174 592.96 548.414 580.96 538.434 583.54C528.454 586.12 537.014 580.8 537.014 580.8Z" fill="#0E1016"/>
-<path d="M691.934 716.02C692.884 714.44 693.444 709.22 687.994 706.98C682.544 704.74 691.994 705.5 696.594 707.45C701.194 709.4 707.074 713.38 707.074 713.38C707.074 713.38 698.614 711.73 694.384 717.34C690.164 722.95 691.924 716.02 691.924 716.02H691.934Z" fill="#0E1016"/>
-<path d="M780.024 744.78C781.454 743.11 784.304 739.94 779.634 738.25C774.964 736.56 779.544 737.2 783.604 738.64C787.664 740.08 790.764 741.98 790.764 741.98C790.764 741.98 786.104 741.86 782.464 746.52C778.824 751.18 780.014 744.79 780.014 744.79L780.024 744.78Z" fill="#0E1016"/>
-<path d="M816.704 830.26C809.164 825.35 800.484 822.57 791.994 820.16C775.544 815.4 757.984 813.17 742.944 804.76C730.104 797.36 724.544 787.34 723.674 776.46C722.304 776.28 720.914 776.09 719.564 775.91C719.964 788.44 725.984 800.16 740.574 808.85C750.934 814.84 762.514 817.7 773.914 820.57C786.394 823.95 822.384 830.16 822.624 845.74C821.904 853.52 811.474 858.87 804.974 861.74C803.524 862.3 801.584 862.76 800.054 863.1C785.264 865.87 770.044 866.44 755.014 865.8C753.124 865.74 752.964 868.5 754.834 868.67C769.424 869.61 784.114 869.24 798.574 867C800.644 866.62 803.184 866.19 805.184 865.52C808.754 864.31 812.174 862.66 815.424 860.71C829.814 852.37 831.104 839.52 816.704 830.26Z" fill="#0E1016"/>
-<path d="M792.874 740.38C786.884 738.02 780.874 735.71 774.864 733.42C751.174 724.68 727.284 716.46 703.414 708.27C684.454 701.63 665.144 695.47 646.804 687.36C644.194 686.28 642.834 689.98 645.134 691.04C654.464 695.19 663.984 698.67 673.524 702.03C712.864 715.64 752.684 727.97 791.604 742.71C792.034 741.9 792.464 741.12 792.874 740.38Z" fill="#0E1016"/>
-<path d="M787.314 784.57C768.714 781.04 750.034 778 731.294 775.43C694.704 770.09 657.584 765.03 622.724 752.33C621.264 751.83 618.414 750.74 616.994 750.13L611.314 747.81L605.754 745.25C585.374 735.45 565.374 724.54 546.544 712.1C541.214 708.48 535.834 704.73 530.644 700.73C525.944 699.03 519.614 696.67 514.874 694.6C523.584 702.96 533.484 709.91 543.474 716.71C564.414 730.45 586.434 742.39 609.154 752.83C611.124 753.63 615.954 755.61 617.894 756.38C619.734 757.05 624.874 758.89 626.754 759.57C672.004 774.77 720.434 779.08 767.384 786.11C775.364 787.32 783.334 788.62 791.304 789.97C789.854 788.13 788.514 786.34 787.324 784.55L787.314 784.57Z" fill="#0E1016"/>
-<path d="M652.504 892.63C651.254 889.78 647.454 883.45 643.574 881.51V881.54C638.574 878.58 631.484 878.09 626.214 877.84C620.994 877.81 615.904 878.2 610.744 879.16L611.314 882.38C613.714 882.08 616.234 881.84 618.704 881.73C623.634 881.45 628.574 881.52 633.434 882.3C636.854 882.91 640.424 883.7 643.154 885.71C644.984 887.16 646.304 889.3 646.894 891.59C646.924 891.85 647.114 892.34 647.344 892.57C650.254 894.13 652.154 895.27 652.444 895.45C654.274 897.03 655.924 898.8 657.454 900.68C656.984 900.46 656.584 900.27 656.284 900.13C653.434 898.9 650.444 898.02 647.414 897.41C646.864 897.34 646.184 897.7 645.874 897.97C641.644 901.13 636.454 902.88 631.134 902.59V905.79C635.354 905.66 639.694 904.73 643.404 902.62C644.764 901.85 646.154 901.16 647.474 900.27C647.474 900.27 647.484 900.27 647.494 900.26C647.614 900.29 647.734 900.31 647.774 900.32C650.324 900.87 652.864 901.52 655.284 902.49C657.904 903.62 661.734 905.27 664.374 906.4C661.034 901.46 657.994 895.45 652.494 892.65L652.504 892.63Z" fill="#0E1016"/>
-<path d="M724.144 780.07C724.144 780.07 769.464 789.5 781.704 793.17C793.944 796.84 798.234 798.68 798.234 798.68L790.184 788.57L724.144 780.07Z" fill="#0E1016"/>
-<path d="M562.254 180.11C561.064 174.59 559.214 164.87 560.274 159.68C561.344 154.5 565.524 153.64 570.644 154.43C575.754 155.21 584.594 158.05 588.724 159.9C592.854 161.75 587.264 158.19 580.024 154.18C572.784 150.17 563.054 146.9 559.004 148.68C554.954 150.46 554.334 150.31 555.034 154.57C555.734 158.83 558.434 167.14 559.714 171.47C560.994 175.8 562.254 180.11 562.254 180.11Z" fill="#0E1016"/>
-<path d="M711.994 185.5C709.994 175.36 708.084 159.34 708.084 149.33C708.084 139.32 710.974 133.65 719.064 130.88C727.154 128.11 738.224 127.55 749.494 131.13C760.764 134.72 752.714 129.43 747.174 127.86C741.624 126.29 726.044 123.3 716.904 123.04C707.764 122.78 703.224 127.38 702.164 131.6C701.104 135.82 701.464 141.61 704.604 158.13C707.744 174.65 712.014 185.5 712.014 185.5H711.994Z" fill="#0E1016"/>
-<path d="M657.754 430.57C659.294 429.54 661.034 428.28 662.934 426.78C652.194 416.35 642.794 405.46 634.864 394.92C615.124 368.68 593.904 331.95 586.544 316.17C586.544 316.17 595.174 338.96 599.474 349.53C603.774 360.09 628.244 400.92 655.464 428.32C656.214 429.07 656.974 429.82 657.754 430.57Z" fill="#0E1016"/>
-<path d="M719.444 467.58C704.414 460.07 690.644 450.73 678.244 440.51C676.384 441.36 674.284 442.24 672.024 443.08C698.324 464.19 731.214 481.9 748.724 490.57C770.194 501.2 831.554 528.99 831.554 528.99C804.364 512.41 755.444 485.58 719.444 467.58Z" fill="#0E1016"/>
-<path d="M617.394 340.62C612.434 327.73 610.994 317.99 614.234 312.27C617.474 306.55 633.674 306.86 647.074 312.48C647.074 312.48 638.274 309.9 628.314 313.27C618.354 316.64 616.384 320.35 616.734 325.62C617.094 330.89 618.744 340.63 618.744 340.63H617.384L617.394 340.62Z" fill="#0E1016"/>
-<path d="M556.454 238.77C552.054 230.82 548.334 225.73 552.204 221.85C556.084 217.97 575.334 220.45 586.724 224.65C586.724 224.65 579.184 221.85 569.464 222.99C559.734 224.13 559.734 224.43 558.214 228.01C556.694 231.58 557.914 236.52 557.914 236.52L556.464 238.77H556.454Z" fill="#0E1016"/>
-<path d="M500.734 173.77C496.634 168.61 492.394 164.97 492.254 161.54C492.124 158.11 494.144 156.22 504.574 154.74C515.004 153.26 526.654 153.13 533.394 154.07C533.394 154.07 510.364 158.17 505.724 161C501.074 163.83 500.744 164.9 500.404 166.92C500.064 168.94 500.734 173.77 500.734 173.77Z" fill="#0E1016"/>
-<path d="M415.114 253.02C415.114 253.02 434.074 246.51 443.094 227.55C443.094 227.55 424.194 242.09 419.034 243.53C413.864 244.97 411.184 245.82 411.184 245.82L415.114 253.03V253.02Z" fill="#0E1016"/>
-<path d="M618.404 324.96C618.404 324.96 632.274 321.32 657.854 333.61C657.854 333.61 640.114 329.17 632.884 328.39C625.654 327.61 617.104 332.19 617.104 332.19L618.414 324.96H618.404Z" fill="#0E1016"/>
-<path d="M825.134 520.73C815.134 514.36 807.894 510.2 805.754 507.22C803.614 504.24 802.554 499.12 807.354 494.22C812.154 489.32 828.354 489.67 840.184 490.77C840.184 490.77 825.474 491.02 818.334 494.86C811.194 498.7 813.434 504.35 814.284 507.54C815.134 510.73 821.854 515.21 823.664 517.24C825.474 519.27 825.134 520.74 825.134 520.74V520.73Z" fill="#0E1016"/>
-<path d="M902.354 580.85C902.984 577.59 916.034 573.65 930.744 577.99C930.744 577.99 922.114 577.91 918.124 580.54C914.134 583.17 913.074 584.22 913.504 588.32C913.934 592.42 914.664 594.63 914.664 594.63L902.364 580.86L902.354 580.85Z" fill="#0E1016"/>
-<path d="M924.434 601.35C919.884 596.16 916.704 592.97 916.034 587.75C915.364 582.52 913.034 579.44 912.054 582.78C911.074 586.12 914.254 591.74 917.434 595.57C920.614 599.4 924.434 601.35 924.434 601.35Z" fill="#0E1016"/>
-<path d="M963.514 775.27C969.594 766.12 972.954 759.05 975.374 752.13C977.794 745.21 981.564 749 981.564 749L975.964 734.01C975.964 734.01 972.844 749.56 971.884 754.09C970.924 758.62 963.504 775.28 963.504 775.28L963.514 775.27Z" fill="#0E1016"/>
-<path d="M1033.93 882.3C1033.93 882.3 1044.57 871.96 1049.58 857.2C1054.59 842.44 1047.03 857.45 1044.58 861.96C1042.13 866.47 1031.02 878.15 1026.47 880.56C1021.92 882.98 1023.68 883.84 1024.41 883.6C1025.14 883.36 1033.94 882.3 1033.94 882.3H1033.93Z" fill="#0E1016"/>
-<path d="M944.434 797.44C946.874 803.34 951.964 811.95 967.574 820.53C983.184 829.11 985.674 843.26 985.674 843.26C985.674 843.26 969.024 832.14 958.904 822.53C944.424 808.79 944.424 797.44 944.424 797.44H944.434Z" fill="#0E1016"/>
-<path d="M881.354 848.46C881.354 848.46 902.174 852.99 909.954 853.64C917.734 854.29 918.724 853.64 918.724 853.64L917.204 848.16C917.204 848.16 911.274 849.29 899.204 848.77C887.134 848.25 881.364 848.46 881.364 848.46H881.354Z" fill="#0E1016"/>
-<path d="M996.844 875.25C985.504 885.35 956.034 900.69 956.034 900.69L933.174 899.67C933.174 899.67 956.204 893.45 971.544 887.25C986.884 881.05 996.844 875.26 996.844 875.26V875.25Z" fill="#0E1016"/>
-<path d="M750.154 778.18C757.684 779.37 765.944 780.2 772.704 780.07C779.464 779.94 781.524 778.55 781.044 774.18C780.564 769.81 783.214 765.45 783.214 765.45L789.494 789.99L750.164 779.21V778.18H750.154Z" fill="#0E1016"/>
-<path d="M652.624 862.29C652.624 862.29 660.334 861.22 662.174 857.25C664.014 853.28 662.594 848.94 662.744 849.1C662.894 849.26 690.074 856.48 690.074 856.48C690.074 856.48 674.774 860.09 667.834 861.93C660.894 863.77 653.534 863.42 653.534 863.42L652.624 862.3V862.29Z" fill="#0E1016"/>
-<path d="M461.694 705.5C461.694 705.5 466.234 702.9 470.484 696.34C474.734 689.78 475.564 684.89 475.564 684.89L470.074 683.82C470.074 683.82 469.234 691.56 465.794 697.74C462.354 703.92 461.694 705.5 461.694 705.5Z" fill="#0E1016"/>
-</svg>
diff --git a/frontend-next/public/images/dragon-signupinvite.svg b/frontend-next/public/images/dragon-signupinvite.svg
deleted file mode 100644
index 7a69f1dc5..000000000
--- a/frontend-next/public/images/dragon-signupinvite.svg
+++ /dev/null
@@ -1,129 +0,0 @@
-<svg width="378" height="600" viewBox="0 0 378 600" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_118_2691)">
-<path d="M52.51 256.81C52.51 256.81 45.39 236.73 45.92 222.75C46.45 208.77 47.9 204.03 47.9 204.03L41.62 196.12C41.62 196.12 43.11 195.5 44.7 196.12C46.29 196.74 47.26 197.14 47.26 197.14C47.26 197.14 48.2 188.87 50.89 181.48C53.58 174.09 56.94 166.32 56.94 166.32C56.94 166.32 31.36 134.25 29.44 127.61C27.52 120.97 32.24 107.9 32.44 88.67C32.64 69.44 24.52 46.3 19.6 36.25C14.68 26.2 8.47 10.37 8.47 10.37C8.47 10.37 31.4 26.51 49.98 53.59C68.56 80.67 76.51 104.73 78.01 112.64C79.51 120.55 80.36 129.13 80.36 129.13C80.36 129.13 86.49 122.44 89.65 119.25C92.81 116.06 95.75 112.27 95.75 112.27C95.75 112.27 93.02 119.98 91.98 125.61C90.94 131.24 90.47 138.92 90.47 138.92C90.47 138.92 93.96 135.92 98.65 134.78C103.34 133.64 107.2 133.01 107.2 133.01C107.2 133.01 118.91 115.02 128.26 103C137.61 90.98 149.09 78.96 149.09 78.96C149.09 78.96 145.35 97.39 142.55 107.54C139.75 117.69 138.01 132.13 138.14 131.32C138.27 130.51 144.61 131.91 146.56 131.98C148.51 132.05 150.83 133.13 150.83 133.13C150.83 133.13 156.58 125.51 166.72 122.13C176.86 118.75 183.15 119.04 183.15 119.04C183.15 119.04 178.13 123.87 175.61 128.51C173.09 133.15 169.23 137.98 169.23 137.98C169.23 137.98 175.99 139.72 181.12 142.23C186.25 144.74 192.68 149.28 192.68 149.28C192.68 149.28 195.75 128.67 194.94 117.87C194.13 107.07 196.2 105.02 204.7 99.8C213.2 94.58 241.29 69.28 252.49 57.33C263.69 45.38 275.77 27.16 279.69 20.35C279.69 20.35 282.11 42.2 269.42 78.26C256.73 114.32 246.34 131.77 233.08 148.45C219.82 165.13 215.3 167.94 215.3 167.94C215.3 167.94 232.52 189.29 241.54 205.71C250.56 222.13 277.83 281.26 287.88 312.34C297.93 343.42 325.15 440.06 327.84 463.85C330.53 487.64 341.96 544.7 344.13 558.2C344.13 558.2 326.64 478.31 311.18 439.78C295.72 401.25 274.22 330.09 249.81 282.67C225.4 235.25 215.01 221.3 215.01 221.3C215.01 221.3 213.39 229.6 210.77 236.81C208.15 244.02 205.45 248.19 205.45 248.19C205.45 248.19 212.37 246.63 214.01 245.65C215.65 244.67 213.57 251.78 210.77 255.93C207.97 260.08 202.92 265.49 202.92 265.49C202.92 265.49 202.92 283.01 187.01 293.81C171.1 304.61 164.96 305.77 162.12 309.72C159.28 313.67 157.58 317.93 159.05 336.27C160.52 354.61 167.2 382.9 167.2 382.9L156.41 383.08C156.41 383.08 154.86 390.33 148.66 396.81C142.46 403.29 137.62 406.57 137.62 406.57C137.62 406.57 139.99 413.05 143.18 417.88C146.37 422.71 146.83 423.9 146.83 423.9C146.83 423.9 138.28 422.08 132.52 417.15C126.76 412.22 125.58 410.58 125.58 410.58C125.58 410.58 115 412.77 106.88 408.94C98.76 405.11 89.55 396.81 89.55 396.81C89.55 396.81 89.09 403.83 85.9 406.57C82.71 409.31 77.23 411.95 77.23 411.95C77.23 411.95 77.23 417.88 79.33 422.17C81.43 426.46 84.17 429.1 84.17 429.1C84.17 429.1 75.23 425.27 71.49 420.71C67.75 416.15 65.56 412.77 65.56 412.77C65.56 412.77 49.69 410.31 44.58 398.81C39.47 387.31 39.84 378.28 39.84 378.28C39.84 378.28 30.72 366.15 35.28 356.57C39.84 346.99 49.79 345.71 53.62 346.99C57.45 348.27 63.84 351.28 63.84 351.28C63.84 351.28 69.59 344.62 75.61 331.12C81.63 317.62 84.7 305.49 83.44 302.25C82.18 299.01 75.96 289.63 71.08 287.37C66.2 285.11 58.52 281.89 51.34 271.18C44.16 260.47 43.04 251.11 43.04 251.11C43.04 251.11 46.42 255.46 48.7 256.13C50.98 256.8 52.54 256.77 52.54 256.77L52.51 256.81Z" fill="#ADD63D"/>
-<path d="M167.2 382.94C167.2 382.94 160.59 349.3 159.05 336.31C157.51 323.32 157.81 309.31 165.49 305.87C173.17 302.43 192.85 293.32 197.51 285.21C202.17 277.1 202.91 265.52 202.91 265.52C202.91 265.52 208.03 261.43 210.76 255.96C213.49 250.49 214 245.68 214 245.68L205.44 248.22C205.44 248.22 210.36 238.57 212.34 231.98C214.32 225.39 214.99 221.32 214.99 221.32C214.99 221.32 238.33 257.8 250.6 284.29C262.87 310.78 286.79 367.25 301.95 411.75C317.11 456.25 332.34 507.48 338.22 532.85C344.1 558.22 346.81 568.69 348.34 579.62C349.87 590.55 350.82 596.9 350.82 596.9H146.4C146.4 596.9 148.45 585.23 149.26 577.29C150.07 569.35 150.86 558.22 150.86 558.22C150.86 558.22 242.6 557.01 248.61 557.01C254.62 557.01 260.4 556.22 260.66 544.93C260.92 533.64 260.6 396.04 260.6 392.23C260.6 388.42 258.38 382.99 249.48 382.95C240.58 382.91 167.19 382.95 167.19 382.95L167.2 382.94Z" fill="#E5F234"/>
-<path d="M139.9 266.29C139.9 266.29 138.7 255.81 138.7 252.56V245.57C138.7 245.57 152.81 240.57 161.66 231.8C170.51 223.03 178.7 209.54 178.7 209.54C178.7 209.54 183.64 215.68 183.4 224.96C183.16 234.24 181.35 248.69 170.03 254.48C158.71 260.27 150.27 260.07 146.9 261.97C143.53 263.87 141.84 266.32 141.48 267.21C141.12 268.1 139.91 266.29 139.91 266.29H139.9Z" fill="white"/>
-<path d="M55.84 221.33C55.84 221.33 54.71 235.46 59.38 247.24C64.05 259.02 69.99 261.56 76.21 263.4C82.43 265.24 86.53 265.95 87.95 268.07C89.37 270.19 90.5 273.44 90.5 273.44C90.5 273.44 91.63 262.41 91.35 251.38C91.07 240.35 90.5 239.22 90.5 239.22C90.5 239.22 81.31 247.2 70.98 240.17C60.65 233.14 60.23 227.34 59.38 225.93C58.53 224.52 55.84 221.34 55.84 221.34V221.33Z" fill="white"/>
-<path d="M239.77 202.63C239.77 202.63 252.91 204.91 259.85 208.5C266.79 212.09 274.59 218.86 278.26 226.09C281.93 233.32 282.43 236.9 282.43 236.9C282.43 236.9 276.92 227.04 268.65 225.5C260.38 223.96 256.91 223.83 255.31 224.5C253.71 225.17 252.51 226.09 252.51 226.09L239.77 202.64V202.63Z" fill="#30993A"/>
-<path d="M303.74 356.09C303.74 356.09 313.8 365.8 324.37 376.87C334.94 387.94 339.07 401.17 340.23 409.12C341.39 417.07 341.08 419.63 341.08 419.63C341.08 419.63 338.82 405.78 329.49 396.74C320.16 387.7 310.97 385.45 310.97 385.45L303.74 356.09V356.09Z" fill="#30993A"/>
-<path d="M339.29 519.97C339.29 519.97 352.44 527.4 361.59 544.85C370.74 562.3 370.17 575.88 370.17 575.88C370.17 575.88 367.02 561.87 359.02 554.58C351.02 547.29 342.72 545.29 342.72 545.29L339.29 519.98V519.97Z" fill="#30993A"/>
-<path d="M38.44 383.12H10.8C6.94001 383.12 3.82001 386.25 3.82001 390.1V548.14C3.82001 552.7 7.52001 556.4 12.08 556.4H250.98C255.57 556.4 259.31 552.7 259.35 548.1L260.63 390.73C260.66 386.54 257.27 383.12 253.08 383.12H156.42C156.42 383.12 155.19 391.65 146.41 399.13L137.63 406.61C137.63 406.61 140.2 415.72 143.52 419.83C146.84 423.94 148.03 426.34 148.03 426.34C148.03 426.34 137.22 421.39 132.54 417.19C127.86 412.99 125.6 410.62 125.6 410.62C125.6 410.62 109.78 414.06 100.47 406.14C91.16 398.22 89.57 396.85 89.57 396.85C89.57 396.85 87.97 408.97 82.61 410.48L77.25 411.99C77.25 411.99 77.09 417.58 79.35 422.21C81.61 426.84 84.19 429.14 84.19 429.14C84.19 429.14 77.44 428.68 71.51 420.75L65.58 412.81C65.58 412.81 50.74 411.15 45.9 401.8C41.06 392.45 38.48 383.12 38.48 383.12H38.44Z" fill="#E6FFFF"/>
-<path d="M133.29 514.89C154.509 514.89 171.71 497.689 171.71 476.47C171.71 455.251 154.509 438.05 133.29 438.05C112.071 438.05 94.87 455.251 94.87 476.47C94.87 497.689 112.071 514.89 133.29 514.89Z" fill="#63ED4A"/>
-<path d="M209.1 173.6C209.1 173.6 234.52 202.63 257.89 254.45C277.4 297.7 296.34 361.95 305.17 398.01C314 434.07 315.41 443.46 315.41 443.46L336.65 522.52C336.65 522.52 317.94 400.97 304.96 361.03C291.98 321.09 275.55 269.28 260.87 241.86C246.19 214.44 228.76 184.08 222.6 175.98C216.44 167.88 215.74 167.3 215.74 167.3L209.09 173.58L209.1 173.6Z" fill="#30993A"/>
-<path d="M191.01 157.59C191.01 157.59 187.12 153.53 179.33 149.44C172.09 145.63 166.19 143.41 166.19 143.41L170.37 138.29C170.37 138.29 182.39 142.28 187.53 144.93C192.67 147.58 193.3 148.46 193.3 148.46L191.01 157.59V157.59Z" fill="#30993A"/>
-<path d="M91.35 145.17C95.13 143.08 99.36 141.26 104.15 139.96C105.28 137.55 106.63 135 107.83 132.81C106.01 133.12 104.37 133.46 102.99 133.81C98.77 134.88 94.99 136.16 91.14 137.91L91.35 145.17V145.17Z" fill="#30993A"/>
-<path d="M149.82 133.39C149.93 133.27 150.07 133.16 150.22 133.04C146.52 132.2 142.45 131.66 138.27 131.36C138.06 133.31 137.83 135.53 137.62 137.53C140.48 137.7 143.29 137.97 146.04 138.32C147.04 136.79 148.19 135.14 149.81 133.39H149.82Z" fill="#30993A"/>
-<path d="M47.9 198.94C48.54 199.3 49.3 199.81 50.12 200.42C50.92 196.53 51.92 192.74 53.14 189.3C55.42 182.9 57.94 177.69 61.06 173.01C60.72 172.08 60.42 171.48 60.01 170.88L57.46 167.33C54.76 172.02 52.9 176.24 51.92 178.74C50.28 182.92 48.65 190.29 47.52 198.59L47.91 198.94H47.9Z" fill="#30993A"/>
-<path d="M123.93 231.98C123.93 231.98 128.46 238.41 138.69 235.48C148.92 232.55 155.47 224.74 164.65 213.8C173.83 202.86 180.66 196.81 185.64 193.78C190.62 190.75 197.09 188.75 197.09 188.75C197.09 188.75 186.32 197.52 178.51 208.49C170.7 219.46 161.21 233.36 153.75 239.01C146.29 244.66 141.89 245.82 136.52 244.65C131.15 243.48 127.25 241.33 125.69 238.5C124.13 235.67 123.93 231.97 123.93 231.97V231.98Z" fill="#30993A"/>
-<path d="M93.48 234.12C93.48 234.12 87.99 237.47 81.25 236.5C74.51 235.53 70.71 229.96 67.63 224.67C63.67 217.87 57.37 205.97 50.11 200.42C45.74 197.08 41.61 196.12 41.61 196.12C41.61 196.12 56.62 213.06 61.05 226.07C65.48 239.08 70.42 244.22 77.2 243.96C83.98 243.7 87.28 242.2 89.18 240.15C91.08 238.1 93.48 234.12 93.48 234.12V234.12Z" fill="#30993A"/>
-<path d="M138.75 276.15C138.75 276.15 134.81 270.58 131.81 262.76C128.81 254.94 127.81 244.85 128.17 242.03C128.53 239.21 137.26 245.22 137.63 245.07C138 244.92 138.16 255.04 139.34 261.05C140.52 267.06 138.75 276.15 138.75 276.15V276.15Z" fill="#30993A"/>
-<path d="M183.7 239.82C187.57 231.26 189.28 224.74 190.46 216.85C191.64 208.96 192.75 192.59 192.75 192.59C192.75 192.59 184.83 199.42 184.38 205.26C183.93 211.1 185.64 218.4 185.64 223.65C185.64 228.9 183.7 239.82 183.7 239.82V239.82Z" fill="#30993A"/>
-<path d="M195.35 253.07C195.35 253.07 201.93 244.14 207.07 231.22C212.21 218.3 213.83 208.67 215.01 201.46C215.01 201.46 216.19 212.57 214.04 223.79C211.89 235.01 205.78 249.96 205.78 249.96L195.35 253.06V253.07Z" fill="#30993A"/>
-<path d="M140.77 294.62C140.77 294.62 144.8 292.03 155.8 292.1C166.8 292.17 176.34 292.87 184.33 288.98C192.32 285.09 196.62 280.43 200.4 272.28C204.18 264.13 190.34 280.74 181.48 283.05C172.62 285.36 162.45 285.57 157.06 286.42C151.67 287.27 147.78 287.94 145.21 289.72C142.64 291.5 140.76 294.63 140.76 294.63L140.77 294.62Z" fill="#30993A"/>
-<path d="M81.25 287.84C85.27 289.15 87.63 292.02 87.63 292.02L84.44 302.59C84.44 302.59 80.47 293.77 75.32 290.7C70.17 287.63 68.38 286.29 68.38 286.29C68.38 286.29 72.28 286.73 75.01 286.99C77.74 287.25 81.24 287.85 81.24 287.85L81.25 287.84Z" fill="#30993A"/>
-<path d="M60.62 255.5C55.52 248.94 53.05 242.72 50.95 232.58C48.85 222.44 48.48 206.68 48.48 206.68L56.6 218.56C56.6 218.56 53.78 227.38 55.72 236.15C57.66 244.92 60.62 255.51 60.62 255.51V255.5Z" fill="#30993A"/>
-<path d="M147.91 180.56C147.91 180.56 156.73 167.42 164.38 159.05C172.03 150.68 176.25 147.71 179.33 149.44C182.41 151.17 182.02 145.09 176.3 143.41C170.58 141.73 167.52 141.79 167.52 141.79C167.52 141.79 161.64 150.37 158.47 157.59C155.3 164.81 147.92 180.55 147.92 180.55L147.91 180.56Z" fill="#30993A"/>
-<path d="M120.72 214.72C120.72 214.72 127.62 209.07 132.93 196.12C137.77 184.32 139.04 175.66 140.78 163.37C142.52 151.08 142.27 143.24 146.04 138.32C149.81 133.4 138.69 132.81 138.69 132.81C138.69 132.81 136.23 152.3 133.77 167.83C131.31 183.36 130.07 194.06 127.59 200.14C125.11 206.22 120.72 214.72 120.72 214.72V214.72Z" fill="#30993A"/>
-<path d="M91.42 147.31C92.23 151.71 94.89 157.79 94.89 157.79L103.05 138.32L90.46 141.18L91.42 147.31V147.31Z" fill="#30993A"/>
-<path d="M94.44 211.75C94.44 211.75 89.48 202.56 88.29 190.76C87.1 178.96 88.64 169.71 89.65 164.02C90.66 158.33 93.49 150.86 93.49 150.86L97.45 152.47C97.45 152.47 91.59 170.63 91.59 181.75C91.59 192.87 91.46 199.91 92.03 202.72C92.6 205.53 94.43 211.74 94.43 211.74L94.44 211.75Z" fill="#30993A"/>
-<path d="M209.1 173.6C206.93 175.84 204.99 177.24 204.99 177.24C204.99 177.24 223.54 154.02 232.28 142.04C241.65 129.21 253.55 107.54 258.71 94.01C263.87 80.48 278.32 28.42 278.32 28.42C278.32 28.42 277.89 48.41 270.49 75.13C263.09 101.85 250.74 122.23 243.22 134.54C235.7 146.85 226.36 156.15 221.99 161.56C217.62 166.97 213.41 170.12 212.15 171.35C210.89 172.58 209.11 173.59 209.11 173.59L209.1 173.6Z" fill="#30993A"/>
-<path d="M221.09 137.53C221.09 137.53 229.91 122.95 239.19 108.44C248.47 93.93 259.17 78.28 259.17 78.28C259.17 78.28 251.55 100.57 244.63 112.18C237.71 123.79 229.6 129.78 227.56 132.23C225.52 134.68 221.09 137.53 221.09 137.53V137.53Z" fill="#30993A"/>
-<path d="M12.63 15.82C12.63 15.82 35.12 38.31 49.73 64.03C64.34 89.75 68.68 107.83 70.94 120.17C73.2 132.51 73.2 146.07 73.2 146.07L81.02 129.13C81.02 129.13 76.35 94.98 60.87 71.1C45.39 47.22 31.18 30.09 25.1 24.49C19.02 18.89 12.63 15.82 12.63 15.82Z" fill="#30993A"/>
-<path d="M123.93 284.38C123.93 284.38 123.94 302.84 125.56 316.38C127.18 329.92 131.07 339.68 133.92 344.73C133.92 344.73 123.82 345.04 122.47 334.79C121.12 324.54 122.63 309.74 122.47 301.25C122.31 292.76 123.93 284.38 123.93 284.38Z" fill="#30993A"/>
-<path d="M151.64 301.25C151.64 301.25 150.56 306.94 150.72 317.29C150.72 317.29 151.67 310.74 155.9 307.19C160.13 303.64 165.62 301.88 169.57 300.32C173.52 298.76 165.85 306.48 162.7 310.7C159.55 314.92 158.01 317.2 158.42 328.92C158.83 340.64 161.77 358.55 163.3 368.55C164.83 378.55 167.2 382.93 167.2 382.93L154.62 383.11C154.62 383.11 159.59 373.2 156.4 362.66C153.21 352.12 149.72 345.16 146.39 343.13C143.06 341.1 144.48 334.91 145.35 325.82C146.22 316.73 146.84 310.36 148.1 307.56C149.36 304.76 151.63 301.24 151.63 301.24L151.64 301.25Z" fill="#30993A"/>
-<path d="M151.64 301.25C151.64 301.25 145.65 305.2 142.16 314.55C138.67 323.9 136.28 338.05 136.28 338.05C136.28 338.05 138.29 338.55 140.76 340.05C143.23 341.55 144.07 341.85 144.07 341.85C144.07 341.85 144.29 319.6 146.2 313.58C148.11 307.56 149.83 303.89 149.83 303.89L151.64 301.24V301.25Z" fill="#30993A"/>
-<path d="M136.29 338.05C136.29 338.05 146.8 343.39 150.34 358.27C153.66 372.2 150.78 385.28 141.09 394.37C132.34 402.58 118.75 405.25 109.59 403.11C100.43 400.97 92.16 396.99 85.44 386.71C85.44 386.71 90.43 399.86 102.37 406.5C114.31 413.14 127.38 408.13 127.38 408.13C127.38 408.13 132.66 407.66 134.88 406.19C137.1 404.72 150.67 398.12 153.31 390.61C155.95 383.1 159.22 374.68 156.79 364.09C154.36 353.5 150.97 349.72 146.69 344.73C142.41 339.74 140.16 338.97 138.81 338.49C137.46 338.01 136.29 338.06 136.29 338.06V338.05Z" fill="#30993A"/>
-<path d="M128.15 410.8C128.15 410.8 132.71 410.8 136.61 408.29C140.51 405.78 137.23 403.62 134.56 403.93C131.89 404.24 124.72 406.75 124.72 406.75L128.15 410.8Z" fill="#30993A"/>
-<path d="M46.08 383.12C46.08 383.12 45.4 386.83 47.29 393.57C49.18 400.31 55.54 405.38 62.82 407.13C70.1 408.88 77.36 407.58 81.3 402.96C85.24 398.34 86.1 393.12 85.44 386.72C85.44 386.72 89.91 392.72 87.36 400.92C84.81 409.12 77.31 413.81 75.03 413.99C72.75 414.17 66.57 414.3 66.35 413.99C66.13 413.68 48.66 408.26 45.23 400.55C41.8 392.84 38.85 384.78 39.06 381.68C39.27 378.58 40.56 378.66 40.56 378.66L46.77 382.75" fill="#30993A"/>
-<path d="M60.91 386.77C60.91 386.77 50.31 388.69 44.99 387.23C39.67 385.77 39.12 380.98 39.12 380.98L42.11 379.68C42.11 379.68 50.31 384.35 53.31 385.41C56.31 386.47 60.9 386.77 60.9 386.77H60.91Z" fill="#30993A"/>
-<path d="M122.59 383.12C122.59 383.12 130.98 382.75 138.75 377.45C145.36 372.94 147.39 366.74 147.39 361.28C147.39 354.19 143.91 348.55 137.95 344.73C131.99 340.91 131.23 345.14 131.23 345.14C131.23 345.14 141.67 347.09 142.77 354.52C143.87 361.95 143.09 365.91 139.21 370.41C135.33 374.91 131.78 378.16 129.56 379.42C127.34 380.68 122.57 383.12 122.57 383.12H122.59Z" fill="#30993A"/>
-<path d="M132.11 362.67C134.1 369.3 126.98 371.3 120.85 372.66C114.72 374.02 110.28 376.08 110.28 376.08C110.28 376.08 115.03 371.23 121.28 367.35C127.53 363.47 132.11 362.67 132.11 362.67Z" fill="#30993A"/>
-<path d="M61.25 376.88C61.25 376.88 57.8 375.75 53.01 375.13C48.22 374.51 45.06 374.21 43.36 372.06C41.85 370.16 42.02 367.42 43.36 365.81C44.7 364.2 47.82 366.54 53.12 370.92C58.42 375.3 61.25 376.88 61.25 376.88Z" fill="#30993A"/>
-<path d="M190.68 159.35C190.68 159.35 197.27 149.45 200.57 135.96C203.87 122.47 203.73 114.64 214.99 104.35C226.25 94.06 236 86.09 250.28 69.89C264.56 53.69 272.89 39 278.33 28.42C283.77 17.84 266.7 43.24 252.98 56.83C239.26 70.42 209.45 95.59 203.15 100.79C196.85 105.99 195.39 110.24 195.06 120.42C194.73 130.6 193.98 136.96 193.47 143.42C192.96 149.88 190.69 159.36 190.69 159.36L190.68 159.35Z" fill="#EBFFAB"/>
-<path d="M94.44 211.75C94.44 211.75 94.38 180.96 104.45 155.22C114.52 129.48 146.83 83.26 146.83 83.26C146.83 83.26 128.29 97.73 115.02 121.34C101.75 144.95 92.5 163.02 92.04 175.67C91.58 188.32 92.78 198.15 92.65 201.47C92.52 204.79 94.43 211.75 94.43 211.75H94.44Z" fill="#EBFFAB"/>
-<path d="M147.91 180.56C147.91 180.56 150.99 157.98 158.23 144.58C165.47 131.18 174.6 123.46 179.04 120.79C183.48 118.12 174.07 128.83 168.3 138.61C162.53 148.39 158.52 155.28 155.98 161.18C153.44 167.08 147.91 180.56 147.91 180.56Z" fill="#EBFFAB"/>
-<path d="M91.94 118.93C91.94 118.93 85.2 128.78 79.57 146.98C73.94 165.18 75.08 178.72 75.56 183.87C76.04 189.02 77.98 198.6 77.98 198.6C77.98 198.6 69.99 181.45 70.59 166.01C71.19 150.57 73.71 141.41 79.32 132.8C84.93 124.19 91.94 116.36 91.94 116.36V118.92V118.93Z" fill="#EBFFAB"/>
-<path d="M92.6 238.71C92.6 238.71 97.22 252.29 94.47 280.54C91.72 308.79 81.58 337.66 77.8 347.39C74.92 354.79 72.59 359.67 72.59 359.67C72.59 359.67 72.28 359.2 69.44 357.2C66.6 355.2 62.74 351.67 62.74 351.67C62.74 351.67 69.32 347.67 73.55 339.07C77.78 330.47 85.32 305.49 87.63 294.95C89.94 284.41 92.93 264.11 92.65 255.49C92.37 246.87 92.6 238.7 92.6 238.7V238.71Z" fill="#EBFFAB"/>
-<path d="M103.71 359.12C99.5 362.43 95.34 366.85 95.34 366.85C95.34 366.85 109.25 356.96 119.87 352.43C129.08 348.5 136.82 347.78 139.94 352.26C142.73 356.26 143.1 351 139.94 348.51C136.78 346.02 130.02 341.66 121.63 345.56C113.24 349.46 108.05 354.08 106.42 356.1C104.79 358.12 103.71 359.13 103.71 359.13V359.12Z" fill="#EBFFAB"/>
-<path d="M46.52 380.38C41.94 376.81 38.33 372.56 37.92 365.8C37.51 359.04 40.8 354.83 45.66 352.33C50.52 349.83 58.18 349.83 64.23 353.61C68.87 356.51 58.18 346.1 51.02 346.63C43.86 347.16 38.88 350.19 36.04 355.15C33.2 360.11 32.46 363.89 34.28 369.08C36.1 374.27 37.94 376.47 40.89 378.64C43.84 380.81 46.52 380.37 46.52 380.37V380.38Z" fill="#EBFFAB"/>
-<path d="M45.15 255.5C45.15 255.5 48.12 263.94 57.64 271.67C67.16 279.4 75.62 280.92 81.26 281.61C81.26 281.61 68.65 284.92 60.63 279.34C52.61 273.76 48.39 267.23 46.61 262.71C44.83 258.19 45.16 255.5 45.16 255.5H45.15Z" fill="#EBFFAB"/>
-<path d="M161.04 283.66C172.02 281.37 181.06 276.6 191.01 269.27C201.55 261.5 211.74 248.51 211.74 248.51C211.74 248.51 208.44 259.19 199.4 268.61C190.36 278.03 180.47 283.16 172.66 284.37C164.85 285.58 161.04 283.65 161.04 283.65V283.66Z" fill="#EBFFAB"/>
-<path d="M132.71 221.33C135.69 214.65 141.01 206.72 148.75 200.75C156.49 194.78 163.2 192.17 163.2 192.17C163.2 192.17 152.17 201.37 146.82 206.75C141.47 212.13 132.7 221.33 132.7 221.33H132.71Z" fill="#EBFFAB"/>
-<path d="M52.76 157.49C46.61 146.55 38.16 132.68 37.97 126.06C37.78 119.44 40.58 107.91 39.67 92.96C37.78 61.75 23.88 32.63 12.62 15.82C12.62 15.82 28.63 53.87 30.84 71.99C33.05 90.11 31.22 110.21 29.16 120.23C27.1 130.25 29.31 129.31 35.81 138.32C42.31 147.33 52.75 157.49 52.75 157.49H52.76Z" fill="#EBFFAB"/>
-<path d="M115.47 396.75C112.39 396.75 104.91 396.73 99.08 392.58C92.55 387.92 89.89 382.72 88.14 378.19C88.14 378.19 94.01 385.08 101.51 390.17C107.69 394.36 115.47 396.75 115.47 396.75Z" fill="#EBFFAB"/>
-<path d="M213.09 235.8C213.09 235.8 234.88 269.47 252.19 309.4C269.5 349.33 289.02 397.96 301.26 436.08C313.5 474.2 334.73 544.97 340.53 596.9H350.85C350.85 596.9 329.25 489.6 312.87 444.82C296.49 400.04 272.59 334.57 257.9 302.3C243.21 270.03 216.46 222.33 216.46 222.33C216.46 222.33 213.04 229.81 212.36 232C211.68 234.19 213.09 235.82 213.09 235.82V235.8Z" fill="#B1B511"/>
-<path d="M159.81 320.37C159.81 320.37 169.7 321.92 193.18 321.3C216.66 320.68 243.87 314.47 248.01 313.13C252.15 311.79 252.16 309.25 250.41 305.36C248.66 301.47 253.19 304.77 255.67 310.71C258.15 316.65 257.96 319.73 237.88 323.26C217.8 326.79 188.91 327.27 177.64 327.82C166.37 328.37 159.05 326.27 159.05 326.27L159.81 320.37V320.37Z" fill="#B1B511"/>
-<path d="M261.44 405.91C265.67 405.76 276.13 405.33 281.51 404.52C286.89 403.71 290.12 403.73 288.79 400.14C287.46 396.55 290.68 396.87 292.07 401.06C293.46 405.25 296.81 407.43 289.88 408.67C282.95 409.91 260.65 411.73 260.65 411.73L261.43 405.9L261.44 405.91Z" fill="#B1B511"/>
-<path d="M260.78 508.93C260.78 508.93 272.96 508.5 291.41 506.82C309.86 505.14 316.92 503.72 318.52 503.4C320.12 503.08 320.82 501.9 319.93 498.67C319.04 495.44 323.37 499.92 323.89 503.8C324.41 507.68 323.94 509.27 316.4 510.36C308.86 511.45 260.11 515.24 260.11 515.24L260.78 509.57V508.93Z" fill="#B1B511"/>
-<path d="M177.64 382.94C177.44 377.3 175.61 356.17 176.29 340.06C176.97 323.95 177.44 316.6 190.08 305.79C202.72 294.98 207.18 286.55 209.09 278.35C211 270.15 210.77 266.65 210.77 266.65C210.77 266.65 217.42 260.1 222.14 250.7C226.86 241.3 216.64 227.28 216.64 227.28L215.32 224.83L205.33 249.23L215.32 245.87C215.32 245.87 207.99 259.32 206.55 261.43C205.11 263.54 203.9 265.29 203.52 269.11C203.14 272.93 198.97 286.78 185.68 295.49C172.39 304.2 165.38 307.52 161.84 311.88C158.3 316.24 157.11 323.98 159.13 337.12C161.15 350.26 167.18 382.97 167.18 382.97H177.62L177.64 382.94Z" fill="#B1B511"/>
-<path d="M150.28 565.92H257.19C263.95 565.92 269.42 560.44 269.42 553.69V401.39C269.42 396.59 265.53 392.7 260.73 392.7H260.6V549.45C260.61 553.28 257.5 556.37 253.67 556.35L151.3 555.73L150.26 565.92H150.28Z" fill="#B1B511"/>
-<path d="M140.35 247.23C140.35 247.23 153.1 247.48 162.17 242.28C170.41 237.56 173.39 232.31 174.83 230.31C177 227.27 182.38 233.27 177.65 242.98C172.92 252.69 185.03 241.37 183.33 226.81C181.63 212.25 179.21 208.49 179.21 208.49C179.21 208.49 170.05 226.57 159.47 234.59C148.89 242.61 138.71 244.26 138.71 244.26L140.37 247.24L140.35 247.23Z" fill="#DBDBDB"/>
-<path d="M63.05 253C61.76 250.78 60.35 246.57 60.62 243.22C60.89 239.87 62.62 238.15 63.82 237.84C65.02 237.53 55.94 224.81 55.94 224.81C55.94 224.81 53.7 231.54 56.95 241.4C60.2 251.26 63.32 256.16 63.18 254.58L63.05 253V253Z" fill="#DBDBDB"/>
-<path d="M68.39 244.4C71.68 246.87 78.84 248.86 84.17 248.86C89.5 248.86 92.04 247.39 92.04 247.39L91.38 239.86C91.38 239.86 84.49 245.6 78.01 245.36C71.53 245.12 68.39 244.41 68.39 244.41V244.4Z" fill="#DBDBDB"/>
-<path d="M171.36 471.24L254.54 394.37L169.56 463.75L171.36 471.24Z" fill="#B6D8D6"/>
-<path d="M11.55 395.26L95.03 473.03L97.24 465.84L11.55 395.26Z" fill="#B6D8D6"/>
-<path d="M5.95 550.56H251.05C252.98 550.56 254.54 549 254.54 547.07V384.54C254.54 384.54 260.49 383.66 260.61 392.71C260.73 401.76 260.62 549.46 260.62 549.46C260.62 549.46 260.49 556.48 246.84 557.43C233.19 558.38 9.93 556.4 9.93 556.4C9.93 556.4 5.95 556.76 5.95 553.66V550.56V550.56Z" fill="#B6D8D6"/>
-<path d="M86.87 431.77C86.87 431.77 85.48 422.85 85.44 420.3L85.39 417.74C85.39 417.74 88.17 417.18 92.51 414.63C96.85 412.08 100.07 407.36 100.07 407.36L90.51 397.69C90.51 397.69 91.18 405.94 83.73 409.12C76.28 412.3 76.03 412.29 76.17 412.96C76.31 413.63 76.75 418.57 79.83 423.18C82.91 427.79 86.88 431.77 86.88 431.77H86.87Z" fill="#B6D8D6"/>
-<path d="M96.67 408.63C96.67 408.63 100.73 413.29 113.11 415.68C124.14 417.81 131.5 415.97 131.5 415.97L126.27 411.33C126.27 411.33 112.77 412.87 107.17 409.95C101.57 407.03 96.67 405.1 96.67 405.1V408.63V408.63Z" fill="#B6D8D6"/>
-<path d="M152.24 428.63C152.24 428.63 149.92 420.26 148.77 415.31L147.62 410.35C147.62 410.35 156.21 405.95 161.9 398.81C167.59 391.67 169.58 384.51 169.58 384.51H156.43C156.43 384.51 152.39 395.01 147.41 399.87C142.43 404.73 137.64 406.61 137.64 406.61C137.64 406.61 141.01 415.42 144.32 419.64C147.63 423.86 152.25 428.63 152.25 428.63H152.24Z" fill="#B6D8D6"/>
-<path d="M11.55 539.42V416.1C11.55 415.02 12.4 414.13 13.48 414.08C14.63 414.03 15.59 414.95 15.59 416.1V539.42C15.59 540.54 14.69 541.44 13.57 541.44C12.45 541.44 11.55 540.54 11.55 539.42Z" fill="white"/>
-<path d="M123.93 231.98C127.22 240.34 134.75 242.94 142.9 240.24C154.4 236.91 161.76 225.18 169.49 216.12C177.79 206.1 185.95 195.02 197.52 188.51C188.13 197.83 182.14 209.25 174.85 220.09C169.83 227.53 165.18 235.33 157.73 240.99C152.88 244.67 146.85 246.9 140.78 247.21C131.84 247.78 123.19 241.46 123.94 231.99L123.93 231.98Z" fill="#0E1016"/>
-<path d="M140.5 244.41C139.88 252.6 140.98 261.04 142.12 269.17L138.16 268.34C139.94 265.98 141.69 263.78 143.95 261.83C144.78 261.12 145.89 260.42 146.99 260.2C150.78 259.37 154.13 259.16 157.75 258.19C171.83 255.13 181.28 242.36 181.39 228.24C181.34 221.76 180.13 214.85 176.47 209.44C175.14 207.09 178.29 207.99 179.97 206.88C181.75 205.71 182.15 202.65 183.72 205.08C186.96 212.44 187.48 220.7 186.71 228.6C185.67 238.21 180.89 247.25 173.71 253.65C169.38 257.38 163.98 259.79 158.53 261.19C154.98 262.23 150.86 262.57 147.48 263.64C143.52 266.37 141.19 272.12 138.77 276.15C137.28 265.51 135.64 254.71 136.6 243.95C136.96 241.33 140.78 241.8 140.52 244.41H140.5Z" fill="#0E1016"/>
-<path d="M153.41 239.26C153.41 239.26 154.37 243.22 158.19 246.71C162.01 250.2 164.6 251.1 164.6 251.1C164.6 251.1 165.84 245.7 165.39 239.85C164.94 234 163.21 229.92 163.21 229.92C163.21 229.92 160.44 233.46 157.91 235.64C155.38 237.82 153.4 239.27 153.4 239.27L153.41 239.26Z" fill="#0E1016"/>
-<path d="M140.77 294.62C144.36 285.43 159.13 284.22 167.6 282.43C190.27 278.44 204.78 263.89 214.21 243.56C214.21 243.51 216.98 245.8 216.99 245.79C210.33 249.47 203.07 252.88 195.35 253.08C198.89 251.63 202.19 250 205.46 248.24C210.09 245.72 214.92 242.65 219.38 239.84C213.39 261.52 197.4 281.72 174.32 285.77C172.35 286.15 170.15 286.43 168.15 286.58C159.95 287.43 145.65 287.08 140.77 294.63V294.62Z" fill="#0E1016"/>
-<path d="M201.59 250.35C205.75 243.1 209.71 235.32 211.86 227.21C212.93 223.12 213.61 218.84 214.13 214.54C214.61 210.23 214.94 205.87 215.01 201.47C215.97 205.78 216.45 210.2 216.59 214.64C216.96 223.62 215.55 232.82 211.84 241.03C210.66 243.69 209.37 246.27 207.86 248.75C207.03 250.13 200.99 251.3 201.59 250.35V250.35Z" fill="#0E1016"/>
-<path d="M206.56 264.2C206.28 273.72 202.08 282.8 196.03 290.03C189.86 297.04 180.9 301.27 172.41 304.17C168.79 305.62 164.34 306.26 162.12 309.76C160.08 313.3 160.21 317.65 160.09 321.81C160.09 324.74 160.08 327.72 160.23 330.58C161.43 348.08 164.88 365.64 169.69 382.48C170.08 383.78 169.03 383.58 167.72 383.96C166.38 384.36 165.28 385.12 164.96 383.76C163.55 377.94 162.29 372.1 161.21 366.24C158.57 351.58 156.11 336.72 156.44 321.76C156.66 308.69 157.93 304.5 170.77 299.88C181.65 295.59 191.46 290.51 197.03 279.88C199.71 275.05 201.7 269.63 202.04 264.12C202.21 261.24 206.48 261.27 206.56 264.2V264.2Z" fill="#0E1016"/>
-<path d="M93.48 234.12C93.73 240.88 87.12 247.03 80.29 247.16C69.72 247.96 62.98 241.65 59.08 232.57C53.73 220 49.86 206.15 39.65 196.52L37.97 194.82C39.9 194.78 42.07 194.65 43.97 194.93C45.31 195.12 46.55 195.35 47.79 196.08L45.87 196.91C47.36 185.87 50.93 175.28 55.66 165.22C56.66 163.22 58.31 167.64 58.09 168.11C57.18 170.08 56.32 172.11 55.47 174.13C52.3 181.59 50.09 189.43 48.33 197.33L47.94 199.09L46.42 198.16C44.68 197.08 42.32 196.9 40.29 196.75L40.92 194.98C46.76 199.2 51.29 205.08 54.89 211.23C58.48 217.39 61.42 223.92 64.44 229.98C67.3 235.49 70.71 240.54 77.29 240.96C78.23 241.08 79.27 241.13 80.25 241.18C85.58 241.41 90.11 238.18 93.47 234.11L93.48 234.12Z" fill="#0E1016"/>
-<path d="M94.44 211.75C86.88 193.62 89.17 173.07 95.11 154.82C103.77 127.42 128.74 96.38 148.78 75.82L153.34 71.11C149.83 84.55 146.56 98.2 143.76 111.79C138.7 134.88 137.12 158.17 133.92 181.61C133.04 187.5 131.61 193.46 129.46 199.07C127.38 204.7 124.78 210.21 120.73 214.73C122.24 208.89 124.08 203.42 125.67 197.85C130.18 180.84 130.83 163.34 133.31 145.87C136.22 122.37 141.72 99.26 148.36 76.55L151.28 78.21C142.86 87.6 134.89 97.44 127.32 107.52C118.9 118.9 110.94 130.65 104.76 143.31C100.1 153.14 96.96 163.73 94.79 174.35C92.28 186.77 93.25 199.16 94.44 211.76V211.75Z" fill="#0E1016"/>
-<path d="M169.57 136.05C175.94 138.15 182.34 140.66 188.17 144.02C189.66 144.88 191.13 145.81 192.52 146.84C193.01 147.21 192.22 151.49 191.46 150.79C191.16 150.49 190.71 150.13 190.28 149.79C187.3 147.51 184.02 145.67 180.65 144.01C176.88 142.13 172.56 140.42 168.58 139C166.65 138.32 167.62 135.42 169.58 136.04L169.57 136.05Z" fill="#0E1016"/>
-<path d="M138.05 129.14C142.39 129.59 146.69 130.3 150.93 131.26C151.74 131.46 151.14 131.96 151.02 132.58C150.9 133.2 150.4 133.8 150.4 133.8C146.23 133 142.02 132.44 137.8 132.15C135.79 131.97 136.04 128.97 138.06 129.14H138.05Z" fill="#0E1016"/>
-<path d="M90.91 137.05C96.16 134.38 101.68 132.69 107.38 131.36C109.08 131 109.68 133.52 107.99 133.96C105.12 134.66 102.28 135.49 99.51 136.5C96.75 137.51 93.97 138.65 91.5 140.06C89.8 140.99 90.63 137.2 90.92 137.06L90.91 137.05Z" fill="#0E1016"/>
-<path d="M146.15 138.19C151.47 128.09 161.6 120.6 172.75 118.15C177.9 116.88 183.57 116.64 188.88 116.36C183.17 121.2 178.46 127.27 174.25 133.42C167.5 143.28 161.53 153.73 155.97 164.34C153.18 169.69 150.47 175.08 147.92 180.55C149.5 174.69 151.52 168.96 153.82 163.34C158.44 152.07 163.98 141.17 170.87 131.08C174.44 126 178.23 121 183.07 117.02L184.26 120.11C167.82 121.79 157.81 126.3 146.16 138.19H146.15Z" fill="#0E1016"/>
-<path d="M91.42 147.31C89.53 138.42 89.26 128.97 91.62 120.13C92.39 117.16 93.35 114.29 94.6 111.43L97.2 113.33C83.34 126.58 73.01 144.8 71.93 164.2C71.01 176.11 74.51 187.14 77.99 198.6C73.14 192.07 70.27 184.26 68.95 176.25C64.5 149.31 79.41 122.62 100.24 106.34C97.16 113.67 94.33 121.71 92.99 129.54C92.04 135.38 91.71 141.34 91.43 147.3L91.42 147.31Z" fill="#0E1016"/>
-<path d="M190.68 159.35C191.11 151.76 191.51 144.32 191.76 136.95C192.09 129.32 190.85 121.99 191.95 114.14C192.49 110.07 194.27 105.68 197.32 102.47C199.9 99.78 203.28 97.12 205.94 94.7L222.94 79.99C239.56 65.22 256.8 50.77 269.53 32.39C273.68 26.38 277.65 20 280.85 13.48L286.62 0.899994C284.13 25.59 280.06 50.47 273.55 74.4C272.18 79.34 270.32 85.48 268.73 90.35C262.96 108.04 254.15 124.8 242.93 139.53C238.49 145.47 233.7 151.14 228.61 156.51C223.51 161.85 218.31 167.2 211.86 171.02C216.5 165.26 221.55 160.06 226.32 154.46C241.47 136.43 254.42 116.16 262.13 93.89C263.82 89.16 265.77 83.12 267.11 78.31C273.07 57.27 277.39 35.66 280.69 14.07L284.91 15.21C283.42 18.86 281.73 22.22 279.91 25.6C274.43 35.68 267.81 45.13 260.06 53.61C244.48 70.3 227.35 84.84 210.18 99.63C207.61 101.94 203.26 105.13 201.18 107.64C199.4 109.76 198.39 112.44 197.87 115.16C196.62 122.2 197.51 129.99 196.58 137.31C195.58 144.88 193.91 152.39 190.71 159.35H190.68Z" fill="#0E1016"/>
-<path d="M221.09 137.53C229.36 128.97 236.98 120.09 243.03 109.92C249.06 99.77 253.99 88.98 259.16 78.28C254.61 101.76 242.21 125.15 221.09 137.53V137.53Z" fill="#0E1016"/>
-<path d="M60.12 171.02C48.94 159.62 39.65 146.97 29.61 134.77C27.41 132.29 26.31 128.5 26.28 125.38C26.2 117.69 28.85 110.66 29.17 103.06C30.06 84.92 27.59 66.47 21.66 49.31C15.83 32.44 8.18 15.87 0 0C37.22 30.27 68.76 66.02 80.62 113.63C81.83 118.44 82.77 123.33 83.24 128.36C83.37 129.78 78.14 134.2 78.2 132.66C78.27 120.6 75 108.38 71.04 96.95C58.85 61.64 33.36 32.66 4.87 9.23L7.86 6.75C18.45 26.52 28.51 47.19 32.63 69.45C34.63 80.66 35.61 92.02 34.98 103.42C34.82 107.17 34.11 111.13 33.38 114.8C32.53 120.39 30.41 126.77 33.95 131.36C39.04 138 43.93 144.83 48.81 151.63C53.07 157.78 57.2 164.07 60.11 171.02H60.12Z" fill="#0E1016"/>
-<path d="M49.3 204.17C45.85 221.94 47.62 240.92 54.15 257.81L55.12 260.29L52.63 259.57C48 258.16 44.14 255.02 41.63 250.95L43.89 250.14C46.65 265.15 55.4 277.72 68.88 285.01C74.25 288.2 80.17 291.47 83.47 297.23C84.49 298.94 85.23 300.79 85.76 302.67C86.13 303.99 82.19 308.59 82.01 307.33C81.6 301.55 79.07 296.58 74.39 293.07C69.69 289.4 64.08 286.54 59.43 282.6C49.65 274.58 43.65 262.82 41.46 250.49L40.6 245.07C40.6 245.07 43.73 249.68 43.72 249.68C45.37 252.31 47.72 254.49 50.48 255.91C51.37 256.38 52.4 256.81 53.26 257.04L51.74 258.8C49.96 254.42 48.6 249.95 47.48 245.4C45.2 236.31 44.23 226.86 44.55 217.5C44.72 212.79 45.08 208.17 46.01 203.41C46.19 202.49 47.08 201.89 48 202.07C48.96 202.26 49.56 203.23 49.32 204.17H49.3Z" fill="#0E1016"/>
-<path d="M59.37 221.16C56.34 230.59 57.63 245.33 63.41 253.53C66.75 258.09 71.98 260.61 77.47 261.82C80.41 262.53 83.63 262.96 86.41 264.39C88.54 265.46 90.56 267.05 91.96 269.05C92.6 269.96 88.87 277.55 89.11 275.91C89.31 274.59 89.27 273.66 89.1 272.94C88.45 269.98 85.71 267.78 82.92 266.67C77.98 264.98 72.66 264.42 67.97 261.72C63.75 259.51 60.29 255.81 58.09 251.58C53.52 241.65 51.9 230.29 54.11 219.53C54.74 217.29 56.2 218.25 57.6 219.19C58.52 219.81 59.85 219.71 59.36 221.16H59.37Z" fill="#0E1016"/>
-<path d="M92.51 238.14C95.67 258.03 92.93 278.23 88.23 297.64C85.85 307.31 83.05 316.88 79.62 326.26C76.97 333.28 74.25 340.58 69.74 346.72C68.15 348.86 66.56 350.76 64.53 352.59C63.75 353.28 63.44 352.45 62.75 351.67C62.03 350.87 61.26 350.39 62.09 349.71C63.74 348.22 65.36 346.32 66.7 344.48C70.98 338.59 73.53 331.77 76.16 324.97C82.82 306.54 88.03 287.37 90.18 267.85C91.1 258.18 91.29 248.2 89.95 238.61C89.63 236.96 92.16 236.36 92.52 238.13L92.51 238.14Z" fill="#0E1016"/>
-<path d="M69.41 241.41C69.41 241.41 69.04 245.47 70.17 250C71.39 254.86 75.08 257.82 75.08 257.82C75.08 257.82 78.48 255.21 79.18 251.19C79.94 246.82 79.41 244.18 79.41 244.18C79.41 244.18 74.6 243.8 73.37 243.35C72.14 242.9 69.42 241.41 69.42 241.41H69.41Z" fill="#0E1016"/>
-<path d="M69.44 357.21C63.58 353.07 58.04 348.96 50.8 348.76C42.32 348.18 35.19 355.85 35.56 364.14C36.73 376.89 49.58 383.25 60.91 386.77C45.81 388.16 27.03 375.05 32.5 358.18C38.6 339.99 61.79 340.81 69.44 357.2V357.21Z" fill="#0E1016"/>
-<path d="M103.71 359.12C109.74 348.5 125.26 337.31 137.58 344.5C142.98 347.63 145.85 354.16 145.29 360.18C144.26 371.87 133.37 380.55 122.59 383.13C131.05 377.83 140.28 370.34 141.5 359.89C142.24 353.34 137.81 347.13 131.2 346.41C127.95 345.91 124.74 346.95 121.7 348.08C115.05 350.55 109.44 354.83 103.71 359.13V359.12Z" fill="#0E1016"/>
-<path d="M110.28 376.08C110.28 376.08 117.23 367.29 122.45 363.71C127.67 360.13 130.84 360.74 131.86 362.18C132.88 363.62 132.19 366.86 127.95 367.97C124.04 368.99 120.79 370.16 116.75 372.34C113.05 374.34 110.28 376.09 110.28 376.09V376.08Z" fill="#0E1016"/>
-<path d="M61.25 376.88C59.3 373.19 53.13 367.52 48.37 365.59C43.61 363.66 42.31 366.66 42.67 368.17C43.16 370.22 45.72 370.99 50.75 372.5C56.67 374.28 61.24 376.88 61.24 376.88H61.25Z" fill="#0E1016"/>
-<path d="M123.93 284.38C123.56 293.38 122.92 306.01 122.98 314.85C123.11 324.86 124.33 334.97 125.54 344.9C125.7 345.99 124.93 347.01 123.84 347.15C122.79 347.29 121.83 346.57 121.64 345.54C120.71 340.44 120.08 335.36 119.73 330.22C118.49 314.86 120.85 299.39 123.93 284.37V284.38Z" fill="#0E1016"/>
-<path d="M143.62 341.89C143.21 335.24 143.71 328.69 144.43 322.08C145.36 314.87 146.28 306.7 151.64 301.24C148.35 307.79 147.79 315.12 147.17 322.34C146.69 329.5 146.57 336.89 147.48 343.96C147.54 344.42 147.46 344.81 147.29 345.12C147.29 345.12 143.69 342.73 143.64 341.88L143.62 341.89Z" fill="#0E1016"/>
-<path d="M157.18 387.4C161.37 376.69 160.41 364.27 155.43 354.04C152.76 348.62 148.5 343.82 143.07 341.11C142.3 340.74 141.53 340.39 140.77 340.05C141.72 340.9 142.68 341.67 143.63 342.49C149.72 348.33 153.5 356.35 154.61 364.69C155.54 370.84 155.26 377.45 153.47 383.38C150.17 392.77 143.3 400.95 134.89 406.19C136.57 410.07 138.32 413.86 140.55 417.45C141.49 418.94 142.45 420.38 143.42 421.8C138.38 419.3 133.81 415.8 130.06 411.62C129.03 410.49 128.17 409.32 127.39 408.13C116.93 410.53 105 408.18 96.8 401.07C92.3 397.48 88.58 391.49 85.45 386.71L86.68 394.39C86.86 396.15 86.78 398.14 86.5 399.93C85.78 405.13 81.68 409.66 76.49 410.38L74.43 410.67C74.78 412.79 75.17 415.01 75.78 417.04C76.59 419.95 77.93 422.68 79.44 425.31C79.25 425.19 79.05 425.08 78.86 424.97C73.93 422.03 70.84 416.98 68.43 411.94L67.97 410.93L66.76 410.84C49.57 409.02 40.2 394.65 41.74 378.51L40.33 376.55C40.47 374.54 37.54 374.28 37.32 376.29C36.59 387.35 40.11 398.93 48.33 406.58C52.5 410.36 57.65 413.08 63.18 414.18C63.97 414.33 64.71 414.45 65.52 414.53C70.66 424.27 76.07 428.49 86.87 431.76L84.7 428.14C81.93 423.6 79.39 418.87 78.4 413.66C82.36 413.01 85.7 410.61 87.95 407.76C89.51 405.79 90.43 403.89 90.66 401.42C94.32 406.01 98.47 408.14 103.99 410.42C110.82 413.19 118.53 414.3 125.77 412.58C128.46 415.87 131.65 418.54 135.08 421.02C140.16 424.71 146.27 426.81 152.25 428.63C149.36 424.46 146.16 419.94 143.52 415.64C142.02 413.11 140.67 410.4 139.49 407.68C147.49 403.24 153.63 395.79 157.19 387.41L157.18 387.4Z" fill="#0E1016"/>
-<path d="M216.62 166.67C229.07 181.17 238.86 197.71 248.05 214.38C306.9 323.51 329.29 447.36 349.07 568.49C350.61 577.83 352.12 587.18 353.87 596.42C354.14 597.76 353.26 599.08 351.91 599.33C350.57 599.58 349.27 598.7 349.02 597.36C347.28 587.98 345.79 578.62 344.29 569.27C325.02 448.49 303.04 325.05 245.19 215.94C238.46 203.5 231.14 191.37 222.92 179.88C220.18 176.1 217.29 172.27 214.21 168.83C213.62 168.17 214.62 168.55 215.29 167.96C215.95 167.37 216.02 166.01 216.62 166.68V166.67Z" fill="#0E1016"/>
-<path d="M144.83 596.56C146.93 583.43 148.14 570.11 148.6 556.81C148.71 555.07 150.03 555.65 151.32 555.73C152.61 555.81 153.84 555.39 153.73 557.14C152.58 570.19 150.87 584.27 148.94 597.23C148.47 599.98 144.41 599.34 144.84 596.56H144.83Z" fill="#0E1016"/>
-<path d="M216.55 216.68C251.43 271.93 276.5 332.66 298.69 393.91C320.2 455.25 339.67 517.79 350.82 581.93C351 583 350.27 584.02 349.19 584.19C348.12 584.36 347.11 583.64 346.93 582.58C344.21 566.63 340.67 550.81 336.82 535.06C329.14 503.78 319.67 472.3 309.67 441.66C286.67 372.56 259.96 304.27 223.75 240.94C220.71 235.71 217.59 230.47 214.35 225.4C213.26 223.69 215.27 215.52 215.27 215.52C215.73 215.76 216.17 216.14 216.56 216.68H216.55Z" fill="#0E1016"/>
-<path d="M251.13 223.4C257.61 221.28 264.73 221.6 271.03 224.16C277.13 226.99 281.46 232.01 284.84 237.64L281.91 238.71C281.36 236.46 280.5 234.1 279.55 231.89C274.67 220.15 265.75 212.05 253.63 208.35C250.07 207.17 246.41 206.87 242.68 206.06C241.08 205.65 236.7 204.18 238.47 201.74C239.08 201.05 240.15 201 240.82 201.63C242.11 202.84 244.57 203.12 247.05 203.54C249.55 203.93 252.13 204.47 254.61 205.25C270.54 210.14 280.82 222.1 285 238.02L287.88 249.76C285.01 244.81 281.1 235.95 276.8 232.12C270.93 225.89 261.02 224.38 253.54 228.36C251.78 229.51 252.59 228.06 251.87 226.81C251.07 225.43 248.94 224.14 251.16 223.38L251.13 223.4Z" fill="#0E1016"/>
-<path d="M302.76 349.1C303.87 351.94 305.94 354.64 307.77 357.14C312.85 363.95 318.98 369.75 325.21 375.52C331.43 381.73 336.37 389.19 339.63 397.37C342.27 403.96 343.29 411 343.27 418.13C343.27 418.13 342.85 432.46 342.85 432.47L339.88 418.43C338.68 412.88 336.36 407.24 333.16 402.47C328.3 395.35 321.05 389.65 312.77 387.14C311.86 386.88 310.87 386.64 310.08 386.54C309.02 386.41 308.27 385.44 308.4 384.37C308.54 383.23 309.66 382.46 310.77 382.73C312.99 383.28 314.82 384.02 316.82 384.93C330.23 391.05 339.59 403.58 343.23 417.7L339.84 417.99C339.91 414.77 339.65 411.36 339.12 408.1C337.51 398.28 332.59 389.17 326.11 381.67C323.89 379.1 321.55 376.92 318.96 374.65C313.77 370.01 309 364.96 304.67 359.5C302.76 357.04 300.86 354.53 299.43 351.71C299.21 351.3 299.01 350.76 298.82 350.23C298.44 349.17 299 348 300.06 347.62C301.21 347.2 302.45 347.9 302.74 349.08L302.76 349.1Z" fill="#0E1016"/>
-<path d="M339.73 517.08C354.7 529.44 366.38 546.33 369.99 565.6C371.31 570.8 371.51 580.67 371.89 586.1L368.2 574.43C366.1 568.03 363.03 561.56 358.72 556.35C354.45 551.43 348.53 547.29 342.15 545.77C341.02 545.6 340.25 544.53 340.44 543.41C340.63 542.19 341.91 541.41 343.09 541.8C345.04 542.44 346.57 543.21 348.31 544.14C360.2 550.53 366.55 561.19 371.12 573.49L368.13 574.03C367.53 564.87 364.8 555.58 360.54 547.4C356.14 539.19 350.13 531.87 343.25 525.6C341.27 523.81 339.17 522.05 337.09 520.55C334.78 518.79 337.37 515.32 339.73 517.09V517.08Z" fill="#0E1016"/>
-<path d="M180.24 328.93C162.69 328.93 157.99 326.88 157.74 326.76C157.11 326.47 156.84 325.73 157.13 325.1C157.42 324.48 158.15 324.2 158.78 324.49C158.94 324.56 167.84 328.14 205.35 325.39C229.46 323.62 258.8 318.91 262.16 311.45C262.44 310.82 263.18 310.54 263.81 310.82C264.44 311.1 264.72 311.84 264.44 312.47C261.16 319.76 239.69 325.38 205.54 327.88C195.05 328.65 186.76 328.93 180.25 328.93H180.24Z" fill="#0E1016"/>
-<path d="M260.59 412.59C259.93 412.59 259.38 412.08 259.34 411.42C259.3 410.73 259.82 410.14 260.51 410.09C266.14 409.74 271.67 409.35 276.5 408.95C294.77 407.44 298.49 404.54 298.52 404.51C299.03 404.05 299.82 404.09 300.29 404.61C300.75 405.12 300.71 405.92 300.19 406.38C299.79 406.73 295.77 409.88 276.71 411.45C271.86 411.85 266.32 412.24 260.67 412.59C260.64 412.59 260.62 412.59 260.59 412.59V412.59Z" fill="#0E1016"/>
-<path d="M260.52 516.12C259.86 516.12 259.31 515.61 259.27 514.94C259.23 514.25 259.76 513.66 260.45 513.62L262.95 513.47C306.52 510.87 326.49 508.83 329.61 503.61C329.96 503.02 330.73 502.82 331.32 503.18C331.91 503.53 332.11 504.3 331.75 504.89C328.05 511.08 311.36 513.08 263.09 515.96L260.58 516.11C260.58 516.11 260.53 516.11 260.51 516.11L260.52 516.12Z" fill="#0E1016"/>
-<path d="M156.09 380.98L247.28 381.31H250.13C255.91 380.75 261.5 384.32 262.26 390.39C262.52 404.5 262.22 427.75 262.29 441.91C262.23 476.43 262.56 512.85 263.01 547.35C263.44 554.44 258.01 559.91 250.89 559.47C250.12 559.49 247.45 559.45 246.62 559.47C177.04 559.32 88.35 559.12 18.65 558.88L12.95 558.86C12.52 558.86 11.9 558.84 11.33 558.79C6.11 558.3 1.84 553.45 2.03 548.21C2.29 510.67 2.34 434.23 2.39 397.18C2.42 393.18 1.81 388.6 4.72 385.34C6.73 382.79 10.29 381.47 13.42 381.7H16.27L39.07 381.68C41 381.71 40.94 384.57 39.07 384.57L16.27 384.55H13.42C12.4 384.55 11.69 384.55 10.89 384.72C7.76 385.37 5.28 388.31 5.24 391.53C4.95 429.96 5.59 506.38 5.57 545.36V548.21C5.46 552.18 8.98 555.51 12.93 555.21C84.84 554.94 174.77 554.79 246.6 554.61H249.45H250.87H251.58H251.93L252.19 554.59C255.4 554.51 258.17 551.63 258.15 548.42C258.18 548.1 258.15 544.99 258.17 544.51C258.81 503.42 258.94 460.25 258.84 419.13L258.81 396.33V393.48V392.06C258.81 391.8 258.8 391.63 258.79 391.44C258.73 389.74 257.95 388.1 256.75 386.9C254.89 385.11 252.7 384.8 250.11 384.94H247.26L156.07 385.27C153.25 385.23 153.22 381.05 156.07 380.99L156.09 380.98Z" fill="#0E1016"/>
-<path d="M95.56 466.74C68.17 444 38.65 418.54 11.55 395.26C31.76 411.09 56.6 430.52 76.55 446.44C83.73 452.18 90.93 457.89 98.05 463.71C99.03 464.53 97.86 465.08 97.24 465.84C96.62 466.6 96.58 467.55 95.56 466.74V466.74Z" fill="#0E1016"/>
-<path d="M254.54 394.37C234.23 412.87 213.13 430.45 192.02 448C184.98 453.84 177.9 459.64 170.77 465.38C170.02 465.99 169.46 465.54 168.86 464.79C168.26 464.05 167.83 463.29 168.55 462.68C175.56 456.8 182.63 450.99 189.74 445.23C211.08 427.95 232.44 410.68 254.54 394.38V394.37Z" fill="#0E1016"/>
-<path d="M173.2 476.48C173.46 504.82 144.19 524.28 118.15 513.22C103.63 507.24 93.55 492.19 93.57 476.48C93.34 448.05 122.41 428.72 148.55 439.84C163.03 445.87 173.24 460.72 173.21 476.48H173.2ZM170.01 476.48C170.11 443.49 130.79 427.67 107.54 450.65C84.52 473.95 100.44 513.03 133.37 513.1C153.11 513.28 170.16 496.22 170.02 476.47L170.01 476.48Z" fill="#0E1016"/>
-<path d="M128.71 493.09L107.69 473.05L112.52 467.98L128.44 483.16L171.93 436.98L177.03 441.78L128.71 493.09Z" fill="#0E1016"/>
-<path d="M374.54 599.9H123.19C121.53 599.9 120.19 598.56 120.19 596.9C120.19 595.24 121.53 593.9 123.19 593.9H374.54C376.2 593.9 377.54 595.24 377.54 596.9C377.54 598.56 376.2 599.9 374.54 599.9V599.9Z" fill="#ADD63D"/>
-<path d="M256.25 316.08C257.98 315.21 258.92 314.05 259.1 312.39C259.28 310.73 258.63 309.3 258.08 308.1C257.53 306.9 259.88 308.05 261.1 310.52C262.32 312.99 262.79 313.82 261.32 314.64C259.85 315.46 256.26 317.07 256.26 317.07V316.07L256.25 316.08Z" fill="#0E1016"/>
-<path d="M257.89 317.99C259.39 317.19 260.74 317.3 261.85 318.04C262.77 318.66 263.07 319.21 263.67 320.59C264.27 321.97 263.21 315.68 262.59 314.9C261.97 314.12 261.86 314.24 260.34 314.9C258.82 315.56 257.88 317.98 257.88 317.98L257.89 317.99Z" fill="#0E1016"/>
-<path d="M293.86 406.31C294.6 406.1 295.48 405.59 295.86 404.44C296.24 403.29 295.97 401.99 295.71 401.27C295.45 400.55 297.48 401.79 297.97 403.63C298.46 405.47 299.63 406.21 297.84 406.62C296.05 407.03 293.86 406.31 293.86 406.31Z" fill="#0E1016"/>
-<path d="M294.19 408.8C295.48 408.44 296.75 408.5 297.5 409.07C298.25 409.64 298.91 410.26 299.34 411.48C299.77 412.7 299.09 409.43 298.72 408.04C298.35 406.65 297.83 406.63 297.83 406.63L293.38 407.91L294.18 408.81L294.19 408.8Z" fill="#0E1016"/>
-<path d="M325.22 506.58C326.09 506.23 327.08 505.43 327.63 504.06C328.04 503.01 328.01 501.67 327.63 500.31C327.25 498.95 329.31 502.16 329.63 503.62C329.95 505.08 330.17 504.81 328.8 505.94C327.43 507.07 325.22 506.79 325.22 506.79V506.58V506.58Z" fill="#0E1016"/>
-<path d="M325.22 509.22C326.34 508.81 327.83 508.64 328.87 509.22C329.91 509.8 330.44 510.44 330.87 512.04C331.3 513.64 331.5 511.84 330.87 509.24C330.24 506.64 329.86 505.93 329.86 505.93L325.5 507.47L325.21 509.22H325.22Z" fill="#0E1016"/>
-<path d="M160.14 319.82C160.36 315.77 164.42 312.72 170.07 309.16C176.37 305.2 187.01 300.42 195.02 291.13C201.23 283.92 181.86 296.89 175.75 299.76C169.64 302.63 164.89 303.62 161.84 307.12C158.79 310.62 159.06 317.26 159.06 317.26L160.14 319.82Z" fill="#0E1016"/>
-<path d="M187.37 200.83C185.8 203.13 186.02 210.41 186.48 214.85C186.94 219.29 181.41 215.65 181.41 210.48C181.41 205.31 186.16 200.33 186.28 200.15C186.4 199.97 187.38 200.82 187.38 200.82L187.37 200.83Z" fill="#0E1016"/>
-<path d="M116.76 345.98C118.33 345.1 120.96 342.41 120.49 338.1C120.02 333.79 123.03 338.28 123.13 341.07C123.23 343.86 125.83 343.67 122.15 345.33C118.47 346.99 116.77 345.98 116.77 345.98H116.76Z" fill="#0E1016"/>
-<path d="M124.29 334.25C124.47 335.91 124.89 338.7 125.97 340.06C127.05 341.42 128.18 342.04 130.04 342.24C131.9 342.44 124.66 344.93 123.95 343.42C123.24 341.91 123.03 335.78 123.03 335.78L124.29 334.26V334.25Z" fill="#0E1016"/>
-<path d="M59.38 278.35C62.08 280.6 66.34 283.52 72.05 284.99C77.76 286.46 81.26 287.84 81.26 287.84C81.26 287.84 77.43 287.27 73.6 287.02C73.03 286.98 72.6 287.24 73.41 287.75C75.25 288.89 70.34 287.51 66.18 285.15C61.29 282.38 59.38 278.35 59.38 278.35V278.35Z" fill="#0E1016"/>
-</g>
-<defs>
-<clipPath id="clip0_118_2691">
-<rect width="377.54" height="599.9" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/frontend-next/public/images/envelope.svg b/frontend-next/public/images/envelope.svg
deleted file mode 100644
index 367ad01d6..000000000
--- a/frontend-next/public/images/envelope.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="411" height="263" viewBox="0 0 411 263" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M48 63H352V223C352 225.209 350.209 227 348 227H52C49.7909 227 48 225.209 48 223V63Z" fill="#ABABAB"/>
-<path d="M200.095 0.768747L200 0.729733L199.905 0.768747L48.3506 63.0187L48.4456 63.5H351.554L351.649 63.0187L200.095 0.768747Z" fill="#4E4E4E" stroke="#4E4E4E" stroke-width="0.5"/>
-<path d="M200 126L48.4456 63.75L351.554 63.75L200 126Z" fill="#4E4E4E"/>
-<path d="M200 126L48.4456 63.75L351.554 63.75L200 126Z" fill="#4E4E4E"/>
-<path d="M200 126L48.4456 63.75L351.554 63.75L200 126Z" fill="#4E4E4E"/>
-<rect x="83" y="17" width="243" height="109" rx="4" fill="#D9D9D9"/>
-<path d="M298.761 216.282L156.266 145.147L349.202 65.2163L298.761 216.282Z" fill="#ABABAB"/>
-<path d="M112.866 218.509L57.4252 69.206L252.915 142.671L112.866 218.509Z" fill="#ABABAB"/>
-<rect x="97" y="32" width="74" height="8" fill="#7A7A7A"/>
-<rect x="97" y="52" width="39" height="8" fill="#7A7A7A"/>
-<circle cx="205" cy="78" r="31" fill="#F0FF1E"/>
-<rect x="195.249" y="90.937" width="36.4759" height="5.76933" rx="2.88466" transform="rotate(-45.3223 195.249 90.937)" fill="#ABABAB"/>
-<rect x="198.151" y="94.2307" width="18.5987" height="5.76933" rx="2.88466" transform="rotate(-135 198.151 94.2307)" fill="#ABABAB"/>
-</svg>
diff --git a/frontend-next/public/images/gradientLogo.svg b/frontend-next/public/images/gradientLogo.svg
deleted file mode 100644
index 7698d8e90..000000000
--- a/frontend-next/public/images/gradientLogo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="91" height="43" viewBox="0 0 91 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.9734 0C24.8526 0 27.4793 0.412021 29.8535 1.23606C32.2528 2.06011 34.4123 3.13386 36.3318 4.45732C38.2766 5.75581 39.9814 7.10424 41.4463 8.50261C42.2545 9.25174 42.987 9.98839 43.6436 10.7125C44.3003 11.4367 44.9317 12.1609 45.5379 12.885C46.0935 12.1609 46.6618 11.4617 47.2427 10.7875C47.8489 10.0883 48.6066 9.32665 49.5158 8.50261C51.7132 6.38008 54.4409 4.43235 57.699 2.65941C60.9824 0.886471 64.7835 0 69.1024 0C73.1435 0 76.8183 0.97387 80.127 2.92161C83.4609 4.84437 86.1002 7.42886 88.045 10.6751C90.015 13.9213 91 17.5171 91 21.4625C91 24.4591 90.4317 27.2683 89.2952 29.8902C88.1586 32.4872 86.5927 34.7721 84.5974 36.7448C82.6021 38.6925 80.2785 40.2282 77.6266 41.3519C74.9746 42.4506 72.1332 43 69.1024 43C66.2231 43 63.5712 42.6005 61.1465 41.8014C58.7472 40.9774 56.5751 39.9286 54.6303 38.6551C52.7108 37.3815 51.0186 36.0706 49.5537 34.7221C48.7202 33.8981 47.9752 33.124 47.3185 32.3998C46.6871 31.6507 46.0935 30.9141 45.5379 30.1899C44.9065 30.9141 44.2624 31.6507 43.6057 32.3998C42.9491 33.149 42.2166 33.9231 41.4084 34.7221C39.9688 36.0706 38.2766 37.3815 36.3318 38.6551C34.4123 39.9036 32.2528 40.9399 29.8535 41.7639C27.4793 42.588 24.8526 43 21.9734 43C17.8818 43 14.1817 42.0386 10.873 40.1159C7.56439 38.1931 4.92506 35.6086 2.95504 32.3624C0.985013 29.0912 0 25.4579 0 21.4625C0 18.491 0.555648 15.7192 1.66694 13.1472C2.8035 10.5502 4.36941 8.26539 6.3647 6.29269C8.38523 4.31998 10.7215 2.78427 13.3734 1.68554C16.0507 0.561848 18.9173 0 21.9734 0ZM10.4563 21.4625C10.4563 23.5351 10.974 25.4204 12.0096 27.1185C13.0451 28.8165 14.4342 30.1649 16.1769 31.1638C17.9197 32.1626 19.8518 32.662 21.9734 32.662C24.3475 32.662 26.5322 32.1376 28.5275 31.0889C30.5228 30.0401 32.3791 28.7166 34.0966 27.1185C35.1826 26.0947 36.1171 25.1083 36.9001 24.1594C37.683 23.2105 38.365 22.3116 38.9459 21.4625C38.3397 20.6635 37.6199 19.777 36.7864 18.8031C35.9782 17.8043 35.0816 16.8554 34.0966 15.9564C32.4802 14.3833 30.649 13.0598 28.6032 11.9861C26.5575 10.8873 24.3475 10.338 21.9734 10.338C19.8518 10.338 17.9197 10.8499 16.1769 11.8737C14.4342 12.8725 13.0451 14.221 12.0096 15.919C10.974 17.592 10.4563 19.4399 10.4563 21.4625ZM80.4679 21.4625C80.4679 19.4399 79.9502 17.592 78.9146 15.919C77.9044 14.221 76.5405 12.8725 74.8231 11.8737C73.1056 10.8499 71.1987 10.338 69.1024 10.338C67.486 10.338 65.9453 10.5877 64.4804 11.0871C63.0155 11.5865 61.639 12.2607 60.351 13.1098C59.0881 13.9588 57.9263 14.9077 56.8655 15.9564C55.729 17.0052 54.7313 18.079 53.8726 19.1777C53.0139 20.2515 52.3951 21.0131 52.0162 21.4625C52.6477 22.3365 53.3549 23.248 54.1378 24.1969C54.9208 25.1208 55.83 26.0947 56.8655 27.1185C58.5577 28.7166 60.4015 30.0401 62.3968 31.0889C64.4173 32.1376 66.6525 32.662 69.1024 32.662C71.1987 32.662 73.1056 32.1626 74.8231 31.1638C76.5405 30.1649 77.9044 28.8165 78.9146 27.1185C79.9502 25.4204 80.4679 23.5351 80.4679 21.4625Z" fill="url(#paint0_linear_491_1466)"/>
-<defs>
-<linearGradient id="paint0_linear_491_1466" x1="46" y1="-1.40259e-06" x2="66" y2="80.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#D9E8FF"/>
-<stop offset="1" stop-color="white" stop-opacity="0.36"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/frontend-next/public/images/infisical-update-december-2023.png b/frontend-next/public/images/infisical-update-december-2023.png
deleted file mode 100644
index 41282eb43..000000000
Binary files a/frontend-next/public/images/infisical-update-december-2023.png and /dev/null differ
diff --git a/frontend-next/public/images/infisical-update-september-2023.png b/frontend-next/public/images/infisical-update-september-2023.png
deleted file mode 100644
index c11852762..000000000
Binary files a/frontend-next/public/images/infisical-update-september-2023.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Agent.png b/frontend-next/public/images/integrations/Agent.png
deleted file mode 100644
index 662c1b273..000000000
Binary files a/frontend-next/public/images/integrations/Agent.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Amazon Web Services.png b/frontend-next/public/images/integrations/Amazon Web Services.png
deleted file mode 100644
index d4025224e..000000000
Binary files a/frontend-next/public/images/integrations/Amazon Web Services.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Ansible.png b/frontend-next/public/images/integrations/Ansible.png
deleted file mode 100644
index 925e48ca6..000000000
Binary files a/frontend-next/public/images/integrations/Ansible.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/BitBucket.png b/frontend-next/public/images/integrations/BitBucket.png
deleted file mode 100644
index 7fe9b525c..000000000
Binary files a/frontend-next/public/images/integrations/BitBucket.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Checkly.png b/frontend-next/public/images/integrations/Checkly.png
deleted file mode 100644
index 563513d4b..000000000
Binary files a/frontend-next/public/images/integrations/Checkly.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/CircleCI.png b/frontend-next/public/images/integrations/CircleCI.png
deleted file mode 100644
index ad63d3e8f..000000000
Binary files a/frontend-next/public/images/integrations/CircleCI.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Cloud 66.png b/frontend-next/public/images/integrations/Cloud 66.png
deleted file mode 100644
index 20d841080..000000000
Binary files a/frontend-next/public/images/integrations/Cloud 66.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Cloudflare.png b/frontend-next/public/images/integrations/Cloudflare.png
deleted file mode 100644
index 24db8c681..000000000
Binary files a/frontend-next/public/images/integrations/Cloudflare.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Codefresh.png b/frontend-next/public/images/integrations/Codefresh.png
deleted file mode 100644
index f2f181c11..000000000
Binary files a/frontend-next/public/images/integrations/Codefresh.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Databricks.png b/frontend-next/public/images/integrations/Databricks.png
deleted file mode 100644
index ec0ddbc02..000000000
Binary files a/frontend-next/public/images/integrations/Databricks.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Digital Ocean.png b/frontend-next/public/images/integrations/Digital Ocean.png
deleted file mode 100644
index 0882e914a..000000000
Binary files a/frontend-next/public/images/integrations/Digital Ocean.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Django.png b/frontend-next/public/images/integrations/Django.png
deleted file mode 100644
index 2994c8bc0..000000000
Binary files a/frontend-next/public/images/integrations/Django.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Docker Compose.png b/frontend-next/public/images/integrations/Docker Compose.png
deleted file mode 100644
index aa9f58112..000000000
Binary files a/frontend-next/public/images/integrations/Docker Compose.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Docker.png b/frontend-next/public/images/integrations/Docker.png
deleted file mode 100644
index 5180a6ae4..000000000
Binary files a/frontend-next/public/images/integrations/Docker.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/ECS.png b/frontend-next/public/images/integrations/ECS.png
deleted file mode 100644
index 92e0d23ca..000000000
Binary files a/frontend-next/public/images/integrations/ECS.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Express.png b/frontend-next/public/images/integrations/Express.png
deleted file mode 100644
index 87571cbfb..000000000
Binary files a/frontend-next/public/images/integrations/Express.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Fiber.png b/frontend-next/public/images/integrations/Fiber.png
deleted file mode 100644
index 6f856be7b..000000000
Binary files a/frontend-next/public/images/integrations/Fiber.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Flask.png b/frontend-next/public/images/integrations/Flask.png
deleted file mode 100644
index 31a69e832..000000000
Binary files a/frontend-next/public/images/integrations/Flask.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Flyio.svg b/frontend-next/public/images/integrations/Flyio.svg
deleted file mode 100644
index 0d0086b7e..000000000
--- a/frontend-next/public/images/integrations/Flyio.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 167 151" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M116.78 20.613h19.23c17.104 0 30.99 13.886 30.99 30.99v67.618c0 17.104-13.886 30.99-30.99 30.99h-1.516c-8.803-1.377-12.621-4.017-15.57-6.248L94.475 123.86a3.453 3.453 0 00-4.329 0l-7.943 6.532-22.37-18.394a3.443 3.443 0 00-4.326 0l-31.078 27.339c-6.255 5.087-10.392 4.148-13.075 3.853C4.424 137.503 0 128.874 0 119.221V51.603c0-17.104 13.886-30.99 30.993-30.99H50.18l-.035.077-.647 1.886-.201.647-.871 3.862-.12.678-.382 3.868-.051 1.062-.008.372.036 1.774.088 1.039.215 1.628.275 1.464.326 1.349.423 1.46 1.098 3.092.362.927 1.912 4.04.675 1.241 2.211 3.795.846 1.369 3.086 4.544.446.602 4.015 5.226 1.297 1.608 4.585 5.36.942 1.031 3.779 4.066 1.497 1.55 2.474 2.457-.497.415-.309.279a30.309 30.309 0 00-2.384 2.49c-.359.423-.701.86-1.025 1.31-.495.687-.938 1.41-1.324 2.164-.198.391-.375.792-.531 1.202a11.098 11.098 0 00-.718 3.267l-.014.966c.035 1.362.312 2.707.819 3.972a11.06 11.06 0 002.209 3.464 11.274 11.274 0 002.329 1.896c.731.447 1.51.816 2.319 1.096 1.76.597 3.627.809 5.476.623h.01a12.347 12.347 0 004.516-1.341 11.647 11.647 0 001.724-1.116 11.067 11.067 0 003.479-4.626c.569-1.422.848-2.941.823-4.471l-.044-.799a11.305 11.305 0 00-.749-3.078c-.17-.429-.364-.848-.58-1.257-.4-.752-.856-1.473-1.362-2.158-.232-.313-.472-.62-.72-.921a29.81 29.81 0 00-2.661-2.787l-.669-.569 1.133-1.119 4.869-5.085 1.684-1.849 2.618-2.945 1.703-1.992 2.428-2.957 1.644-2.067 2.414-3.228 1.219-1.67 1.729-2.585 1.44-2.203 2.713-4.725 1.552-3.1.045-.095 1.188-2.876c.015-.037.029-.075.04-.114l1.28-3.991.134-.582.555-3.177.108-.86.033-.527.038-1.989-.01-.371-.102-1.781-.126-1.383-.63-3.989a1.521 1.521 0 00-.037-.159l-.809-2.949-.279-.82-.364-.907zm9.141 84.321c-4.007.056-7.287 3.336-7.343 7.342.059 4.006 3.337 7.284 7.343 7.341 4.005-.058 7.284-3.335 7.345-7.341-.058-4.006-3.338-7.286-7.345-7.342z" fill="url(#_Radial1)"/><path d="M72.499 147.571l-1.296 1.09a6.802 6.802 0 01-4.253 1.55H30.993a30.867 30.867 0 01-19.639-7.021c2.683.295 6.82 1.234 13.075-3.853l31.078-27.339a3.443 3.443 0 014.326 0l22.37 18.394 7.943-6.532a3.453 3.453 0 014.329 0l24.449 20.103c2.949 2.231 6.767 4.871 15.57 6.248H118.23a6.919 6.919 0 01-3.993-1.33l-.285-.22-1.207-1.003a2.377 2.377 0 00-.32-.323 21845.256 21845.256 0 00-18.689-15.497 2.035 2.035 0 00-2.606.006s.044.052-18.386 15.491c-.09.075-.172.154-.245.236zm53.422-42.637c-4.007.056-7.287 3.336-7.343 7.342.059 4.006 3.337 7.284 7.343 7.341 4.005-.058 7.284-3.335 7.345-7.341-.058-4.006-3.338-7.286-7.345-7.342zM78.453 82.687l-2.474-2.457-1.497-1.55-3.779-4.066-.942-1.031-4.585-5.36-1.297-1.609-4.015-5.225-.446-.602-3.086-4.544-.846-1.369-2.211-3.795-.675-1.241-1.912-4.04-.362-.927-1.098-3.092-.423-1.46-.326-1.349-.275-1.465-.215-1.627-.088-1.039-.036-1.774.008-.372.051-1.062.382-3.869.12-.677.871-3.862.201-.647.647-1.886.207-.488 1.03-2.262.714-1.346.994-1.64.991-1.46.706-.928.813-.98.895-.985.767-.771 1.867-1.643 1.365-1.117c.033-.028.067-.053.102-.077l1.615-1.092 1.283-.818L65.931 3.8c.037-.023.079-.041.118-.059l3.456-1.434.319-.12 3.072-.899 1.297-.291 1.754-.352L77.11.468l1.784-.222L80.11.138 82.525.01l.946-.01 1.791.037.466.026 2.596.216 3.433.484.397.083 3.393.844.996.297 1.107.383 1.348.51 1.066.452 1.566.738.987.507 1.774 1.041.661.407 2.418 1.765.694.602 1.686 1.536.083.083 1.43 1.534.492.555 1.678 2.23.342.533 1.332 2.249.401.771.751 1.678.785 1.959.279.82.809 2.949c.015.052.027.105.037.159l.63 3.988.126 1.384.102 1.781.01.371-.038 1.989-.033.527-.108.86-.555 3.177-.134.582-1.28 3.991a1.186 1.186 0 01-.04.114l-1.188 2.876-.045.095-1.552 3.1-2.713 4.725-1.44 2.203-1.729 2.585-1.219 1.67-2.414 3.228-1.644 2.067-2.428 2.957-1.703 1.992-2.618 2.945-1.684 1.849-4.869 5.085-1.133 1.119.669.569c.946.871 1.835 1.8 2.661 2.787.248.301.488.608.72.921.506.685.962 1.406 1.362 2.158.216.407.409.828.58 1.257.389.985.651 2.026.749 3.078l.044.799c.025 1.53-.255 3.05-.823 4.471a11.057 11.057 0 01-3.479 4.625c-.541.424-1.118.796-1.724 1.117a12.347 12.347 0 01-4.516 1.341h-.01a12.996 12.996 0 01-5.476-.623 11.933 11.933 0 01-2.319-1.096 11.268 11.268 0 01-2.329-1.896 11.06 11.06 0 01-2.209-3.464 11.468 11.468 0 01-.819-3.972l.014-.966c.073-1.119.315-2.221.718-3.267.157-.411.334-.812.531-1.202.386-.755.83-1.477 1.324-2.164.323-.45.667-.887 1.025-1.31a30.309 30.309 0 012.384-2.49l.309-.279.497-.415z" fill="#24175b"/><path d="M71.203 148.661l19.927-16.817a2.035 2.035 0 012.606-.006l20.216 16.823a6.906 6.906 0 004.351 1.55H66.877a6.805 6.805 0 004.326-1.55zm12.404-60.034l.195.057c.063.03.116.075.173.114l.163.144c.402.37.793.759 1.169 1.157.265.283.523.574.771.875.315.38.61.779.879 1.194.116.183.224.368.325.561.088.167.167.34.236.515.122.305.214.627.242.954l-.006.614a3.507 3.507 0 01-1.662 2.732 4.747 4.747 0 01-2.021.665l-.759.022-.641-.056a4.964 4.964 0 01-.881-.214 4.17 4.17 0 01-.834-.391l-.5-.366a3.431 3.431 0 01-1.139-1.952 5.016 5.016 0 01-.059-.387l-.018-.586c.01-.158.034-.315.069-.472.087-.341.213-.673.372-.988.205-.396.439-.776.7-1.137.433-.586.903-1.143 1.405-1.67.324-.342.655-.673 1.001-.993l.246-.221c.171-.114.173-.114.368-.171h.206zM82.348 6.956l.079-.006v68.484l-.171-.315a191.264 191.264 0 01-6.291-12.75 136.318 136.318 0 01-4.269-10.688 84.358 84.358 0 01-2.574-8.802c-.541-2.365-.956-4.765-1.126-7.19a35.028 35.028 0 01-.059-3.108c.016-.903.053-1.804.109-2.705.09-1.418.234-2.832.442-4.235.165-1.104.368-2.205.62-3.293.2-.865.431-1.723.696-2.567.382-1.22.84-2.412 1.373-3.576.195-.419.405-.836.624-1.245 1.322-2.449 3.116-4.704 5.466-6.214a11.422 11.422 0 015.081-1.79zm8.88.173l4.607 1.314a28.193 28.193 0 016.076 3.096 24.387 24.387 0 016.533 6.517 24.618 24.618 0 012.531 4.878 28.586 28.586 0 011.761 7.898c.061.708.096 1.418.11 2.127.016.659.012 1.321-.041 1.98a22.306 22.306 0 01-.828 4.352 34.281 34.281 0 01-1.194 3.426 49.43 49.43 0 01-1.895 4.094c-1.536 2.966-3.304 5.803-5.195 8.547a133.118 133.118 0 01-7.491 9.776 185.466 185.466 0 01-8.987 9.96c2.114-3.963 4.087-8 5.915-12.102a149.96 149.96 0 002.876-6.93 108.799 108.799 0 002.679-7.792 76.327 76.327 0 001.54-5.976c.368-1.727.657-3.472.836-5.228.15-1.464.205-2.937.169-4.406a62.154 62.154 0 00-.1-2.695c-.216-3.612-.765-7.212-1.818-10.676a31.255 31.255 0 00-1.453-3.849c-1.348-2.937-3.23-5.683-5.776-7.686l-.855-.625z" fill="#fff"/><defs><radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(88.67 84.848) scale(120.977)"><stop offset="0" stop-color="#ba7bf0"/><stop offset=".45" stop-color="#996bec"/><stop offset="1" stop-color="#5046e4"/></radialGradient></defs></svg>
\ No newline at end of file
diff --git a/frontend-next/public/images/integrations/Gatsby.png b/frontend-next/public/images/integrations/Gatsby.png
deleted file mode 100644
index 10dff2aa1..000000000
Binary files a/frontend-next/public/images/integrations/Gatsby.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/GitHub.png b/frontend-next/public/images/integrations/GitHub.png
deleted file mode 100644
index 7492fcb54..000000000
Binary files a/frontend-next/public/images/integrations/GitHub.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/GitLab.png b/frontend-next/public/images/integrations/GitLab.png
deleted file mode 100644
index ffe9e244a..000000000
Binary files a/frontend-next/public/images/integrations/GitLab.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Google Cloud Platform.png b/frontend-next/public/images/integrations/Google Cloud Platform.png
deleted file mode 100644
index 54fdabb50..000000000
Binary files a/frontend-next/public/images/integrations/Google Cloud Platform.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Hasura.svg b/frontend-next/public/images/integrations/Hasura.svg
deleted file mode 100644
index 732f821cb..000000000
--- a/frontend-next/public/images/integrations/Hasura.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="81" height="84" viewBox="-20 -20 121 124" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5273_21928)">
-<path d="M79.7186 28.6019C82.1218 21.073 80.6778 6.03601 76.0158 0.487861C75.4073 -0.238064 74.2624 -0.134361 73.757 0.664158L68.0121 9.72786C66.5887 11.5427 64.0308 11.9575 62.1124 10.6923C55.8827 6.59601 48.4359 4.21082 40.4322 4.21082C32.4285 4.21082 24.9817 6.59601 18.752 10.6923C16.8336 11.9575 14.2757 11.5323 12.8523 9.72786L7.10738 0.664158C6.60199 -0.134361 5.45712 -0.238064 4.84859 0.487861C0.186621 6.03601 -1.25735 21.073 1.14583 28.6019C1.94002 31.1012 2.16693 33.7456 1.69248 36.3279C1.22834 38.879 0.753897 41.9693 0.753897 44.1056C0.753897 66.1323 18.5251 84.0004 40.4322 84.0004C62.3497 84.0004 80.1105 66.1427 80.1105 44.1056C80.1105 41.959 79.6464 38.879 79.1719 36.3279C78.6975 33.7456 78.9244 31.1012 79.7186 28.6019ZM40.4322 75.0819C23.4965 75.0819 9.71684 61.2271 9.71684 44.199C9.71684 43.639 9.73747 43.0893 9.7581 42.5397C10.3769 30.9353 17.3802 21.0108 27.3024 16.2819C31.2836 14.3738 35.7393 13.316 40.4322 13.316C45.1251 13.316 49.5808 14.3842 53.5724 16.2923C63.4945 21.0212 70.4978 30.9456 71.1166 42.5397C71.1476 43.0893 71.1579 43.639 71.1579 44.199C71.1476 61.2271 57.3679 75.0819 40.4322 75.0819Z" fill="#1EB4D4"/>
-<path d="M53.7371 56.083L45.8881 42.4044L39.153 30.997C38.9983 30.7274 38.7095 30.5615 38.3898 30.5615H31.9538C31.634 30.5615 31.3452 30.7378 31.1905 31.0074C31.0358 31.2874 31.0358 31.6296 31.2008 31.8993L37.6368 42.7881L28.9936 56.0415C28.8183 56.3111 28.7977 56.6637 28.9524 56.9541C29.1071 57.2444 29.4062 57.4207 29.7259 57.4207H36.2032C36.5023 57.4207 36.7808 57.2652 36.9458 57.0163L41.6181 49.6741L45.8056 56.9748C45.9603 57.2548 46.2594 57.4207 46.5688 57.4207H52.9533C53.273 57.4207 53.5618 57.2548 53.7165 56.9748C53.9022 56.6948 53.9022 56.363 53.7371 56.083Z" fill="#1EB4D4"/>
-</g>
-<defs>
-<clipPath id="clip0_5273_21928">
-<rect width="81" height="84" fill="white"/>
-</clipPath>
-</defs>
-</svg>
\ No newline at end of file
diff --git a/frontend-next/public/images/integrations/Heroku.png b/frontend-next/public/images/integrations/Heroku.png
deleted file mode 100644
index c0720a254..000000000
Binary files a/frontend-next/public/images/integrations/Heroku.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Jenkins.png b/frontend-next/public/images/integrations/Jenkins.png
deleted file mode 100644
index 9df069a18..000000000
Binary files a/frontend-next/public/images/integrations/Jenkins.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Kubernetes.png b/frontend-next/public/images/integrations/Kubernetes.png
deleted file mode 100644
index 1e0f71dae..000000000
Binary files a/frontend-next/public/images/integrations/Kubernetes.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Laravel Forge.png b/frontend-next/public/images/integrations/Laravel Forge.png
deleted file mode 100644
index a91139004..000000000
Binary files a/frontend-next/public/images/integrations/Laravel Forge.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Laravel.png b/frontend-next/public/images/integrations/Laravel.png
deleted file mode 100644
index 41a6686d4..000000000
Binary files a/frontend-next/public/images/integrations/Laravel.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Microsoft Azure.png b/frontend-next/public/images/integrations/Microsoft Azure.png
deleted file mode 100644
index c9388d612..000000000
Binary files a/frontend-next/public/images/integrations/Microsoft Azure.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/NestJS.png b/frontend-next/public/images/integrations/NestJS.png
deleted file mode 100644
index d7b6d349e..000000000
Binary files a/frontend-next/public/images/integrations/NestJS.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Netlify.png b/frontend-next/public/images/integrations/Netlify.png
deleted file mode 100644
index f368dd265..000000000
Binary files a/frontend-next/public/images/integrations/Netlify.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Next.js.png b/frontend-next/public/images/integrations/Next.js.png
deleted file mode 100644
index 94296b178..000000000
Binary files a/frontend-next/public/images/integrations/Next.js.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Northflank.png b/frontend-next/public/images/integrations/Northflank.png
deleted file mode 100644
index f2d94060b..000000000
Binary files a/frontend-next/public/images/integrations/Northflank.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Nuxt.png b/frontend-next/public/images/integrations/Nuxt.png
deleted file mode 100644
index 9b8f0f342..000000000
Binary files a/frontend-next/public/images/integrations/Nuxt.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Octopus Deploy.png b/frontend-next/public/images/integrations/Octopus Deploy.png
deleted file mode 100644
index a7a0d2ffa..000000000
Binary files a/frontend-next/public/images/integrations/Octopus Deploy.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Qovery.png b/frontend-next/public/images/integrations/Qovery.png
deleted file mode 100644
index 17343046b..000000000
Binary files a/frontend-next/public/images/integrations/Qovery.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Rails.png b/frontend-next/public/images/integrations/Rails.png
deleted file mode 100644
index 7b3eb1011..000000000
Binary files a/frontend-next/public/images/integrations/Rails.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Railway.png b/frontend-next/public/images/integrations/Railway.png
deleted file mode 100644
index 61d53cf62..000000000
Binary files a/frontend-next/public/images/integrations/Railway.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/React.png b/frontend-next/public/images/integrations/React.png
deleted file mode 100644
index 1a48b7d0d..000000000
Binary files a/frontend-next/public/images/integrations/React.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Remix.png b/frontend-next/public/images/integrations/Remix.png
deleted file mode 100644
index e46c7ab41..000000000
Binary files a/frontend-next/public/images/integrations/Remix.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Render.png b/frontend-next/public/images/integrations/Render.png
deleted file mode 100644
index 39103f5e4..000000000
Binary files a/frontend-next/public/images/integrations/Render.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Rundeck.svg b/frontend-next/public/images/integrations/Rundeck.svg
deleted file mode 100644
index 4ded97a8a..000000000
--- a/frontend-next/public/images/integrations/Rundeck.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="45.359 114.637 60.122 58.576"><path d="M46.83 113.864l7.608 12.01H92.5l-7.543-12.01zm15.26 23.98l3.684 5.754-3.968 6.32h38.4l3.815-6.017-3.815-5.907h-38.04zm-7.826 24.13l-7.455 11.77v.24h38.148l7.564-12.012z" fill="#f91629"/></svg>
\ No newline at end of file
diff --git a/frontend-next/public/images/integrations/Supabase.png b/frontend-next/public/images/integrations/Supabase.png
deleted file mode 100644
index 843be59ca..000000000
Binary files a/frontend-next/public/images/integrations/Supabase.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/SvelteKit.png b/frontend-next/public/images/integrations/SvelteKit.png
deleted file mode 100644
index 49ea4fab7..000000000
Binary files a/frontend-next/public/images/integrations/SvelteKit.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/TeamCity.png b/frontend-next/public/images/integrations/TeamCity.png
deleted file mode 100644
index c0042cda7..000000000
Binary files a/frontend-next/public/images/integrations/TeamCity.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Terraform Cloud.png b/frontend-next/public/images/integrations/Terraform Cloud.png
deleted file mode 100644
index c0000e98c..000000000
Binary files a/frontend-next/public/images/integrations/Terraform Cloud.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Terraform.png b/frontend-next/public/images/integrations/Terraform.png
deleted file mode 100644
index 166edd32a..000000000
Binary files a/frontend-next/public/images/integrations/Terraform.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Travis CI.png b/frontend-next/public/images/integrations/Travis CI.png
deleted file mode 100644
index 4108a5218..000000000
Binary files a/frontend-next/public/images/integrations/Travis CI.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Vault.png b/frontend-next/public/images/integrations/Vault.png
deleted file mode 100644
index 3cba8d11d..000000000
Binary files a/frontend-next/public/images/integrations/Vault.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Vercel.png b/frontend-next/public/images/integrations/Vercel.png
deleted file mode 100644
index 7bdcd2a19..000000000
Binary files a/frontend-next/public/images/integrations/Vercel.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Vite.png b/frontend-next/public/images/integrations/Vite.png
deleted file mode 100644
index 394614b0f..000000000
Binary files a/frontend-next/public/images/integrations/Vite.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Vue.png b/frontend-next/public/images/integrations/Vue.png
deleted file mode 100644
index 1f299e476..000000000
Binary files a/frontend-next/public/images/integrations/Vue.png and /dev/null differ
diff --git a/frontend-next/public/images/integrations/Windmill.png b/frontend-next/public/images/integrations/Windmill.png
deleted file mode 100644
index c4297077f..000000000
Binary files a/frontend-next/public/images/integrations/Windmill.png and /dev/null differ
diff --git a/frontend-next/public/images/invitation-expired.svg b/frontend-next/public/images/invitation-expired.svg
deleted file mode 100644
index 9ac60e82f..000000000
--- a/frontend-next/public/images/invitation-expired.svg
+++ /dev/null
@@ -1,305 +0,0 @@
-<svg width="1582" height="859" viewBox="0 0 1582 859" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_110_2332)">
-<path d="M1482.58 688.03C1468.07 676.02 1455.33 662.83 1442.35 645.96C1420.87 618.03 1402.49 608.33 1381.88 601.49C1350.09 590.95 1325 596.24 1292.35 594.16C1292.35 594.16 1292.35 594.16 1292.34 594.16C1275.5 594.56 1255 592.42 1227.48 585.93C1169.55 572.28 1140.58 550.96 1084.71 537.39C1028.85 523.83 972.98 519.92 871.47 563.56C769.96 607.2 723.66 610.96 675.95 628.75C628.24 646.54 589.17 646.14 545.46 639.38C533.52 637.53 521.09 635.19 508.11 632.13C508.02 632.11 507.94 632.09 507.86 632.07C507.68 632.03 507.51 631.99 507.33 631.94C507.03 631.87 506.72 631.79 506.42 631.72C430.76 613.51 378.27 604.21 327.7 629.03C275.93 654.44 266.93 681.66 239.26 703.49C207.38 728.64 185.69 711.61 129.31 736.19C81.45 757.05 55.8 785.42 0.0100098 858.13H1581.76C1581.76 858.13 1571.41 791.8 1543.42 748.6C1519.34 711.43 1497.09 700.05 1482.58 688.04V688.03Z" fill="#FFE67C"/>
-<path opacity="0.56" d="M893.42 698.77C884.77 667.66 867.81 652.35 853.51 634.83C839.21 617.3 814.61 586.21 814.61 586.21L779.65 598.1C779.65 598.1 774.57 602.44 761.39 619.52C745.52 640.09 715.72 668.45 709.07 702.12C701.68 739.56 719.47 787.84 719.47 787.84H882.16C882.16 787.84 879.75 798.19 888.06 774.27C896.37 750.35 901.47 727.71 893.43 698.78L893.42 698.77Z" fill="white"/>
-<g opacity="0.3">
-<path d="M893.41 719.74C893.06 694.91 880.42 671.52 861.57 648.93C842.5 626.07 822.71 603.07 817.71 596.57C812.7 590.06 807.96 584.83 809.29 574.15C810.62 563.47 816.01 559.75 832.7 539.39C849.39 519.03 865.33 502.83 881.16 476.79C899.08 447.31 891.73 408.42 888.83 394.43C885.93 380.44 879.97 369.81 879.97 369.81H723.63C723.63 369.81 717.66 380.44 714.77 394.43C711.87 408.42 705.42 447.31 723.33 476.79C739.16 502.83 755.1 519.04 771.79 539.39C788.47 559.75 793.86 563.47 795.2 574.15C796.53 584.83 791.79 590.06 786.78 596.57C781.77 603.08 761.99 626.08 742.92 648.93C724.07 671.52 711.44 694.91 711.08 719.74C710.52 758.91 723.43 784.48 723.43 784.48H881.08C881.08 784.48 893.99 758.91 893.43 719.74H893.41Z" fill="#BFE1E3"/>
-</g>
-<g opacity="0.6">
-<path d="M787.11 540.98C787.11 540.98 755.92 501.29 744.38 478.23C732.84 455.16 734.85 428.71 736.94 413.22C739.02 397.73 741.03 381.75 741.03 381.75H777.62C777.62 381.75 775.92 420.65 777.28 453.17C778.64 485.69 797.04 540.98 797.04 540.98H787.12H787.11Z" fill="white"/>
-</g>
-<g opacity="0.3">
-<path d="M848.5 504.6C848.5 504.6 867 478.29 869.92 441.08C872.04 414.15 871.62 381.75 871.62 381.75H855.48C855.48 381.75 857.65 412.08 856.38 443.17C855.22 471.48 842.71 504.59 842.71 504.59H850.92" fill="#9FD0D3"/>
-</g>
-<g opacity="0.3">
-<path d="M847.76 654.68C847.76 654.68 866.48 677.1 873.89 698.5C881.3 719.89 876.36 746.84 876.36 746.84H866.69C866.69 746.84 868.75 724.55 866.69 710.02C862.37 679.58 843.03 654.68 843.03 654.68H847.76Z" fill="#9FD0D3"/>
-</g>
-<path d="M644.26 297.55C644.26 297.55 642.51 299.15 642.51 300.84V320.77C642.51 320.77 643.39 324.74 646.48 324.74C649.57 324.74 950.64 324.8 955.12 324.51C959.6 324.22 961.61 323.72 961.61 319.92C961.61 316.12 962.18 302.88 961.61 300.84C961.04 298.8 959.82 297.27 957.64 296.87C955.46 296.47 659.92 296.71 659.92 296.71L644.26 297.55Z" fill="#A9A8F3"/>
-<path d="M664.1 314.38L668.91 316.53C668.91 316.53 666.89 310.71 666.51 308.87C666.13 307.03 674.69 313.52 675.66 314.1C676.63 314.68 678.44 316.87 680.33 318.07C682.22 319.27 684.45 320.13 684.45 320.13C684.45 320.13 681.79 313.35 681.23 309.83C680.67 306.31 680.81 303.35 680.81 303.35C680.81 303.35 690.02 310.69 693.63 313.35C697.24 316.01 698.37 316.53 698.37 316.53C698.37 316.53 694.15 306.57 693.89 304C693.63 301.42 693.85 298 705.2 297.7C716.55 297.4 693.65 296.04 689.55 295.67C685.45 295.3 651.71 298.05 651.71 298.05C651.71 298.05 659.03 310.96 659.32 311.26C659.61 311.56 664.1 314.37 664.1 314.37V314.38Z" fill="#7676E5"/>
-<path d="M740.16 317.01C742.87 317.8 747.75 318.05 747.75 318.05L753.5 320.92L757.48 322.48C757.48 322.48 755.25 318.61 754.56 316.48C753.87 314.36 753.87 313.92 753.87 313.92C753.87 313.92 757.12 313.86 759.37 312.42C761.62 310.98 762.47 309.36 762.47 309.36C762.47 309.36 771.07 314.41 772.7 314.72C774.32 315.03 774.43 315.39 776.47 315.92C778.51 316.45 781.55 316.55 781.55 316.55C781.55 316.55 778.96 313.42 778.46 312.28C778.46 312.28 781.55 311.23 783.05 308.06C784.55 304.89 784.74 303.92 784.74 303.92C784.74 303.92 791.06 305.34 794.9 303.73C798.74 302.12 799.79 300.66 799.79 300.66H810.68L811.68 296.88L745.6 296.48L728.35 302.11L735.63 313.93L740.17 317.01H740.16Z" fill="#7676E5"/>
-<path d="M813.23 301.61C812.24 304.63 808.54 311.9 808.54 311.9L808.17 314C808.17 314 811.44 310.36 813.22 308.86C815 307.36 816.97 306.08 816.97 306.08C816.97 306.08 819.54 306.82 822.86 306.49C826.18 306.15 827.22 305.59 827.22 305.59C827.22 305.59 832.54 311.36 835.92 313.19C839.3 315.02 842.2 315.5 842.2 315.5C842.2 315.5 841.74 315.08 842.89 316.37C844.04 317.66 846.21 319.15 846.21 319.15C846.21 319.15 845.4 316.17 845.37 314.55C845.34 312.93 845.37 312.52 845.37 312.52C845.37 312.52 850.14 316.43 863.27 313.66C876.4 310.89 884.19 306.21 891.81 303.75C899.43 301.28 907.05 299.16 922.21 300.39C937.36 301.62 937.26 300.91 937.26 300.91C937.26 300.91 856.94 297.13 841.32 296.9C825.7 296.67 814.9 296.9 814.9 296.9L813.24 301.63L813.23 301.61Z" fill="#7676E5"/>
-<path d="M928.09 300.81C934.3 301.74 940.02 304.4 944.62 306.05C949.22 307.7 954.32 308.21 957.2 306.7C960.08 305.19 961.6 302.17 961.6 302.17C961.6 302.17 962.42 299.62 960.32 297.92C958.22 296.22 955.98 296.87 955.98 296.87L925.72 298.23L928.09 300.8V300.81Z" fill="#7676E5"/>
-<path d="M642.51 320.77H961.61V322.11C961.61 323.51 960.47 324.65 959.07 324.65H645.06C643.66 324.65 642.52 323.51 642.52 322.11V320.77H642.51Z" fill="#7676E5"/>
-<path d="M622.35 343.56C622.35 343.56 611.46 329.75 609.07 310.81C606.68 291.87 609.63 278.28 609.63 278.28C609.63 278.28 614.7 304.9 626.47 317.59C638.24 330.28 644.6 331.5 645.95 335.35C647.3 339.2 646.58 349.36 646.58 349.36C646.58 349.36 655.59 354.43 661.12 357.86C666.65 361.29 672.67 364.92 672.67 364.92L668.57 358.55C668.57 358.55 679 363.63 686.55 369.53C694.1 375.43 695.47 377.76 693.69 381.19C691.91 384.62 690.97 387.48 690.97 387.48C690.97 387.48 710.91 394.37 716.53 395.95C722.15 397.53 725.56 398.34 725.56 398.34C725.56 398.34 728.59 392.58 735.36 391.74C742.13 390.9 744.38 395.43 744.22 403.06C744.06 410.69 741.87 418.65 740.16 422.64C738.44 426.63 733.97 434.22 733.97 434.22L733.54 425.92C733.54 425.92 730.63 434.8 729.03 436.95C727.43 439.1 716.88 445.45 713.55 445.63C710.22 445.81 703.34 446.81 687.7 439.98C672.06 433.15 657.62 426.09 652.35 425.81C647.08 425.53 645.88 425.79 637.53 429.54C629.17 433.29 617.25 436.5 609.72 431.09C602.19 425.68 585.59 398.33 585.59 398.33C585.59 398.33 579.21 393.09 572.07 387.38C564.93 381.67 558.77 372.79 558.77 372.79C558.77 372.79 542.26 369.2 529.3 360.37C516.34 351.54 503.97 334.67 502 331.84C500.03 329.01 499.01 327.5 499.01 327.5C499.01 327.5 516.25 336.54 524.12 339.17C532 341.8 538.12 342.78 538.12 342.78C538.12 342.78 517.23 301.85 517.9 257.23C518.57 212.61 530.42 177.64 550.55 146.52C570.69 115.4 580.96 109.95 580.96 109.95C580.96 109.95 569 92.5199 547.21 77.5299C525.41 62.5399 513.22 59.0299 511.74 50.1599C510.26 41.2899 516.18 38.1899 535.95 34.8399C555.72 31.4899 613.86 31.7799 613.86 31.7799C613.86 31.7799 604.12 19.8399 605.69 12.2899C607.26 4.73995 613.76 1.18995 623.05 1.59995C632.34 2.00995 673.3 10.7699 687.87 14.5999C702.44 18.4199 739.32 29.5999 749.27 33.6499C759.23 37.6999 786.47 51.8899 786.47 51.8899C786.47 51.8899 814.21 52.9699 845.1 64.2199C875.99 75.4699 903.56 93.7599 911.47 100.2C919.38 106.64 951.82 133.34 965.58 162.04C979.35 190.74 976.25 201.6 989.83 223.68C1003.41 245.76 1027.81 266.26 1042.51 283.18C1057.21 300.1 1067.8 316.72 1067.09 343.02C1066.38 369.32 1053.8 388.45 1038.14 400.03C1022.48 411.62 988.2 422.62 951.21 435.69C914.22 448.75 896.07 461.9 877.66 477.45C859.25 492.99 863.44 500.77 868.06 502.29C872.67 503.82 881.9 499.63 883.98 497.99C883.98 497.99 873.41 511.54 861.52 525.29C849.63 539.04 845.37 548.53 842.5 556.08C839.63 563.63 836.61 580.03 836.61 580.03C836.61 580.03 833.89 566.94 836.46 544.46C839.03 521.97 844.16 507.34 857.29 485.75C870.42 464.17 888.52 449.21 914.79 433.08C941.06 416.95 974.1 403.05 992.81 389.47C1011.52 375.89 1019.22 360.8 1016.5 341.63C1013.78 322.46 986.77 306.92 978.77 302.09C970.77 297.26 956.28 290.8 956.28 290.8C956.28 290.8 958.72 295.98 954.32 299.37C949.92 302.76 944.62 302.24 922.68 299.07C900.74 295.9 890.94 298.16 890.94 298.16C890.94 298.16 873.43 307.61 858.69 307.19C843.96 306.77 841.32 303.73 841.32 303.73C841.32 303.73 840.02 306.29 840.22 308.54C840.42 310.79 841.06 313.6 841.06 313.6C841.06 313.6 838.53 309.89 837.6 308.29C836.67 306.69 836.35 303.54 836.35 303.54C836.35 303.54 833.13 304.16 831.19 303.06C831.19 303.06 830.97 305.6 831.63 307.27C832.29 308.94 833.35 311.06 833.35 311.06C833.35 311.06 830.15 308.93 828.44 307.31C826.73 305.68 825.77 301.61 825.77 301.61C825.77 301.61 822.77 302.31 820.32 301.05C817.87 299.79 816.02 298.27 816.02 298.27C816.02 298.27 814.2 300.42 812.65 302.32C811.09 304.22 809.53 307.63 809.53 307.63C809.53 307.63 810.11 299.35 813.49 292.54C816.87 285.73 824.03 278.92 834.15 276.69C844.27 274.46 860.88 275.51 872.93 276.02C884.99 276.53 890.3 277.03 894.85 276.1C899.4 275.17 901.51 273.91 901 270.54C901 270.54 873.37 262.37 863.72 253.74C854.07 245.11 850.92 239.53 849.87 233.09C849.87 233.09 843.87 240.81 839.62 245.2C835.37 249.59 830.45 253.83 830.45 253.83C830.45 253.83 834.99 253.31 839.11 252.46C843.23 251.61 846.41 250.07 846.41 250.07C846.41 250.07 832 265.45 817.04 274.33C802.07 283.22 790.7 286.85 790.7 286.85C790.7 286.85 795.16 289.74 795.77 293.48C796.38 297.22 794.08 299.65 790.1 299.19C786.12 298.73 778.25 298.49 778.25 298.49C778.25 298.49 778.81 301.81 775.99 304.38C773.17 306.95 769.57 306.92 769.57 306.92C769.57 306.92 770.04 308.69 771.3 311.45C772.56 314.21 773.36 314.45 773.36 314.45C773.36 314.45 768.36 313.14 764.58 310.34C760.8 307.54 757.54 301.91 757.54 301.91C757.54 301.91 757.36 305.52 753.91 307.39C750.47 309.26 746.28 308.66 746.28 308.66C746.28 308.66 745.96 310.9 747.59 313.88C749.22 316.86 750.25 318.7 750.25 318.7C750.25 318.7 745.83 316.14 742.61 313.45C739.39 310.76 735.33 302.61 735.33 302.61L731.16 305.9C731.16 305.9 731.99 310.02 734.31 312.56C736.63 315.11 737.67 315.85 737.67 315.85C737.67 315.85 724.1 310.26 720.83 302.44C717.57 294.62 717.07 287.36 721.84 282.05C726.61 276.74 737.24 274.57 743.86 276.4L750.48 278.23C750.48 278.23 753.75 276.6 756.27 277.04C758.79 277.48 761.94 277.77 761.94 277.77C761.94 277.77 774 267.18 785.47 257.45C796.94 247.71 802.87 237.83 804.59 231.38C806.32 224.93 806.82 221.63 802.48 215.24C798.15 208.85 790.08 201.82 790.08 201.82C790.08 201.82 762.3 200.19 741.86 192.8C721.42 185.41 707.67 177.67 687.24 176.57C666.81 175.47 650.19 180.23 630.3 194.17C610.41 208.12 598.04 228.82 594.36 249.96C590.68 271.1 592.19 296.7 599.33 316C606.47 335.3 622.33 343.57 622.33 343.57L622.35 343.56Z" fill="#ACD53D"/>
-<path d="M643.59 185.97C643.59 185.97 657.04 176.99 679.91 176.43C702.79 175.87 705.18 181.7 728.02 188.64C750.86 195.58 761.25 198.28 769.23 199.41C777.21 200.55 790.1 201.81 790.1 201.81C790.1 201.81 797.81 209.03 801.95 214.45C806.09 219.87 806.52 225.53 805.43 228.89C804.34 232.25 801.95 237.39 801.95 237.39C801.95 237.39 770.83 241.81 751.61 237.19C732.39 232.58 713.14 226.73 695.61 214.97C678.09 203.22 668.61 195.73 660.92 192.02C653.24 188.31 643.58 185.96 643.58 185.96L643.59 185.97Z" fill="#E4F134"/>
-<path d="M850.17 209.07C850.17 208.6 849.87 202.92 847.88 199.38C845.89 195.84 845.33 194.09 845.33 194.09L859.59 193.22C859.59 193.22 856.51 198.35 854.56 201.14C852.6 203.94 850.18 209.06 850.18 209.06L850.17 209.07Z" fill="#B0B411"/>
-<path d="M777.55 239.9C777.55 239.9 783.89 239.64 790.71 239.04C797.53 238.44 803.31 236.76 803.31 236.76C803.31 236.76 798.37 244.45 795.28 247.65C792.18 250.84 788.59 254.23 788.59 254.23C788.59 254.23 783.8 251.84 781.41 247.33C779.02 242.82 777.56 239.31 777.56 239.31V239.91L777.55 239.9Z" fill="#30983A"/>
-<path d="M830.46 253.81C830.46 253.81 834.39 250.29 840.5 244.26C846.61 238.23 849.08 231.62 849.08 231.62C849.08 231.62 848.88 241.51 860.99 251.18C873.11 260.86 879.71 261.99 883.76 264.48C887.82 266.97 897.14 276.03 897.14 276.03C897.14 276.03 873.36 276.76 862.5 275.54C851.64 274.32 840.21 274.79 832.21 277.15C824.21 279.51 820.54 281.93 817.88 286.83C815.21 291.72 811.92 296.29 811.92 296.29C811.92 296.29 809.9 297.14 805.24 295.09C800.59 293.04 797.64 290.15 797.64 290.15L795.77 293.46C795.77 293.46 795.28 290.93 793.5 289.27C791.72 287.61 790.7 286.84 790.7 286.84C790.7 286.84 804.06 281.75 809.88 278.7C815.7 275.65 822.02 273.38 831.1 273.08C840.18 272.78 848.18 271.2 850.74 270.91C853.31 270.61 853.9 269.84 853.9 269.84L830.51 265.18C830.51 265.18 835.64 261.33 840.48 257.09C845.32 252.85 846.41 250.06 846.41 250.06C846.41 250.06 841.76 252.14 837.62 252.74C833.48 253.34 830.45 253.82 830.45 253.82L830.46 253.81Z" fill="#30983A"/>
-<path d="M700.19 218.5C700.19 218.5 704.93 222.12 719.3 227.76C733.67 233.4 743.33 235.66 743.33 235.66C743.33 235.66 738.44 243.06 730.16 251.84C721.88 260.62 710.94 271.67 704.08 276.1C704.08 276.1 702.53 276.85 703.93 277.41C705.33 277.97 710.85 280.05 714.38 282.78C717.91 285.51 719.55 287.07 719.55 287.07C719.55 287.07 718.09 288.75 718.35 291.79C718.61 294.83 719.14 297.73 719.14 297.73C719.14 297.73 718.73 297.24 710.49 297.31C702.25 297.38 686.68 296.87 686.68 296.87C686.68 296.87 683.78 297.4 683.89 297.73C684 298.06 689.2 308.86 689.2 308.86C689.2 308.86 682.25 303.92 680.2 302.19C678.15 300.46 676.54 298.95 676.54 298.95C676.54 298.95 674.94 301.68 673.7 302.49C672.46 303.3 671.47 303.82 671.47 303.82L677 314.88C677 314.88 670.31 311.14 666.5 307.39C662.69 303.64 659.3 299.67 659.3 299.67L657.2 303.48L659.88 309.34L662.1 312.81C662.1 312.81 652.12 308.42 647.09 301.54C642.06 294.66 640.86 292.2 641.74 286.27C642.62 280.34 643.64 278.49 646.34 276.83C649.04 275.17 654.42 275.38 654.42 275.38C654.42 275.38 656.86 272.17 660.21 271.26C663.56 270.35 671.59 273.15 671.59 273.15C671.59 273.15 675.57 271.4 680.39 265.26C685.21 259.12 690.3 248.92 694.42 238.73C698.54 228.54 700.18 218.49 700.18 218.49L700.19 218.5Z" fill="#ACD53D"/>
-<path d="M760.52 37.71C760.52 37.71 768.58 34.51 778.63 34.96C788.68 35.42 796.03 37.41 799.95 39.19C803.87 40.97 805.42 41.8 805.42 41.8C805.42 41.8 796.38 39.89 791.57 40.67C786.76 41.45 781.53 41.79 779.79 43.34C778.05 44.89 776.35 46.22 776.35 46.22L760.53 37.72L760.52 37.71Z" fill="#30983A"/>
-<path d="M860.1 68.6801C860.1 68.6801 866.67 70.1001 878.26 71.1001C889.85 72.1001 898.04 72.9501 904.1 75.6401C910.16 78.3301 917.72 84.3001 917.72 84.3001C917.72 84.3001 908.14 79.9301 903.24 81.1901C898.34 82.4501 895.91 84.3001 896.75 86.3701C897.59 88.4301 900.84 92.3001 900.84 92.3001C900.84 92.3001 882.91 82.1901 877.43 78.8001C871.96 75.4101 860.09 68.6901 860.09 68.6901L860.1 68.6801Z" fill="#30983A"/>
-<path d="M933.61 119.62C933.61 119.62 941.65 124.65 952.59 129.46C963.52 134.28 971.16 138.24 976.25 144.93C981.34 151.61 986.5 162.72 986.5 162.72C986.5 162.72 981.42 154.38 974.77 151.83C968.12 149.28 963.82 149.62 962.94 150.99C962.06 152.36 964.31 159.4 964.41 159.69C964.51 159.98 951.61 139.16 946.23 133.01C940.85 126.85 933.62 119.62 933.62 119.62H933.61Z" fill="#30983A"/>
-<path d="M1003.59 242.13C1003.59 242.13 1009.88 248.96 1022.21 251.41C1034.54 253.86 1044.34 254.77 1050.17 258.96C1056 263.16 1063.86 273.43 1063.86 273.43C1063.86 273.43 1054.23 266.37 1046.78 265.49C1039.33 264.6 1036.68 266.64 1036.09 269.52C1035.5 272.4 1036.38 276.39 1038.98 279.26C1041.58 282.13 1044.16 285.13 1044.16 285.13C1044.16 285.13 1026.09 267.05 1018.88 259.73C1011.67 252.41 1003.59 242.14 1003.59 242.14V242.13Z" fill="#30983A"/>
-<path d="M1003.18 418.17C1003.67 418.17 1014.96 414.04 1023.45 410.16C1031.94 406.28 1043.47 396.99 1043.47 396.99C1043.47 396.99 1032.83 407.19 1029.23 414.63C1025.63 422.06 1021.03 429.7 1015.44 434.68C1009.85 439.66 1006.33 440.76 1006.7 440.76C1007.07 440.76 1014.95 432.26 1013.86 425.83C1012.77 419.4 1003.18 418.18 1003.18 418.18V418.17Z" fill="#30983A"/>
-<path d="M1066.48 351.02C1066.48 351.02 1067.82 339.37 1066.68 332.03C1065.55 324.69 1062.96 314.68 1062.96 314.68C1062.96 314.68 1072.07 323.65 1076.91 332.85C1081.75 342.05 1084.64 346.21 1082.16 355.37C1079.68 364.52 1075.95 368.35 1075.95 368.35C1075.95 368.35 1078.83 359.3 1077.33 352.38C1075.84 345.46 1075.39 344.05 1073.01 343.85C1070.63 343.65 1069.58 345.03 1068.77 346.1C1067.96 347.17 1066.47 351.96 1066.47 351.96V351.03L1066.48 351.02Z" fill="#30983A"/>
-<path d="M600.4 351.3C600.48 351.35 604.9 348.84 604.9 348.84C604.9 348.84 598.85 345.91 596.12 338.02C593.39 330.13 591.15 325.54 588.51 321.35C585.88 317.16 581.29 313.55 581.29 313.55C581.29 313.55 584.21 318.52 585.09 322.52C585.97 326.52 585.05 328.84 582.1 326.95C579.15 325.06 570.95 315.11 567.54 303.7C564.13 292.29 561.88 276.88 561.88 259.72C561.88 242.56 565.78 210.67 572.51 189.61C579.24 168.55 594.64 142.61 607.32 126.72C620 110.83 649.77 89.19 649.77 89.19L639.8 70.5C639.8 70.5 630.01 74.59 624.71 77.55C619.41 80.5 613.46 84.2 613.46 84.2C613.46 84.2 613.14 82.06 615.01 76.21C616.88 70.36 620.19 64.9 620.19 64.9C620.19 64.9 610.24 71.24 607.51 76.6C604.78 81.96 602.65 91.97 602.65 91.97C602.65 91.97 592.39 100.98 582.45 115.41C572.5 129.84 561.49 152.46 558.76 158.61C556.03 164.75 553.75 174.07 553.75 174.07C553.75 174.07 551.25 170.7 551.15 166.12C551.05 161.54 551.15 155.87 551.15 155.87C551.15 155.87 548.32 162.8 547.35 169.92C546.37 177.04 547.25 183.08 548.03 186.01C548.81 188.94 549.59 189.62 549.1 191.76C548.61 193.9 546.17 202.49 544.61 217.5C543.05 232.52 543.05 251.73 545.59 267.52C548.13 283.32 553.68 296.87 558.95 306.43C564.22 315.99 569.09 325.64 579.82 335.59C590.55 345.54 600.38 351.31 600.38 351.31L600.4 351.3Z" fill="#30983A"/>
-<path d="M627.97 391.37L635.8 384.75L655.33 382.8C655.33 382.8 658.6 387.34 659.85 389.88C661.1 392.42 661.74 392.15 657 394.29C652.26 396.43 644.92 395.83 640.69 394.8C636.46 393.77 632.58 391.39 631.11 391.45C629.64 391.51 627.96 391.37 627.96 391.37" fill="white"/>
-<path d="M726.38 778.42C726.38 778.42 719.46 764.84 717.67 738.18C715.88 711.53 723.05 691.02 729.46 678.46C735.87 665.9 746.12 657.96 746.12 657.96C746.12 657.96 751.76 669.24 767.9 664.11C784.04 658.98 798.65 654.63 810.19 660.01C821.72 665.39 829.92 674.62 847.61 684.36C865.29 694.1 881.44 694.1 881.44 694.1C881.44 694.1 889.64 713.32 886.57 740.49C883.49 767.66 876.57 778.42 876.57 778.42H726.39H726.38Z" fill="url(#paint0_linear_110_2332)"/>
-<path d="M876.56 778.42C841.94 779.25 798.75 778.86 763.92 779.15L726.37 779.19H725.89C721.35 769.56 719.39 759.03 718.22 748.53C717.88 745.09 717.71 741.63 717.65 738.18C718.11 741.25 718.57 745.42 719.11 748.41C720.77 758.5 722.94 768.68 727.05 778.06L726.36 777.64L763.91 777.68C798.78 777.96 841.86 777.59 876.55 778.41L876.56 778.42Z" fill="#0E1016"/>
-<path d="M847.6 684.36C829.92 674.62 821.71 665.39 810.18 660.01C798.65 654.63 784.04 658.98 767.89 664.11C751.74 669.24 746.11 657.96 746.11 657.96C746.11 657.96 735.86 665.91 729.45 678.46C728.51 680.3 727.55 682.32 726.61 684.5L725.24 687.81C722.95 694.19 728.27 714.31 743.01 721.53C755.51 727.64 776.65 727.26 795.54 719.09C818.31 709.24 825.25 705.43 840.76 700.43C858.47 694.71 881.43 694.11 881.43 694.11C881.43 694.11 865.28 694.11 847.6 684.37V684.36Z" fill="#FFE67C"/>
-<path d="M652.32 182.73C652.32 182.73 659.51 185.9 669.3 192.97C679.09 200.05 690.83 210.78 698.72 215.39C706.61 219.99 687.04 209.72 679.08 204.04C671.12 198.36 657.99 188.74 652.32 187.6C646.65 186.46 641.76 186.34 641.76 186.34L652.32 182.73Z" fill="white"/>
-<path d="M836.2 572C836.41 570.92 836.14 559.85 845.11 538.86C854.07 517.87 868.06 502.3 868.06 502.3C868.06 502.3 871.97 503.4 876.83 501.38C881.69 499.36 886.56 494.61 886.56 494.61C886.56 494.61 876.54 507.54 866.21 519.57C855.88 531.6 849.76 541.58 845.33 549.53C840.9 557.47 836.2 572.01 836.2 572.01V572Z" fill="#30983A"/>
-<path d="M969.43 252.45C969.43 252.45 975.48 236.76 973.7 211.22C971.92 185.68 958.07 153.66 930.64 126.23C903.21 98.8 886.36 86.74 844.03 71.09C828.67 65.41 810.46 61.4 800.41 59.9L788.54 51.67C788.54 51.67 825.57 55.5 856.33 68.68C887.09 81.86 915.15 96.24 939.87 126.07C964.58 155.9 973.47 172.75 977.79 195.42C982.1 218.09 978.11 231.36 977.18 234.88C976.25 238.4 969.43 252.44 969.43 252.44V252.45Z" fill="#30983A"/>
-<path d="M978.52 200.45C978.34 199.95 978.23 199.69 978.23 199.69C978.23 199.69 978.33 199.97 978.52 200.45Z" fill="#30983A"/>
-<path d="M1048.81 290.81C1036.03 273.44 1016.1 256.8 1001.61 240.23C988.63 225.39 980.15 204.64 978.52 200.46C979.66 203.72 983.33 217.46 974.34 240.56C974.34 240.56 974.47 240.69 974.72 240.94L969.42 252.46C971.44 249.91 974.75 248.91 978.71 249.84C982.67 250.77 997.84 260.28 1007.15 266.59C1016.97 273.83 1026.47 281.63 1038.6 295.94C1054.49 314.69 1061.44 339.56 1053.9 363.1C1046.98 384.73 1029.56 399.89 1003.18 410.9C976.8 421.91 941.8 429.83 917.36 444.28C892.92 458.74 882 468.84 875.03 475.21C868.57 481.11 863.23 488.12 862.61 492.62C861.83 498.23 863.68 500.25 865.22 501.91C865.22 501.91 864.19 497.75 864.63 493.47C865.07 489.19 868.39 486.81 874.84 479.93C881.29 473.05 893.82 463.27 920.15 448.7C946.48 434.13 990.23 423.06 1018 412.55C1045.77 402.03 1057.78 382.79 1065.47 357.17C1073.16 331.55 1061.58 308.19 1048.81 290.82V290.81Z" fill="#30983A"/>
-<path d="M1012.17 321.16C1003.82 307.8 988.95 294.6 969.25 277.07C966.98 275.05 964.96 273.18 963.16 271.44C963.01 271.29 962.86 271.15 962.69 270.99C962.29 270.6 961.91 270.22 961.53 269.85C955.61 263.7 956.36 258.08 957.56 254.39C957.81 253.76 958.06 253.11 958.27 252.45C960.84 244.58 959.65 233.08 959.65 233.08C959.65 233.08 958.03 237.71 954.53 244.16C951.03 250.61 945.64 253.74 945.64 253.74L945.71 253.97C944.69 254.43 943.5 255.04 942.35 255.8C939.49 257.67 934.99 259.18 934.99 259.18C934.99 259.18 938.18 263.4 943.35 270.75C948.53 278.1 956.27 290.84 956.27 290.84C956.27 290.84 975.38 300.19 986.35 306.8C997.32 313.41 1010.22 325.52 1014.33 334.48C1018.45 343.44 1015.3 364.16 1015.3 364.16C1021.62 349.18 1020.51 334.54 1012.15 321.18L1012.17 321.16Z" fill="#30983A"/>
-<path d="M585.52 105.68C585.52 105.68 579.03 95.1399 571.84 85.5299C564.65 75.9199 555.39 68.5799 548.96 63.3699C542.53 58.1699 538.89 53.5399 538.07 50.7099C537.25 47.8799 544.75 43.1399 546.53 42.6699C548.31 42.1999 559.96 39.86 565.78 39.08C571.6 38.3 577.79 37.8 584.47 37.25C591.15 36.7 611.34 36.7 611.34 36.7C611.34 36.7 582.51 41.1999 574.67 45.9599C566.83 50.7199 566.7 58.82 571.85 68.08C576.99 77.34 585.03 91.09 588.69 102.86L585.51 105.68H585.52Z" fill="#30983A"/>
-<path d="M585.76 69.09C586.77 75.21 587.43 79.42 587.43 79.42C587.43 79.42 588.65 71.57 590.64 67.14C592.63 62.72 596.39 62.06 603.69 60.95C610.99 59.84 626.17 57.93 626.17 57.93C626.17 57.93 621.4 57.82 619.72 57.79C618.04 57.76 597.48 57.4 592.5 58.01C587.52 58.62 586.03 60.16 586 62.66C585.96 65.16 585.76 69.08 585.76 69.08V69.09Z" fill="#30983A"/>
-<path d="M667.41 137.35C667.41 137.35 671.23 128.36 673.04 118.28C674.85 108.2 676.55 101.52 681.08 97.1C685.61 92.68 698.64 95.85 714.61 102.99C730.58 110.13 707.87 101.6 703.16 100.49C698.44 99.38 689.85 97.67 686.48 101.51C683.11 105.35 680.11 110.23 678.17 116.8C676.23 123.37 673.88 127.08 672.68 129.18C671.48 131.28 667.42 137.36 667.42 137.36L667.41 137.35Z" fill="#30983A"/>
-<path d="M791.06 110.2C775.41 99.1699 754.4 87.2 739.91 81.94C730.78 78.63 722.7 78.83 719.69 80.19C716.68 81.55 715.51 84.0799 716.09 87.3799C716.67 90.6899 722.21 95.25 732.52 103.91C742.82 112.56 753.23 123.74 753.23 123.74C753.23 123.74 745.42 112.9 739.09 106.65C732.76 100.4 726.16 94.0699 724.85 91.5899C723.54 89.1099 721.99 86.26 725.59 85.3C729.19 84.34 739.09 84.53 753.88 91.37C768.67 98.21 791.05 110.19 791.05 110.19L791.06 110.2Z" fill="#30983A"/>
-<path d="M814.42 127C814.42 127 806.13 116.48 794.52 105.75C782.91 95.02 763.36 80.72 755.91 75.76C745.98 69.14 742.18 65.25 743.99 62.33C745.92 59.21 753.1 60.97 761.28 63.63C767.63 65.69 777.29 69.96 807.9 89.58C807.9 89.58 778.17 73.75 770.25 70.76C762.33 67.77 758.55 66 756.88 66.53C755.21 67.06 755.56 69 758.2 70.93C760.84 72.87 773.61 80.96 791.06 98.11C808.51 115.26 814.42 127.02 814.42 127.02V127Z" fill="#30983A"/>
-<path d="M615.68 3.74995C617.69 3.28995 624.94 3.70995 663.09 11.9999C701.24 20.2899 738.15 31.4899 766.76 44.5499C795.37 57.61 818.06 75.0699 837.12 96.2199C856.19 117.37 865.48 132.5 865.48 132.5C865.48 132.5 860.37 120.16 847.29 103.41C834.22 86.67 812.8 67.52 796.69 57.7299C780.58 47.95 766.36 39.3899 744.64 31.9199C722.92 24.4499 686.27 12.7399 666.42 9.56995C646.57 6.39995 629.38 2.04995 621.88 1.61995C614.37 1.18995 615.68 3.72995 615.68 3.72995V3.74995Z" fill="#30983A"/>
-<path d="M661.68 106.65C662.44 110.9 662.68 117.3 662.68 117.3C662.68 117.3 664.06 107.21 661.48 95.06C658.9 82.91 653.82 65.57 649.79 56.03C645.76 46.49 641.61 37.77 640.51 34.61C638.87 29.9 639.3 25.02 647.87 23.67C654.9 22.56 667.1 22.78 687.67 26.09C708.24 29.4 734.85 37.47 734.85 37.47C734.85 37.47 707.82 27.52 674.55 20.82C641.28 14.11 632.71 12.99 627.32 16.07C621.93 19.15 620.57 23.12 626.16 31.15C631.75 39.18 646.21 65.87 646.21 65.87C652.32 78.42 658.86 94.91 659.95 98.58C661.04 102.26 661.67 106.65 661.67 106.65H661.68Z" fill="#30983A"/>
-<path d="M676.24 88.04C676.24 88.04 672.8 77.88 671.37 74.1C669.94 70.32 671.29 69.87 672.29 70.05C673.29 70.23 677.09 72.91 679.96 75.5C682.82 78.09 676.85 70.96 674.06 69.06C671.27 67.15 652.73 47.23 652.73 47.23C652.73 47.23 653.99 50.82 656.51 55.46C659.03 60.1 663.95 65.51 667.41 70.89C670.87 76.27 676.24 88.04 676.24 88.04Z" fill="#30983A"/>
-<path d="M723.02 51.88C723.02 51.88 714.33 49.76 712.07 49.41C709.81 49.06 711.15 50.53 713.2 51.88C715.25 53.23 729.36 63.19 733.51 66.52C733.51 66.52 705.14 50.47 694.18 45.1C683.22 39.73 676.22 37.39 680.39 37.61C684.56 37.82 693.19 40.23 699.69 42.91C706.19 45.6 723.02 51.89 723.02 51.89V51.88Z" fill="#30983A"/>
-<path d="M573.12 192.04C577.22 180.8 582.88 169.95 592.66 153.69C602.44 137.43 615.53 121.45 630.13 108.64C644.73 95.8301 651.03 91.9601 651.03 91.9601L649.79 89.1801C649.79 89.1801 631.92 97.2601 608.57 125.82C585.22 154.38 573.63 186.34 573.63 186.34L573.13 192.04H573.12Z" fill="#30983A"/>
-<path d="M582.84 388.86C582.84 388.86 575.57 383.92 566.72 374.16C564.22 373.73 561.18 373.21 558.23 372.69C558.46 373.01 558.69 373.32 558.92 373.63C566.68 384.25 586.61 397.42 586.61 397.42C585.48 395.43 582.84 388.86 582.84 388.86Z" fill="#EAFFAA"/>
-<path d="M537.53 342.11C539.98 342.5 542.78 342.94 545.6 343.39C535.63 325.33 527.35 304.85 524.19 281.85C520.21 252.89 523.71 223.45 529.92 200.06C536.13 176.67 542.81 162.98 542.81 162.98C542.81 162.98 533.79 176.18 527.56 194.72C521.32 213.26 517.8 262.54 518.58 276.01C519.36 289.48 527.87 317.52 532.51 331.15C533.68 334.58 535.44 338.3 537.54 342.11H537.53Z" fill="#EAFFAA"/>
-<path d="M609.4 298.66C609.51 301.82 613.28 318.94 619.78 327.72C626.28 336.5 633.76 339.58 637.66 340.88C641.56 342.18 644.8 340.39 644.75 337.6C644.7 334.81 642.51 332.4 642.51 332.4C642.51 332.4 647.26 332.74 647.26 337.15C647.26 341.56 646.61 348.83 646.61 348.83L630.89 342.91L636.42 351.3C636.42 351.3 628.18 346.89 625.53 345.09C622.88 343.29 619.55 338.88 618.48 337.05C617.42 335.21 612.7 325.93 610.66 316.82C608.62 307.71 609.4 298.66 609.4 298.66Z" fill="#30983A"/>
-<path d="M710.42 431.82C712.97 431.46 714.24 431 714.63 430.83C715.02 430.66 720.53 429.24 723.28 425.75C726.03 422.26 726.26 417.58 726.26 416.62V413.22C726.26 413.22 724.2 418.85 721.14 422.16C717.79 425.79 713.33 427.71 708.43 428.33C703.23 428.99 696.03 427.96 692.75 422.36C692.75 422.36 693.57 430.01 699.89 431.6C706.21 433.18 710.42 431.82 710.42 431.82Z" fill="#30983A"/>
-<path d="M741.02 398.57C740.85 396.19 737.64 395.79 735.5 397.6C733.79 399.05 733.04 401.37 731.77 404.08C730.5 406.79 728.95 408.78 728.95 408.78C730.22 408.34 731.94 406.84 732.85 405.74C732.85 405.74 734.89 403.16 736.94 401.41C738.99 399.67 741.03 398.57 741.03 398.57H741.02Z" fill="#30983A"/>
-<path d="M726.26 413.22C726.26 413.22 726.36 416.08 729.43 418.9C732.5 421.71 736.75 420.46 738.4 418.12C740.05 415.78 742.85 410.43 743.25 402.43C743.65 394.44 744.84 402.56 744.2 406.28C743.56 410 744.77 411.41 741.2 419.81C737.63 428.2 734.99 431.25 734.99 431.25L733.51 424.82C733.51 424.82 730.75 425.92 728.25 422.17C725.75 418.42 725.7 416.18 725.7 416.18L726.26 413.23V413.22Z" fill="#30983A"/>
-<path d="M732.57 426.08C732.57 426.08 731 430.85 728.34 433.61C725.68 436.37 719.45 434.31 719.45 434.31C719.45 434.31 720.78 435.78 722 436.44C722.8 436.87 723.25 437.03 723.25 437.03C723.25 437.03 715.73 441.63 708.98 441.87C702.23 442.11 694.67 440.14 689.78 438.18C684.89 436.22 664.17 428.76 664.17 428.76C664.17 428.76 678.02 434.49 686.6 439.51C695.17 444.53 704.13 447.1 711.58 445.74C719.03 444.38 727.1 440.81 729.87 436.09C732.64 431.37 732.58 426.08 732.58 426.08H732.57Z" fill="#30983A"/>
-<path d="M694.48 401.71C695.45 401.02 697.57 400.54 702.32 400.93C707.07 401.32 711.22 403.05 714.79 404.62C718.36 406.19 719.61 406.57 719.61 406.57C719.61 406.57 715.79 403.4 711.59 401.31C707.39 399.21 705.1 398.36 699.88 398.79C694.66 399.22 694.49 401.72 694.49 401.72L694.48 401.71Z" fill="#30983A"/>
-<path d="M678.29 391.45C675.65 392.32 671.39 393.29 671.39 393.29C671.39 393.29 677.6 389.95 681.79 387.02C685.98 384.09 689.05 379.9 688.6 376.84C688.15 373.77 671.04 360.4 671.04 360.4C671.04 360.4 679.59 363.98 686.94 369.84C694.29 375.7 696.42 377.08 694.5 380.27C692.58 383.46 691.52 386.87 689.16 387.93C686.8 388.99 678.31 391.45 678.31 391.45H678.29Z" fill="#30983A"/>
-<path d="M680.7 379.11C680.7 379.11 680.18 375.37 678.83 370.81C677.47 366.25 674.19 360.73 674.19 360.73L668.67 359.4C668.67 359.4 673.49 367.26 673.53 367.39C673.57 367.52 680.7 379.11 680.7 379.11Z" fill="#30983A"/>
-<path d="M652.32 362.46C652.32 362.46 647.78 356.36 643.35 351.99C638.92 347.62 634.86 345.79 634.86 345.79L636.9 350.84L640.94 353.41L652.31 362.46H652.32Z" fill="#30983A"/>
-<path d="M680.4 384.75C681.21 383.66 681.62 381.38 680.71 379.11C679.79 376.84 676.24 370.55 670.09 365.34C663.93 360.13 652.39 352.7 645.81 349.19C639.23 345.68 632.55 344.41 632.55 344.41L634.88 345.79L641.11 349.94C641.11 349.94 649.23 354.11 656.89 358.61C664.55 363.11 671.3 369.92 675.37 374.32C679.44 378.72 679.99 381.26 680.2 382.39C680.4 383.46 680.4 384.75 680.4 384.75Z" fill="#30983A"/>
-<path d="M620.45 388.86C620.45 388.86 621.79 385.58 628.26 381.86C634.73 378.14 639.8 378.14 645.3 377.48C650.8 376.83 658.69 376.79 661.25 376.39C663.81 375.99 666.85 374.63 666.85 374.63C666.85 374.63 666.42 375.11 665.54 375.72C664.66 376.33 661.74 379.16 658.4 380.21C655.06 381.26 649.64 381.96 640.79 383.37C631.94 384.79 626.98 385.01 625.52 385.88C624.06 386.75 620.44 388.85 620.44 388.85L620.45 388.86Z" fill="#30983A"/>
-<path d="M624.03 394.14C624.03 394.14 624.47 391.02 625.26 388.91C626.05 386.8 627.56 385.12 627.56 385.12C627.56 385.12 637 383.5 636.86 383.59C636.72 383.68 627.96 391.37 627.96 391.37L624.02 394.14H624.03Z" fill="#30983A"/>
-<path d="M600.48 391.45C600.48 391.45 600.21 393.37 600.7 397.03C601.19 400.68 603.01 404.46 604.46 406.04C605.91 407.62 612.64 405.17 612.64 405.17C612.64 405.17 607.42 405 604.71 400.47C602 395.95 600.49 391.45 600.49 391.45H600.48Z" fill="#30983A"/>
-<path d="M602.33 405.44C602.33 405.44 603.82 410.23 608.6 415.01C613.38 419.79 621.72 425.4 632.53 425.37C643.2 425.34 642.49 422.71 647.5 421.14C652.51 419.57 656.43 415.9 668.68 419.56C668.68 419.56 658.23 414.79 654.29 414.89C650.34 414.99 639.24 417.84 631.17 418.07C623.1 418.29 616.37 415.23 612.04 412.54C607.71 409.85 602.33 405.44 602.33 405.44Z" fill="#30983A"/>
-<path d="M610.84 429.95C612.88 430.98 617.1 431.94 622.66 431.07C628.22 430.2 636.07 424.75 640.24 422.79C644.41 420.83 648.76 418.16 655.91 425.83C655.91 425.83 650.85 425.06 646.44 426.09C642.03 427.12 635.53 431.52 631.01 432.8C626.49 434.08 624.63 435.3 618.12 434.37C611.62 433.44 610.84 429.96 610.84 429.96V429.95Z" fill="#30983A"/>
-<path d="M666.85 393.48C666.85 393.48 665.77 392.67 665.11 390.54C664.45 388.41 664.16 383.72 663.97 381.75C663.78 379.78 663.69 377.55 663.69 377.55C663.69 377.55 658 381.61 656.67 381.86C655.34 382.11 655.2 382.69 655.33 382.8C655.46 382.91 658.38 385.04 659.61 387.65C660.84 390.26 661.6 392.41 661.6 392.41L657 394.29L648.75 396.85C648.75 396.85 653.96 397.19 659.51 395.95C665.06 394.71 666.84 393.48 666.84 393.48H666.85Z" fill="#30983A"/>
-<path d="M637.71 393.03C635.5 392.02 635.56 389.5 636.31 388.6C637.47 387.22 639.54 386.57 646.08 386.37C652.63 386.18 655.12 387.58 656.6 388.9C658.15 390.28 658.16 392.16 657.39 392.79C656.62 393.42 659.27 392.79 659.8 392.4C660.33 392.02 658.83 388.7 657.8 386.41C656.77 384.12 653.88 382.29 653.88 382.29C653.88 382.29 636.89 383.13 636.86 383.58C636.83 384.03 627.96 391.36 627.96 391.36C627.96 391.36 629.9 391.68 633.22 392.4C636.54 393.12 637.7 393.03 637.7 393.03H637.71Z" fill="#DADADA"/>
-<path d="M992.85 298.61C981.4 287.94 966.05 276.25 968.45 266.75C971.61 254.24 991.89 249.38 1027.95 284.29C1027.95 284.29 1014.11 267 1000.17 252.9C986.23 238.8 977.88 244.29 976.1 246.07C974.32 247.85 969.41 252.45 969.41 252.45L954.26 262.44C954.26 262.44 958.76 276.22 962.45 278.68C966.13 281.14 992.83 298.61 992.83 298.61H992.85Z" fill="#30983A"/>
-<path d="M956.91 160.25C963.37 172.79 969.15 190.86 969.15 212.58C969.15 234.3 955.52 252.89 955.52 252.89C955.52 252.89 951.82 269.86 952.52 269.3C953.22 268.74 969.44 252.44 969.44 252.44C969.44 252.44 978.75 239.62 977.19 217.2C975.63 194.78 968.23 172.37 963.61 165.9C958.99 159.43 956.92 160.25 956.92 160.25H956.91Z" fill="#30983A"/>
-<path d="M853.21 241.97C853.21 241.97 860.04 234.74 861.32 223.58C862.6 212.42 857.27 198.54 857.27 198.54L851.52 210.61C851.52 210.61 852.6 214.74 851.22 223.58C849.83 232.42 849.33 233.79 849.33 233.79L853.22 241.97H853.21Z" fill="#30983A"/>
-<path d="M832.22 175.52C832.22 175.52 842.28 174.3 862.42 175.52C882.56 176.74 901.72 178.44 926.36 195.42C926.36 195.42 908.99 186.41 896.67 184.48C884.36 182.54 873.43 184.48 868.87 188.07C864.31 191.66 860.16 193.22 860.16 193.22L845.64 196.36C845.64 196.36 841.21 187.37 838.86 184.33C836.51 181.29 832.21 175.51 832.21 175.51L832.22 175.52Z" fill="#30983A"/>
-<path d="M918.3 260.15C913.02 259 909.51 257.2 909.51 257.2C909.51 257.2 916.45 258.57 928.03 254.71C939.61 250.85 945.51 245.88 951.21 240.05C956.91 234.22 962.06 223.42 962.06 223.42C962.06 223.42 960.76 229.69 959.65 233.07C958.54 236.45 953.14 247.34 947.74 251.97C942.34 256.6 936.51 259.16 932.14 260.15C927.77 261.14 922.68 260.89 922.68 260.89L918.3 260.15Z" fill="#30983A"/>
-<path d="M830.9 302.46C830.9 302.46 830.21 296.47 835.2 290.41C840.19 284.36 849.23 281.99 857.03 281.76C857.03 281.76 845.95 283.69 842.05 288.67C838.15 293.64 836.48 297.78 836.6 299.82C836.72 301.86 836.66 303.24 836.66 303.24C836.66 303.24 835.65 303.79 833.64 303.72C831.63 303.65 830.91 302.46 830.91 302.46H830.9Z" fill="#30983A"/>
-<path d="M818.62 300.07C818.62 300.07 819.62 295.31 823.01 289.91C826.41 284.51 831.86 280.33 840.66 278.45C840.66 278.45 834.17 281.3 830.59 285.54C827.01 289.78 826.27 291.1 825.87 294.38C825.47 297.66 825.77 301.59 825.77 301.59C825.77 301.59 824.25 301.48 821.92 301.06C819.59 300.64 818.62 300.06 818.62 300.06V300.07Z" fill="#30983A"/>
-<path d="M862.42 277.72C862.42 277.72 853.9 276.37 844.43 276.44C844.43 276.44 853.29 275.13 866.25 275.71C879.21 276.29 895.07 277.11 898.1 275.91C901.13 274.71 901 270.52 901 270.52C901 270.52 911.8 275 915.43 276.13C919.06 277.26 922.67 279.76 922.67 279.76C922.67 279.76 917.42 282.06 908.53 281.77C899.65 281.47 888.02 281.38 862.41 277.73L862.42 277.72Z" fill="#30983A"/>
-<path d="M952.76 285.11C948.51 278.41 934.99 259.15 934.99 259.15L918.29 260.15C924.16 261.75 927.62 263.81 933.57 269.84C939.52 275.87 944.91 284.38 946.84 287.94C948.76 291.51 947.94 295.67 946.38 296.47C944.82 297.27 942.25 297.43 935.69 297.11C929.05 296.79 921.8 296.17 915.86 296.09C914.83 296.05 913.74 296.01 912.57 295.98C901.05 295.68 895.19 294.58 892.62 293.33C891.43 292.75 890.04 292.79 888.86 293.39C886.47 294.6 882.32 296.59 878.1 298.09C872.61 300.04 864.35 302.89 854.39 303.72C844.43 304.55 840.97 302.46 840.97 302.46C840.97 302.46 842.11 305.72 847.31 306.83C852.5 307.94 854.96 307.56 862.51 307.1C869.16 306.69 884.8 302.41 889.6 298.62L921.07 299.05C922.93 299.23 924.8 299.43 926.66 299.64C943.91 301.64 952.3 303.06 955.25 299.64C958.21 296.22 957.01 291.81 952.76 285.11Z" fill="#30983A"/>
-<path d="M820.85 257.1C820.85 257.1 830.26 249.64 837.53 239.29C845.33 228.19 846.66 218.42 845.66 210.08C843.94 195.75 827.8 170.07 827.8 170.07C827.8 170.07 843.06 187.55 847.83 200.44C852.6 213.33 853.65 219.07 850.24 227.41C846.83 235.75 837.6 246.92 834.93 249.64C832.27 252.35 829.63 254.21 829.63 254.21L846.41 250.04C846.41 250.04 836.44 259.61 828.31 266.47C820.18 273.33 804.47 281.57 798.36 283.92C792.25 286.27 782.39 287.09 782.39 287.09C782.39 287.09 793.35 283.2 805.67 276.13C820.27 267.76 831.42 256.32 831.42 256.32C831.42 256.32 823.67 257.27 820.83 257.08L820.85 257.1Z" fill="#30983A"/>
-<path d="M663.56 176.63C674.21 173.61 680.15 172.52 696.33 174.14C712.51 175.76 725.02 182.46 741.58 187.01C758.14 191.56 783.83 195.76 783.83 195.76L790.12 201.82C790.12 201.82 762.17 200.1 741.9 192.8C721.62 185.5 705.57 177.92 699.88 177.29C694.19 176.66 686.19 175.42 676.75 176.53C667.31 177.64 663.57 176.64 663.57 176.64L663.56 176.63Z" fill="#30983A"/>
-<path d="M667.41 137.35C667.41 137.35 674.79 133.75 686 123.18C697.21 112.61 701.34 107.84 711.01 108.1C720.68 108.36 745.17 122.02 750.97 125.25C750.97 125.25 731.12 110.68 713.07 104.37C695.02 98.05 689.09 98.05 685.35 102.44C681.61 106.83 682.66 106.37 678.72 115.3C674.78 124.23 667.41 137.37 667.41 137.37V137.35Z" fill="#30983A"/>
-<path d="M752.2 119.67C752.04 120.47 775.83 135.92 781.41 140.51C781.41 140.51 764.51 120.16 755.97 110.48C747.44 100.8 742.02 94.56 742.02 92.1C742.02 89.64 748.35 89.63 758.83 94.67C758.83 94.67 744.05 87.04 734.85 85.53C725.65 84.03 720.9 85.15 724.84 91.59C728.79 98.03 747.46 116.2 747.46 116.2L752.19 119.66L752.2 119.67Z" fill="#30983A"/>
-<path d="M807.45 115.22C807.45 115.22 820.2 123.72 828.12 130.1C836.04 136.48 841.26 141.88 841.26 141.88C841.26 141.88 823.37 113.69 804.85 95.68C792.12 83.3 779.83 76.2 779.83 76.2C779.83 76.2 767.56 68.53 761.14 67.05C754.72 65.57 751.55 66.21 758.2 70.92C764.85 75.63 778.26 83.22 787.93 95.07C797.6 106.92 807.46 115.23 807.46 115.23L807.45 115.22Z" fill="#30983A"/>
-<path d="M894.8 144.52C894.8 144.52 880.2 118.16 857.99 95.25C835.78 72.34 794.18 53.88 794.18 53.88L800.42 59.89L845.33 101.5L849.88 106.8C849.88 106.8 860.14 114.75 872.13 124.59C884.13 134.44 894.79 144.52 894.79 144.52H894.8Z" fill="#30983A"/>
-<path d="M563.44 247.03C563.06 255 563.35 272.07 567.85 290.36C572.35 308.65 577.08 316.14 585.36 325.9C585.36 325.9 582.61 330.32 574.81 318.6C569.14 310.09 566.25 299.53 564.33 289.69C562.41 279.85 560.47 263.45 561.29 258.09C562.1 252.73 563.45 247.02 563.45 247.02L563.44 247.03Z" fill="#30983A"/>
-<path d="M594.34 333.24C594.34 333.24 600.9 340.19 605.1 342.79C609.3 345.39 613.37 346.71 613.37 346.71C613.37 346.71 605.7 349.3 604.89 348.84C604.08 348.38 598.32 342.92 597.44 341.07C596.56 339.22 594.33 333.24 594.33 333.24H594.34Z" fill="#30983A"/>
-<path d="M597.89 336.8C600.4 339.12 603.34 341.88 606.22 341.07C609.09 340.26 606.51 336.53 604.86 334.08C603.21 331.64 594.08 319.13 590.59 300.89C587.1 282.65 586.65 262.49 591.24 243.22C595.84 223.95 606.51 207.38 623.26 194.16C640.01 180.94 664.16 176.05 671.93 174.77C671.93 174.77 646.68 180.05 632.62 192.03C618.56 204.01 609.45 210.49 601.5 227.94C593.56 245.39 591.45 266.82 592.57 279.59C593.69 292.36 597.35 313.67 604.8 324.74C612.25 335.81 611.02 331.27 619.69 339.69C628.36 348.11 631.66 350.33 631.66 350.33C631.66 350.33 621.85 344.58 613.37 346.71C604.89 348.84 602.98 349.87 602.98 349.87C602.98 349.87 599.1 345.03 598.47 342.52C597.84 340.01 597.88 336.79 597.88 336.79L597.89 336.8Z" fill="#30983A"/>
-<path d="M603.45 369.58C603.45 369.58 597.87 363.12 588.92 356.55C579.97 349.98 576.32 351.83 565.72 350.34C555.29 348.87 529.69 345.23 512.72 334.95C512.72 334.95 518.24 338.49 537.53 342.11C556.82 345.73 574.53 347.28 581.21 347.06C587.89 346.84 588.71 347.61 592.4 351.54C596.09 355.47 603.45 369.58 603.45 369.58Z" fill="#30983A"/>
-<path d="M774.66 286.84C774.66 286.84 775.22 290.62 774.23 294.78C773.24 298.94 769.84 300.52 769.84 300.52C769.84 300.52 768.99 302.35 768.62 304.27C768.26 306.2 769.58 306.91 769.58 306.91C769.58 306.91 775.63 306.56 776.95 303.23C778.27 299.9 778.27 296.51 777.77 293.6C777.27 290.68 774.66 286.84 774.66 286.84Z" fill="#30983A"/>
-<path d="M762.47 279.94C759.52 281.51 752.25 284.89 749.37 291.97C746.49 299.05 747.05 305.39 748.81 308.96C748.81 308.96 753.9 307.47 756.12 305.34C758.34 303.21 757.71 302.44 757.02 297.67C756.33 292.91 755.98 290.09 757.6 287.11C759.22 284.13 762.48 279.93 762.48 279.93L762.47 279.94Z" fill="#30983A"/>
-<path d="M729.89 305.31C729.04 302.19 728.18 298.07 730.29 291.13C732.4 284.19 738.89 278.98 746.32 277.85C746.32 277.85 739.72 282.42 736.99 287.11C734.26 291.8 732.68 292.34 733.64 296.7C734.59 301.06 735.08 303.23 735.08 303.23L732.21 305.3H729.9L729.89 305.31Z" fill="#30983A"/>
-<path d="M774.66 286.84C774.66 286.84 776.78 288.24 782.4 287.11C788.01 285.98 788.68 286.32 790.36 286.84C792.04 287.35 794.42 288.55 795.15 291.62C795.88 294.69 796.5 298.06 793.38 298.77C790.25 299.48 786.57 299.26 783.05 298.77C779.53 298.28 778.28 297.68 778.28 297.68C778.28 297.68 778.34 294.47 777.47 291.91C776.6 289.35 774.67 286.84 774.67 286.84H774.66Z" fill="#30983A"/>
-<path d="M774.66 286.84C774.4 284.44 773.66 281.97 771.7 280.76C769.74 279.54 768.02 279.37 765.38 280.52C762.74 281.67 765.24 278.9 767.81 278.7C770.38 278.5 775.57 278.48 780.83 281.26C786.09 284.04 787.27 285.4 792.3 283.01C797.32 280.62 792.62 283.83 790.95 285.18C789.28 286.53 786.45 288.98 783.82 289.2C781.19 289.42 776.37 287.93 776.37 287.93L774.67 286.85L774.66 286.84Z" fill="#30983A"/>
-<path d="M700.83 222.16C700.72 222.47 709.22 232.25 719.14 238.37C729.06 244.49 734.62 246.89 734.62 246.89L742.89 235.56C742.89 235.56 726.22 231.65 716.7 226.72C707.18 221.8 700.84 218.5 700.84 218.5V222.16H700.83Z" fill="#30983A"/>
-<path d="M699.19 275.85C697.05 274.97 695.72 274.76 695.72 274.76C695.72 274.76 701.73 272.57 712.23 262.55C722.73 252.53 731.19 236.76 731.19 236.76L739.65 240.71C739.65 240.71 729.09 253.73 720.12 262.16C711.15 270.58 703.15 277.42 703.15 277.42L699.18 275.85H699.19Z" fill="#30983A"/>
-<path d="M682.43 296.42C681.68 294.18 681.52 291.45 681.52 291.45C681.52 291.45 683.64 291.6 687.26 286.68C690.89 281.75 690.31 275.27 690.31 275.27C690.31 275.27 691.77 276.84 692.4 280.34C693.03 283.84 693.28 287.55 691.92 291.2C690.56 294.85 686.75 296.6 685.32 297.17C683.89 297.74 682.43 296.42 682.43 296.42Z" fill="#30983A"/>
-<path d="M695.72 274.76C695.72 274.76 701.71 278.88 705.2 282.4C708.69 285.92 706.31 289.36 702.64 289.19C698.96 289.02 693.07 288.69 693.07 288.69L688.73 297.31L718.59 296.88C718.59 296.88 717.95 291.39 718.43 289.78C718.92 288.16 719.67 286.68 719.67 286.68C719.67 286.68 718.5 284.49 712.96 281.27C707.43 278.05 701.47 275.86 701.47 275.86L695.72 274.77V274.76Z" fill="#30983A"/>
-<path d="M690.31 275.26C690.31 275.26 693.93 278.79 696.11 283.57C698.29 288.35 698.37 292.54 698.37 292.54H691.12C691.12 292.54 691.66 285.92 691.66 282.98C691.66 280.04 690.31 275.25 690.31 275.25V275.26Z" fill="#30983A"/>
-<path d="M668.56 272.34C668.41 272.2 663.35 275.13 662.82 282.49C662.15 291.71 665.08 302.89 669.53 308.87C673.97 314.85 676.95 314.86 676.62 314.68C676.29 314.5 670.79 303.95 670.79 303.95C670.79 303.95 674.86 302.13 675.7 300.54C676.54 298.95 675.99 298.4 675.99 298.4C675.99 298.4 670.77 293.71 669.73 288.6C668.69 283.48 667.7 281.01 669.73 277.46C671.76 273.9 672.99 272.82 672.99 272.82L668.56 272.34Z" fill="#30983A"/>
-<path d="M654.54 307.27C654.54 307.27 651.05 302.32 649.79 296.87C648.22 290.09 647.19 283.05 652.65 276.07C652.65 276.07 650.2 278.53 652.72 286.03C655.25 293.53 659.43 299.85 659.43 299.85L657.3 303.7L661.43 311.99L654.54 307.27Z" fill="#30983A"/>
-<path d="M710.65 222.16C721.4 226.3 726.24 228.74 736.69 229.31C747.13 229.88 756.95 227.79 764.26 221.33C771.56 214.87 777.3 202.08 766.31 200.38C755.32 198.68 755.23 196.86 759.56 197.72C763.89 198.59 787.99 201.8 787.99 201.8C787.99 201.8 789.37 200.96 792.09 203.6C794.81 206.24 802.55 212.66 804.71 218.49C806.88 224.32 805.97 227.56 804.61 231.36C803.26 235.16 801.96 237.37 801.96 237.37C801.96 237.37 783.58 240.89 763.72 239.02C743.85 237.15 735.12 234.45 724.29 230.73C713.46 227 710.66 222.14 710.66 222.14L710.65 222.16Z" fill="#B0B411"/>
-<path d="M676.36 200.59C677.42 201.33 680.38 202.18 685.94 199.27C691.5 196.36 698.43 192.76 703.09 188.36C707.75 183.97 709.62 182.38 706.53 181.46C703.44 180.54 709.74 180.21 712.31 181.54C714.87 182.87 714.04 183.7 714.04 183.7C714.04 183.7 706.47 191.01 700.24 195.54C694.01 200.07 681.5 205.29 681.5 205.29L676.36 200.59Z" fill="#B0B411"/>
-<path d="M713.15 223.13C714.82 223.78 716.82 224.73 719.3 223.42C721.78 222.11 730.4 215.75 736.67 209.34C742.94 202.93 745.5 199.23 746.19 198.2C746.88 197.17 745.63 195.71 742.69 194.8C739.75 193.9 748.01 195.32 749.84 195.76C751.66 196.2 750.78 197.51 750.78 197.51C750.78 197.51 741.2 208.71 733.9 215.52C726.59 222.33 719.78 227.35 719.78 227.35L713.16 223.14L713.15 223.13Z" fill="#B0B411"/>
-<path d="M632.53 372.86C625.21 374.23 620.15 378.92 617.04 382.8C617.04 382.8 614.88 377.3 614.16 372.01C613.44 366.72 615.89 363.69 619.91 364.58C623.94 365.46 632.53 372.86 632.53 372.86Z" fill="#EAFFAA"/>
-<path d="M629.72 403.86C634.27 405.59 642.09 406.03 648.75 404.73C655.41 403.43 662.99 400.94 662.99 400.94C662.99 400.94 653.52 408.77 644.36 409.46C635.2 410.15 629.72 403.87 629.72 403.87V403.86Z" fill="#EAFFAA"/>
-<path d="M694.62 415.24C694.62 415.24 693.02 413.46 692.75 410.96C692.48 408.46 693.1 400.66 701.07 400.1C701.07 400.1 696.53 398.65 693.14 400.84C689.75 403.03 690.17 403.25 689.93 406.36C689.69 409.47 690.58 410.93 691.3 412.18C692.02 413.43 694.62 415.23 694.62 415.23V415.24Z" fill="#EAFFAA"/>
-<path d="M652.32 362.46C652.32 362.46 639.78 357.02 628.78 353.34C613.04 348.07 600.48 353.34 600.48 353.34C600.48 353.34 600.58 349.79 609.63 348.51C618.68 347.23 623.03 347.38 629.72 349.34C636.42 351.3 642.14 354.5 644.33 356.38C646.52 358.27 652.31 362.45 652.31 362.45L652.32 362.46Z" fill="#EAFFAA"/>
-<path d="M537.45 354.44C537.45 354.44 546.66 356.97 556.21 358.03C565.76 359.09 571.23 361.46 575.63 363.17C580.04 364.88 585.1 367.56 585.1 367.56C585.1 367.56 566.71 365.56 558.08 362.92C549.44 360.28 542.01 357.12 541.43 356.81C540.85 356.5 537.45 354.43 537.45 354.43V354.44Z" fill="#EAFFAA"/>
-<path d="M577.61 103.33C569.88 93.5699 560.74 84.7699 549.77 74.6099C538.8 64.4399 528.18 58.7299 524.52 53.6999C520.86 48.6699 522.69 43.9899 526.8 41.6999C530.91 39.4199 540.77 36.1099 556.17 34.2199C571.58 32.3299 547.92 32.9299 534.84 35.0299C521.76 37.1299 514 41.3299 511.94 44.8299C509.88 48.3299 510.26 55.2499 515.82 58.2699C521.38 61.2899 530.67 67.0699 541.07 74.1499C551.47 81.2299 563.79 92.0299 569.06 96.8799C574.33 101.74 577.59 103.33 577.59 103.33H577.61Z" fill="#EAFFAA"/>
-<path d="M655.03 138.48C658.46 133.68 660.04 125.27 659.35 112.63C658.35 94.3599 651.37 82.8599 646.64 73.3999C637.4 54.9199 624.29 39.4699 618.74 29.9199C613.2 20.3699 610.77 14.8399 610.89 10.6999C611 6.46995 613.41 4.15995 616.77 3.54995C620.12 2.93995 612.63 3.23995 611.59 3.90995C610.55 4.58995 606.24 7.57995 605.67 10.6799C605.1 13.7799 604.51 17.9599 613.84 31.7999C623.17 45.6499 627.28 46.13 636.4 64.9C645.52 83.68 655.29 99.4999 656.02 104.5C658.93 124.5 655.05 138.49 655.05 138.49L655.03 138.48Z" fill="#EAFFAA"/>
-<path d="M686 80.86C686 80.86 678.54 69.64 670.25 60.05C661.96 50.46 651.07 40.55 640.4 32.25C640.4 32.25 655.92 50.96 663.9 59.05C671.88 67.14 686 80.86 686 80.86Z" fill="#EAFFAA"/>
-<path d="M661.48 30.9199C661.48 30.9199 666.65 30.7899 679.17 33.1899C691.69 35.5899 700.95 39.3599 708.07 42.8099C715.18 46.2599 723.02 51.8799 723.02 51.8799C723.02 51.8799 696.21 41.8399 683.07 36.8899C669.92 31.9299 661.48 30.9299 661.48 30.9299V30.9199Z" fill="#EAFFAA"/>
-<path d="M783.82 195.76C783.82 195.76 791.48 200.47 802.42 211.32C813.35 222.17 811.9 228.82 809.6 234.64C807.29 240.45 800.54 250.19 790.72 258.73C780.9 267.27 762.48 278.62 762.48 278.62C762.48 278.62 780.75 262.82 788.55 255.1C796.35 247.37 804.26 234.43 805.31 228.6C806.36 222.77 804.13 217.82 799.95 212.73C795.76 207.65 783.83 195.76 783.83 195.76H783.82Z" fill="#EAFFAA"/>
-<path d="M727.94 308.87C724.76 305.63 722.16 299.94 722.8 292.95C723.44 285.96 726.41 279.36 734.33 277.1C742.25 274.84 736.75 275.16 736.75 275.16C736.75 275.16 724.28 278.04 721.06 283.04C717.83 288.03 717.65 292.37 718.59 296.88C719.54 301.39 727.94 308.87 727.94 308.87Z" fill="#EAFFAA"/>
-<path d="M745.84 314.67C745.84 314.67 743.31 312.42 741.38 308.47C739.46 304.52 738.61 298.29 740.62 291.59C742.63 284.89 747.11 280.13 754.49 278.71C761.87 277.29 753.74 276.4 749.57 277.78C745.4 279.16 737.96 285.21 735.73 289.23C733.5 293.25 732.62 298.54 735.73 304.58C738.84 310.62 745.17 315.4 745.17 315.4L745.84 314.68V314.67Z" fill="#EAFFAA"/>
-<path d="M764.79 308.97C763.34 307.77 760.78 304.54 760.11 296.88C759.43 289.22 761.07 283.55 765.38 280.53C769.69 277.51 763.45 279.31 761.28 281.9C759.12 284.48 756.67 286.83 756.48 293.2C756.29 299.57 756.6 301.63 759.53 305.12C762.46 308.6 764.79 308.97 764.79 308.97Z" fill="#EAFFAA"/>
-<path d="M839.19 308.85C839.19 308.85 838.74 304.45 840.29 299.61C841.84 294.77 844.23 290.96 849.33 287.6C854.43 284.24 863.27 281.87 863.27 281.87C863.27 281.87 854.3 281.01 845.13 287.12C835.96 293.22 837.15 297.54 836.66 301.61C836.17 305.68 839.19 308.86 839.19 308.86V308.85Z" fill="#EAFFAA"/>
-<path d="M836.2 572C836.2 572 836.57 556.69 840.92 535.49C845.27 514.3 853.36 498.14 862.43 484.61C871.5 471.08 883.87 459.36 897.4 449.47C910.93 439.58 924.6 430.99 944.51 420.97C964.42 410.95 978.6 403.4 993.44 393.51C1008.27 383.62 1016.84 360.14 1016.84 360.14C1016.84 360.14 1012.18 370.34 1003.85 378.8C995.52 387.26 977.71 399.27 955.28 411.01C932.86 422.75 898.38 442.38 887.65 451.82C876.92 461.26 859.87 479.66 853.22 492.65C846.58 505.64 839.91 525.21 836.94 540.54C833.97 555.88 836.2 571.98 836.2 571.98V572Z" fill="#EAFFAA"/>
-<path d="M1019.36 381.44C1024.93 374.65 1031.59 362.6 1032.82 348.93C1034.05 335.26 1031.96 324.51 1031.96 324.51C1031.96 324.51 1037.44 337.52 1037.43 348.1C1037.43 357.83 1035.92 362.08 1031.35 369.99C1027.56 376.54 1019.36 381.44 1019.36 381.44Z" fill="#EAFFAA"/>
-<path d="M678.79 397.73L693.97 399.64L689.93 404.14L678.79 397.73Z" fill="#EAFFAA"/>
-<path d="M613.12 361C610.32 366.57 608.67 372.94 609.93 375.26C611.19 377.58 612.18 378.87 614.8 378.29C617.41 377.7 619.77 376.1 619.09 372.65C618.41 369.19 613.12 361.01 613.12 361.01V361Z" fill="white"/>
-<path d="M699.87 227.35C698.16 234.02 695.32 245.02 690.94 255.52C686.56 266.02 683.87 270.68 683.87 270.68L672.98 272.83C672.98 272.83 679.21 268.8 686.43 255.87C693.65 242.94 699.88 227.35 699.88 227.35H699.87Z" fill="#EAFFAA"/>
-<path d="M675.33 295.69C673.35 293.39 671.32 287.23 672.23 282.59C673.14 277.97 675.11 275.69 678.5 273.96C681.89 272.23 687.77 272.35 687.77 272.35C687.77 272.35 679.93 269.25 674.33 271.54C671.41 272.73 668.4 276.25 668.55 281.22C668.7 286.19 670.15 292.55 671.92 293.85C673.69 295.15 675.33 295.69 675.33 295.69Z" fill="#EAFFAA"/>
-<path d="M658.29 296.25C656.84 293.83 655.17 287.81 656.03 282.82C656.89 277.82 660.76 272.29 664.85 272.5C668.94 272.71 663.7 269.14 658.73 272.01C653.76 274.88 653 275.44 652.51 280.34C652.02 285.24 652.49 288.64 654.24 291.65C655.98 294.66 658.3 296.24 658.3 296.24L658.29 296.25Z" fill="#EAFFAA"/>
-<path d="M652.65 276.07C650.99 276.41 645.79 279.01 645.03 286.63C644.56 291.36 646.18 298.71 649.38 302.36C652.58 306 643.78 298.89 642.51 292.21C641.24 285.53 640.78 284.11 642.95 280.94C645.12 277.77 647.01 277.03 648.03 276.44C649.05 275.85 652.65 276.07 652.65 276.07Z" fill="#EAFFAA"/>
-<path d="M777.58 188.32C773.45 186.61 762.95 183.67 755.63 177.29C748.31 170.91 743.24 162.08 742.88 151.2C742.88 151.2 743.55 154.81 747.37 159.9C751.19 164.99 755.49 168.67 757.58 169.61C759.88 170.64 761.55 170.64 762.31 170.12C763.29 169.46 762.98 167.89 762.48 166.65C761.18 163.44 754.51 159.22 754.51 159.22C754.51 159.22 761.45 161.32 771.79 167.46C782.13 173.6 788.73 179.31 792.86 184.24C798.65 191.15 801.97 198.58 801.97 198.58C801.97 198.58 791.69 189.05 786.86 185.47C782.94 182.57 776.03 177.68 772.43 176.38C768.84 175.08 766.97 175.36 766.66 176.97C766.44 178.11 766.92 179.07 770.21 182.02C772.54 184.11 777.6 188.31 777.6 188.31L777.58 188.32Z" fill="#EAFFAA"/>
-<path d="M529.69 271.95C529.69 271.95 530.45 289.31 536.41 307.5C542.38 325.69 554.17 339.8 554.17 339.8C554.17 339.8 544.32 319.62 539.23 304.34C534.14 289.06 529.69 271.95 529.69 271.95Z" fill="#EAFFAA"/>
-<path d="M711.14 425.52C708.5 427.17 704.13 427.45 699.91 424.91C695.66 422.36 696.6 417.62 696.6 417.62C696.6 417.62 699.26 420.21 703.45 422.78C706.83 424.86 711.14 425.51 711.14 425.51V425.52Z" fill="#EAFFAA"/>
-<path d="M699.08 138.48C699.08 138.48 706.52 141.28 715.01 149.78C723.5 158.29 726.83 166.38 726.83 166.38C726.83 166.38 725.43 156.27 718.79 148.52C711.29 139.76 699.08 138.48 699.08 138.48Z" fill="#EAFFAA"/>
-<path d="M721.21 151.77C720.17 149.52 719.68 148.06 720.22 147.26C720.76 146.46 722.69 146.53 725.15 148.52C727.61 150.51 730.4 153.97 730.4 153.97C730.4 153.97 727.87 148.12 723.75 144.6C719.63 141.08 713.58 138.48 713.58 138.48C713.58 138.48 717.3 141.36 718.48 143.07C719.76 144.92 718.82 146.23 717.31 145.52C715.6 144.71 714.33 144.05 711.43 142.61C708.53 141.17 715.94 148.6 715.94 148.6L721.2 151.78L721.21 151.77Z" fill="#EAFFAA"/>
-<path d="M553.11 207.99C553.11 207.99 554.75 203.05 553.11 193.23C551.47 183.41 549.83 169.62 550.06 163.92C550.29 158.22 551.14 157.65 551.14 157.65C551.14 157.65 546.34 171.92 546.95 177.79C547.56 183.66 548.77 189.01 550.36 194.71C551.95 200.41 553.1 208 553.1 208L553.11 207.99Z" fill="#ACD53D"/>
-<path d="M593.29 120.39C593.29 120.39 599.21 116.12 602.68 108C606.15 99.89 607.38 89 609.23 83.45C611.08 77.9 612.85 74.01 615.03 70.49C617.21 66.97 618.35 65.86 618.35 65.86C618.35 65.86 609.02 71.33 605.85 81.64C602.68 91.95 602.55 95.98 601.73 100.5C600.91 105.02 598.24 111.7 596.8 114.37C595.36 117.04 593.29 120.39 593.29 120.39Z" fill="#ACD53D"/>
-<path d="M556.22 280.16C555.86 277.6 555.08 270.11 554.8 264.56C554.52 259.01 554.18 253.19 554.18 253.19C554.18 253.19 553.8 259.21 552.59 262.56C551.38 265.92 550.32 265.05 549.83 264.89C549.34 264.73 548.3 263.6 548.3 263.6C548.3 263.6 548.5 264.45 549.44 266.68C550.38 268.91 551.65 271.85 553.21 274.89C554.78 277.93 556.22 280.17 556.22 280.17V280.16Z" fill="#ACD53D"/>
-<path d="M602.58 348.51C595.83 345.73 591.27 336.45 589.33 328.93C587.39 321.41 584.64 318.1 584.64 318.1C584.64 318.1 589.54 320.69 591.9 327.5C594.26 334.31 594.59 337.63 597.42 341.88C600.25 346.13 602.58 348.51 602.58 348.51Z" fill="#ACD53D"/>
-<path d="M757.02 190.7C730.79 186.35 694.34 163.66 669.68 161.49C643.6 159.2 616.42 171.79 602.68 200.66C587.59 232.38 586.49 259.62 588.36 284.64C588.36 284.64 596.4 229.36 609.83 211.76C623.26 194.16 648.71 181.17 667.7 177.58C686.69 173.99 702.09 176.36 716.69 180.66C731.3 184.97 757.02 190.69 757.02 190.69V190.7Z" fill="#30983A"/>
-<path d="M695.48 440.08C689.78 438.19 682.16 431.24 672.05 426.08C661.94 420.92 657.22 419.47 651.97 419.42C646.72 419.37 644.84 420.94 644.84 420.94L646.44 426.08C646.44 426.08 646.75 423.01 665.55 430.21C684.35 437.41 695.16 442.91 695.16 442.91L695.49 440.07L695.48 440.08Z" fill="#30983A"/>
-<path d="M508.62 332.38C508.62 332.38 519.69 347.3 531.41 356.66C543.13 366.02 557.51 371.48 569.64 373.61C581.77 375.73 557.52 375.72 545.01 369.59C532.5 363.46 516.14 348.92 509.64 341.71C503.14 334.5 498.62 328.78 498.62 328.78L508.62 332.39V332.38Z" fill="#EAFFAA"/>
-<path d="M566.59 162.38C569.1 155.47 573.47 144.64 577.41 137.33C581.35 130.02 589.41 120.39 589.41 120.39C589.41 120.39 583.87 131.94 579.5 140.17C575.12 148.4 566.59 162.38 566.59 162.38Z" fill="#ACD53D"/>
-<path d="M585.76 69.09C585.01 66.71 584.03 63.03 584.46 59.46C584.9 55.89 587.35 54.11 592.76 53.77C598.17 53.43 604.56 54.27 612.07 55.16C619.58 56.05 626.16 57.93 626.16 57.93L619.71 57.79C619.71 57.79 602.29 57.61 597.83 57.64C593.37 57.67 589.41 57.84 587.62 59.62C585.84 61.4 586 62.15 585.75 63.95C585.5 65.75 585.75 69.08 585.75 69.08L585.76 69.09Z" fill="#EAFFAA"/>
-<g opacity="0.6">
-<path d="M779.99 627.5C779.99 627.5 760.56 655.63 750.1 677.77C735.59 708.46 737.69 737.15 738.09 748.17H756.66C756.66 748.17 755.29 716.91 760.4 697.05C767.4 669.83 786.68 627.51 786.68 627.51H779.99V627.5Z" fill="white"/>
-</g>
-<path d="M662.7 358.54L662.79 335.15H672.66L672.7 359.4C672.7 359.4 666.83 356.67 666.85 356.87C666.87 357.07 671.4 364.58 671.4 364.58L662.69 358.54H662.7Z" fill="#A9A8F3"/>
-<path d="M931.75 829.21V611.69C931.75 611.69 923.56 609.25 920.99 601.96C918.42 594.67 918.75 589.06 921.66 585.46C924.57 581.86 927.1 579.77 929.06 578.86C931.02 577.95 931.93 577.66 931.93 577.66L931.75 576.24C931.75 576.24 921.49 572.72 919.99 564.35C918.49 555.99 919.97 550.16 924.03 547.02C928.09 543.88 931.93 542.05 931.93 542.05L931.75 442.71L941.75 438.72V542.34C941.75 542.34 954.01 546.38 954.38 557.94C954.75 569.5 947.34 573.57 945.8 574.39C944.26 575.21 941.75 576.25 941.75 576.25L941.8 577.74C941.8 577.74 950.62 580.6 953.08 588.65C955.54 596.7 954.16 601.37 950.98 605.12C947.8 608.87 941.75 611.69 941.75 611.69V829.21H931.75Z" fill="#A9A8F3"/>
-<path d="M924.84 554.37C925.89 550.97 929.05 548.26 932.03 548.59C935.01 548.92 932.77 553.79 930.63 556.68C928.49 559.57 923.36 559.16 924.85 554.37H924.84Z" fill="#D4D4FF"/>
-<path d="M662.74 829.07V611.55C662.74 611.55 654.55 609.11 651.98 601.82C649.41 594.53 649.74 588.92 652.65 585.32C655.56 581.72 658.09 579.63 660.05 578.72C662.01 577.81 662.92 577.52 662.92 577.52L662.74 576.1C662.74 576.1 652.48 572.58 650.98 564.21C649.48 555.85 650.96 550.02 655.02 546.88C659.09 543.74 662.92 541.91 662.92 541.91L662.72 430.24L672.71 433.43L672.75 542.19C672.75 542.19 685.01 546.23 685.38 557.79C685.75 569.35 678.34 573.42 676.8 574.24C675.26 575.06 672.75 576.1 672.75 576.1L672.8 577.59C672.8 577.59 681.62 580.45 684.08 588.5C686.54 596.55 685.16 601.22 681.98 604.97C678.8 608.72 672.75 611.54 672.75 611.54V829.06H662.75L662.74 829.07Z" fill="#A9A8F3"/>
-<path d="M656.86 553.97C657.91 550.57 661.07 547.86 664.05 548.19C667.02 548.52 664.79 553.39 662.65 556.28C660.5 559.17 655.38 558.76 656.87 553.97H656.86Z" fill="#D4D4FF"/>
-<path d="M624.03 394.14C624.03 394.14 626.43 391.49 627.76 390.01C629.09 388.52 628.82 387.34 628.49 386.98C628.16 386.62 627.18 386.61 626.31 386.83C625.44 387.05 626.93 384.87 629.85 384.76C632.77 384.65 635.33 384.79 635.27 384.76C635.21 384.73 630.44 388.76 630.44 388.76L624.02 394.15L624.03 394.14Z" fill="#0E1016"/>
-<path d="M661.77 380.07C660.44 380.97 659.69 381.98 659.61 383.17C659.54 384.36 660.02 385.99 661.45 389.27C662.88 392.55 661.65 393.02 660.97 391.45C660.29 389.88 655.38 382.48 655.38 382.48L659.66 380.58L661.77 380.07Z" fill="#0E1016"/>
-<path d="M687.04 404.03C687.85 404.65 688.61 405.13 688.54 407.1C688.47 409.08 689.89 405.77 689.89 405.77L689.65 403.83L687.03 404.03H687.04Z" fill="#0E1016"/>
-<path d="M578.77 326.05C581.17 328.37 583.07 329.84 584.92 329.93C586.77 330.02 588.33 327.53 586.82 323.02C585.31 318.51 585.98 323.1 585.81 324.58C585.64 326.05 586.02 327.36 584.25 327.44C582.48 327.52 578.77 326.05 578.77 326.05Z" fill="#0E1016"/>
-<path d="M611.8 80.05C611.55 81.8 611.41 86.11 612.54 88.9C613.67 91.69 615.81 93.07 619.06 92.43C622.3 91.79 625.88 89.4 627.18 88.52C628.48 87.64 624.02 90.04 621.66 89.68C619.3 89.32 615.85 88.74 614.28 85.78C612.71 82.82 611.81 80.05 611.81 80.05H611.8Z" fill="#0E1016"/>
-<path d="M552.71 64.57C549.49 61.51 545.55 56.95 544.71 54.92C543.87 52.89 543.29 50.29 545.02 47.76C546.74 45.23 549.27 42.94 558.46 41.02C567.65 39.1 550.56 41.68 546.94 42.78C543.32 43.88 539.94 44.75 539.01 47.27C538.08 49.79 537.17 50.2 539.93 53.66C542.69 57.11 547.69 61.49 548.02 61.77C548.35 62.05 552.72 64.57 552.72 64.57H552.71Z" fill="#0E1016"/>
-<path d="M638.95 50.19C636.78 46.54 632.43 38.19 630.51 33.4C628.58 28.61 627.79 25.06 629.23 22.34C630.66 19.62 634.27 18.69 637.43 18.19C640.59 17.7 645.77 17.57 653.11 18.41C653.11 18.41 649.47 14.49 637.38 15.33C625.29 16.17 624.29 17.18 623.52 20.64C622.75 24.1 624.17 25.89 627.23 32.25C630.3 38.61 638.96 50.19 638.96 50.19H638.95Z" fill="#0E1016"/>
-<path d="M771.83 42.73C772.84 41.97 780.73 38.35 799.89 40.35C799.89 40.35 791.32 39.72 786.68 41.39C782.04 43.06 776.36 45.73 776.36 45.73L771.84 42.7201L771.83 42.73Z" fill="#0E1016"/>
-<path d="M890.37 84.6599C890.37 84.6599 894.79 81.0299 901.96 79.9399C901.96 79.9399 901.03 81.7299 899.89 82.2999C898.75 82.8699 897.24 83.2399 897.2 84.6999C897.16 86.1599 898.07 89.6799 898.07 89.6799L890.37 84.6699V84.6599Z" fill="#0E1016"/>
-<path d="M958.15 146.44C959.43 145.73 966.53 145.31 974.8 150.26C974.8 150.26 967.64 147.71 965.47 148.95C963.3 150.19 961.38 154.27 961.38 154.27L958.15 148.02V146.44Z" fill="#0E1016"/>
-<path d="M1028.36 267.74C1028.36 267.74 1029.65 265.37 1032.7 263.89C1035.75 262.4 1041.5 262.42 1050.34 265.08C1050.34 265.08 1042.91 264.26 1040.02 265.41C1037.12 266.56 1035.66 267.24 1035.82 269.83C1035.98 272.42 1036.78 277.29 1036.87 276.99C1036.96 276.69 1028.36 267.75 1028.36 267.75V267.74Z" fill="#0E1016"/>
-<path d="M1068.57 339.55C1072.13 339.37 1076.24 342.66 1077.79 347.43C1079.34 352.2 1076.11 346.78 1075.19 345.55C1074.27 344.32 1070.5 343.89 1070.5 343.89L1067.59 346.78L1068.57 339.55Z" fill="#0E1016"/>
-<path d="M1013.79 414.88C1013.79 414.88 1016.83 420.81 1015.3 428.65C1014.7 431.74 1013.84 424.96 1012.99 423.48C1012.15 422 1005.45 418.47 1005.45 418.47L1013.79 414.88Z" fill="#0E1016"/>
-<path d="M881.14 500.07C875.63 505.85 870.44 507.08 867.3 507.08C864.74 507.08 862.09 505.15 862.11 500.85C862.12 498.24 863.21 493.85 864.48 491.15C864.48 491.15 862.92 495.62 864.27 498.18C865.62 500.75 866.62 503.07 870.38 503.12C874.14 503.17 877.64 500.71 878.8 500.23C879.96 499.75 881.13 500.08 881.13 500.08L881.14 500.07Z" fill="#0E1016"/>
-<path d="M780.65 244.51C780.65 244.51 787.14 243.49 792.9 241.91C798.66 240.33 801.6 238.54 801.6 238.54L801.79 237.17C801.79 237.17 778.22 239.94 778.28 240.11C778.34 240.28 780.65 244.51 780.65 244.51Z" fill="#0E1016"/>
-<path d="M692.4 292.55C693.21 293.3 694.36 293.98 699.18 294.52C704 295.05 716.9 295.96 716.9 295.96L686.68 296.66L692.4 292.56V292.55Z" fill="#0E1016"/>
-<path d="M938.97 262.72C938.97 262.72 945.26 258.9 953.18 248.29L934.62 259.47L938.97 262.73V262.72Z" fill="#0E1016"/>
-<path d="M953.16 555.61C953.4 559.1 952.3 562.9 948.07 566.4C943.84 569.89 935.26 571 928.27 567.81C921.28 564.62 919.81 559.17 920.12 556.41C920.12 556.41 919.42 559 919.17 561.24C918.92 563.47 920.31 567.06 922.78 570.13C925.25 573.2 931.75 576.25 931.75 576.25C931.75 576.25 931.86 577.13 931.93 577.67C930.84 577.99 930.02 578.31 929.7 578.46C928.78 578.89 927.86 580.05 927.86 580.05C927.86 580.05 930.95 582.24 936.75 582.24C942.55 582.24 946.13 580.31 946.21 580.05C946.27 579.84 944.57 578.73 941.8 577.76L941.75 576.27C941.75 576.27 948.41 573.79 951.72 568.71C955.03 563.64 953.15 555.63 953.15 555.63L953.16 555.61Z" fill="#7676E5"/>
-<path d="M953.16 591.06C953.4 594.55 952.3 598.35 948.07 601.85C943.84 605.34 935.26 606.45 928.27 603.26C921.28 600.07 919.81 594.62 920.12 591.86C920.12 591.86 919.42 594.45 919.17 596.69C918.92 598.92 920.31 602.51 922.78 605.58C925.25 608.65 931.75 611.7 931.75 611.7C931.75 611.7 931.86 615.39 931.93 615.93L941.8 616.01L941.75 611.7C941.75 611.7 948.41 609.22 951.72 604.14C955.03 599.07 953.15 591.06 953.15 591.06H953.16Z" fill="#7676E5"/>
-<path d="M684.11 555.61C684.35 559.1 683.25 562.9 679.02 566.4C674.79 569.89 666.21 571 659.22 567.81C652.23 564.62 650.76 559.17 651.07 556.41C651.07 556.41 650.37 559 650.12 561.24C649.87 563.47 651.26 567.06 653.73 570.13C656.2 573.2 662.7 576.25 662.7 576.25C662.7 576.25 662.81 577.13 662.88 577.67C661.79 577.99 660.97 578.31 660.65 578.46C659.73 578.89 658.81 580.05 658.81 580.05C658.81 580.05 661.9 582.24 667.7 582.24C673.5 582.24 677.08 580.31 677.16 580.05C677.22 579.84 675.52 578.73 672.75 577.76L672.7 576.27C672.7 576.27 679.36 573.79 682.67 568.71C685.98 563.64 684.1 555.63 684.1 555.63L684.11 555.61Z" fill="#7676E5"/>
-<path d="M684.11 591.06C684.35 594.55 683.25 598.35 679.02 601.85C674.79 605.34 666.21 606.45 659.22 603.26C652.23 600.07 650.76 594.62 651.07 591.86C651.07 591.86 650.37 594.45 650.12 596.69C649.87 598.92 651.26 602.51 653.73 605.58C656.2 608.65 662.7 611.7 662.7 611.7C662.7 611.7 662.81 615.39 662.88 615.93L672.75 616.01L672.7 611.7C672.7 611.7 679.36 609.22 682.67 604.14C685.98 599.07 684.1 591.06 684.1 591.06H684.11Z" fill="#7676E5"/>
-<path d="M931.78 459.25C932.08 459.51 941.92 453.19 941.92 453.19L941.75 438.72L931.78 443.28V459.26V459.25Z" fill="#7676E5"/>
-<path d="M931.31 423.59L931.75 324.74H942.13L941.75 417.85L931.31 423.59Z" fill="#A9A8F3"/>
-<path d="M941.76 325.28H931.89V337.26H941.76V325.28Z" fill="#7676E5"/>
-<path d="M672.66 325.28H662.79V337.14H672.66V325.28Z" fill="#7676E5"/>
-<path d="M958.55 830.03H646.09C644.256 830.03 642.77 831.516 642.77 833.35V853.75C642.77 855.584 644.256 857.07 646.09 857.07H958.55C960.384 857.07 961.87 855.584 961.87 853.75V833.35C961.87 831.516 960.384 830.03 958.55 830.03Z" fill="#A9A8F3"/>
-<path d="M642.89 847.91H961.86V852.41C961.86 854.99 959.77 857.08 957.19 857.08H647.55C644.97 857.08 642.88 854.99 642.88 852.41V847.91H642.89Z" fill="#7676E5"/>
-<path d="M707.3 829.21L717.38 797.49C717.38 797.49 717.76 795.64 720.77 795.39C723.78 795.14 882.98 795.39 882.98 795.39C882.98 795.39 886.16 795.14 887.25 798.32C888.34 801.5 897.67 829.53 897.67 829.53L707.3 829.21Z" fill="#A9A8F3"/>
-<path d="M752.91 829.22L758.33 801.13H765L761.03 829.21L752.91 829.22Z" fill="#D4D4FF"/>
-<path d="M895.03 823.16H709.08L707.3 829.21H896.81L895.03 823.16Z" fill="#7676E5"/>
-<path d="M865.34 829.48L859.53 801.13H887.25L897.67 829.53L865.34 829.48Z" fill="#7676E5"/>
-<path d="M851.45 829.21L847.15 801.13H837.44L841.08 829.21H851.45Z" fill="#7676E5"/>
-<path d="M882.99 787.83H721.19V795.39H882.99V787.83Z" fill="#7676E5"/>
-<path d="M882.98 787.83H857.66V795.39H882.98V787.83Z" fill="#4D4DC1"/>
-<path d="M882.99 358.56H721.19V366.12H882.99V358.56Z" fill="#7676E5"/>
-<path d="M882.98 358.56H857.66V366.12H882.98V358.56Z" fill="#4D4DC1"/>
-<path d="M706.9 324.98L716.98 356.7C716.98 356.7 717.36 358.55 720.37 358.8C723.38 359.05 882.58 358.8 882.58 358.8C882.58 358.8 885.76 359.05 886.85 355.87C887.94 352.69 897.27 324.66 897.27 324.66L706.9 324.98Z" fill="#A9A8F3"/>
-<path d="M892.85 337.26H710.46L706.9 324.98H896.4L892.85 337.26Z" fill="#7676E5"/>
-<path d="M864.94 324.7L859.12 353.06H886.85L897.27 324.66L864.94 324.7Z" fill="#7676E5"/>
-<path d="M856.38 324.98L852.09 353.06H834.37L838 324.98H856.38Z" fill="#7676E5"/>
-<path d="M662.47 450.22L672.71 453.17L672.7 433.44L662.71 430.25L662.47 450.22Z" fill="#7676E5"/>
-<path d="M794.64 627.15C793.27 621.54 798.45 621.69 800.45 623.41C802.45 625.13 802.18 631.95 799.9 632.56C797.63 633.17 795.46 630.49 794.64 627.16V627.15Z" fill="#FFB993"/>
-<path d="M801.72 629.03C801.99 631.15 801.02 633.83 798.33 633.11C796.2 632.48 795.12 630.5 794.37 628.63C793.03 625.53 793.64 621.23 797.94 621.9C798.94 622.09 799.87 622.63 800.45 623.41C796.13 621.76 794.04 623.85 795.67 628.16C796.41 630.05 797.68 632.24 799.75 632.03C800.91 631.67 801.29 630.15 801.73 629.03H801.72Z" fill="#0E1016"/>
-<path d="M814.68 643.3C815.42 641.26 818.63 642.1 818.29 644.85C817.95 647.6 813.14 647.6 814.68 643.3Z" fill="#0E1016"/>
-<path d="M802.23 586.54C803.28 583.61 807.89 584.82 807.4 588.75C806.91 592.69 800.02 592.69 802.23 586.54Z" fill="#0E1016"/>
-<path d="M620.45 388.86C624.41 383.9 631.04 381.74 637.17 381.09C638.89 380.91 641.43 380.82 643.18 380.71C647.11 380.48 650.99 380.29 654.74 379.7C658.49 379.1 662.09 378 665.55 375.73C664.56 377.55 663.07 379.12 661.35 380.39C654.4 385.26 645.51 385.39 637.43 385.5C631.62 385.63 625.81 386.42 620.45 388.87V388.86Z" fill="#0E1016"/>
-<path d="M639 384.04C634.92 385.95 631.39 389.2 628.33 392.49L627.22 390.84C630.36 389.82 633.57 391.23 636.29 392.48C642.71 395.34 650.23 395.96 656.74 393.13C658.01 392.6 659.31 391.92 660.34 391.17L659.67 392.72C659.15 389.83 657.81 386.87 655.91 384.58C655.26 383.76 654.48 383.07 653.68 382.39C653.39 382.14 653.35 381.71 653.6 381.42C653.83 381.15 654.22 381.1 654.5 381.29C657.41 383.09 659.69 385.8 661.23 388.85C661.91 390.14 662.45 391.68 662.85 393.17C661.14 394.09 659.3 394.78 657.54 395.34C650.37 397.77 642.42 397.27 635.55 394.19C633.54 393.37 631.81 392.41 629.71 392.47C628.28 392.41 625.36 393.7 624.03 394.09C626.48 391.41 629.23 388.43 632.09 386.23C633.98 384.75 635.99 383.38 638.28 382.39C638.73 382.2 639.25 382.4 639.45 382.86C639.65 383.31 639.43 383.84 638.98 384.03L639 384.04Z" fill="#0E1016"/>
-<path d="M647.5 395.95C647.5 395.95 647.91 393.54 649.02 392.02C650.13 390.5 652.07 388.86 652.07 388.86C652.07 388.86 652.83 391.2 652.53 392.73C652.23 394.25 651.72 395.65 651.72 395.65L647.5 395.95Z" fill="#0E1016"/>
-<path d="M617.34 371.32C616.16 367.92 614.22 364.67 612.43 361.54L614.85 361.42C613.14 365.27 611.08 369.32 610.62 373.53C610.39 376.22 613.6 378.27 615.93 377.03C617.8 375.98 617.94 373.23 617.33 371.32H617.34ZM619.46 370.74C620.46 374.21 618.78 379.15 614.56 379.16C610.26 379.32 607.84 375.33 608.87 371.44C609.9 366.75 611.5 362.15 613.55 357.81L614.81 360.19C616.57 363.64 618.37 366.99 619.47 370.73L619.46 370.74Z" fill="#0E1016"/>
-<path d="M600.48 391.45C603.84 399.52 610.54 404.3 618.75 406.62L614.32 407.39C611.37 407.9 608.47 408.36 605.38 408.51L606.61 406.14C607.74 407.41 609.26 408.54 610.73 409.46C618.8 414.19 628.52 416.72 637.89 415.82C641.79 415.45 645.5 414.37 649.43 413.76C651.45 413.45 653.77 413.39 655.72 413.81C669.3 416.7 682.19 421.9 695.33 426.24C696.89 426.8 696.19 429.24 694.48 428.72C687.17 425.79 679.75 423.14 672.26 420.74C668.53 419.55 664.76 418.45 660.98 417.52C657.77 416.81 654.5 415.87 651.25 416.27C646.96 416.84 642.83 418.34 638.25 418.89C634.21 419.46 630.04 419.32 626.03 418.63C619.04 417.3 612 414.94 606.45 410.32C604.95 409.17 603.53 407.03 602.4 405.47C606.22 405.59 610.14 405.56 614 405.16L613.78 407.36C606.78 405.37 601.02 398.81 600.48 391.48V391.45Z" fill="#0E1016"/>
-<path d="M690.95 418.27C694.23 427.49 699.97 431.13 709.52 431.69L710.49 431.75L710.72 432.46C711.86 435.89 711.27 439.42 710.3 442.79L708.94 441.82C712.35 439.29 714.33 434.98 714.59 430.81L715.41 430.52C722.08 428.16 724.93 423.32 726.25 416.65L727.23 419.57C728.32 422.74 731.68 424.5 734.89 424.77C735.23 428.2 735.14 431.64 734.37 434.99L732.81 434.23C735.96 429.89 738.4 424.85 740.06 419.73C741.88 413.33 747.61 392.26 736.33 392.72C732.33 392.76 729.03 395.4 726.52 398.36C725.57 399.34 724.6 400.31 723.46 401.22C724.76 397.14 728.02 393.56 731.88 391.71C735.98 389.69 742.16 390.42 744.04 395.12C746.22 400.59 745.1 406.63 744.12 412.19C742.52 420.5 739.47 428.59 734.19 435.36L731.76 438.48L732.64 434.59C733.32 431.67 733.42 428.6 733.19 425.64L733.96 426.42C730.27 425.98 726.76 423.7 725.52 420.06L727.25 419.95C727.05 421.5 726.63 422.88 726.03 424.26C724.25 428.48 720.46 431.77 715.91 432.69L716.77 431.72C716.39 434.07 715.67 436.13 714.56 438.2C713.11 440.94 710.62 442.92 708.06 444.6C708.9 440.99 709.9 436.9 708.46 433.33L709.66 434.1C699.85 435.27 690.13 428.81 690.93 418.27H690.95Z" fill="#0E1016"/>
-<path d="M724.85 399.2C712.87 396.01 700.73 393.25 689.27 388.37L690.47 385.67C696.03 388.2 701.74 390.37 707.61 392.16C713.49 394 719.4 395.75 725.32 397.49L724.85 399.21V399.2Z" fill="#0E1016"/>
-<path d="M680.7 379.11C669.34 360.83 648.7 351.9 629.76 343.53L630.97 341.51C632.7 343.11 634.26 344.77 635.72 346.61C637.19 348.49 638.33 350.4 639.5 352.49C639.83 353.1 636.65 352.55 636.31 351.98C636.08 351.59 635.84 351.2 635.6 350.81C633.14 346.59 629.05 342.98 625.51 339.68C644.42 345.31 675.55 358 680.69 379.09L680.7 379.11Z" fill="#0E1016"/>
-<path d="M652.32 362.46C640.69 356.13 627.79 346.96 614.03 348.38C609.28 348.88 604.41 350.4 600.51 353.16C587.4 344.9 575.26 334.6 566.65 321.62C553.61 302.83 546.11 280.95 543.39 258.32C541.51 243.28 542.51 228.11 544.39 213.15C545.38 205.68 546.6 198.26 548.22 190.88C548.33 190.4 548.8 190.1 549.28 190.2C549.77 190.31 550.07 190.79 549.96 191.27C545.64 213.12 542.88 235.8 545.63 258.01C547.66 272.75 551.31 287.35 557.74 300.8C562.6 310.74 568.39 320.46 575.7 328.83C583.08 337.07 591.93 344.18 601.27 350.02C601.27 350.02 599.55 350.12 599.6 350.1C603.82 347.22 608.63 345.62 613.64 344.93C628.96 342.72 642.69 351.18 652.33 362.44L652.32 362.46Z" fill="#0E1016"/>
-<path d="M711.58 401.31C707.21 400.39 702.7 399.83 698.38 400.26C694.69 400.61 691.82 403.42 691.14 407.02C691.09 407.23 691.03 407.67 691.03 407.89C691.06 410.54 692.47 413.46 694.63 415.24C691.38 414.47 689.07 411.35 688.58 408.02C688.41 406.26 688.93 404.5 689.71 402.94C693.89 394.43 705.15 397.34 711.59 401.31H711.58Z" fill="#0E1016"/>
-<path d="M689.18 405.55C685.64 403.03 682.11 400.52 678.79 397.73C682.66 399.61 686.69 401.16 690.69 402.72C692.89 403.67 691.2 406.85 689.18 405.55Z" fill="#0E1016"/>
-<path d="M709.12 411.12C706.83 408.48 704.22 406.3 700.68 405.92C697.84 405.61 696.86 407.22 697.48 408.41C698.19 409.77 700.16 409.03 702.58 409.27C705.82 409.6 709.11 411.12 709.11 411.12H709.12Z" fill="#0E1016"/>
-<path d="M733.81 403.77C735.68 400.58 737.21 398.36 739.01 397.74C740.81 397.12 741.78 398.85 740.26 400.17C738.74 401.49 736.58 402.53 735.61 403.29C734.64 404.05 732.84 405.75 732.84 405.75L733.81 403.78V403.77Z" fill="#0E1016"/>
-<path d="M845.35 194.13C850.6 193.06 855.88 192.27 861.23 191.88C861.72 191.84 862.15 192.21 862.18 192.7C862.22 193.18 861.86 193.6 861.39 193.65C856.19 194.31 851.01 195.38 845.94 196.7C844.21 197.11 843.6 194.52 845.34 194.13H845.35Z" fill="#0E1016"/>
-<path d="M630.92 351.06C624.35 347.44 618.2 343.37 612.63 338.32C609.84 335.79 607.27 332.84 605.35 329.56C595.21 313.92 590.92 295.14 590.62 276.68C590.24 261.9 591.82 246.87 597.55 233.12C611.41 198.64 647.33 173.89 684.63 174.14C695.81 174.28 706.84 177.18 717 181.65C726.99 185.9 737.19 189.69 747.59 192.78C761.47 196.87 775.73 199.57 790.17 200.74C790.17 200.74 791.35 202.27 791.3 202.86C791.25 203.44 790.61 202.91 790.04 202.88C768.05 202.09 746.3 196.94 725.82 188.99C719.03 186.5 712.45 183.26 705.56 181.16C698.74 179.09 691.67 177.87 684.56 177.74C655.97 177.48 627.99 192.83 611.27 215.79C600.69 230.25 594.91 247.9 594.39 265.78C593.36 287.2 596.67 309.43 608.54 327.56C612.15 333.64 617.82 338.08 623.57 342.09C626.52 344.11 629.63 346.02 632.74 347.7C634.9 348.9 633.2 352.2 630.93 351.05L630.92 351.06Z" fill="#0E1016"/>
-<path d="M641.15 185.76C651.39 181.44 672.25 197.8 680.82 203.55C692.63 211.79 704.72 219.65 717.75 225.63C737.24 234.83 758.96 238.36 780.41 237.96C787.56 237.78 794.77 237.27 801.76 235.91C802.29 235.79 802.82 236.14 802.92 236.67C803.02 237.19 802.68 237.7 802.17 237.8C794.99 239.29 787.74 239.91 780.47 240.15C758.7 240.69 736.47 237.32 716.68 227.96C696.66 219.16 679.85 204.99 661.4 193.76C656.8 191.22 652.03 188.73 646.88 187.85C645.25 187.6 643.55 187.61 642.38 188.21C640.8 189.01 639.5 186.6 641.16 185.75L641.15 185.76Z" fill="#0E1016"/>
-<path d="M613.48 85.09C613.19 85.09 612.9 84.95 612.73 84.68C612.47 84.27 612.58 83.72 613 83.45C621.81 77.8 630.64 73.17 638.54 70.07C639 69.89 639.51 70.12 639.69 70.57C639.87 71.03 639.64 71.54 639.19 71.72C631.4 74.79 622.67 79.36 613.96 84.95C613.81 85.05 613.64 85.09 613.48 85.09Z" fill="#0E1016"/>
-<path d="M536.92 343.41C514.08 301.49 510.9 250.82 523.42 205.18C535.71 158.15 562.96 118.97 602.45 90.7C602.85 90.41 603.4 90.5 603.69 90.9C603.98 91.3 603.89 91.84 603.5 92.13C570.59 116.6 544.79 150.29 531.9 189.35C522.4 216.87 517.89 246.3 520.23 275.37C522.08 298.59 528.57 321.44 539.25 342.18C539.59 342.83 539.33 343.62 538.69 343.96C538.05 344.29 537.26 344.04 536.92 343.41Z" fill="#0E1016"/>
-<path d="M734.36 426.19C733.16 429.91 732.3 433.6 730.04 436.93C725.65 443.14 716.89 446.68 709.48 447.22C697.75 447.63 687.55 440.92 677.1 436.61C670.25 433.6 663.31 430.74 656.27 428.27C652.94 427.12 649.52 425.69 646.02 426.97C642.69 428.05 639.46 430.19 635.91 431.68C627.11 435.51 615.87 437.43 607.49 431.57C602.8 428.12 599.46 423.04 596.17 418.38C591.91 412.11 588.05 405.64 584.37 399.03L584.82 399.51C582.11 397.68 579.65 395.73 577.2 393.68C569.91 387.57 563.27 380.71 557.2 373.4C556.79 372.91 556.85 372.18 557.34 371.77C557.83 371.36 558.55 371.42 558.96 371.9C567.02 381.32 576.04 390.22 586.29 397.21L586.57 397.4L586.74 397.69C590.52 404.11 594.51 410.47 598.73 416.61C602.95 422.24 606.81 429.07 613.89 431.22C620.71 433.29 628.28 431.74 634.9 429.26C641.48 426.75 646.89 422.25 654.28 425.3C662.35 427.95 670.2 431.16 678.03 434.42C688.19 438.38 698.11 444.82 709.33 444.51C712.85 444.34 716.34 443.24 719.68 441.81C724.74 439.65 728.79 436.11 730.6 430.85C731.32 429.14 732.01 427.39 732.65 425.67C732.81 425.2 733.33 424.95 733.8 425.13C734.24 425.29 734.47 425.76 734.35 426.21L734.36 426.19Z" fill="#0E1016"/>
-<path d="M730.35 424.64C730.35 424.64 729.45 426.62 728.2 429.01C726.85 431.6 724.98 431.44 723.17 430.98C720.92 430.41 720.31 430.29 718.73 430.39C718.73 430.39 721.16 429.45 722.74 427.28C724.32 425.11 725.71 422.31 725.94 421.52C726.17 420.73 726.37 419.81 726.37 419.81C726.37 419.81 726.69 421.67 728.2 422.95C729.71 424.24 730.34 424.64 730.34 424.64H730.35Z" fill="#0E1016"/>
-<path d="M645.18 349.44C644.91 346.74 644.81 344.06 644.83 341.35C644.85 339.83 645.06 338.04 644.6 336.64C643.89 334.48 641.55 333.4 639.7 332.26C633.37 328.67 627.86 323.3 624.17 316.97C616.75 304.67 611.58 291.12 608.52 277.13C608.48 277.09 610.74 277.04 610.73 277.03C608.73 292.46 608.32 308.59 613.8 323.38C616.87 332.02 621.35 340.57 628.29 346.67C628.93 347.21 629.01 348.16 628.47 348.8C627.93 349.43 626.99 349.51 626.35 348.97C621.25 344.66 617.61 339.09 614.7 333.32C604.72 313.51 605.63 292.47 609.35 271.21C612.9 286.68 618.39 301.85 626.85 315.3C630.41 321.25 635.34 325.97 641.42 329.37C642.84 330.23 644.66 331.11 646.15 332.7C649.15 335.75 648.1 340.27 648.05 344.08C648.05 344.1 647.94 349.34 647.94 349.35C647.88 351.07 645.35 351.18 645.17 349.45L645.18 349.44Z" fill="#0E1016"/>
-<path d="M603.45 369.58C598.81 363.74 594.75 357.32 590.66 351.15C587.61 347.31 582.22 348.04 577.74 347.82C565.2 348 552.39 347.48 540.11 344.83C535.14 343.82 530.26 342.25 525.53 340.56C516.02 337.1 506.75 333.2 497.96 328.09C497.93 328.09 499.74 326.26 499.73 326.26C509.74 340.71 521.84 354.88 537.32 363.51C549.23 369.38 562.45 372.89 575.64 374.55C580.09 375.09 584.59 375.31 589.11 375.77C584.61 376.3 580.06 376.51 575.5 376.31C566.37 376.01 557.28 374.37 548.59 371.55C542.11 369.44 535.51 366.78 529.87 362.75C515.31 352.58 503.99 338.35 494.76 323.3C500.47 326.63 506.55 329.68 512.65 332.29C526.26 338.28 540.52 342.83 555.4 344.1C562.54 344.85 570.54 345.02 577.76 345.09C582.78 345.3 589.34 344.99 592.61 349.69C596.65 356.17 600.18 362.69 603.44 369.6L603.45 369.58Z" fill="#0E1016"/>
-<path d="M537.45 354.44C544.85 358.14 552.82 360.32 560.82 362.26C566.84 363.74 572.9 365.17 578.97 366.43C581 366.87 583.04 367.25 585.1 367.57C576.73 367.86 568.41 366.43 560.24 364.77C556.13 363.9 552.12 362.53 548.25 360.89C544.41 359.21 540.57 357.3 537.45 354.44Z" fill="#0E1016"/>
-<path d="M605.87 349.84C597.46 347.59 594.62 338.11 592.15 330.96C590.24 325.67 587.49 320.75 583.59 316.72C582.32 315.41 580.89 314.12 579.47 313.16L581.17 311.46C582.79 314.11 584.29 316.79 585.57 319.65C586.31 321.47 587.34 323.58 587.07 325.8C586.98 326.33 586.78 326.93 586.34 327.45C585.44 328.44 584.19 328.67 583.15 328.52C577.93 327.45 572.92 318.71 570.63 314.29C565 303.24 563.08 290.8 561.65 278.67C560.77 272.59 560.62 266.42 560.71 260.29C560.9 248.06 561.69 235.87 563.22 223.74C569.72 173.96 600.65 122.42 641.61 93.38C644.13 91.62 646.67 89.94 649.37 88.39C649.8 88.15 650.34 88.29 650.58 88.72C650.83 89.15 650.67 89.7 650.24 89.94C645.13 93.05 640.28 96.75 635.59 100.54C602.9 127.45 579.42 165.29 568.89 206.23C564.63 223.89 563.56 242.21 563.14 260.32C562.87 272.39 564.52 284.51 566.92 296.28C568.9 304.99 572.12 313.59 577.47 320.77C579.14 322.77 580.95 325.37 583.49 326.08C586 326.44 583.83 321.93 583.32 320.64C581.51 316.56 578.66 312.04 576.29 308.21L580.77 311.06C587.39 315.63 591.86 322.63 594.58 330.04C595.95 333.69 597.01 337.33 598.83 340.5C600.51 343.53 603.11 346.25 606.48 347.17C608.19 347.56 607.67 350.2 605.87 349.82V349.84Z" fill="#0E1016"/>
-<path d="M548.3 263.6C548.97 264.01 549.62 264.69 550.32 264.25C552.1 262.61 551.91 259.16 552.17 256.88C552.59 250.81 553.39 243.18 553.97 237.06C554.53 240.99 555.56 247.77 556.05 251.62C556.87 256.74 557 262.85 559.18 267.58C559.4 268 559.63 268.45 560.06 268.73C556.23 267.82 555.45 261.17 554.74 257.94C554 253.93 553.47 249.92 553.14 245.86L555.23 245.84C554.87 249.59 554.45 253.33 553.99 257.06C553.69 259.37 553.55 262.19 552.13 264.15C551.02 265.87 548.62 265.85 548.31 263.59L548.3 263.6Z" fill="#0E1016"/>
-<path d="M553.11 207.99C551.59 201.3 549.16 195.08 547.3 188.48C544.91 179.47 545.37 169.84 547.99 160.94C549.1 156.97 551.75 151.48 553.41 147.66C552.93 154.19 552.04 161.62 552.66 168.11C552.76 171.77 555.59 175.89 559.48 173.77C561.83 172.33 563.52 169.82 565 167.42C564.52 171.24 562.38 175.79 558.28 176.74C555.51 177.34 552.71 175.42 551.53 173.1C549.98 170.14 550.08 166.96 549.96 163.81C549.94 160.79 550.07 157.81 550.3 154.8L552.71 155.42C549.37 163.55 547.71 172.57 548.56 181.35C549.2 190.22 554.32 198.88 553.1 207.98L553.11 207.99Z" fill="#0E1016"/>
-<path d="M552.92 173.81C557.5 158.27 564.14 143.41 572.35 129.48C580.57 115.57 589.7 101.89 602.09 91.3C602.96 90.59 604.13 91.85 603.25 92.65C597.32 97.96 592.25 104.18 587.56 110.61C578.29 123.62 570.27 137.57 563.61 152.1C560.32 159.38 557.28 166.82 554.62 174.34C554.28 175.39 552.6 174.96 552.92 173.82V173.81Z" fill="#0E1016"/>
-<path d="M593.29 120.39C596.95 113.27 599.86 106.05 600.53 98.09C602.81 79.97 607.52 70.34 623.62 60.85C620.51 66.84 616.53 72.86 615.16 79.5C614.86 81.16 614.74 82.83 615.07 84.2C615.73 87.08 619.46 88.44 622.17 88.34C625.56 88.14 628.72 85.96 631.77 84.41C627.84 88.75 622.44 92.64 616.44 89.82C609.88 87.14 611.33 78.63 613.65 73.42C615.16 69.96 617.02 66.8 619.2 63.79L620.92 65.5C616.88 68.55 612.96 72.2 610.15 76.42C605.22 84.03 603.96 93.58 602.29 102.43C600.66 108.95 598 115.5 593.28 120.38L593.29 120.39Z" fill="#0E1016"/>
-<path d="M667.31 137.48C671.96 129.74 675.41 121.55 677.98 112.95C682.77 96.77 691.8 94.4 706.8 99.84C716.63 103.33 725.85 108.07 734.99 113C744.06 118.1 752.88 123.32 761.46 129.23L759.69 131.1C755.11 125.83 750.41 120.64 745.67 115.51C740.91 110.38 736.07 105.4 730.99 100.55C727.9 97.36 724.4 94.18 722.43 89.97C721.62 88.3 721.9 86 723.51 84.89C724.85 83.87 726.53 83.7 728.04 83.62C731.8 83.53 735.31 84.25 738.78 85.07C755.92 89.47 771.8 97.91 786.57 107.35C798.43 114.94 810.08 122.89 820.62 132.29C820.64 132.29 819.04 133.57 819.05 133.57C803.16 110.1 782.69 89.8 759.86 73.07C758.33 71.85 755.76 70.45 754.66 68.8C754.13 68.01 754.22 66.8 754.69 66C755.7 64.61 757.47 64.97 758.74 65.16C764.71 66.49 770.2 69.22 775.64 71.74C784.24 75.93 792.62 80.51 800.82 85.37C817.28 95 832.67 106.43 847.66 118.18C855.16 124.06 862.5 130.11 869.76 136.29L868.48 137.35C863.7 129.19 858.74 121.14 853.3 113.43C831.83 82.26 801.23 58.12 766.92 42.43C723.82 22.97 677.14 12.27 630.7 4.32002C622.96 3.04002 610.9 1.24002 607.68 10.52C606.38 14.79 608.52 19 610.47 22.83C614.87 31.08 620.37 38.84 625.76 46.52C634.17 58.04 642.04 70.09 648.59 82.8C651.82 89.24 654.92 95.86 656.62 102.95C658.17 110.02 658.9 117.3 658.34 124.52C657.89 129.29 657.07 134.14 655.01 138.49C655.94 133.81 656.13 129.12 656.06 124.45C655.91 117.46 655.04 110.5 653.38 103.71C651.59 96.99 648.63 90.61 645.49 84.37C639.15 71.72 631.47 59.84 623.1 48.4C620.35 44.52 617.64 40.62 615.01 36.64C611.12 30.55 606.98 24.51 604.66 17.51C601.97 8.84002 607.82 1.39002 616.56 0.300018C620.3 -0.299982 623.99 0.0600176 627.66 0.630018C666.33 7.03002 704.57 16.28 741.49 29.52C759.38 35.97 776.84 43.83 793.06 53.83C827.06 74.29 854.34 105.03 872.02 140.42L868.68 137.57C839.18 113.77 808.57 90.93 774.49 74.09C770.25 72.03 765.94 70.02 761.55 68.52C760.04 68.03 758.35 67.46 756.84 67.48C756.67 67.48 756.51 67.57 756.69 67.46C756.74 67.42 756.84 67.3 756.87 67.21C756.88 67.17 756.87 67.24 756.86 67.24C756.83 67.33 756.82 67.4 756.81 67.43C757.09 67.97 757.91 68.43 758.47 68.9L761.36 70.95C784.76 87.53 805.87 107.83 820.81 132.48L824.74 139.09C818.16 132.35 810.48 126.28 802.81 120.87C782.91 107.04 761.87 93.58 738.19 87.56C734.86 86.79 731.42 86.14 728.16 86.24C727.09 86.31 725.98 86.4 725.19 86.95C722.57 88.81 731.26 96.93 732.87 98.64C737.93 103.47 742.87 108.54 747.63 113.68C754.82 121.36 762.58 130.46 769.48 138.49L759.89 131.27C755.82 128.35 751.35 125.64 747.02 123.03C733.92 115.15 720.29 107.8 705.73 103.08C694.96 99.72 687.34 98.54 682.24 110.47C678.3 119.94 674.56 129.94 667.32 137.47L667.31 137.48Z" fill="#0E1016"/>
-<path d="M661.68 106.65C656.61 88.85 648.72 71.98 639.22 56.14C636 50.86 632.75 45.61 629.55 40.28C626.38 34.44 616.39 20.24 624.94 15.49C633.48 10.83 663.48 17.5 674.02 19.44C698.31 24.49 722.38 30.76 745.77 39.08C769.16 47.44 791.38 59.23 811.01 74.37C790.58 60.43 768.57 48.84 745.17 40.8C715.92 30.95 685.78 23.54 655.3 18.7C648.91 17.98 629.12 14.24 625.12 19.12C622.46 23.63 629.83 34.4 632.12 38.76C635.23 44.08 638.5 49.35 641.6 54.72C647.83 65.51 653.27 76.75 657.44 88.5C659.45 94.36 661.47 100.37 661.7 106.64L661.68 106.65Z" fill="#0E1016"/>
-<path d="M579.74 110.82C568.27 95.81 553.63 83.05 537.53 73.18C532.04 69.91 526.41 66.84 521.04 63.28C516.72 60.28 511.92 57.19 509.62 52.16C507.54 47.16 510.07 40.9 514.9 38.59C521.83 35.21 529.59 34.32 537.09 33.12C562.61 30.13 588.22 29.09 613.92 30.61C615.44 30.76 615.39 33.08 613.72 32.99C605.31 32.49 596.77 32.51 588.3 32.68C571.37 33.12 554.3 33.94 537.52 36.2C531.34 37.13 525.05 38.2 519.16 40.24C515.41 41.51 512.55 43.79 512.22 47.79C511.88 53.59 518.64 57.49 522.85 60.55C529 64.68 535.66 68.12 541.94 72.11C553.72 79.64 564.5 88.73 573.9 99.09C576.79 102.28 579.55 105.6 582.09 109.11C582.56 109.76 581.89 109.81 581.24 110.29C580.59 110.76 580.2 111.48 579.72 110.83L579.74 110.82Z" fill="#0E1016"/>
-<path d="M571.84 85.53C563.62 76.09 553.99 68.19 544.36 60.27C541.93 58.1 539.07 56.29 537.43 53.27C535.5 49.59 537.63 45.54 541 43.7C546.69 40.47 553.33 40.29 559.55 39.24C567.82 38.21 576.13 37.18 584.46 37.24C572.08 38.13 559.74 40.52 547.73 43.54C543.97 44.6 537.72 47.37 539.94 52.03C541.35 54.48 543.94 56.31 546 58.36C555.25 66.72 564.5 75.38 571.83 85.52L571.84 85.53Z" fill="#0E1016"/>
-<path d="M704.5 49.1299C699.62 46.4199 694.72 43.7599 689.79 41.1399C701.02 44.6599 712.57 48.3699 723.02 51.8699C707.46 44.0799 691.07 38.0399 674.37 33.1899L673.27 36.0199L688.39 43.4999C702.43 50.4699 719.73 59.2199 733.51 66.5099C724.16 60.2099 714.36 54.5999 704.5 49.1299Z" fill="#0E1016"/>
-<path d="M585.76 69.09C583.75 62.62 585.66 57.08 593.18 56.95C598.5 56.6 603.82 56.65 609.13 56.89C612.66 57.05 616.2 57.33 619.72 57.8C610.99 58.59 602.06 58.5 593.31 58.97C586.02 58.99 586.66 63.45 585.76 69.09Z" fill="#0E1016"/>
-<path d="M681.5 206.49C681.14 206.49 680.8 206.27 680.67 205.91C680.5 205.45 680.73 204.94 681.19 204.76C681.29 204.72 691.77 200.75 699.88 194.7C708.03 188.62 714.32 182.17 714.38 182.11C714.72 181.76 715.29 181.75 715.64 182.09C715.99 182.43 716 183 715.66 183.35C715.6 183.42 709.22 189.96 700.95 196.13C692.63 202.33 681.93 206.39 681.82 206.43C681.72 206.47 681.61 206.49 681.51 206.49H681.5Z" fill="#0E1016"/>
-<path d="M719.3 228.66C719.01 228.66 718.72 228.52 718.55 228.25C718.28 227.84 718.4 227.29 718.81 227.02C718.88 226.98 725.48 222.67 734.84 214.01C744.19 205.37 750.8 195.37 750.86 195.27C751.13 194.86 751.68 194.75 752.09 195.01C752.5 195.28 752.61 195.83 752.35 196.24C752.28 196.34 745.56 206.52 736.05 215.31C726.56 224.08 719.84 228.46 719.78 228.5C719.63 228.6 719.46 228.64 719.3 228.64V228.66Z" fill="#0E1016"/>
-<path d="M768.67 239.93C768.37 239.93 768.08 239.78 767.91 239.5C767.65 239.08 767.79 238.53 768.21 238.28C768.33 238.21 780.35 230.86 786.64 223.17C792.85 215.57 795.27 207.93 795.3 207.85C795.45 207.38 795.94 207.12 796.41 207.26C796.88 207.41 797.14 207.9 797 208.37C796.9 208.69 794.46 216.41 788.02 224.29C781.54 232.22 769.64 239.49 769.14 239.8C769 239.89 768.84 239.93 768.68 239.93H768.67Z" fill="#0E1016"/>
-<path d="M783.82 195.76C789.52 199.51 794.29 204.32 799.07 209.13C802.25 212.47 805.47 216.21 806.59 220.9C809.19 232.52 800.14 243.63 793.01 251.76C783.66 261.58 773.17 270.14 762.51 278.46C762.12 278.76 761.56 278.69 761.26 278.3C760.96 277.92 761.03 277.37 761.4 277.07C774.72 265.5 789.3 254.28 799.09 239.49C803.75 232.38 806.7 223.34 801.33 215.89C796.36 208.62 789.24 202.8 783.82 195.75V195.76Z" fill="#0E1016"/>
-<path d="M691.08 273.48C685.55 271.31 677.71 270.7 673.06 274.79C669.66 278.33 669.32 283.99 671.03 288.48C673.34 294.64 678.34 299.28 683.56 303.13C685.7 304.74 687.95 306.22 690.18 307.88L688.4 309.5C685.97 305.36 683.5 301.15 682.42 296.4L683.75 296.32C685.93 295.76 688.25 294.57 689.6 292.7C691.98 289.14 692.72 284.63 692.41 280.33C695.58 286.2 693.92 295.72 686.93 297.96C685.94 298.28 685 298.49 683.86 298.47L684.85 297.12C686.61 302.88 690.73 308.29 693.75 313.47L688.74 309.86C680.86 304.48 671.98 298.84 668.41 289.46C665.72 282.77 667.17 272.64 674.93 270.17C680.41 268.52 686.83 269.74 691.1 273.48H691.08Z" fill="#0E1016"/>
-<path d="M671.72 274.46C668.33 272.76 663.94 271.83 660.24 272.94C653.65 275.22 652.19 283.6 654.76 289.51C656.87 294.66 660.33 299.38 664.18 303.43C668.1 307.52 672.62 311.14 677.55 313.83L675.97 315.55C673.51 311.7 671.2 307.66 670.08 303.17C671.37 302.69 672.71 302.02 673.79 301.13C674.62 300.44 675.31 299.62 675.68 298.7C675.85 298.23 676.38 297.99 676.85 298.17C677.29 298.34 677.51 298.83 677.37 299.27C676.47 301.93 674.3 303.64 671.92 304.9L672.56 303.54C673.14 305.4 673.91 307.32 674.84 309.03C676.42 311.91 678.75 315.39 680.53 318.19L676.42 315.98C665.53 310.21 649.48 294.68 650.96 281.32C651.62 274.68 657.22 269.15 664.1 269.58C667.31 269.66 670.25 270.42 673.15 271.85C673.89 272.22 674.19 273.13 673.81 273.87C673.42 274.64 672.45 274.92 671.71 274.49L671.72 274.46Z" fill="#0E1016"/>
-<path d="M654.41 276.38C643.66 274.83 641.14 285.03 644.01 293.47C646.04 299.75 650.96 304.61 656.35 308.23C658.17 309.46 660.13 310.59 662.09 311.5L660.84 312.95C658.94 309.74 656.91 306.55 656 302.87L656.41 302.48C657.22 301.66 658.17 300.6 658.61 299.57C658.78 299.09 659.32 298.85 659.78 299.04C661.49 299.83 658.52 303.04 657.84 303.88L658.09 302.92C659.3 307.07 661.98 310.8 664.14 314.52L661.32 313.36C652.83 309.59 644.78 303.36 641.73 294.23C639.94 288.65 639.75 281.38 644.34 277.03C646.19 275.33 648.71 274.45 651.17 274.33C652.16 274.37 655.88 274.05 655.52 275.7C655.41 276.2 654.91 276.49 654.42 276.38H654.41Z" fill="#0E1016"/>
-<path d="M699.19 275.85C703.09 276.13 706.81 277.44 710.31 279.14C713.83 280.85 717.12 283.12 719.77 286.04C720.1 286.4 720.08 286.96 719.72 287.3C719.39 287.61 718.89 287.61 718.55 287.33C712.79 282.34 706.03 279.24 699.2 275.85H699.19Z" fill="#0E1016"/>
-<path d="M673.09 271.54C680.71 265.01 685.83 256 689.72 246.85C693.72 237.6 697.18 228 699.32 218.17C699.77 216.19 702.73 216.77 702.35 218.8C699.97 228.87 696.3 238.5 692.04 247.89C687.81 257.32 682.39 266.47 674.3 273.13C673.25 273.93 672.01 272.37 673.09 271.54Z" fill="#0E1016"/>
-<path d="M702.08 276.35C710.05 270.97 717.02 264.09 723.72 257.21C730.34 250.25 736.78 242.85 742.14 234.92C742.14 234.92 745.4 234.83 744.42 236.37C738.75 244.49 732.22 251.74 725.33 258.77C718.56 265.51 711.65 272.13 703.66 277.45C703.44 277.6 701.05 276.98 702.09 276.36L702.08 276.35Z" fill="#0E1016"/>
-<path d="M747.79 276.21C745.54 275.54 743.38 275.02 741.04 274.6C731.26 273.21 720.63 277.18 717.74 287.42C714.21 296.84 720.14 307.24 728.04 312.45C731.61 314.88 735.91 316.21 740.16 317C737.46 313.71 734.19 310.35 732.57 306.33C734.12 305.56 735.47 304.74 736.64 303.17C736.64 303.17 734.97 299.66 733.99 301.66C733.24 303.13 731.32 304.39 729.89 305.3C730.55 307.94 731.88 310.24 733.44 312.4C729.55 310.5 726.03 307.7 723.63 304.09C720.24 299.45 718.65 293.87 720.62 288.35C722.2 282.54 726.41 279.04 732.2 277.55C737.82 275.98 743.82 277.02 749.3 278.64C749.75 278.85 750.29 278.67 750.5 278.21C751.03 276.8 748.6 276.58 747.79 276.2V276.21Z" fill="#0E1016"/>
-<path d="M761.84 278.65C753.84 278 745.18 279.21 739.75 285.4C730.27 297.17 739.05 311.96 750.93 317.83L749.84 319.3C748.61 317.76 747.62 316.16 746.82 314.37C745.86 312.21 745.39 309.89 745.3 307.52C746.73 307.89 748.3 308.16 749.81 307.89C752.75 307.41 755.62 305.13 756.16 302.14C756.03 300.17 758.81 299.93 758.93 301.91C758.68 304.88 756.45 307.28 753.99 308.69C751.53 310.05 748.7 310.28 746 309.5C746 309.5 747.16 308.58 747.15 308.6C747.46 312.07 749.09 315.41 751.28 318.09L753.62 320.94C749.8 319.52 745.85 317.7 742.72 315.1C733.03 307.58 729 293.44 737.61 283.53C742.87 277.54 751.25 275.78 758.86 276.46C759.56 276.53 761.34 276.79 762.06 276.88C763.21 277.07 762.99 278.76 761.83 278.64L761.84 278.65Z" fill="#0E1016"/>
-<path d="M780.83 281.26C774.11 278.1 764.37 278.29 760.04 285.11C757.37 289.2 757.15 294.88 758.23 299.47C759.65 304.15 763.21 308.4 767.53 310.8C769.73 312.09 772.18 313.11 774.61 313.85L773.9 315.45C770.87 313.95 768.89 310.83 768.43 307.54C768.31 306.47 768.27 305.36 768.61 304.28C769.23 305.21 769.72 306.09 770.22 306.96C771.52 309.52 773.08 311.83 774.92 314L776.52 316.04C771.64 315.23 766.82 313.62 762.87 310.57C759.53 307.91 756.94 304.4 755.65 300.21C754.25 294.62 754.66 288.45 758.13 283.76C763.36 276.67 773.98 276.66 780.82 281.26H780.83Z" fill="#0E1016"/>
-<path d="M769.28 306.02C773.27 305.67 776.79 303.32 777.1 299.11C777.59 294.96 776.67 290.61 774.66 286.85C780.25 292.14 782.17 305.08 772.8 307.49C771.8 307.68 768.3 308.56 768.4 306.82C768.45 306.36 768.84 306.03 769.28 306.02Z" fill="#0E1016"/>
-<path d="M778.16 297.23C780.88 296.84 783.36 297.23 786.01 297.46C789.25 297.6 793.51 299.16 794.63 295.68C795.47 292.24 792.85 289.11 790.26 287.02H782.87L790.66 285.42C796 284.2 801.12 281.87 806.02 279.42C818.3 272.98 829.8 264.86 839.85 255.3C841.78 253.41 843.76 251.37 845.4 249.28L846.9 251.25C840.75 253.38 834.3 254.53 827.81 254.92C834.69 249.28 840.77 242.49 845.48 234.95C851.79 224.88 850.39 211.85 846.58 201.06C845.22 197.28 843.36 193.8 841.33 190.32C837.25 183.31 832.73 176.54 827.81 170.08C833.43 176.01 838.55 182.42 843.15 189.18C847.92 195.88 851.28 203.8 852.67 212.08C854.08 220.43 853.06 229.58 848.13 236.67C843.48 243.56 837.77 249.7 830.99 254.53L830.38 252.93C831.71 252.75 833.05 252.56 834.37 252.28C839.77 251.28 845.19 249.18 850.31 247.24C847.7 250.64 844.7 254.25 841.57 257.1C835.4 262.92 828.61 268.04 821.55 272.71C813.29 278.11 804.57 283 795.15 286.09C793.78 286.53 792.45 286.92 790.96 287.2L791.36 285.6C793.95 287.64 796.44 290.49 796.95 293.97C797.27 296.31 796.18 299.02 793.87 299.92C791.07 301.04 788.43 300.23 785.71 299.9C783.7 299.61 780.31 298.97 778.34 299C777.28 299 777.07 297.44 778.17 297.23H778.16Z" fill="#0E1016"/>
-<path d="M933.93 201.22C921.26 194.43 908.18 187.78 893.84 185.65C880.19 183.81 864.84 188.48 857.17 200.48C855.06 203.8 853.56 207.49 852.59 211.35C852.38 212.36 851.8 215.24 851.8 215.24C850.83 215 849.6 208.34 849.95 207.26C850.93 204.18 852.26 201.19 854.02 198.44C862.5 185.18 879.28 180.1 894.3 182.38C908.66 184.94 922.96 191.65 933.93 201.23V201.22Z" fill="#0E1016"/>
-<path d="M851.14 230.93C851.23 238.22 855.69 244.75 861.07 249.52C872.62 259.66 887.9 263.74 901.93 269.41C907.76 271.72 913.63 274.11 919.08 277.27C920.26 277.99 921.62 278.89 922.68 279.77C919.12 278.24 915.48 277.06 911.85 275.78C900.91 272.01 890.1 268 879.35 263.6C868.48 259.2 857.39 253.16 851.13 242.77C849.56 240.2 848.43 237.3 847.89 234.25C847.7 233.17 851.89 224.95 851.64 226.15C851.18 228.33 851.13 230.16 851.15 230.92L851.14 230.93Z" fill="#0E1016"/>
-<path d="M918.3 260.15C927.76 261.45 937.2 258.19 944.69 252.59C951.3 247.46 955.85 240.58 959.64 233.08C959.3 237.7 957.45 242.14 954.87 246.03C947.13 257.36 931.75 264.55 918.29 260.16L918.3 260.15Z" fill="#0E1016"/>
-<path d="M901.9 270C902.17 270.46 902.37 271 902.42 271.59C902.51 272.59 902.12 273.53 901.62 274.2C898.79 277.44 894.45 277.06 890.65 277.3C885.9 277.35 881.23 277.15 876.53 277.02C868.21 276.73 856.65 276.14 848.46 276.35C843.83 276.42 839.19 276.56 834.68 277.55C827.85 278.89 822.16 282.97 817.69 288.17C816.2 289.82 815.01 291.73 814.05 293.78C812.17 297.86 811.12 302.48 810.81 306.94L808.88 306.47C810.75 302.88 813.24 299.7 816.27 297.02C818.07 300.22 822.11 300.79 825.46 300.35C827.02 300.24 827.21 302.55 825.67 302.71C824.85 302.73 823.65 302.78 822.84 302.69C819.99 302.42 816.98 301.34 815.36 298.8L816.74 299.02C814.87 300.79 813.28 302.89 811.94 305.1C810.93 306.67 809.37 310.22 808.53 311.9C808.7 305.44 809.25 298.76 812.07 292.87C815.15 286.36 820.87 280.96 827.33 277.8C833.9 274.72 841.3 274.45 848.41 274.37C856.61 274.23 868.26 274.76 876.57 274.92C881.24 275.02 885.94 275.06 890.56 274.89C892.84 274.78 895.19 274.62 897.15 273.97C898.5 273.5 900.38 272.4 899.09 271.19C897.81 269.78 901.69 269.68 901.88 270.01L901.9 270Z" fill="#0E1016"/>
-<path d="M862.51 277.77C857.2 277.93 851.87 278.31 846.62 279.09C841.46 279.77 836.49 281.31 832.7 284.98C825.25 291.43 823.73 305.34 833.74 310.04L832.4 311.61C831.35 309.58 830.47 307.46 830.13 305.19C829.93 304.04 829.95 302.59 829.95 301.39L831.33 302.13C832.75 302.86 834.57 302.92 836.13 302.51C836.69 302.37 837.27 302.71 837.41 303.27C837.56 303.85 837.18 304.45 836.59 304.57C834.47 304.97 832.25 304.77 830.36 303.62L831.74 302.88C831.81 304.17 832.08 305.58 832.53 306.81C833.26 308.95 834.83 311.38 835.98 313.32L832.97 312.09C821.09 307.08 822.27 290.56 831.15 283.25C835.28 279.42 841.02 277.99 846.46 277.66C851.83 277.24 857.19 277.36 862.52 277.78L862.51 277.77Z" fill="#0E1016"/>
-<path d="M863.27 281.87C855.5 282.6 846.83 284.73 841.79 291C836.65 296.9 835.83 306.02 841.38 311.92L839.76 312.92C838.81 309.4 838.95 305.59 840.98 302.46L842.04 303.22C844.42 305.28 847.76 305.7 850.81 306.03C860.88 306.69 870.74 303.6 880.34 300.88C883.68 299.86 887 298.71 890.22 297.34C890.56 297.16 891.17 297.04 891.58 297.07C893.92 297.03 898.21 297.07 900.59 297.09C907.45 297.21 914.31 297.4 921.17 297.88C928.04 298.31 934.87 299.33 941.61 299.95C946.28 300.17 954.06 301.59 955.67 295.84C956.03 287.03 939.21 267.44 933.12 260.44C932.48 259.72 933.12 259.7 933.83 259.06C934.57 258.4 935.78 258.19 935.78 258.19C943.22 267.73 950.76 277.27 956.17 288.14C957.26 290.64 958.53 293.3 958.2 296.23C957.66 299.27 954.99 301.73 952.04 302.4C948.44 303.28 944.93 302.88 941.37 302.57C934.49 301.86 927.78 300.78 920.99 300.28C912.57 299.59 903.91 299.3 895.44 299.3C894.57 299.3 892.44 299.31 891.61 299.32C891.59 299.32 891.32 299.32 891.31 299.32L890.81 299.54C881.29 303.7 871.51 307.53 861.09 308.65C854.97 309.28 848.31 309.26 842.79 306.18C841.93 305.63 841.15 305.08 840.54 304.2L842.06 304.15C841.11 305.99 840.87 308.22 841.21 310.27C841.34 311.74 842.37 314.62 842.77 316.04L840.02 313.37C836.84 310.2 835.18 305.83 835.18 301.38C835.27 286.36 850.22 280.47 863.26 281.86L863.27 281.87Z" fill="#0E1016"/>
-<path d="M779.74 239C780.12 243.38 782.06 247.89 785.48 250.75C786.61 251.78 788 252.48 789.38 253.14C790.61 253.75 788.5 255.1 788.5 255.1C783.59 253.3 779.81 249.13 778.04 244.25C777.43 242.57 777 241 776.8 239.18C776.71 238.37 777.46 238.9 778.26 238.81C779.11 238.71 779.71 238.14 779.72 239H779.74Z" fill="#0E1016"/>
-<path d="M831.26 263.61C840.66 264.86 849.88 267.74 858.95 270.42L853.55 271.59C846.4 273.05 839.18 273.69 831.9 273.74C824.94 273.74 817.73 275.23 811.64 278.56C811.21 278.8 810.67 278.64 810.43 278.21C810.19 277.78 810.34 277.25 810.76 277.01C814.02 275.18 817.44 273.99 821.02 273.06C828.03 271.16 835.35 271.94 842.47 270.81C845.97 270.34 849.5 269.72 852.84 268.81L852.75 271.56C849.19 270.33 845.58 269.15 841.96 268.07C838.36 267.01 834.7 265.98 831.02 265.37C829.9 265.18 830.12 263.5 831.25 263.61H831.26Z" fill="#0E1016"/>
-<path d="M812.35 296.09C807.55 297.32 802.23 296.13 798.44 292.94C797.88 292.47 797.4 292.03 796.86 291.4L798.88 291.37L796.5 294C796.17 294.37 795.6 294.39 795.24 294.06C794.92 293.77 794.86 293.31 795.07 292.95L796.84 289.88L797.66 288.46L798.86 289.85C801.9 293.55 807.23 295.22 811.89 294.38C812.99 294.14 813.43 295.75 812.35 296.09Z" fill="#0E1016"/>
-<path d="M882.95 262.17C887.98 266.1 892.76 270.23 897.29 274.71C898.09 275.51 896.92 276.76 896.07 276C893.75 273.9 891.34 271.89 888.88 269.94C886.42 268 883.9 266.1 881.36 264.31C879.92 263.25 881.5 261.09 882.95 262.16V262.17Z" fill="#0E1016"/>
-<path d="M758.83 36.6C770.65 33.12 783.43 32.75 795.24 36.35C799.16 37.59 802.94 39.1 806.56 41.22C806.56 41.22 812.18 44.65 812.19 44.65L805.77 43.19C797.71 41.55 784.39 40.57 777.66 45.98C777.46 46.15 777.22 46.39 777.15 46.49C776.75 47.04 776.55 46.61 776 46.2C774.51 44.93 776.03 44.14 777.04 43.51C783.47 39.78 791.23 39.98 798.4 40.24C801.04 40.4 803.6 40.64 806.22 41.08C806.22 41.08 805.43 43.07 805.42 43.05C798.64 39.22 790.78 36.86 782.98 36.28C775.17 35.7 767.04 36.54 759.57 38.81C758.1 39.33 757.3 37.1 758.81 36.59L758.83 36.6Z" fill="#0E1016"/>
-<path d="M786.55 49.96C811.87 52.48 836.76 58.77 860.33 68.33C897.34 84.03 930.48 109.34 954.64 141.55C958.77 147.03 962.69 153.25 966.02 159.22C966.83 160.82 967.99 163.16 968.8 164.77C972.65 172.88 975.65 181.72 977.85 190.42C980.99 203.22 982.23 216.88 979.02 229.81C977.15 237.83 973.68 245.48 969.42 252.45C972.6 244.92 975.29 237.3 976.75 229.33C979.18 216.7 978.03 203.6 974.75 191.21C973.08 185.06 971.02 178.75 968.63 172.85C967.92 171.21 966.52 167.75 965.71 166.24C964.9 164.68 963.78 162.42 962.98 160.86C940.38 120.86 899.19 87.54 856.89 70.23C843.38 64.72 829.31 60.53 815.1 57.3C805.62 55.21 795.97 53.43 786.34 52.46C786.34 52.46 786.45 52.07 786.52 51.37C786.59 50.69 785.86 49.91 786.54 49.97L786.55 49.96Z" fill="#0E1016"/>
-<path d="M976.01 184.75C984.65 217.09 998.25 237.92 1022.4 260.75C1040.36 278.31 1060.48 296.71 1066.55 322.16C1075.42 360.55 1057.25 394.44 1022.48 411.63C994.98 424.71 964.81 431.02 936.58 442.15C917.74 449.42 900.7 460.47 884.98 473.01C878.93 478.13 861.8 490.89 866.33 499.53C868.74 502.98 874.56 501.5 877.63 499.63C882.08 496.87 886.97 492.8 890.93 489.32C887.86 494.8 884 500.91 880.04 505.67C872.12 515.81 862.54 524.73 855.37 535.37C850.54 542.38 846.1 549.69 842.89 557.58C838.63 567.57 837.15 578.61 835.83 589.33L834.78 582.32C832.39 565.32 833.93 548.11 837.51 531.42C842.73 506.29 854.88 482.66 873.09 464.47C897 440.05 927.48 423.75 957.6 408.37C975.38 398.81 996.52 389.31 1007.61 371.75C1016.76 357.66 1017.49 339.84 1006.53 326.55C1003.97 323.31 1000.88 320.65 997.68 317.99C991.25 312.62 984.48 307.64 977.36 303.2C970.23 298.69 962.8 294.84 955.22 291.08C955.22 291.08 955.13 290.31 955.39 289.79C955.65 289.28 955.63 288.94 956.14 289.18C963.86 292.58 971.59 296.29 978.91 300.67C986.24 305.04 993.26 309.94 999.89 315.31C1006.76 320.66 1012.91 327.41 1015.96 335.73C1021.79 350.5 1016.47 367.17 1006.44 378.75C999.42 386.96 990.17 392.95 981.03 398.31C966.37 406.86 951.02 414.03 936.14 422.09C899.64 441.78 863.05 468.05 847.53 507.97C838.68 531.37 834.48 557.03 836.78 582L834.78 582.05C835.63 573.45 837.31 564.78 840.58 556.66C845.43 544.53 852.7 533.46 861 523.42C869.25 513.61 878.45 504.48 885.7 493.89L887.37 495.28C884.9 497.36 882.37 499.3 879.69 501.07C872.9 505.9 861.67 505.25 863.39 494.38C864.65 488.99 868.47 485.14 872.09 481.35C883.08 470.72 895.48 461.65 908.33 453.43C925.6 442.56 945.02 435.7 964.36 429.65C978.83 425.07 993.25 420.45 1007.44 415.09C1012.14 413.31 1016.76 411.4 1021.21 409.11C1043.63 398.05 1061.58 377.74 1064.99 352.45C1072.45 298.16 1028.85 276.78 999.74 240.33C993.47 232.26 988.02 223.53 983.73 214.24C979.37 204.98 976.23 195.23 973.48 185.46C973.28 184.75 973.69 184.02 974.4 183.82C975.11 183.62 975.85 184.03 976.04 184.75H976.01Z" fill="#0E1016"/>
-<path d="M996.24 232.57C1002.09 240.94 1010.87 247.43 1020.79 250.01C1027.53 251.62 1034.56 252.47 1041.3 254.33C1052.45 257.07 1060.54 263.82 1065.61 274.15L1068.65 280.48L1063.58 275.51C1060.84 272.89 1057.41 270.67 1053.93 269.08C1049.81 267.25 1038.55 263.4 1037.28 270.01C1037.13 272.63 1038.63 275.33 1039.98 277.64C1041 279.29 1042.17 280.87 1043.44 282.36C1043.89 282.89 1043.83 283.68 1043.3 284.13C1042.77 284.58 1041.98 284.52 1041.52 283.99C1038.82 280.75 1036.4 277.29 1035.15 273.16C1033.39 267.74 1037.31 263.65 1042.74 263.82C1051.23 264.11 1059.17 268.06 1065.33 273.77L1063.31 275.13C1061.92 272.17 1059.97 269.26 1057.78 266.72C1051.17 258.48 1040.49 256.03 1030.56 254.14C1027.13 253.44 1023.72 252.86 1020.25 251.97C1009.89 249.18 1000.8 242.36 994.75 233.56C994.13 232.62 995.51 231.57 996.22 232.56L996.24 232.57Z" fill="#0E1016"/>
-<path d="M1062.27 311.16C1065.65 318.27 1071.86 323.74 1076.64 329.98C1086.06 341.89 1086.36 356.05 1077.5 368.38L1073.99 373.13C1075.3 366.94 1076.98 360.15 1076.4 353.81C1076.03 350.92 1075.21 343.93 1071.07 345.26C1068.85 346.28 1068.24 349.78 1067.9 352.16C1067.81 352.93 1067.11 353.48 1066.35 353.38C1065.59 353.28 1065.05 352.58 1065.15 351.82C1065.37 350.2 1065.68 348.56 1066.34 346.94C1067.67 342.87 1072.52 340.58 1075.82 344C1078.16 346.63 1078.65 350.23 1079.04 353.55C1079.43 358.4 1078.72 363.16 1077.73 367.89L1075.45 366.82C1081.73 358.37 1083.75 347.55 1079.01 337.87C1075.67 330.64 1069.58 325.2 1064.9 318.82C1063.29 316.65 1061.67 314.45 1060.61 311.79C1060.43 311.33 1060.65 310.82 1061.11 310.64C1061.57 310.46 1062.09 310.69 1062.27 311.15V311.16Z" fill="#0E1016"/>
-<path d="M1059.87 375.75C1053.44 388.27 1043.28 398.33 1034.52 409.15C1032.38 411.85 1030.49 414.7 1028.75 417.68C1023.19 427.62 1018.71 436.03 1008.02 441.46L1001.48 444.97C1004.67 441.21 1009.22 436.57 1011.29 432.12C1013.13 428.69 1013.43 423.89 1009.97 421.48C1006.46 419.16 1001.95 420.11 998.07 421.48C997.34 421.75 996.53 421.38 996.27 420.65C996 419.92 996.38 419.12 997.11 418.85C1000.08 417.78 1003.31 417.02 1006.7 417.41C1012.37 417.92 1016.23 423 1015.33 428.6C1014.47 433.5 1011.52 437.49 1008.42 441.17L1006.78 439.03C1009.79 437.5 1012.58 435.6 1015.03 433.29C1020.13 428.61 1023.16 422.35 1026.72 416.47C1032.04 407.33 1039.84 400.04 1046.44 391.9C1050.83 386.58 1055.13 381.09 1058.3 374.96C1058.79 373.98 1060.41 374.65 1059.89 375.76L1059.87 375.75Z" fill="#0E1016"/>
-<path d="M844.34 63.02C853.58 66.32 863.1 68.77 872.84 69.98C882.68 71.25 892.62 71.01 902.31 73.88C908.8 75.75 914.84 79.25 919.68 83.97L925.38 89.45C920.93 87.2 915.16 84 910.21 83.17C907.1 82.47 896.41 81.1 898.29 86.65C899.25 89.02 901.52 90.99 903.61 92.55C904.26 93.03 904.4 93.94 903.92 94.59C903.44 95.25 902.51 95.38 901.87 94.89C899.34 92.9 896.92 90.78 895.67 87.6C894.95 85.86 895.2 83.39 896.68 82.05C901.88 77.43 913.85 81.03 919.38 83.76C919.4 83.76 917.98 85.67 917.99 85.67C915.7 83.44 913.18 81.46 910.43 79.84C901.99 74.8 892.13 73.8 882.42 72.98C875.85 72.47 869.22 71.67 862.77 70.26C856.29 68.88 849.93 66.95 843.72 64.69C842.69 64.3 843.15 62.64 844.32 63.02H844.34Z" fill="#0E1016"/>
-<path d="M929.67 114.7C934.28 118.89 940.08 121.84 945.58 124.8C956.82 130.85 969.5 135.35 978.08 145.36C984.4 152.26 987.44 161.85 990.59 170.44C987.29 165.86 983.33 159.68 978.8 156.25C975.19 153.47 970.78 150.38 966.17 150.72C965.15 150.85 964.05 151.45 964.03 152.42C964.23 155.33 965.7 158.64 967.04 161.34C967.45 162.14 967.14 163.12 966.34 163.53C965.53 163.95 964.54 163.61 964.14 162.8C963.37 161.21 962.7 159.58 962.13 157.9C960.61 153.54 959.89 148.82 965.77 147.86C971.48 147.46 976.32 150.98 980.45 154.3C983.12 156.6 985.46 159.14 987.49 162.11L985.42 163.12C981.49 150.77 973.18 141.29 961.71 135.32C953.33 130.78 944.51 126.76 936.32 121.77C933.58 120.07 930.86 118.29 928.45 115.98C928.09 115.64 928.08 115.08 928.42 114.72C928.77 114.36 929.35 114.35 929.7 114.71L929.67 114.7Z" fill="#0E1016"/>
-<path d="M708.1 324.25C708.92 326.65 718.24 354.28 718.81 355.9C719.05 356.66 719.73 357.22 720.51 357.31C725.16 357.38 737.76 357.4 742.64 357.44C788.38 357.72 834.27 357.82 880.02 357.4L881.88 357.39H882.81L883.27 357.38C884.2 357.4 885.04 356.8 885.32 355.92L886.51 352.4C889.7 343.03 892.84 333.64 895.97 324.24C896.24 323.44 897.13 323.87 897.94 324.14C898.76 324.41 899.17 324.44 898.87 325.25C895.5 334.56 892.15 343.88 888.85 353.21L887.61 356.71C887.08 358.3 885.56 359.54 883.88 359.71C883.3 359.77 882.47 359.72 881.88 359.73C835.51 359.3 789 359.39 742.64 359.68C738.03 359.7 725.35 359.77 720.83 359.79C718.93 359.86 717.04 358.54 716.46 356.73C715.88 355.09 706.09 327.55 705.26 325.24C704.68 323.37 708.09 324.26 708.09 324.26L708.1 324.25Z" fill="#0E1016"/>
-<path d="M956.7 295.99C957.68 295.94 959.05 295.99 959.99 296.56C961.59 297.38 962.63 299.22 962.58 301C962.6 301.89 962.59 304.45 962.6 305.39L962.65 317.09V320.02L962.67 320.75C962.7 322.94 961.19 325.03 959.07 325.62C958.2 325.92 956.78 325.81 955.85 325.83C861.11 325.84 746.28 325.86 651.54 325.87H648.61H647.15H646.41C646.1 325.87 645.79 325.83 645.48 325.77C643 325.31 641.18 322.88 641.38 320.37V308.67V302.82C641.38 301.8 641.29 300.74 641.52 299.64C641.69 298.36 643.86 295.24 645.19 296.93C645.54 297.45 645.4 298.15 644.88 298.5C643.98 299.19 643.5 300.13 643.63 301.36V302.82C643.6 306.52 643.65 316.54 643.63 320.38V320.75V321.02C643.66 321.19 643.69 321.37 643.73 321.53C644.19 323.11 645.59 323.76 647.15 323.62C647.99 323.62 650.64 323.62 651.54 323.62C746.28 323.63 861.11 323.65 955.85 323.66H957.31H957.66C958.64 323.66 959.59 323.11 960.1 322.28C960.58 321.63 960.52 320.78 960.54 320.02L960.55 317.09C960.58 314.93 960.59 304.39 960.61 302.46L960.62 301C960.62 300.56 960.59 300.24 960.47 299.87C959.9 298.2 958.39 297.65 956.69 297.77C956.19 297.77 955.79 297.36 955.8 296.86C955.8 296.37 956.21 295.99 956.69 295.99H956.7Z" fill="#0E1016"/>
-<path d="M811.68 297.77H795.4C794.91 297.77 794.51 297.37 794.51 296.88C794.51 296.39 794.91 295.99 795.4 295.99H811.68C812.17 295.99 812.57 296.39 812.57 296.88C812.57 297.37 812.17 297.77 811.68 297.77Z" fill="#0E1016"/>
-<path d="M718.58 297.77H686.68C686.19 297.77 685.79 297.37 685.79 296.88C685.79 296.39 686.19 295.99 686.68 295.99H718.58C719.07 295.99 719.47 296.39 719.47 296.88C719.47 297.37 719.07 297.77 718.58 297.77Z" fill="#0E1016"/>
-<path d="M957.9 858.13C878.48 857.97 735.32 857.9 657.29 857.96H646.51C644.3 857.9 642.27 856.15 641.92 853.94C641.77 853.12 641.86 851.94 641.83 851.1C641.75 849.37 641.8 839.63 641.74 837.68C641.72 836.69 641.74 834.6 641.71 833.65C641.64 832.1 642.22 830.23 643.57 829.24C644.45 828.52 645.59 828.13 646.73 828.13H818.51C852.75 828.14 924.56 828.12 958.13 828.15C961.01 828.22 963.27 830.99 962.93 833.84C962.93 836.58 962.92 845.71 962.93 848.6C962.94 849.58 962.92 851.68 962.93 852.63C963.16 855.47 960.85 858.19 957.9 858.13ZM957.9 856.02C959.23 856.03 960.48 855.04 960.74 853.74C960.91 852.61 960.76 849.92 960.81 848.61C960.88 845.67 960.75 836.65 960.81 833.85C960.99 832.05 959.95 830.4 958.05 830.3C924.85 830.28 852.52 830.3 818.53 830.3H646.75C645.43 830.28 644.2 831.27 643.91 832.56C643.72 833.69 643.87 836.38 643.8 837.69C643.81 841.34 643.64 850.11 643.74 853.63C643.93 855 645.19 856.15 646.6 856.18H657.29L700.23 856.2C754.71 856.29 901.55 856.1 957.9 856.02Z" fill="#0E1016"/>
-<path d="M882.98 367.01C882.49 367.01 882.09 366.61 882.09 366.12V358.56C882.09 358.07 882.49 357.67 882.98 357.67C883.47 357.67 883.87 358.07 883.87 358.56V366.12C883.87 366.61 883.47 367.01 882.98 367.01Z" fill="#0E1016"/>
-<path d="M721.19 367.01C720.7 367.01 720.3 366.61 720.3 366.12V358.56C720.3 358.07 720.7 357.67 721.19 357.67C721.68 357.67 722.08 358.07 722.08 358.56V366.12C722.08 366.61 721.68 367.01 721.19 367.01Z" fill="#0E1016"/>
-<path d="M890.38 468.31C885.31 481.02 877.39 492.35 869.11 503.12C868.66 503.71 867.82 503.82 867.23 503.36C866.63 502.9 866.53 502.04 867 501.46C875.42 490.99 883.46 480.04 888.73 467.63C889.19 466.58 890.79 467.21 890.37 468.31H890.38Z" fill="#0E1016"/>
-<path d="M884.19 365.42C896.51 390.02 901.03 419.5 896.33 446.62C896.11 447.7 894.45 447.51 894.57 446.35C896.06 432.87 895.68 419.01 893.56 405.61C891.35 392.27 887.6 378.96 881.66 366.81C880.76 365.14 883.23 363.72 884.2 365.42H884.19Z" fill="#0E1016"/>
-<path d="M838.41 540.34C834.32 545.36 825.42 556.15 821.66 561.07C819.1 564.52 816.4 567.93 815.08 571.96C814.02 575.83 814.11 580.22 815.79 583.92C818.23 589.04 822.13 593.7 825.65 598.23C842.23 619.17 860.35 638.92 876.24 660.45C877.54 662.23 880.12 665.98 881.3 667.85C884.51 672.79 887.54 678.24 889.88 683.66C901.61 710.01 899.79 744.77 890.69 771.7C888.7 777.56 886.4 783.25 883.45 788.72C882.28 788.85 721.83 788.62 720.64 788.72C717.56 783 715.24 777.05 713.2 770.93C702.52 737.56 702.42 698.39 722.46 668.46C731.43 654.46 742.39 641.97 752.9 629.16C763.36 616.43 774.24 603.93 784.01 590.67C786.17 587.48 788.59 584.17 789.23 580.39C789.54 578.6 789.54 576.59 789.38 574.73C788.74 568.84 784.46 564.12 781.07 559.46C769.26 544.32 754.05 526.52 741.71 511.62C727.19 494.17 712.78 475.06 708.68 452.18C708.29 450.13 708.02 448.06 707.68 446C707.6 445.52 707.93 445.06 708.41 444.98C708.89 444.9 709.35 445.23 709.43 445.71C711.4 457.88 715.81 469.44 722.1 480C728.49 490.56 736.2 500.15 743.96 509.77C754.2 522.37 765.11 535.47 775.71 547.84C781.07 554.37 786.78 560.29 790.94 567.84C793.73 573.33 793.78 580.3 791 585.84C785.63 595.46 777.51 603.24 770.69 611.71C760.02 624.31 749.42 637.02 739.02 649.83C714.92 679.06 705.81 701.86 709.14 740.18C710.74 756.43 714.83 772.66 721.95 787.38C717.57 786.36 883.9 787.14 882.91 786.92L882.13 787.38C884.73 782.17 886.76 776.58 888.58 770.99C894.57 752.06 896.75 731.92 894.76 712.16C894.59 710.87 894.05 707.01 893.84 705.63C893.52 703.58 892.9 701.24 892.51 699.18C892.15 697.91 891.14 694.19 890.73 692.84C888.41 685.97 885.3 679.14 881.51 672.94C879.49 669.44 876.59 665.2 874.21 661.89C862.29 645.54 847.91 629.28 835.02 613.56C831.02 608.77 821.56 597.79 817.9 592.95C816.1 590.54 814.3 588.07 812.96 585.18C811.56 582.34 811.1 578.94 811.26 575.8C811.32 572.65 812.38 569.35 813.99 566.66C817.14 561.3 821.02 556.8 824.79 552.19C828.58 547.6 832.47 543.11 836.32 538.6C837.44 537.37 839.5 538.82 838.39 540.33L838.41 540.34Z" fill="#0E1016"/>
-<path d="M705.54 828.81C706.38 826.41 716.02 798.9 716.59 797.27C717.22 795.32 719.27 794.09 721.3 794.28C721.86 794.28 723.5 794.28 724.08 794.28C726.19 794.28 740.16 794.29 742.64 794.28C781.85 794.35 842.82 794.25 881.88 794.13H882.81H883.27C883.43 794.13 883.68 794.13 883.88 794.16C885.59 794.33 887.12 795.6 887.65 797.21L888.88 800.71L898.77 828.72C899.03 829.46 898.41 829.25 897.66 829.51C896.91 829.78 896.32 830.41 896.07 829.65L886.48 801.53L885.27 798.02C884.9 796.92 883.88 796.51 882.8 796.61C882.24 796.61 880.6 796.61 880.01 796.61C841.83 796.49 780.94 796.41 742.63 796.47C738.31 796.47 725.51 796.47 721.28 796.47H720.82C719.86 796.44 718.98 797.05 718.67 797.97L717.46 801.48L707.81 829.57C707.81 829.57 705.02 830.39 705.52 828.78L705.54 828.81Z" fill="#0E1016"/>
-<path d="M882.98 796.28C882.49 796.28 882.09 795.88 882.09 795.39V787.83C882.09 787.34 882.49 786.94 882.98 786.94C883.47 786.94 883.87 787.34 883.87 787.83V795.39C883.87 795.88 883.47 796.28 882.98 796.28Z" fill="#0E1016"/>
-<path d="M721.19 796.28C720.7 796.28 720.3 795.88 720.3 795.39V787.83C720.3 787.34 720.7 786.94 721.19 786.94C721.68 786.94 722.08 787.34 722.08 787.83V795.39C722.08 795.88 721.68 796.28 721.19 796.28Z" fill="#0E1016"/>
-<path d="M942.64 830.1H930.86V612.26C923.36 609.75 918.18 602.61 918.18 594.66C918.18 586.71 923.36 579.57 930.86 577.05V576.9C923.36 574.39 918.18 567.25 918.18 559.3C918.18 551.35 923.36 544.21 930.86 541.7V442.72C930.86 442.23 931.26 441.83 931.75 441.83C932.24 441.83 932.64 442.23 932.64 442.72V543.01L932 543.2C924.91 545.29 919.96 551.91 919.96 559.3C919.96 566.69 924.91 573.31 932 575.4L932.64 575.59V578.38L932 578.57C924.91 580.66 919.96 587.28 919.96 594.67C919.96 602.06 924.91 608.68 932 610.77L932.64 610.96V828.33H940.86V610.96L941.5 610.77C948.59 608.68 953.54 602.06 953.54 594.67C953.54 587.28 948.59 580.66 941.5 578.57L940.86 578.38V575.59L941.5 575.4C948.59 573.31 953.54 566.69 953.54 559.3C953.54 551.91 948.59 545.29 941.5 543.2L940.86 543.01V438.72C940.86 438.23 941.26 437.83 941.75 437.83C942.24 437.83 942.64 438.23 942.64 438.72V541.69C950.14 544.2 955.32 551.34 955.32 559.29C955.32 567.24 950.14 574.38 942.64 576.89V577.04C950.14 579.55 955.32 586.69 955.32 594.65C955.32 602.61 950.14 609.74 942.64 612.25V830.09V830.1Z" fill="#0E1016"/>
-<path d="M931.75 424.12C931.26 424.12 930.86 423.72 930.86 423.23V323.85H942.64V417.84C942.64 418.33 942.24 418.73 941.75 418.73C941.26 418.73 940.86 418.33 940.86 417.84V325.63H932.64V423.23C932.64 423.72 932.24 424.12 931.75 424.12Z" fill="#0E1016"/>
-<path d="M673.59 830.1H661.81V612.26C654.31 609.75 649.13 602.61 649.13 594.66C649.13 586.71 654.31 579.57 661.81 577.05V576.9C654.31 574.39 649.13 567.25 649.13 559.3C649.13 551.35 654.31 544.21 661.81 541.7V429.45C661.81 428.96 662.21 428.56 662.7 428.56C663.19 428.56 663.59 428.96 663.59 429.45V543.01L662.95 543.2C655.86 545.29 650.91 551.91 650.91 559.3C650.91 566.69 655.86 573.31 662.95 575.4L663.59 575.59V578.38L662.95 578.57C655.86 580.66 650.91 587.28 650.91 594.67C650.91 602.06 655.86 608.68 662.95 610.77L663.59 610.96V828.33H671.81V610.96L672.45 610.77C679.54 608.68 684.49 602.06 684.49 594.67C684.49 587.28 679.54 580.66 672.45 578.57L671.81 578.38V575.59L672.45 575.4C679.54 573.31 684.49 566.69 684.49 559.3C684.49 551.91 679.54 545.29 672.45 543.2L671.81 543.01V433.44C671.81 432.95 672.21 432.55 672.7 432.55C673.19 432.55 673.59 432.95 673.59 433.44V541.69C681.09 544.2 686.27 551.34 686.27 559.29C686.27 567.24 681.09 574.38 673.59 576.89V577.04C681.09 579.55 686.27 586.69 686.27 594.65C686.27 602.61 681.09 609.74 673.59 612.25V830.09V830.1Z" fill="#0E1016"/>
-<path d="M672.7 360.83C672.21 360.83 671.81 360.43 671.81 359.94V325.63H663.59V358.54C663.59 359.03 663.19 359.43 662.7 359.43C662.21 359.43 661.81 359.03 661.81 358.54V323.85H673.59V359.94C673.59 360.43 673.19 360.83 672.7 360.83Z" fill="#0E1016"/>
-<path d="M678.29 391.45C681.44 389.72 684.75 388.31 687.93 386.72C688.7 386.28 689.38 385.58 690.01 384.72C691.29 382.94 692.49 380.74 693.09 378.55C690.66 371.18 674.14 361.99 667.16 358.3L668.75 356.59C669.93 358.46 671.03 360.33 672.08 362.27C673.12 364.21 674.12 366.18 674.92 368.35C675.21 369.15 671.13 366.87 670.59 365.61C669.44 362.95 668.05 360.35 666.68 357.85L664.67 354.27C670.14 357.05 675.62 360.12 680.76 363.41C684.91 366.23 696.79 373.7 696.14 379.16C695.8 380.64 695.18 382.03 694.51 383.37C693.25 385.74 691.68 388.08 688.97 389.12C685.47 390.26 681.94 390.94 678.31 391.45H678.29Z" fill="#0E1016"/>
-<path d="M710.28 394.22C712.6 384.07 715.61 374.05 720.39 364.74C730.88 364.89 751.14 365.08 761.63 365.13C790.78 365.28 833.68 365.29 862.72 365.04L882.94 364.8C883.66 364.8 884.25 365.37 884.26 366.09C884.26 366.82 883.67 367.42 882.94 367.41C872.82 367.27 852.61 367.08 842.51 367.04C805.28 366.92 758.27 366.94 721.21 367.47C721.21 367.47 722.42 366.75 722.41 366.76C718.94 373.28 716.25 380.34 714.05 387.41C713.31 389.79 712.65 392.2 712.03 394.62C711.77 395.7 710.05 395.36 710.3 394.2L710.28 394.22Z" fill="#0E1016"/>
-<path d="M673.27 36.02C667.95 33.55 661.48 30.92 661.48 30.92C661.48 30.92 669.08 31.61 674.37 33.19C679.66 34.77 673.27 36.02 673.27 36.02Z" fill="#0E1016"/>
-<path d="M656.01 51.5C658.3 53.91 660.6 56.3 662.91 58.68C670.36 66.32 677.87 73.92 686 80.86C672.13 64.64 657.41 49.21 642.46 34C640.53 32.03 635.02 27.84 635.02 27.84C635.02 27.84 638.48 32.06 641.03 35.26C644.21 39.46 647.34 43.76 650.46 48.03C652.8 51.22 657.41 57.72 659.65 60.98C665.51 69.78 671.67 78.47 676.25 88.03C673.07 77.83 667.27 68.65 661.59 59.68C659.78 56.91 657.92 54.19 656.02 51.49L656.01 51.5Z" fill="#0E1016"/>
-<path d="M725.25 687.82C723.92 694.84 727.61 703.43 731.29 709.29C735.31 715.66 741.34 720.54 748.66 722.53C763.22 726.57 779.19 724.24 793.13 718.8C807.14 713.05 821.43 705.95 835.81 701.09C850.4 696.03 866.01 693.71 881.44 694.11C866.2 695.9 850.88 697.52 836.43 702.89C821.9 707.98 808.27 715.13 794.01 721C790.39 722.46 786.67 723.68 782.87 724.59C768.66 728.01 749.54 728.69 737.46 719.22C731.32 714.19 727.31 706.96 725.43 699.35C724.65 695.61 723.94 691.51 725.26 687.82H725.25Z" fill="#0E1016"/>
-<path d="M847.6 684.36C839.08 680.34 831.22 674.97 823.76 669.31C816.45 663.8 808.4 658 798.85 658.21C788.38 658.42 778.21 661.87 768.22 664.84C760.52 667.39 749.68 666.3 746.11 657.96C751.56 665.08 759.66 666.11 767.74 663.33C779.97 659.45 793.04 654.76 805.98 657.9C812.87 659.88 818.76 664.21 824.55 668.22C832.17 673.75 839.6 679.38 847.6 684.35V684.36Z" fill="#0E1016"/>
-<path d="M489.67 791.58C502.28 786.4 536.67 771.73 556.64 767.63C576.61 763.54 606.06 758.06 628.53 768.37C650.99 778.68 682.87 804.32 697.58 814.5C712.29 824.68 732.7 837.88 748.32 845.43C763.93 852.98 788.88 858.12 788.88 858.12H501.32L489.66 791.57L489.67 791.58Z" fill="#FFE67C"/>
-<path d="M478.56 796.28C505.17 784.12 532.19 772.6 560.67 765.5C589 758.14 621.02 759.65 646.1 775.9C658.52 783.74 669.77 793.11 681.63 801.69C687.51 805.99 693.47 810.22 699.43 814.43C723.04 831.13 747.86 847.81 776.53 853.95C783.63 855.44 790.87 856.13 798.11 856.28V857.88C790.75 857.77 783.39 857.12 776.17 855.65C739.88 847.92 709.91 824.53 680.28 803.52C662.62 791 646.29 775.43 625.42 768.51C608.25 762.93 589.56 762.22 571.84 765.5C539.57 771.52 509.12 784.61 478.55 796.29L478.56 796.28Z" fill="#0E1016"/>
-<path d="M1135.76 751.8C1176.15 730.4 1219.71 708.86 1266.53 709.57C1286 710.22 1302.5 719.29 1316.55 732.27C1323.4 738.5 1329.84 745.16 1335.68 752.31C1329.32 745.66 1322.59 739.34 1315.49 733.5C1301.65 721.6 1284.84 713.02 1266.39 712.41C1220.08 711.73 1177.04 733.02 1135.76 751.8Z" fill="#0E1016"/>
-<path d="M1180.55 731.54C1169.45 724.34 1156.71 718.58 1143.43 717.35C1136.79 716.89 1130.05 717.57 1123.45 718.93C1116.84 720.28 1110.33 722.28 1104.02 724.86C1109.96 721.47 1116.4 718.97 1123.04 717.17C1144.11 711.11 1164.44 717.24 1182.01 729.51L1180.55 731.53V731.54Z" fill="#0E1016"/>
-<path d="M351.58 753.3C382.74 738.46 409.77 730.52 441.68 749.05C445.52 751.35 449.3 753.93 452.37 757.21C448.8 754.51 444.95 752.29 441.02 750.23C420.45 739.26 399.03 738.15 376.85 744.56C368.26 746.92 360.07 750.58 351.58 753.29V753.3Z" fill="#0E1016"/>
-<path d="M931.33 756.86C924.24 758.48 917.21 761.04 910.29 764.71C915.68 763.33 920.71 761.12 926.01 759.71C927.77 759.22 929.55 758.79 931.33 758.41V756.86Z" fill="#0E1016"/>
-<path d="M1139.42 798.75C1126.01 801.37 1112.29 802.31 1098.67 801.28C1082.33 800.18 1066.34 795.84 1051.21 789.61C1035.79 783.56 1021.7 775.01 1006.54 768.24C985.66 758.79 963.56 752.92 941.76 755.15V756.77C941.88 756.76 942 756.74 942.12 756.73C975.6 753.8 1006.18 770.49 1034.91 785.55C1059.94 798.17 1086.87 806.39 1115.15 804.45C1126.26 803.83 1137.23 801.71 1147.85 798.44C1153.13 796.8 1158.39 794.95 1163.26 792.32C1155.57 795.33 1147.51 797.17 1139.43 798.74L1139.42 798.75Z" fill="#0E1016"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_110_2332" x1="789.69" y1="692.99" x2="816.23" y2="774.72" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFB993"/>
-<stop offset="1" stop-color="#FFE67C"/>
-</linearGradient>
-<clipPath id="clip0_110_2332">
-<rect width="1581.76" height="858.13" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/frontend-next/public/images/kubernetes-asset.png b/frontend-next/public/images/kubernetes-asset.png
deleted file mode 100644
index a0938b8e8..000000000
Binary files a/frontend-next/public/images/kubernetes-asset.png and /dev/null differ
diff --git a/frontend-next/public/images/loading/loading.gif b/frontend-next/public/images/loading/loading.gif
deleted file mode 100644
index 9cf0f6b6a..000000000
Binary files a/frontend-next/public/images/loading/loading.gif and /dev/null differ
diff --git a/frontend-next/public/images/loading/loadingblack.gif b/frontend-next/public/images/loading/loadingblack.gif
deleted file mode 100644
index dd45a4824..000000000
Binary files a/frontend-next/public/images/loading/loadingblack.gif and /dev/null differ
diff --git a/frontend-next/public/images/logotransparent.png b/frontend-next/public/images/logotransparent.png
deleted file mode 100644
index f6e4822b7..000000000
Binary files a/frontend-next/public/images/logotransparent.png and /dev/null differ
diff --git a/frontend-next/public/images/maintenance.png b/frontend-next/public/images/maintenance.png
deleted file mode 100644
index d1484f43b..000000000
Binary files a/frontend-next/public/images/maintenance.png and /dev/null differ
diff --git a/frontend-next/public/images/progress-0.svg b/frontend-next/public/images/progress-0.svg
deleted file mode 100644
index 8d338b719..000000000
--- a/frontend-next/public/images/progress-0.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="465" height="465" viewBox="0 0 465 465" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M432.802 232.798C432.802 272.354 421.072 311.022 399.096 343.912C377.119 376.802 345.884 402.436 309.339 417.574C272.793 432.711 232.58 436.672 193.784 428.955C154.988 421.238 119.351 402.19 91.3806 374.219C63.4101 346.249 44.3619 310.612 36.6448 271.816C28.9277 233.02 32.8882 192.807 48.0257 156.262C63.1631 119.716 88.7975 88.4805 121.687 66.5042C154.577 44.5278 193.245 32.798 232.801 32.7978" stroke="#67704D" stroke-width="64"/>
-<path d="M215.758 33.5259C255.17 30.1556 294.697 38.5481 329.34 57.6422C363.983 76.7362 392.185 105.674 410.381 140.797C428.578 175.919 435.95 215.649 431.567 254.962C427.183 294.274 411.241 331.404 385.755 361.656C360.27 391.908 326.386 413.923 288.388 424.918C250.391 435.912 209.986 435.393 172.284 423.424C134.582 411.455 101.276 388.575 76.5769 357.678C51.8782 326.78 36.8963 289.252 33.5259 249.84" stroke="#67704D" stroke-width="64"/>
-<path d="M197.461 263.218C192.386 263.218 188.011 262.016 184.336 259.61C180.662 257.186 177.831 253.711 175.842 249.184C173.853 244.639 172.869 239.175 172.887 232.792C172.906 226.41 173.901 220.993 175.87 216.542C177.859 212.072 180.681 208.673 184.336 206.343C188.011 203.995 192.386 202.821 197.461 202.821C202.537 202.821 206.912 203.995 210.586 206.343C214.28 208.673 217.12 212.072 219.109 216.542C221.098 221.012 222.083 226.429 222.064 232.792C222.064 239.194 221.069 244.667 219.081 249.213C217.092 253.758 214.261 257.233 210.586 259.639C206.931 262.025 202.556 263.218 197.461 263.218ZM197.461 251.713C200.492 251.713 202.944 250.169 204.819 247.082C206.694 243.976 207.622 239.213 207.603 232.792C207.603 228.588 207.177 225.122 206.325 222.394C205.473 219.648 204.289 217.603 202.774 216.258C201.259 214.913 199.488 214.241 197.461 214.241C194.45 214.241 192.016 215.766 190.16 218.815C188.304 221.845 187.367 226.504 187.348 232.792C187.329 237.054 187.736 240.586 188.569 243.389C189.422 246.192 190.615 248.285 192.149 249.667C193.683 251.031 195.454 251.713 197.461 251.713ZM262.703 250.889V247.821C262.703 245.434 263.214 243.228 264.237 241.201C265.279 239.175 266.784 237.546 268.754 236.315C270.724 235.084 273.129 234.468 275.97 234.468C278.868 234.468 281.301 235.084 283.271 236.315C285.26 237.527 286.756 239.146 287.76 241.173C288.782 243.18 289.294 245.396 289.294 247.821V250.889C289.294 253.275 288.782 255.482 287.76 257.508C286.737 259.535 285.231 261.163 283.243 262.394C281.254 263.626 278.83 264.241 275.97 264.241C273.091 264.241 270.667 263.626 268.697 262.394C266.727 261.163 265.231 259.535 264.208 257.508C263.205 255.482 262.703 253.275 262.703 250.889ZM271.765 247.821V250.889C271.765 252.101 272.059 253.266 272.646 254.383C273.252 255.501 274.36 256.059 275.97 256.059C277.618 256.059 278.726 255.519 279.294 254.44C279.862 253.341 280.146 252.158 280.146 250.889V247.821C280.146 246.552 279.871 245.358 279.322 244.241C278.792 243.105 277.674 242.536 275.97 242.536C274.379 242.536 273.28 243.105 272.674 244.241C272.068 245.358 271.765 246.552 271.765 247.821ZM232.532 217.593V214.525C232.532 212.101 233.053 209.885 234.095 207.877C235.155 205.851 236.671 204.232 238.64 203.019C240.61 201.788 242.996 201.173 245.799 201.173C248.697 201.173 251.131 201.788 253.101 203.019C255.089 204.232 256.595 205.851 257.618 207.877C258.64 209.885 259.152 212.101 259.152 214.525V217.593C259.152 220.018 258.631 222.233 257.589 224.241C256.566 226.249 255.061 227.849 253.072 229.042C251.083 230.235 248.659 230.832 245.799 230.832C242.94 230.832 240.515 230.226 238.527 229.014C236.557 227.802 235.061 226.192 234.038 224.184C233.034 222.177 232.532 219.98 232.532 217.593ZM241.68 214.525V217.593C241.68 218.862 241.974 220.046 242.561 221.144C243.167 222.224 244.246 222.764 245.799 222.764C247.466 222.764 248.574 222.224 249.123 221.144C249.691 220.046 249.976 218.862 249.976 217.593V214.525C249.976 213.256 249.71 212.063 249.18 210.946C248.65 209.809 247.523 209.241 245.799 209.241C244.208 209.241 243.119 209.819 242.532 210.974C241.964 212.129 241.68 213.313 241.68 214.525ZM236.822 261.798L276.822 203.616H284.578L244.578 261.798H236.822Z" fill="#BADC58"/>
-</svg>
diff --git a/frontend-next/public/images/progress-14.svg b/frontend-next/public/images/progress-14.svg
deleted file mode 100644
index 33d8522b9..000000000
--- a/frontend-next/public/images/progress-14.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="566" height="566" viewBox="0 0 566 566" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M483.002 282.999C483.002 322.556 471.272 361.223 449.296 394.113C427.32 427.003 396.084 452.638 359.539 467.775C322.994 482.913 282.78 486.873 243.984 479.156C205.188 471.439 169.551 452.391 141.581 424.421C113.61 396.45 94.5621 360.814 86.845 322.018C79.1278 283.221 83.0884 243.008 98.2259 206.463C113.363 169.918 138.998 138.682 171.887 116.706C204.777 94.7293 243.445 82.9994 283.001 82.9993" stroke="#67704D" stroke-width="64"/>
-<path d="M426.898 144.1C454.37 172.56 472.785 208.528 479.815 247.454C486.846 286.381 482.175 326.518 466.394 362.79C450.613 399.062 424.431 429.84 391.158 451.231C357.885 472.623 319.015 483.668 279.465 482.969C239.915 482.27 201.461 469.858 168.964 447.304C136.468 424.75 111.389 393.067 96.9001 356.26C82.4107 319.453 79.1612 279.176 87.5626 240.522C95.9639 201.868 115.639 166.574 144.099 139.102" stroke="#67704D" stroke-width="64"/>
-<path d="M283.002 82.9993C312.374 82.9993 341.385 89.4686 367.974 101.948C394.563 114.427 418.078 132.609 436.846 155.202" stroke="#BADC58" stroke-width="64" stroke-linecap="round"/>
-<path d="M231.401 253.817V311.999H217.367V266.942H217.026L204.015 274.897V262.738L218.361 253.817H231.401ZM243.553 302.34V291.374L267.388 253.817H277.132V268.704H271.479L257.53 290.806V291.261H292.047V302.34H243.553ZM271.649 311.999V298.988L271.934 294.187V253.817H285.087V311.999H271.649ZM332.005 301.09V298.022C332.005 295.636 332.516 293.429 333.539 291.403C334.58 289.376 336.086 287.747 338.056 286.516C340.025 285.285 342.431 284.67 345.272 284.67C348.169 284.67 350.603 285.285 352.573 286.516C354.561 287.728 356.058 289.348 357.061 291.374C358.084 293.382 358.595 295.598 358.595 298.022V301.09C358.595 303.477 358.084 305.683 357.061 307.709C356.039 309.736 354.533 311.365 352.544 312.596C350.556 313.827 348.131 314.442 345.272 314.442C342.393 314.442 339.969 313.827 337.999 312.596C336.029 311.365 334.533 309.736 333.51 307.709C332.506 305.683 332.005 303.477 332.005 301.09ZM341.067 298.022V301.09C341.067 302.302 341.361 303.467 341.948 304.584C342.554 305.702 343.662 306.261 345.272 306.261C346.919 306.261 348.027 305.721 348.595 304.641C349.164 303.543 349.448 302.359 349.448 301.09V298.022C349.448 296.753 349.173 295.56 348.624 294.442C348.094 293.306 346.976 292.738 345.272 292.738C343.681 292.738 342.582 293.306 341.976 294.442C341.37 295.56 341.067 296.753 341.067 298.022ZM301.834 267.795V264.727C301.834 262.302 302.355 260.086 303.397 258.079C304.457 256.052 305.972 254.433 307.942 253.221C309.912 251.99 312.298 251.374 315.101 251.374C317.999 251.374 320.433 251.99 322.402 253.221C324.391 254.433 325.897 256.052 326.919 258.079C327.942 260.086 328.453 262.302 328.453 264.727V267.795C328.453 270.219 327.933 272.435 326.891 274.442C325.868 276.45 324.363 278.05 322.374 279.244C320.385 280.437 317.961 281.033 315.101 281.033C312.241 281.033 309.817 280.427 307.828 279.215C305.859 278.003 304.363 276.393 303.34 274.386C302.336 272.378 301.834 270.181 301.834 267.795ZM310.982 264.727V267.795C310.982 269.064 311.275 270.247 311.863 271.346C312.469 272.425 313.548 272.965 315.101 272.965C316.768 272.965 317.876 272.425 318.425 271.346C318.993 270.247 319.277 269.064 319.277 267.795V264.727C319.277 263.458 319.012 262.264 318.482 261.147C317.952 260.011 316.825 259.442 315.101 259.442C313.51 259.442 312.421 260.02 311.834 261.175C311.266 262.331 310.982 263.514 310.982 264.727ZM306.124 311.999L346.124 253.817H353.88L313.88 311.999H306.124Z" fill="#BADC58"/>
-</svg>
diff --git a/frontend-next/public/images/progress-28.svg b/frontend-next/public/images/progress-28.svg
deleted file mode 100644
index 59273c32b..000000000
--- a/frontend-next/public/images/progress-28.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="465" height="465" viewBox="0 0 465 465" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M432.801 232.798C432.801 272.354 421.071 311.022 399.095 343.912C377.118 376.802 345.883 402.436 309.338 417.574C272.792 432.711 232.579 436.672 193.783 428.955C154.987 421.238 119.35 402.19 91.3796 374.219C63.4091 346.249 44.3609 310.612 36.6438 271.816C28.9267 233.02 32.8873 192.807 48.0247 156.262C63.1621 119.716 88.7966 88.4805 121.686 66.5042C154.576 44.5278 193.244 32.798 232.8 32.7978" stroke="#67704D" stroke-width="64"/>
-<path d="M232.801 32.7979C262.827 32.7979 292.468 39.5587 319.525 52.5789C346.582 65.599 370.36 84.5442 389.095 108.009C407.829 131.474 421.04 158.856 427.747 188.124C434.455 217.391 434.485 247.794 427.838 277.075" stroke="#BADC58" stroke-width="64" stroke-linecap="round"/>
-<path d="M149.218 261.798V251.684L170.44 233.105C172.031 231.665 173.385 230.349 174.502 229.156C175.62 227.944 176.472 226.732 177.059 225.519C177.646 224.288 177.94 222.953 177.94 221.514C177.94 219.904 177.589 218.531 176.889 217.394C176.188 216.239 175.222 215.349 173.991 214.724C172.76 214.099 171.349 213.786 169.758 213.786C168.148 213.786 166.737 214.118 165.525 214.781C164.313 215.425 163.366 216.362 162.684 217.593C162.021 218.824 161.69 220.321 161.69 222.082H148.366C148.366 218.124 149.256 214.705 151.036 211.826C152.817 208.947 155.317 206.732 158.536 205.179C161.775 203.607 165.534 202.821 169.815 202.821C174.228 202.821 178.063 203.559 181.32 205.036C184.578 206.514 187.097 208.578 188.877 211.23C190.676 213.862 191.576 216.921 191.576 220.406C191.576 222.622 191.131 224.819 190.241 226.997C189.351 229.175 187.75 231.58 185.44 234.213C183.148 236.845 179.891 239.999 175.667 243.673L168.707 250.093V250.463H192.286V261.798H149.218ZM222.961 262.593C218.435 262.593 214.391 261.874 210.83 260.434C207.289 258.976 204.505 257.006 202.478 254.525C200.471 252.025 199.467 249.203 199.467 246.059C199.467 243.654 200.044 241.447 201.2 239.44C202.355 237.432 203.918 235.766 205.887 234.44C207.876 233.095 210.092 232.233 212.535 231.855V231.4C209.334 230.813 206.711 229.326 204.666 226.94C202.639 224.554 201.626 221.76 201.626 218.559C201.626 215.529 202.544 212.83 204.382 210.463C206.238 208.095 208.766 206.23 211.967 204.866C215.186 203.502 218.851 202.821 222.961 202.821C227.071 202.821 230.726 203.502 233.927 204.866C237.147 206.23 239.675 208.095 241.512 210.463C243.368 212.83 244.296 215.529 244.296 218.559C244.296 221.779 243.264 224.582 241.2 226.968C239.154 229.336 236.55 230.813 233.387 231.4V231.855C235.811 232.233 238.008 233.095 239.978 234.44C241.967 235.766 243.539 237.432 244.694 239.44C245.868 241.447 246.455 243.654 246.455 246.059C246.455 249.203 245.442 252.025 243.416 254.525C241.389 257.006 238.605 258.976 235.063 260.434C231.541 261.874 227.507 262.593 222.961 262.593ZM222.961 252.622C224.685 252.622 226.2 252.3 227.507 251.656C228.813 250.993 229.836 250.074 230.575 248.9C231.332 247.726 231.711 246.4 231.711 244.923C231.711 243.408 231.332 242.063 230.575 240.889C229.817 239.715 228.775 238.796 227.45 238.133C226.143 237.451 224.647 237.11 222.961 237.11C221.294 237.11 219.798 237.451 218.472 238.133C217.147 238.796 216.105 239.715 215.347 240.889C214.59 242.063 214.211 243.408 214.211 244.923C214.211 246.4 214.58 247.726 215.319 248.9C216.077 250.055 217.109 250.965 218.416 251.627C219.741 252.29 221.257 252.622 222.961 252.622ZM222.961 227.196C224.438 227.196 225.745 226.893 226.882 226.286C228.037 225.68 228.936 224.838 229.58 223.758C230.243 222.679 230.575 221.457 230.575 220.093C230.575 218.73 230.243 217.527 229.58 216.485C228.936 215.444 228.046 214.629 226.91 214.042C225.774 213.436 224.457 213.133 222.961 213.133C221.484 213.133 220.168 213.436 219.012 214.042C217.857 214.629 216.957 215.444 216.313 216.485C215.669 217.527 215.347 218.73 215.347 220.093C215.347 221.457 215.669 222.679 216.313 223.758C216.976 224.819 217.885 225.661 219.041 226.286C220.196 226.893 221.503 227.196 222.961 227.196ZM286.882 250.889V247.821C286.882 245.434 287.393 243.228 288.416 241.201C289.457 239.175 290.963 237.546 292.933 236.315C294.902 235.084 297.308 234.468 300.149 234.468C303.046 234.468 305.48 235.084 307.45 236.315C309.438 237.527 310.935 239.146 311.938 241.173C312.961 243.18 313.472 245.396 313.472 247.821V250.889C313.472 253.275 312.961 255.482 311.938 257.508C310.916 259.535 309.41 261.163 307.421 262.394C305.433 263.626 303.008 264.241 300.149 264.241C297.27 264.241 294.846 263.626 292.876 262.394C290.906 261.163 289.41 259.535 288.387 257.508C287.383 255.482 286.882 253.275 286.882 250.889ZM295.944 247.821V250.889C295.944 252.101 296.238 253.266 296.825 254.383C297.431 255.501 298.539 256.059 300.149 256.059C301.796 256.059 302.904 255.519 303.472 254.44C304.041 253.341 304.325 252.158 304.325 250.889V247.821C304.325 246.552 304.05 245.358 303.501 244.241C302.971 243.105 301.853 242.536 300.149 242.536C298.558 242.536 297.459 243.105 296.853 244.241C296.247 245.358 295.944 246.552 295.944 247.821ZM256.711 217.593V214.525C256.711 212.101 257.232 209.885 258.274 207.877C259.334 205.851 260.849 204.232 262.819 203.019C264.789 201.788 267.175 201.173 269.978 201.173C272.876 201.173 275.31 201.788 277.279 203.019C279.268 204.232 280.774 205.851 281.796 207.877C282.819 209.885 283.33 212.101 283.33 214.525V217.593C283.33 220.018 282.81 222.233 281.768 224.241C280.745 226.249 279.239 227.849 277.251 229.042C275.262 230.235 272.838 230.832 269.978 230.832C267.118 230.832 264.694 230.226 262.705 229.014C260.736 227.802 259.239 226.192 258.217 224.184C257.213 222.177 256.711 219.98 256.711 217.593ZM265.859 214.525V217.593C265.859 218.862 266.152 220.046 266.739 221.144C267.346 222.224 268.425 222.764 269.978 222.764C271.645 222.764 272.753 222.224 273.302 221.144C273.87 220.046 274.154 218.862 274.154 217.593V214.525C274.154 213.256 273.889 212.063 273.359 210.946C272.828 209.809 271.702 209.241 269.978 209.241C268.387 209.241 267.298 209.819 266.711 210.974C266.143 212.129 265.859 213.313 265.859 214.525ZM261.001 261.798L301.001 203.616H308.757L268.757 261.798H261.001Z" fill="#BADC58"/>
-</svg>
diff --git a/frontend-next/public/images/progress-43.svg b/frontend-next/public/images/progress-43.svg
deleted file mode 100644
index fd963c69e..000000000
--- a/frontend-next/public/images/progress-43.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="464" height="464" viewBox="0 0 464 464" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M432 232C432 271.556 420.27 310.224 398.294 343.114C376.318 376.004 345.082 401.638 308.537 416.776C271.992 431.913 231.778 435.874 192.982 428.157C154.186 420.44 118.549 401.392 90.5788 373.422C62.6083 345.451 43.5601 309.815 35.843 271.018C28.1259 232.222 32.0865 192.009 47.2239 155.464C62.3614 118.918 87.9958 87.6827 120.886 65.7063C153.775 43.73 192.443 32.0001 231.999 32" stroke="#67704D" stroke-width="64"/>
-<path d="M232 32C277.35 32 321.353 47.4122 356.792 75.7084C392.23 104.005 417 143.505 427.039 187.729C437.077 231.954 431.787 278.277 412.038 319.1C392.288 359.923 359.251 392.823 318.345 412.401" stroke="#BADC58" stroke-width="64" stroke-linecap="round"/>
-<path d="M145.988 251.341V240.375L169.824 202.818H179.568V217.705H173.915L159.966 239.807V240.261H194.483V251.341H145.988ZM174.085 261V247.989L174.369 243.188V202.818H187.522V261H174.085ZM223.986 261.795C219.554 261.795 215.624 261.038 212.196 259.523C208.787 257.989 206.097 255.877 204.128 253.188C202.158 250.498 201.154 247.402 201.116 243.898H215.264C215.321 245.167 215.728 246.294 216.486 247.278C217.243 248.244 218.275 249.002 219.582 249.551C220.889 250.1 222.376 250.375 224.042 250.375C225.709 250.375 227.177 250.081 228.446 249.494C229.734 248.888 230.737 248.064 231.457 247.023C232.177 245.962 232.527 244.75 232.508 243.386C232.527 242.023 232.139 240.811 231.344 239.75C230.548 238.689 229.421 237.866 227.963 237.278C226.523 236.691 224.819 236.398 222.849 236.398H217.196V226.398H222.849C224.573 226.398 226.088 226.114 227.395 225.545C228.72 224.977 229.753 224.182 230.491 223.159C231.23 222.117 231.59 220.924 231.571 219.58C231.59 218.273 231.277 217.127 230.633 216.142C230.008 215.138 229.128 214.362 227.991 213.812C226.874 213.263 225.576 212.989 224.099 212.989C222.546 212.989 221.135 213.263 219.866 213.812C218.616 214.362 217.622 215.138 216.883 216.142C216.145 217.146 215.756 218.311 215.719 219.636H202.281C202.319 216.17 203.285 213.121 205.179 210.489C207.073 207.837 209.648 205.763 212.906 204.267C216.183 202.771 219.914 202.023 224.099 202.023C228.266 202.023 231.931 202.752 235.094 204.21C238.256 205.669 240.719 207.657 242.48 210.176C244.241 212.676 245.122 215.508 245.122 218.67C245.141 221.947 244.071 224.646 241.912 226.767C239.772 228.888 237.016 230.195 233.645 230.688V231.142C238.152 231.672 241.552 233.131 243.844 235.517C246.154 237.903 247.3 240.886 247.281 244.466C247.281 247.837 246.287 250.83 244.298 253.443C242.328 256.038 239.582 258.083 236.059 259.58C232.556 261.057 228.531 261.795 223.986 261.795ZM287.799 250.091V247.023C287.799 244.636 288.311 242.43 289.334 240.403C290.375 238.377 291.881 236.748 293.851 235.517C295.82 234.286 298.226 233.67 301.067 233.67C303.964 233.67 306.398 234.286 308.368 235.517C310.356 236.729 311.853 238.348 312.856 240.375C313.879 242.383 314.39 244.598 314.39 247.023V250.091C314.39 252.477 313.879 254.684 312.856 256.71C311.834 258.737 310.328 260.366 308.339 261.597C306.351 262.828 303.926 263.443 301.067 263.443C298.188 263.443 295.764 262.828 293.794 261.597C291.824 260.366 290.328 258.737 289.305 256.71C288.301 254.684 287.799 252.477 287.799 250.091ZM296.862 247.023V250.091C296.862 251.303 297.156 252.468 297.743 253.585C298.349 254.703 299.457 255.261 301.067 255.261C302.714 255.261 303.822 254.722 304.39 253.642C304.959 252.544 305.243 251.36 305.243 250.091V247.023C305.243 245.754 304.968 244.561 304.419 243.443C303.889 242.307 302.771 241.739 301.067 241.739C299.476 241.739 298.377 242.307 297.771 243.443C297.165 244.561 296.862 245.754 296.862 247.023ZM257.629 216.795V213.727C257.629 211.303 258.15 209.087 259.192 207.08C260.252 205.053 261.767 203.434 263.737 202.222C265.707 200.991 268.093 200.375 270.896 200.375C273.794 200.375 276.228 200.991 278.197 202.222C280.186 203.434 281.692 205.053 282.714 207.08C283.737 209.087 284.248 211.303 284.248 213.727V216.795C284.248 219.22 283.728 221.436 282.686 223.443C281.663 225.451 280.157 227.051 278.169 228.244C276.18 229.437 273.756 230.034 270.896 230.034C268.036 230.034 265.612 229.428 263.623 228.216C261.654 227.004 260.157 225.394 259.135 223.386C258.131 221.379 257.629 219.182 257.629 216.795ZM266.777 213.727V216.795C266.777 218.064 267.07 219.248 267.657 220.347C268.264 221.426 269.343 221.966 270.896 221.966C272.563 221.966 273.671 221.426 274.22 220.347C274.788 219.248 275.072 218.064 275.072 216.795V213.727C275.072 212.458 274.807 211.265 274.277 210.148C273.746 209.011 272.62 208.443 270.896 208.443C269.305 208.443 268.216 209.021 267.629 210.176C267.061 211.331 266.777 212.515 266.777 213.727ZM261.919 261L301.919 202.818H309.674L269.674 261H261.919Z" fill="#BADC58"/>
-</svg>
diff --git a/frontend-next/public/images/progress-57.svg b/frontend-next/public/images/progress-57.svg
deleted file mode 100644
index e878c2049..000000000
--- a/frontend-next/public/images/progress-57.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="464" height="464" viewBox="0 0 464 464" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M432 232C432 271.556 420.27 310.224 398.294 343.114C376.318 376.004 345.082 401.638 308.537 416.776C271.992 431.913 231.778 435.874 192.982 428.157C154.186 420.44 118.549 401.392 90.5788 373.422C62.6083 345.451 43.5601 309.815 35.843 271.018C28.1259 232.222 32.0865 192.009 47.2239 155.464C62.3614 118.918 87.9958 87.6827 120.886 65.7063C153.775 43.73 192.443 32.0001 231.999 32" stroke="#67704D" stroke-width="64"/>
-<path d="M232 32C261.853 32 291.327 38.6829 318.261 51.5585C345.194 64.4342 368.904 83.1759 387.65 106.409C406.396 129.642 419.704 156.777 426.596 185.823C433.489 214.869 433.792 245.09 427.482 274.269C421.173 303.447 408.412 330.843 390.135 354.447C371.858 378.051 348.529 397.264 321.859 410.677C295.189 424.089 265.854 431.362 236.008 431.96C206.161 432.558 176.558 426.467 149.372 414.134" stroke="#BADC58" stroke-width="64" stroke-linecap="round"/>
-<path d="M172.839 261.795C168.596 261.795 164.827 261.028 161.532 259.494C158.236 257.96 155.632 255.848 153.719 253.159C151.825 250.47 150.84 247.383 150.765 243.898H164.401C164.515 246.038 165.386 247.761 167.015 249.068C168.643 250.356 170.585 251 172.839 251C174.6 251 176.162 250.612 177.526 249.835C178.89 249.059 179.96 247.97 180.736 246.568C181.513 245.148 181.892 243.519 181.873 241.682C181.892 239.807 181.503 238.169 180.708 236.767C179.931 235.366 178.852 234.277 177.469 233.5C176.106 232.705 174.534 232.307 172.753 232.307C171.068 232.288 169.467 232.657 167.952 233.415C166.456 234.172 165.32 235.205 164.543 236.511L152.128 234.182L154.657 202.818H191.986V214.153H166.219L164.884 227.875H165.225C166.191 226.265 167.744 224.939 169.884 223.898C172.043 222.837 174.496 222.307 177.242 222.307C180.727 222.307 183.833 223.121 186.56 224.75C189.306 226.36 191.465 228.595 193.037 231.455C194.628 234.314 195.424 237.591 195.424 241.284C195.424 245.28 194.477 248.822 192.583 251.909C190.708 254.996 188.075 257.42 184.685 259.182C181.314 260.924 177.365 261.795 172.839 261.795ZM205.616 261L229.081 214.523V214.153H201.638V202.818H243.627V214.239L220.076 261H205.616ZM283.932 250.091V247.023C283.932 244.636 284.444 242.43 285.466 240.403C286.508 238.377 288.014 236.748 289.983 235.517C291.953 234.286 294.358 233.67 297.199 233.67C300.097 233.67 302.531 234.286 304.5 235.517C306.489 236.729 307.985 238.348 308.989 240.375C310.012 242.383 310.523 244.598 310.523 247.023V250.091C310.523 252.477 310.012 254.684 308.989 256.71C307.966 258.737 306.461 260.366 304.472 261.597C302.483 262.828 300.059 263.443 297.199 263.443C294.321 263.443 291.896 262.828 289.927 261.597C287.957 260.366 286.461 258.737 285.438 256.71C284.434 254.684 283.932 252.477 283.932 250.091ZM292.995 247.023V250.091C292.995 251.303 293.288 252.468 293.875 253.585C294.482 254.703 295.589 255.261 297.199 255.261C298.847 255.261 299.955 254.722 300.523 253.642C301.091 252.544 301.375 251.36 301.375 250.091V247.023C301.375 245.754 301.101 244.561 300.552 243.443C300.021 242.307 298.904 241.739 297.199 241.739C295.608 241.739 294.51 242.307 293.904 243.443C293.298 244.561 292.995 245.754 292.995 247.023ZM253.762 216.795V213.727C253.762 211.303 254.283 209.087 255.324 207.08C256.385 205.053 257.9 203.434 259.87 202.222C261.839 200.991 264.226 200.375 267.029 200.375C269.927 200.375 272.36 200.991 274.33 202.222C276.319 203.434 277.824 205.053 278.847 207.08C279.87 209.087 280.381 211.303 280.381 213.727V216.795C280.381 219.22 279.86 221.436 278.819 223.443C277.796 225.451 276.29 227.051 274.302 228.244C272.313 229.437 269.889 230.034 267.029 230.034C264.169 230.034 261.745 229.428 259.756 228.216C257.786 227.004 256.29 225.394 255.268 223.386C254.264 221.379 253.762 219.182 253.762 216.795ZM262.91 213.727V216.795C262.91 218.064 263.203 219.248 263.79 220.347C264.396 221.426 265.476 221.966 267.029 221.966C268.696 221.966 269.804 221.426 270.353 220.347C270.921 219.248 271.205 218.064 271.205 216.795V213.727C271.205 212.458 270.94 211.265 270.41 210.148C269.879 209.011 268.752 208.443 267.029 208.443C265.438 208.443 264.349 209.021 263.762 210.176C263.194 211.331 262.91 212.515 262.91 213.727ZM258.052 261L298.052 202.818H305.807L265.807 261H258.052Z" fill="#BADC58"/>
-</svg>
diff --git a/frontend-next/public/images/progress-71.svg b/frontend-next/public/images/progress-71.svg
deleted file mode 100644
index 1c1643e70..000000000
--- a/frontend-next/public/images/progress-71.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="464" height="464" viewBox="0 0 464 464" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M432 232C432 271.556 420.27 310.224 398.294 343.114C376.318 376.004 345.082 401.638 308.537 416.776C271.992 431.913 231.778 435.874 192.982 428.157C154.186 420.44 118.549 401.392 90.5788 373.422C62.6083 345.451 43.5601 309.815 35.843 271.018C28.1259 232.222 32.0865 192.009 47.2239 155.464C62.3614 118.918 87.9958 87.6827 120.886 65.7063C153.775 43.73 192.443 32.0001 231.999 32" stroke="#67704D" stroke-width="64"/>
-<path d="M232 32C269.593 32 306.424 42.5951 338.271 62.5703C370.118 82.5454 395.69 111.092 412.055 144.936C428.42 178.779 434.915 216.55 430.796 253.917C426.676 291.283 412.108 326.732 388.764 356.198C365.419 385.664 334.242 407.954 298.809 420.511C263.376 433.069 225.12 435.386 188.43 427.197C151.741 419.007 118.102 400.643 91.3713 374.21C64.641 347.776 45.9018 314.345 37.3027 277.749" stroke="#BADC58" stroke-width="64" stroke-linecap="round"/>
-<path d="M159.444 261L182.91 214.523V214.153H155.466V202.818H197.455V214.239L173.904 261H159.444ZM232.079 202.818V261H218.045V215.943H217.704L204.692 223.898V211.739L219.039 202.818H232.079ZM277.526 250.091V247.023C277.526 244.636 278.037 242.43 279.06 240.403C280.102 238.377 281.607 236.748 283.577 235.517C285.547 234.286 287.952 233.67 290.793 233.67C293.691 233.67 296.125 234.286 298.094 235.517C300.083 236.729 301.579 238.348 302.583 240.375C303.606 242.383 304.117 244.598 304.117 247.023V250.091C304.117 252.477 303.606 254.684 302.583 256.71C301.56 258.737 300.054 260.366 298.066 261.597C296.077 262.828 293.653 263.443 290.793 263.443C287.914 263.443 285.49 262.828 283.52 261.597C281.551 260.366 280.054 258.737 279.032 256.71C278.028 254.684 277.526 252.477 277.526 250.091ZM286.589 247.023V250.091C286.589 251.303 286.882 252.468 287.469 253.585C288.075 254.703 289.183 255.261 290.793 255.261C292.441 255.261 293.549 254.722 294.117 253.642C294.685 252.544 294.969 251.36 294.969 250.091V247.023C294.969 245.754 294.695 244.561 294.145 243.443C293.615 242.307 292.498 241.739 290.793 241.739C289.202 241.739 288.104 242.307 287.498 243.443C286.892 244.561 286.589 245.754 286.589 247.023ZM247.356 216.795V213.727C247.356 211.303 247.876 209.087 248.918 207.08C249.979 205.053 251.494 203.434 253.464 202.222C255.433 200.991 257.82 200.375 260.623 200.375C263.52 200.375 265.954 200.991 267.924 202.222C269.912 203.434 271.418 205.053 272.441 207.08C273.464 209.087 273.975 211.303 273.975 213.727V216.795C273.975 219.22 273.454 221.436 272.412 223.443C271.39 225.451 269.884 227.051 267.895 228.244C265.907 229.437 263.482 230.034 260.623 230.034C257.763 230.034 255.339 229.428 253.35 228.216C251.38 227.004 249.884 225.394 248.861 223.386C247.857 221.379 247.356 219.182 247.356 216.795ZM256.503 213.727V216.795C256.503 218.064 256.797 219.248 257.384 220.347C257.99 221.426 259.07 221.966 260.623 221.966C262.289 221.966 263.397 221.426 263.947 220.347C264.515 219.248 264.799 218.064 264.799 216.795V213.727C264.799 212.458 264.534 211.265 264.003 210.148C263.473 209.011 262.346 208.443 260.623 208.443C259.032 208.443 257.943 209.021 257.356 210.176C256.787 211.331 256.503 212.515 256.503 213.727ZM251.645 261L291.645 202.818H299.401L259.401 261H251.645Z" fill="#BADC58"/>
-</svg>
diff --git a/frontend-next/public/images/secretRotation/aws-iam.svg b/frontend-next/public/images/secretRotation/aws-iam.svg
deleted file mode 100644
index 0b3b2387b..000000000
--- a/frontend-next/public/images/secretRotation/aws-iam.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="1306" height="2500" viewBox="0 0 256 490" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M21 165.75l-21 6.856 21.75 2.519-.75-9.375M19.955 206.806L128 213.714l108.045-6.908L128 185.75 19.955 206.806M234.5 175.125l21.5-2.519-21.5-5.731v8.25" fill="#3C4929"/><path d="M157.387 352.929l56.606 13.396-56.756 17.116.15-30.512" fill="#B7CA9D"/><path d="M19.955 92.221V54.019L128 0l.482.405-.248 48.496-.234.102-.405 1.117-59.098 23.856-.542 84.037 31.452-5.29L128 147.002V490.03l-32.369-16.177v-45.771l-28.354-11.338V202.069l-47.322 4.737v-38.195L0 172.606v-72.408l19.955-7.977" fill="#4B612C"/><path d="M99.408 152.727l-32.131 6.424V73.28l32.131 10.018v69.429M183.925 27.959l52.106 26.06v38.202L256 100.198V172.6l-19.969-3.989v38.195l-25.441-2.538-21.881-2.199v42.939h47.336v39.284l-21.997 1.974v39.611l-53.692 10.672v45.77l53.57-15.899.122 40.38-53.692 21.282v45.771L128 490.03V147.002l28.572 5.71 30.583 4.038V73.966l-58.338-22.498-.817-2.465V0l55.925 27.959" fill="#759C3E"/><path d="M160.356 61.941L128 49.01 67.277 73.28l32.131 10.018 60.948-21.357" fill="#3C4929"/><path d="M67.277 73.28L128 49.01l12.775 5.104 19.581 7.827 28.353 11.353-1.515 1.541-28.876 8.991-1.74-.528L128 73.28 99.408 83.298 67.277 73.28" fill="#3C4929"/><path d="M156.578 83.298l32.131-10.004v85.864l-32.131-6.446V83.298" fill="#4B612C"/></svg>
\ No newline at end of file
diff --git a/frontend-next/public/images/secretRotation/mssqlserver.png b/frontend-next/public/images/secretRotation/mssqlserver.png
deleted file mode 100644
index 108ed60f9..000000000
Binary files a/frontend-next/public/images/secretRotation/mssqlserver.png and /dev/null differ
diff --git a/frontend-next/public/images/secretRotation/mysql.png b/frontend-next/public/images/secretRotation/mysql.png
deleted file mode 100644
index d92befdbc..000000000
Binary files a/frontend-next/public/images/secretRotation/mysql.png and /dev/null differ
diff --git a/frontend-next/public/images/secretRotation/postgres.png b/frontend-next/public/images/secretRotation/postgres.png
deleted file mode 100644
index b7152860d..000000000
Binary files a/frontend-next/public/images/secretRotation/postgres.png and /dev/null differ
diff --git a/frontend-next/public/images/secretRotation/sendgrid.png b/frontend-next/public/images/secretRotation/sendgrid.png
deleted file mode 100644
index 3d2c9a92d..000000000
Binary files a/frontend-next/public/images/secretRotation/sendgrid.png and /dev/null differ
diff --git a/frontend-next/public/infisical.ico b/frontend-next/public/infisical.ico
deleted file mode 100644
index 45d31d20e..000000000
Binary files a/frontend-next/public/infisical.ico and /dev/null differ
diff --git a/frontend-next/public/json/frameworkIntegrations.json b/frontend-next/public/json/frameworkIntegrations.json
deleted file mode 100644
index c96c0a0b4..000000000
--- a/frontend-next/public/json/frameworkIntegrations.json
+++ /dev/null
@@ -1,92 +0,0 @@
-[
-    {
-        "name": "React",
-        "slug": "react",
-        "image": "React",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/react"
-    },
-    {
-        "name": "Vue",
-        "slug": "vue",
-        "image": "Vue",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/vue"
-    },
-    {
-        "name": "Express",
-        "slug": "express",
-        "image": "Express",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/express"
-    },
-    {
-        "name": "Next.js",
-        "slug": "nextjs",
-        "image": "Next.js",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/nextjs"
-    },
-    {
-        "name": "SvelteKit",
-        "slug": "sveltekit",
-        "image": "SvelteKit",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/sveltekit"
-    },
-    {
-        "name": "Django",
-        "slug": "django",
-        "image": "Django",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/django"
-    },
-    {
-        "name": "NestJS",
-        "slug": "nestjs",
-        "image": "NestJS",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/nestjs"
-    },
-    {
-        "name": "Nuxt",
-        "slug": "nuxt",
-        "image": "Nuxt",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/nuxt"
-    },
-    {
-        "name": "Gatsby",
-        "slug": "gatsby",
-        "image": "Gatsby",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/gatsby"
-    },
-    {
-        "name": "Remix",
-        "slug": "remix",
-        "image": "Remix",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/remix"
-    },
-    {
-        "name": "Vite",
-        "slug": "vite",
-        "image": "Vite",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/vite"
-    },
-    {
-        "name": "Fiber",
-        "slug": "fiber",
-        "image": "Fiber",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/fiber"
-    },
-    {
-        "name": "Flask",
-        "slug": "flask",
-        "image": "Flask",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/flask"
-    },
-    {
-        "name": "Laravel",
-        "slug": "laravel",
-        "image": "Laravel",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/laravel"
-    },
-    {
-        "name": "Rails",
-        "slug": "rails",
-        "image": "Rails",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/rails"
-    }
-]
\ No newline at end of file
diff --git a/frontend-next/public/json/infrastructureIntegrations.json b/frontend-next/public/json/infrastructureIntegrations.json
deleted file mode 100644
index 657cd17eb..000000000
--- a/frontend-next/public/json/infrastructureIntegrations.json
+++ /dev/null
@@ -1,50 +0,0 @@
-[
-    {
-        "name": "Docker",
-        "slug": "docker",
-        "image": "Docker",
-        "docsLink": "https://infisical.com/docs/integrations/platforms/docker"
-    },
-    {
-        "name": "Docker Compose",
-        "slug": "docker-compose",
-        "image": "Docker Compose",
-        "docsLink": "https://infisical.com/docs/integrations/platforms/docker-compose"
-    },
-    {
-        "name": "Kubernetes",
-        "slug": "kubernetes",
-        "image": "Kubernetes",
-        "docsLink": "https://infisical.com/docs/integrations/platforms/kubernetes"
-    },
-    {
-        "name": "Terraform",
-        "slug": "terraform",
-        "image": "Terraform",
-        "docsLink": "https://infisical.com/docs/integrations/frameworks/terraform"
-    },
-    {
-        "name": "Jenkins",
-        "slug": "jenkins",
-        "image": "Jenkins",
-        "docsLink": "https://infisical.com/docs/integrations/cicd/jenkins"
-    },
-    {
-        "name": "Infisical Agent",
-        "slug": "agent",
-        "image": "Agent",
-        "docsLink": "https://infisical.com/docs/integrations/platforms/infisical-agent"
-    },
-    {
-        "name": "Amazon ECS",
-        "slug": "ecs",
-        "image": "ECS",
-        "docsLink": "https://infisical.com/docs/integrations/platforms/ecs-with-agent"
-    },
-    {
-        "name": "Ansible",
-        "slug": "ansible",
-        "image": "Ansible",
-        "docsLink": "https://infisical.com/docs/integrations/platforms/ansible"
-    }
-]
\ No newline at end of file
diff --git a/frontend-next/public/locales/en/translations.json b/frontend-next/public/locales/en/translations.json
deleted file mode 100644
index b1465f04d..000000000
--- a/frontend-next/public/locales/en/translations.json
+++ /dev/null
@@ -1,344 +0,0 @@
-{
-  "activity": {
-    "title": "Audit Logs",
-    "subtitle": "Event history for this Infisical project.",
-    "event": {
-      "readSecrets": "Secrets Viewed",
-      "updateSecrets": "Secrets Updated",
-      "addSecrets": "Secrets Added",
-      "deleteSecrets": "Secrets Deleted"
-    },
-    "ip-address": "IP Address"
-  },
-  "billing": {
-    "title": "Usage & Billing",
-    "description": "View and manage your organization's subscription here",
-    "subscription": "Subscription",
-    "starter": {
-      "name": "Starter",
-      "price-explanation": "up to 5 team members",
-      "text": "Manage up to 3 project with up to 5 team members for free!",
-      "subtext": ""
-    },
-    "professional": {
-      "name": "Professional",
-      "price-explanation": "/member/month",
-      "subtext": "Includes unlimited projects & members.",
-      "text": "Keep up with key management as you grow."
-    },
-    "enterprise": {
-      "name": "Enterprise",
-      "text": "Keep up with key management as you grow."
-    },
-    "current-usage": "Current Usage",
-    "free": "Free",
-    "downgrade": "Downgrade",
-    "upgrade": "Upgrade",
-    "learn-more": "Learn More",
-    "custom-pricing": "Custom Pricing",
-    "schedule-demo": "Schedule a Demo"
-  },
-  "common": {
-    "head-title": "{{title}} | Infisical",
-    "error_project-already-exists": "A project with this name already exists.",
-    "no-mobile": " To use Infisical, please log in through a device with larger dimensions. ",
-    "email": "Email",
-    "password": "Password",
-    "first-name": "First Name",
-    "last-name": "Last Name",
-    "logout": "Log Out",
-    "validate-required": "Please input your {{name}}",
-    "maintenance-alert": "We are experiencing minor technical difficulties. We are working on solving it right now. Please come back in a few minutes.",
-    "click-to-copy": "Click to copy",
-    "project-id": "Project ID",
-    "save-changes": "Save Changes",
-    "saved": "Saved",
-    "drop-zone": "Drag and drop a .env, .json, or .yml file here.",
-    "drop-zone-keys": "Drag and drop a .env, .json, or .yml file here to add more secrets.",
-    "role": "Role",
-    "role_admin": "admin",
-    "display-name": "Display Name",
-    "environment": "Environment",
-    "expired-in": "Expires in",
-    "language": "Language",
-    "search": "Search...",
-    "note": "Note",
-    "view-more": "View More",
-    "end-of-history": "End of History",
-    "select-event": "Select an event",
-    "event": "Event",
-    "user": "User",
-    "source": "Source",
-    "time": "Time",
-    "timestamp": "Timestamp"
-  },
-  "dashboard": {
-    "title": "Secrets",
-    "og-title": "Manage your .env files in seconds",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files.",
-    "search-keys": "Search keys...",
-    "add-key": "Add Key",
-    "personal": "Personal",
-    "personal-description": "Personal keys are only visible to you",
-    "shared": "Shared",
-    "shared-description": "Shared keys are visible to your whole team",
-    "make-shared": "Make Shared",
-    "make-personal": "Make Personal",
-    "add-secret": "Add a new secret",
-    "check-docs": {
-      "button": "Check Docs",
-      "title": "Good job!",
-      "line1": "Congrats on adding more secrets.",
-      "line2": "Here is how to connect them to your codebase."
-    },
-    "sidebar": {
-      "secret": "Secret",
-      "key": "Key",
-      "value": "Value",
-      "override": "Override value with a personal value",
-      "version-history": "Version History",
-      "comments": "Comments & Notes",
-      "personal-explanation": "This secret is personal. It is not shared with any of your teammates.",
-      "generate-random-hex": "Generate Random Hex",
-      "digits": "digits",
-      "delete-key-dialog": {
-        "title": "Delete Key",
-        "confirm-delete-message": "Are you sure you want to delete this secret? This cannot be undone."
-      }
-    }
-  },
-  "approval": {
-    "title": "Admin Panel",
-    "og-title": "Manage your secret change management",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files."
-  },
-  "integrations": {
-    "title": "Project Integrations",
-    "description": "Manage your integrations of Infisical with third-party services.",
-    "no-integrations1": "You don't have any integrations set up yet. When you do, they will appear here.",
-    "no-integrations2": "To start, click on any of the options below. It takes 5 clicks to set up.",
-    "available": "Platform & Cloud Integrations",
-    "available-text1": "Click on the integration you want to connect. This will let your environment variables flow automatically into selected third-party services.",
-    "available-text2": "Note: during an integration with Heroku, for security reasons, it is impossible to maintain end-to-end encryption. In theory, this lets Infisical decrypt yor environment variables. In practice, we can assure you that this will never be done, and it allows us to protect your secrets from bad actors online. The core Infisical service will always stay end-to-end encrypted. With any questions, reach out support@infisical.com.",
-    "cloud-integrations": "Native Integrations",
-    "framework-integrations": "Framework Integrations",
-    "click-to-start": "Click on an integration to begin syncing secrets to it.",
-    "click-to-setup": "Click on a framework to get the setup instructions.",
-    "grant-access-to-secrets": "Grant Infisical access to your secrets",
-    "why-infisical-needs-access": "Most cloud integrations require Infisical to be able to decrypt your secrets so they can be forwarded over.",
-    "grant-access-button": "Grant access"
-  },
-  "login": {
-    "title": "Login",
-    "og-title": "Log In to Infisical",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files.",
-    "login": "Log In",
-    "need-account": "Need an Infisical account?",
-    "create-account": "Create an account",
-    "forgot-password": "Forgot your password?",
-    "error-login": "Wrong credentials.",
-    "continue-with-google": "Continue with Google",
-    "continue-with-email": "Continue with Email",
-    "other-option": "Log in with another option"
-  },
-  "mfa": {
-    "title": "Sign Up",
-    "og-title": "Replace .env files with 1 line of code. Sign Up for Infisical in 3 minutes.",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage API-keys and environemntal variables. Works with Node.js, Next.js, Gatsby, Nest.js...",
-    "signup": "Sign Up",
-    "already-have-account": "Have an account? Log in",
-    "forgot-password": "Forgot your password?",
-    "verify": "Verify",
-    "step1-start": "Let's get started",
-    "step1-privacy": "By creating an account, you agree to our Terms and have read and acknowledged the Privacy Policy.",
-    "step1-submit": "Get Started",
-    "step2-message": "We've sent a verification code to",
-    "step2-code-error": "Oops. Your code is wrong. Tries left:",
-    "step2-resend-alert": "Don't see the code?",
-    "step2-resend-submit": "Resend",
-    "step2-resend-progress": "Resending...",
-    "step2-spam-alert": "Make sure to check your spam inbox.",
-    "step3-message": "Almost there!",
-    "step4-message": "Save your Emergency Kit",
-    "step4-description1": "If you get locked out of your account, your Emergency Kit is the only way to sign in.",
-    "step4-description2": "We recommend you download it and keep it somewhere safe.",
-    "step4-description3": "It contains your Secret Key which we cannot access or recover for you if you lose it.",
-    "step4-download": "Download PDF",
-    "step5-send-invites": "Send Invites",
-    "step5-invite-team": "Invite your team",
-    "step5-subtitle": "Infisical is meant to be used with your teammates. Invite them to test it out.",
-    "step5-skip": "Skip"
-  },
-  "nav": {
-    "support": {
-      "slack": "Join Slack Forum",
-      "docs": "Read Docs",
-      "issue": "Open a Github Issue",
-      "email": "Send us an Email"
-    },
-    "user": {
-      "signed-in-as": "SIGNED IN AS",
-      "current-organization": "CURRENT ORGANIZATION",
-      "usage-billing": "Usage & Billing",
-      "invite": "Invite Members",
-      "other-organizations": "OTHER ORGANIZATION"
-    },
-    "menu": {
-      "project": "PROJECT",
-      "secrets": "Secrets",
-      "members": "Members",
-      "integrations": "Integrations",
-      "project-settings": "Project Settings"
-    }
-  },
-  "section": {
-    "api-key": {
-      "api-keys": "Service Tokens",
-      "api-keys-description": "Every service token is specific to you, a certain project and a certain environment within this project.",
-      "add-new": "Add New Token",
-      "add-dialog": {
-        "title": "Add an API Key",
-        "description": "Specify the name and expiry period. When an API key is generated, you will only be able to see it once before it disappears. Make sure to save it somewhere.",
-        "name": "API Key Name",
-        "add": "Add API Key",
-        "copy-service-token": "Copy your API key",
-        "copy-service-token-description": "Once you close this popup, you will never see your API key again"
-      }
-    },
-    "incident": {
-      "incident-contacts": "Incident Contacts",
-      "incident-contacts-description": "These contacts will be notified in the unlikely event of a severe incident.",
-      "no-incident-contacts": "No incident contacts found.",
-      "add-contact": "Add Contact",
-      "add-dialog": {
-        "title": "Add an Incident Contact",
-        "description": "This contact will be notified in the unlikely event of a severe incident.",
-        "add-incident": "Add Incident Contact"
-      }
-    },
-    "members": {
-      "add-member": "Add Member",
-      "org-members": "Organization Members",
-      "org-members-description": "Manage members of your organization. These users could afterwards be formed into projects.",
-      "search-members": "Search members...",
-      "add-dialog": {
-        "add-member-to-project": "Add a member to your project",
-        "already-all-invited": "All the users in your organization are already invited.",
-        "add-user-org-first": "Add more users to the organization first.",
-        "user-will-email": "The user will receive an email with the instructions.",
-        "looking-add": "<0>If you are looking to add users to your org,</0><1>click here</1>",
-        "add-user-to-org": "Add Users to Organization"
-      }
-    },
-    "password": {
-      "password": "Password",
-      "change": "Change Password",
-      "current": "Current password",
-      "current-wrong": "The current password may be wrong",
-      "new": "New password",
-      "validate-base": "Password should contain:",
-      "validate-tooShort": "at least 14 characters",
-      "validate-tooLong": "at most 100 characters",
-      "validate-noLetterChar": "at least 1 letter character",
-      "validate-noNumOrSpecialChar": "at least 1 number or special character",
-      "validate-repeatedChar": "at most 3 repeated, consecutive characters",
-      "validate-escapeChar": "No escape characters allowed.",
-      "validate-lowEntropy": "Password contains personal info.",
-      "validate-breached": "Password was found in a data breach."
-    },
-    "token": {
-      "service-tokens": "Service Tokens",
-      "service-tokens-description": "Every service token is specific to you, a certain project and a certain environment within this project.",
-      "add-new": "Add New Token",
-      "add-dialog": {
-        "title": "Add a service token for {{target}}",
-        "description": "When a token is generated, you will only be able to see it once before it disappears. Make sure to save it somewhere.",
-        "name": "Service Token Name",
-        "add": "Add Service Token",
-        "copy-service-token": "Copy your service token",
-        "copy-service-token-description": "Once you close this popup, you will never see your service token again"
-      }
-    }
-  },
-  "settings": {
-    "webhooks": {
-      "title": "Webhooks",
-      "description": "Manage webhooks to setup deployment hooks for your various integrations."
-    },
-    "members": {
-      "title": "Project Members",
-      "description": "This page shows the members of the selected project, and allows you to modify their permissions."
-    },
-    "org": {
-      "title": "Organization Settings",
-      "description": "Manage members of your organization. These users could afterwards be formed into projects."
-    },
-    "personal": {
-      "title": "Personal Settings",
-      "description": "View and manage your personal information here.",
-      "emergency": {
-        "name": "Emergency Kit",
-        "text1": "Your Emergency Kit contains the information you’ll need to sign in to your Infisical account.",
-        "text2": "Only the latest issued Emergency Kit remains valid. To get a new Emergency Kit, verify your password.",
-        "download": "Download Emergency Kit"
-      },
-      "change-language": "Change Language",
-      "api-keys": {
-        "title": "API Keys",
-        "description": "Manage your personal API Keys to access the Infisical API.",
-        "add-new": "Add new"
-      }
-    },
-    "project": {
-      "title": "Project Settings",
-      "description": "These settings only apply to the currently selected Project.",
-      "danger-zone": "Danger Zone",
-      "delete-project": "Delete Project",
-      "project-to-delete": "Project to be Deleted",
-      "danger-zone-note": "As soon as you delete this project, you will not be able to undo it. This will immediately remove all the keys. If you still want to do that, please enter the name of the project below.",
-      "delete-project-note": "Note: You can only delete a project in case you have more than one",
-      "project-id-description": "To integrate Infisical into your code base and get automatic injection of environmental variables, you should use the following Project ID.",
-      "project-id-description2": "For more guidance, including code snipets for various languages and frameworks, see ",
-      "auto-generated": "This is your project's auto-generated unique identifier. It can't be changed.",
-      "docs": "Infisical Docs",
-      "auto-capitalization": "Auto Capitalization",
-      "auto-capitalization-description": "According to standards, Infisical will automatically capitalize your keys. If you want to disable this feature, you can do so here."
-    }
-  },
-  "signup": {
-    "title": "Sign Up",
-    "og-title": "Replace .env files with 1 line of code. Sign Up for Infisical in 3 minutes.",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage API-keys and environemntal variables. Works with Node.js, Next.js, Gatsby, Nest.js...",
-    "signup": "Sign Up",
-    "already-have-account": "Have an account? Log in",
-    "forgot-password": "Forgot your password?",
-    "initial-title": "Create your Infisical account",
-    "continue-with-google": "Continue with Google",
-    "continue-with-email": "Continue with Email",
-    "create-policy": "By signing up, you agree to our Terms of Service and Privacy Policy.",
-    "verify": "Verify",
-    "step1-start": "Let's get started",
-    "step1-privacy": "By creating an account, you agree to our Terms and have read and acknowledged the Privacy Policy.",
-    "step1-submit": "Get Started",
-    "step2-message": "We've sent a verification code to",
-    "step2-code-error": "Oops. Your code is wrong. Please try again.",
-    "step2-resend-alert": "Don't see the code?",
-    "step2-resend-submit": "Resend",
-    "step2-resend-progress": "Resending...",
-    "step2-spam-alert": "Make sure to check your spam inbox.",
-    "step3-message": "Almost there!",
-    "step4-message": "Save your Emergency Kit",
-    "step4-description1": "If you get locked out of your account, your Emergency Kit is the only way to sign in.",
-    "step4-description2": "We recommend you download it and keep it somewhere safe.",
-    "step4-description3": "It contains your Secret Key which we cannot access or recover for you if you lose it.",
-    "step4-download": "Download PDF",
-    "step5-send-invites": "Send Invites",
-    "step5-invite-team": "Invite your team",
-    "step5-subtitle": "Infisical is meant to be used with your teammates. Invite them to test it out.",
-    "step5-skip": "Skip"
-  },
-  "admin": {
-    "signup-title": "Admin Sign Up",
-    "dashboard": "Admin Dashboard"
-  }
-}
diff --git a/frontend-next/public/locales/es/translations.json b/frontend-next/public/locales/es/translations.json
deleted file mode 100644
index 44da9a8ce..000000000
--- a/frontend-next/public/locales/es/translations.json
+++ /dev/null
@@ -1,324 +0,0 @@
-{
-  "activity": {
-    "title": "Historial de eventos",
-    "subtitle": "Historial de eventos para este proyecto de Infisical.",
-    "event": {
-      "readSecrets": "Secrets vistas",
-      "updateSecrets": "Secrets actualizadas",
-      "addSecrets": "Secrets añadidas",
-      "deleteSecrets": "Secrets eliminadas"
-    },
-    "ip-address": "Dirección IP"
-  },
-  "billing": {
-    "title": "Uso & Facturación",
-    "description": "Visualiza y gestiona la suscripción de tu organización",
-    "subscription": "Suscripción",
-    "starter": {
-      "name": "Starter",
-      "price-explanation": "hasta 5 miembros",
-      "text": "¡Hasta 5 personas gratis!",
-      "subtext": "Después, $5 por miembro/mes."
-    },
-    "professional": {
-      "name": "Professional",
-      "price-explanation": "/miembro/mes",
-      "subtext": "Includes unlimited projects & members.",
-      "text": "Mantén la gestión de claves a medida que creces."
-    },
-    "enterprise": {
-      "name": "Enterprise",
-      "text": "Mantén la gestión de claves a medida que creces."
-    },
-    "current-usage": "Uso actual",
-    "free": "Gratis",
-    "downgrade": "Reducir",
-    "upgrade": "Mejorar",
-    "learn-more": "Saber más",
-    "custom-pricing": "A medida",
-    "schedule-demo": "Solicitar una demo"
-  },
-  "common": {
-    "head-title": "{{title}} | Infisical",
-    "error_project-already-exists": "Ya existe un proyecto con este nombre.",
-    "no-mobile": "Para usar Infisical, inicia sesión con un dispositivo de mayores dimesiones.",
-    "email": "Correo electrónico",
-    "password": "Contraseña",
-    "first-name": "Nombre",
-    "last-name": "Apellidos",
-    "logout": "Cerrar sesión",
-    "validate-required": "Por favor, introduce tu {{name}}",
-    "maintenance-alert": "Estamos experimentando problemas técnicos. Estamos trabajando para resolverlos. Por favor, vuelve en unos minutos.",
-    "click-to-copy": "Click para copiar",
-    "project-id": "ID de proyecto",
-    "save-changes": "Guardar cambios",
-    "saved": "Guardado",
-    "drop-zone": "Arrastra y suelta un archivo .env, .json o .yml aquí.",
-    "drop-zone-keys": "Arrastra y suelta un archivo .env, .json, or .yml aquí para añadir más secrets.",
-    "role": "Rol",
-    "role_admin": "admin",
-    "display-name": "Nombre visible",
-    "environment": "Entorno",
-    "expired-in": "Expira en",
-    "language": "Idioma",
-    "search": "Buscar...",
-    "note": "Nota",
-    "view-more": "Ver más",
-    "end-of-history": "Fin del historial",
-    "select-event": "Selecciona un evento",
-    "event": "Evento",
-    "user": "Usuario",
-    "source": "Fuente",
-    "time": "Hora",
-    "timestamp": "Marca temporal"
-  },
-  "dashboard": {
-    "title": "Secrets",
-    "og-title": "Gestiona tus archivos .env en segundos",
-    "og-description": "Infisical es una solución cifrada de extremo a extremo que habilita a los equipos a compartir archivos .env de forma sencilla.",
-    "search-keys": "Buscar claves...",
-    "add-key": "Añadir clave",
-    "personal": "Personal",
-    "personal-description": "Las claves personales solo son visibles para ti",
-    "shared": "Compartido",
-    "shared-description": "Claves compartidas son visibles para todo tu equipo",
-    "make-shared": "Hacer compartida",
-    "make-personal": "Hacer personal",
-    "add-secret": "Añadir una nueva clave",
-    "check-docs": {
-      "button": "Comprueba la documentación",
-      "title": "¡Buen trabajo!",
-      "line1": "Enhorabuena por añadir claves.",
-      "line2": "Averigua como usarlo desde tu código."
-    },
-    "sidebar": {
-      "secret": "Secret",
-      "key": "Clave",
-      "value": "valor",
-      "override": "Sobreescribir valor con el valor personal",
-      "version-history": "Historial de versiones",
-      "comments": "Comentarios & Notas",
-      "personal-explanation": "Esta clave es personal. No será compartida con ninguno de tus compañeros.",
-      "generate-random-hex": "Generar Hex aleatorio",
-      "digits": "dígitos",
-      "delete-key-dialog": {
-        "title": "Eliminar clave",
-        "confirm-delete-message": "¿Estás seguro de que quieres eliminar esta clave? Esta operación no se puede deshacer."
-      }
-    }
-  },
-  "integrations": {
-    "title": "Integraciones del proyecto",
-    "description": "Gestiona tus integraciones de Infisical con aplicaciones de terceros.",
-    "no-integrations1": "No tienes ninguna integración configurada. Cuando las tengas, aparecerán aquí.",
-    "no-integrations2": "Para empezar haz click en cualquiera de las opciones siguientes. Se necesitan tan solo 5 pasos.",
-    "available": "Integraciones con la nube",
-    "available-text1": "Haz click en la integración que quieras conectar. Esto hará que las variables de entorno se configuren automáticamente en los servicios de terceros seleccionados.",
-    "available-text2": "Nota: en la integración con Heroku, por motivos de seguridad, es imposible mantener el cifrado de extremo a extremo. En teoría, esto permite a Infisical descifrar tus variables de entorno. En la práctica, te podemos asegurar que esto nunca va a suceder. El núcleo del servicio Infisical siempre estará cifrado de extremo a extremo. Si tienes dudas, escríbenos a support@infisical.com.",
-    "cloud-integrations": "Integraciones con la nube",
-    "framework-integrations": "Integraciones con frameworks",
-    "click-to-start": "Haz click en una integración para empezar a sincronizar las claves.",
-    "click-to-setup": "Haz click en un framework para ver las instrucciones de uso.",
-    "grant-access-to-secrets": "Autorizar Infisical el acceso a tus claves",
-    "why-infisical-needs-access": "La mayoría de las integraciones en la nube requieren a Infisical tener permiso para descifrar tus claves, para que puedan ser enviadas.",
-    "grant-access-button": "Autorizar acceso"
-  },
-  "login": {
-    "title": "Iniciar sesión",
-    "og-title": "Iniciar sesión en Infisical",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files.",
-    "login": "Iniciar sesión",
-    "need-account": "¿Necesitas una cuenta de Infisical?",
-    "create-account": "Crea una cuenta",
-    "forgot-password": "¿Has olvidado tu contraseña?",
-    "error-login": "Datos incorrectos."
-  },
-  "mfa": {
-    "title": "Registrarse",
-    "og-title": "Reemplaza los archivos .env con una línea de código. Regístrate en Infisical en solo 3 minutos.",
-    "og-description": "Infisical es una plataforma sencilla cifrada de extremo a extremo que permite a equipos sincronizar y gestionar API-keys y variables de entorno. Funciona con Node.js, Next.js, Gatsby, Nest.js...",
-    "signup": "Registrarse",
-    "already-have-account": "¿Ya tienes una cuenta? Inicia sesión",
-    "forgot-password": "¿Has olvidado tu contraseña?",
-    "verify": "Verificar",
-    "step1-start": "Vamos a empezar",
-    "step1-privacy": "Al crear la cuenta, aceptas nuestros Términos y has leído y comprendido nuestra Política de privacidad.",
-    "step1-submit": "Empezar",
-    "step2-message": "Hemos enviado un código a",
-    "step2-code-error": "Oops. Tu código es incorrecto. Intentos restantes:",
-    "step2-resend-alert": "¿No ves el código?",
-    "step2-resend-submit": "Volver a enviar",
-    "step2-resend-progress": "Reenviando...",
-    "step2-spam-alert": "Asegúrate de comprobar la carpeta de spam.",
-    "step3-message": "¡Casi hemos terminado!",
-    "step4-message": "Guarda tu Kit de emergencia",
-    "step4-description1": "Si pierdes el acceso a tu cuenta, tu Kit de emergencia es la única forma de iniciar sesión.",
-    "step4-description2": "Te recomendamos que lo descargues y lo guardes en un sitio seguro.",
-    "step4-description3": "Contiene tu Clave secreta, a la que no tenemos acceso y tampoco podemos recuperar si la pierdes.",
-    "step4-download": "Descargar PDF",
-    "step5-send-invites": "Enviar invitaciones",
-    "step5-invite-team": "Invita a tu equipo",
-    "step5-subtitle": "Infisical está pensado para usarlo con tus compañeros. Invítalos a probarlo.",
-    "step5-skip": "Saltar"
-  },
-  "nav": {
-    "support": {
-      "slack": "Unirse al Slack",
-      "docs": "Leer documentación",
-      "issue": "Abrir una Github Issue",
-      "email": "Envíanos un correo electrónico"
-    },
-    "user": {
-      "signed-in-as": "INICIADO COMO",
-      "current-organization": "ORGANIZACIÓN ACTUAL",
-      "usage-billing": "Uso & Facturación",
-      "invite": "Invitar miembros",
-      "other-organizations": "OTRA ORGANIZACIÓN"
-    },
-    "menu": {
-      "project": "PROYECTO",
-      "secrets": "Claves",
-      "members": "Miembros",
-      "integrations": "Integraciones",
-      "project-settings": "Configuración del proyecto"
-    }
-  },
-  "section": {
-    "api-key": {
-      "api-keys": "Tokens de servicio",
-      "api-keys-description": "Cada token de servicio es específico para ti, para cada proyecto y para cada entorno en este proyecto.",
-      "add-new": "Añadir nuevo token",
-      "add-dialog": {
-        "title": "Añadir una API Key",
-        "description": "Especifica el nombre y el período de expiración. Cuando una API key es generada, solo podrás verla una vez hasta que desaparezca. Asegúrate de guardarla en algún lado.",
-        "name": "Nombre de la API Key",
-        "add": "Añadir API Key",
-        "copy-service-token": "Copia tu API key",
-        "copy-service-token-description": "Una vez que cierres esta ventana, no volverás a ver tu API key"
-      }
-    },
-    "incident": {
-      "incident-contacts": "Contactos de incidencias",
-      "incident-contacts-description": "Estos contactos serán notificados en caso de una incidencia grave.",
-      "no-incident-contacts": "No se han encontrado contactos para incidencias.",
-      "add-contact": "Añadir contacto",
-      "add-dialog": {
-        "title": "Añadir un contacto de incidencias",
-        "description": "Este contacto será notificado en el caso de una incidencia grave.",
-        "add-incident": "Añadir contacto de incidencias"
-      }
-    },
-    "members": {
-      "add-member": "Añadir miembro",
-      "org-members": "Miembros de la organización",
-      "org-members-description": "Gestiona los miembros de tu organización. Estos usuarios podrán ser agrupados en proyectos más tarde.",
-      "search-members": "Buscar miembros...",
-      "add-dialog": {
-        "add-member-to-project": "Añadir un miembro al proyecto",
-        "already-all-invited": "Todos los uaurios en tu organización han sido invitados.",
-        "add-user-org-first": "Añadir primero más usuarios a la organización.",
-        "user-will-email": "El usuario recibirá un correo electrónico con la invitación.",
-        "looking-add": "<0>Si quieres añadir usuarios a tu organización, haz</0><1>click aquí</1>",
-        "add-user-to-org": "Añadir usuarios a la organización"
-      }
-    },
-    "password": {
-      "password": "Contraseña",
-      "change": "Cambiar contraseña",
-      "current": "Contraseña actual",
-      "current-wrong": "La contraseña actual puede puede que sea incorrecta",
-      "new": "Nueva contraseña",
-      "validate-base": "La contraseña debe contener:",
-      "validate-tooShort": "al menos 14 caracteres",
-      "validate-tooLong": "como máximo 100 caracteres",
-      "validate-noLetterChar": "al menos 1 carácter alfabético",
-      "validate-noNumOrSpecialChar": "al menos 1 número o carácter especial",
-      "validate-repeatedChar": "como máximo 3 caracteres repetidos y consecutivos",
-      "validate-escapeChar": "No se permiten caracteres de escape.",
-      "validate-lowEntropy": "La contraseña contiene datos sensibles.",
-      "validate-breached": "La contraseña se encontró en una violación de datos."
-    },
-    "token": {
-      "service-tokens": "Tokens de servicio",
-      "service-tokens-description": "Cada token de servicio es específico para ti, para cada proyecto y para cada entorno en este proyectos.",
-      "add-new": "Añadir nuevo token",
-      "add-dialog": {
-        "title": "Añade un nuevo token de servicio para {{target}}",
-        "description": "Cuando se genera un token, solo podrás verlo una vez antes de que desaparezca. Asegúrate de guardarlo en algún lugar.",
-        "name": "Nombre del token de servicio",
-        "add": "Añadir token de servicio",
-        "copy-service-token": "Copiar tu token de servicio",
-        "copy-service-token-description": "Una vez cierres esta ventana, no volverás a ver tu token de nuevo"
-      }
-    }
-  },
-  "settings": {
-    "members": {
-      "title": "Miembros del proyecto",
-      "description": "Esta página muestra los miembros del proyecto seleccionado, y permite modificar sus permisos."
-    },
-    "org": {
-      "title": "Configuración de la organización",
-      "description": "Gestiona los miembros de tu organización. Estos usuarios podrán ser gestionados en proyectos más adelante."
-    },
-    "personal": {
-      "title": "Preferencias personales",
-      "description": "Visualiza y gestiona aquí tu información personal.",
-      "emergency": {
-        "name": "Kit de emergencia",
-        "text1": "Tu Kit de emergencia contiene la información que necesitarás para iniciar sesión en tu cuenta de Infisical.",
-        "text2": "Solo el último Kit de emergencia descargado es válido. Para conseguir uno nuevo, introduce tu contraseña.",
-        "download": "Descargar Kit de emergencia"
-      },
-      "change-language": "Cambiar idioma",
-      "api-keys": {
-        "title": "API Keys",
-        "description": "Gestiona tus API Keys personales para acceder a la API de Infisical.",
-        "add-new": "Añadir"
-      }
-    },
-    "project": {
-      "title": "Configuración de proyecto",
-      "description": "Esta configuración solo afecta al proyecto seleccionado.",
-      "danger-zone": "Zona de peligro",
-      "delete-project": "Eliminar proyecto",
-      "project-to-delete": "Proyecto a eliminar",
-      "danger-zone-note": "Tan pronto como elimines el proyecto, no podrás volver atrás. Esto eliminará todas las claves. Si aún quieres hacerlo, introduce el nombre del proyecto a continuación.",
-      "delete-project-note": "Nota: Solo puedes eliminar un proyecto si tienes más de uno",
-      "project-id-description": "Para integrar Infisical en tu aplicación y obtener la inyección automática de variables de entorno, debes usar el siguiente ID de Proyecto.",
-      "project-id-description2": "Para más guías, incluyendo ejemplos de código en diferentes lenguajes y frameworks, visita ",
-      "auto-generated": "Este es el ID único y autogenerado de proyecto. No se puede modificar.",
-      "docs": "Documentación de Infisical",
-      "auto-capitalization": "Mayúsculas automáticas",
-      "auto-capitalization-description": "De acuerdo con los estándares, Infisical pondrá en mayúsculas tus claves. Si quieres desactivar esta funcionalidad, lo puedes hacer aquí."
-    }
-  },
-  "signup": {
-    "title": "Registrarse",
-    "og-title": "Reemplaza los archivos .env con una línea de código. Regístrate en Infisical en solo 3 minutos.",
-    "og-description": "Infisical es una plataforma sencilla cifrada de extremo a extremo que permite a equipos sincronizar y gestionar API-keys y variables de entorno. Funciona con Node.js, Next.js, Gatsby, Nest.js...",
-    "signup": "Registrarse",
-    "already-have-account": "¿Ya tienes una cuenta? Inicia sesión",
-    "forgot-password": "¿Has olvidado tu contraseña?",
-    "verify": "Verificar",
-    "step1-start": "Vamos a empezar",
-    "step1-privacy": "Al crear la cuenta, aceptas nuestros Términos y has leído y comprendido nuestra Política de privacidad.",
-    "step1-submit": "Empezar",
-    "step2-message": "Hemos enviado un código a",
-    "step2-code-error": "Oops. Tu código es incorrecto. Intentos restantes:",
-    "step2-resend-alert": "¿No ves el código?",
-    "step2-resend-submit": "Volver a enviar",
-    "step2-resend-progress": "Reenviando...",
-    "step2-spam-alert": "Asegúrate de comprobar la carpeta de spam.",
-    "step3-message": "¡Casi hemos terminado!",
-    "step4-message": "Guarda tu Kit de emergencia",
-    "step4-description1": "Si pierdes el acceso a tu cuenta, tu Kit de emergencia es la única forma de iniciar sesión.",
-    "step4-description2": "Te recomendamos que lo descargues y lo guardes en un sitio seguro.",
-    "step4-description3": "Contiene tu Clave secreta, a la que no tenemos acceso y tampoco podemos recuperar si la pierdes.",
-    "step4-download": "Descargar PDF",
-    "step5-send-invites": "Enviar invitaciones",
-    "step5-invite-team": "Invita a tu equipo",
-    "step5-subtitle": "Infisical está pensado para usarlo con tus compañeros. Invítalos a probarlo.",
-    "step5-skip": "Saltar"
-  }
-}
diff --git a/frontend-next/public/locales/fr/translations.json b/frontend-next/public/locales/fr/translations.json
deleted file mode 100644
index 60d5cf8cf..000000000
--- a/frontend-next/public/locales/fr/translations.json
+++ /dev/null
@@ -1,304 +0,0 @@
-{
-  "activity": {
-    "title": "Journaux d'activité",
-    "subtitle": "Historique des événements pour ce projet Infisical.",
-    "event": {
-      "readSecrets": "Secrets Visualisés",
-      "updateSecrets": "Secrets Mis à jour",
-      "addSecrets": "Secrets Ajoutés",
-      "deleteSecrets": "Secrets Supprimés"
-    },
-    "ip-address": "Adresse IP"
-  },
-  "billing": {
-    "title": "Utilisation et Facturation",
-    "description": "Voir et gérer l'abonnement de votre organisation ici",
-    "subscription": "Abonnement",
-    "starter": {
-      "name": "Starter",
-      "price-explanation": "jusqu'à 5 membres de l'équipe",
-      "text": "Gérez n'importe quel projet jusqu'à 5 membres gratuitement!",
-      "subtext": "$5 par membre / mois par la suite."
-    },
-    "professional": {
-      "name": "Professionnel",
-      "price-explanation": "/membre/mois",
-      "subtext": "Comprend des projets et des membres illimités.",
-      "text": "Suivez la gestion clé à mesure que vous grandissez."
-    },
-    "enterprise": {
-      "name": "Entreprise",
-      "text": "Suivez la gestion clé à mesure que vous grandissez."
-    },
-    "current-usage": "Utilisation actuelle",
-    "free": "Gratuit",
-    "downgrade": "Rétrograder",
-    "upgrade": "Améliorer",
-    "learn-more": "En savoir plus",
-    "custom-pricing": "Prix personnalisés",
-    "schedule-demo": "Planifier une démo"
-  },
-  "common": {
-    "head-title": "{{title}} | Infisical",
-    "error_project-already-exists": "Un projet avec ce nom existe déjà.",
-    "no-mobile": " Pour utiliser Infisical, veuillez vous connecter avec un appareil avec des dimensions plus grandes. ",
-    "email": "Email",
-    "password": "Mot de passe",
-    "first-name": "Prénom",
-    "last-name": "Nom",
-    "logout": "Déconnexion",
-    "validate-required": "Veuillez saisir votre {{name}}",
-    "maintenance-alert": "Nous rencontrons des difficultés techniques mineures. Nous travaillons sur leurs résolution dès maintenant. Revenez dans quelques minutes.",
-    "click-to-copy": "Cliquez pour copiez",
-    "project-id": "Identifiant du Projet",
-    "save-changes": "Sauvegarder les modifications",
-    "saved": "Enregistrée",
-    "drop-zone": "Glissez et déposez un fichier .env ou .yml ici.",
-    "drop-zone-keys": "Glissez et déposez un fichier .env ou .yml ici pour ajouter plus de clés.",
-    "role": "Rôle",
-    "role_admin": "administrateur",
-    "display-name": "Nom d'affichage",
-    "environment": "Environnement",
-    "expired-in": "Expire dans",
-    "language": "Langue",
-    "search": "Recherche...",
-    "note": "Note",
-    "view-more": "Voir plus",
-    "end-of-history": "Fin de l'historique",
-    "select-event": "Sélectionnez un événement",
-    "event": "Événement",
-    "user": "Utilisateur",
-    "source": "Source",
-    "time": "Heure",
-    "timestamp": "Horodatage"
-  },
-  "dashboard": {
-    "title": "Secrets",
-    "og-title": "Gérez vos fichiers .env rapidement",
-    "og-description": "Infisical une plate-forme simple et chiffré de bout en bout qui permet aux équipes de synchroniser et de gérer leurs fichiers .env.",
-    "search-keys": "Recherche les clefs...",
-    "add-key": "Ajouter une clef",
-    "personal": "Personnel",
-    "personal-description": "Les clés personnelles ne sont visibles que pour vous",
-    "shared": "Partagé",
-    "shared-description": "Les clés partagées sont visibles à toute votre équipe",
-    "make-shared": "Rendre Partagé",
-    "make-personal": "Rendre Personnel",
-    "add-secret": "Ajouter un nouveau secret",
-    "check-docs": {
-      "button": "Vérifier la documentation",
-      "title": "Bon travail!",
-      "line1": "Félicitations pour avoir ajouté plus de secrets.",
-      "line2": "Voici comment les connecter à votre base de code."
-    },
-    "sidebar": {
-      "secret": "Secret",
-      "key": "Clef",
-      "value": "Valeur",
-      "override": "Remplacer la valeur avec une valeur personnelle",
-      "version-history": "Historique des versions",
-      "comments": "Commentaires & Notes",
-      "personal-explanation": "Ce secret est personnel. Il n'est partagé avec aucun de vos coéquipiers.",
-      "generate-random-hex": "Générer un Hex aléatoire",
-      "digits": "chiffres",
-      "delete-key-dialog": {
-        "title": "Supprimer la clef",
-        "confirm-delete-message": "Êtes-vous sûr de vouloir supprimer ce secret? Cela ne peut pas être annulé."
-      }
-    }
-  },
-  "integrations": {
-    "title": "Intégrations de Projet",
-    "description": "Gérez vos intégrations d'Infisical avec des services tiers.",
-    "no-integrations1": "Vous n'avez pas encore d'intégration. Quand vous en aurez, elles apparaîtront ici.",
-    "no-integrations2": "Pour commencer, cliquez sur l'une des options ci-dessous. La configuration se fait en 5 clics.",
-    "available": "Intégrations de plate-forme et cloud",
-    "available-text1": "Cliquez sur l'intégration que vous souhaitez connecter. Cela permettra à vos variables d'environnement de circuler automatiquement dans les services tiers sélectionnés.",
-    "available-text2": "Remarque: Lors d'une intégration avec Heroku, pour des raisons de sécurité, il est impossible de maintenir le chiffrage de bout en bout. En théorie, cela permet à Infisical de déchiffrer les variables d'environnement. En pratique, nous pouvons vous assurer que cela ne sera jamais fait, et cela nous permet de protéger vos secrets des mauvais acteurs en ligne. Le service Infisical de base restera toujours chiffré de bout en bout. Pour toutes vos intérogations, contactez support@infisical.com.",
-    "cloud-integrations": "Intégrations Cloud",
-    "framework-integrations": "Intégrations Framework",
-    "click-to-start": "Cliquez sur une intégration pour commencer à synchroniser les secrets avec elle.",
-    "click-to-setup": "Cliquez sur un framework pour obtenir les instructions de configuration.",
-    "grant-access-to-secrets": "Accordez un accès Infisical à vos secrets",
-    "why-infisical-needs-access": "La plupart des intégrations cloud nécessitent qu'Infisical puisse déchiffrer vos secrets afin qu'ils puissent être transmis.",
-    "grant-access-button": "Autoriser l'accès"
-  },
-  "login": {
-    "title": "Connexion",
-    "og-title": "Connectez-vous à Infisical",
-    "og-description": "Infisical, une plate-forme simple et chiffré de bout en bout permettant aux équipes de synchroniser et de gérer leurs fichiers .env.",
-    "login": "Se connecter",
-    "need-account": "Besoin d'un compte Infisical?",
-    "create-account": "Créer un compte",
-    "forgot-password": "Mot de passe oublié?",
-    "error-login": "Mauvais identifiants."
-  },
-  "mfa": {
-    "title": "S'inscrire",
-    "og-title": "Remplacez les fichiers .env par 1 ligne de code. Inscrivez-vous à Infisical en 3 minutes.",
-    "og-description": "Infisical, une plate-forme simple et chiffré de bout en bout qui permet aux équipes de synchroniser et de gérer des clefs API et des variables d'environnement. Fonctionne avec Node.js, Next.js, Gatsby, Nest.js ...",
-    "signup": "S'inscrire",
-    "already-have-account": "Déjà inscris? Se connecter",
-    "forgot-password": "Mot de passe oublié?",
-    "verify": "Vérifier",
-    "step1-start": "Bon, on commence!",
-    "step1-privacy": "En créant votre compte, vous acceptez nos conditions et avez lu et reconnu notre politique de confidentialité.",
-    "step1-submit": "C'est parti",
-    "step2-message": "Nous avons envoyé un email de vérification à",
-    "step2-code-error": "Oops. Votre code est faux. Essais restants:",
-    "step2-resend-alert": "Vous ne voyez pas le code?",
-    "step2-resend-submit": "Renvoyer",
-    "step2-resend-progress": "Envoie en cours...",
-    "step2-spam-alert": "Assurez-vous de vérifier vos spams.",
-    "step3-message": "Nous y sommes presque!",
-    "step4-message": "Enregistrez votre kit d'urgence",
-    "step4-description1": "Si vous n'arrivez plus à vous connecter à votre compte, votre kit d'urgence est le seul moyen d'y arriver.",
-    "step4-description2": "Nous vous recommandons de le télécharger et de le garder en sécurité.",
-    "step4-description3": "Il contient votre clef secrète que nous ne pouvons pas récupérer pour vous si vous la perdez.",
-    "step4-download": "Téléchargez le PDF",
-    "step5-send-invites": "Envoyer les invitations",
-    "step5-invite-team": "Invitez votre équipe",
-    "step5-subtitle": "Infisical a pour but d'être utilisé avec vos coéquipiers. Invitez-les à le tester.",
-    "step5-skip": "Passer"
-  },
-  "nav": {
-    "support": {
-      "slack": "[NEW] Rejoignez le forum Slack",
-      "docs": "Lire les documentations",
-      "issue": "Ouvrir une issue Github",
-      "email": "Envoyez-nous un email"
-    },
-    "user": {
-      "signed-in-as": "CONNECTÉ EN TANT QUE",
-      "current-organization": "ORGANISATION ACTUELLE",
-      "usage-billing": "Utilisation & Facturation",
-      "invite": "Inviter des membres",
-      "other-organizations": "AUTRE ORGANISATION"
-    },
-    "menu": {
-      "project": "PROJET",
-      "secrets": "Secrets",
-      "members": "Membres",
-      "integrations": "Intégrations",
-      "project-settings": "Paramètres du Projet"
-    }
-  },
-  "section": {
-    "incident": {
-      "incident-contacts": "Contacts Incidents",
-      "incident-contacts-description": "Ces contacts seront informés dans le cas improbable d'un incident grave.",
-      "no-incident-contacts": "Aucun contact incident trouvé.",
-      "add-contact": "Ajouter un contact",
-      "add-dialog": {
-        "title": "Ajouter un contact incident",
-        "description": "Ce contact sera informé dans le cas improbable d'un incident grave.",
-        "add-incident": "Ajouter un contact incident"
-      }
-    },
-    "members": {
-      "add-member": "Ajouter un Membre",
-      "org-members": "Membres de l'organisation",
-      "org-members-description": "Gérer les membres de votre organisation. Ces utilisateurs pourraient ensuite être répartis en projets.",
-      "search-members": "Recherche des membres...",
-      "add-dialog": {
-        "add-member-to-project": "Ajoutez un membre à votre projet",
-        "already-all-invited": "Tous les utilisateurs de votre organisation sont déjà invités.",
-        "add-user-org-first": "Ajoutez d'abord plus d'utilisateurs à l'organisation.",
-        "user-will-email": "L'utilisateur recevra un email avec les instructions.",
-        "looking-add": "<0>Si vous cherchez à ajouter des utilisateurs à votre organisation,</0><1>cliquez ici</1>",
-        "add-user-to-org": "Ajouter des Utilisateurs à l'Organisation"
-      }
-    },
-    "password": {
-      "password": "Mot de passe",
-      "change": "Changer le mot de passe",
-      "current": "Mot de passe actuel",
-      "current-wrong": "Le mot de passe actuel peut être érroné",
-      "new": "Nouveau mot de passe",
-      "validate-base": "Le mot de passe doit contenir :",
-      "validate-tooShort": "au moins 14 caractères",
-      "validate-tooLong": "au plus 100 caractères",
-      "validate-noLetterChar": "au moins 1 caractère alphabétique",
-      "validate-noNumOrSpecialChar": "au moins 1 chiffre ou caractère spécial",
-      "validate-repeatedChar": "au plus 3 caractères consécutifs répétés",
-      "validate-escapeChar": "Aucun caractère d'échappement autorisé.",
-      "validate-lowEntropy": "Le mot de passe contient des données sensibles.",
-      "validate-breached": "Le mot de passe a été trouvé dans une violation de données."
-    },
-    "token": {
-      "service-tokens": "Jetons de service",
-      "service-tokens-description": "Chaque jeton de service vous est spécifique, à un certain projet et à un certain environnement dans ce projet.",
-      "add-new": "Ajouter un nouveau jeton",
-      "add-dialog": {
-        "title": "Ajouter un jeton de service pour {{target}}",
-        "description": "Spécifiez le nom, l'environnement et la période d'expiration. Lorsqu'un jeton est généré, vous ne pourrez le voir qu'une seule fois avant qu'il ne disparaisse. Assurez-vous de le sauvegarder quelque part.",
-        "name": "Nom du jeton de service",
-        "add": "Ajouter un jeton de service",
-        "copy-service-token": "Copiez votre jeton de service",
-        "copy-service-token-description": "Une fois que vous aurez fermé cette fenêtre, vous ne reverrez plus jamais votre jeton de service"
-      }
-    }
-  },
-  "settings": {
-    "members": {
-      "title": "Membres du projet",
-      "description": "Cette page affiche les membres du projet sélectionné."
-    },
-    "org": {
-      "title": "Paramètres d'Organisation",
-      "description": "Gérer les membres de votre organisation. Ces utilisateurs pourraient ensuite être répartis en projets."
-    },
-    "personal": {
-      "title": "Paramètres Personnels",
-      "description": "Consultez et gérez vos informations personnelles ici.",
-      "emergency": {
-        "name": "Kit d'urgence",
-        "text1": "Votre kit d'urgence contient les informations dont vous aurez besoin pour vous connecter à votre compte Infisical.",
-        "text2": "Seul le dernier kit d'urgence émis reste valide. Pour obtenir un nouveau kit d'urgence, vérifiez votre mot de passe.",
-        "download": "Télécharger le kit d'urgence"
-      },
-      "change-language": "Changer de langue"
-    },
-    "project": {
-      "title": "Paramètres du Projet",
-      "description": "Ces paramètres ne s'appliquent qu'au Projet actuellement sélectionné.",
-      "danger-zone": "Zone de danger",
-      "delete-project": "Supprimer le Projet",
-      "project-to-delete": "Projet à Supprimer",
-      "danger-zone-note": "Dès que vous supprimez ce projet, vous ne pourrez plus revenir en arrière. Cela supprimera immédiatement toutes les clefs. Si vous voulez toujours le faire, veuillez saisir le nom du projet ci-dessous.",
-      "delete-project-note": "Remarque: Vous ne pouvez supprimer qu'un projet que si vous en avez plus d'un.",
-      "project-id-description": "Pour intégrer Infisical dans votre base de code et obtenir une injection automatique de variables d'environnement, vous devez utiliser l'ID du projet suivant.",
-      "project-id-description2": "Pour plus de conseils, y compris des extraits de code pour diverses langues et frameworks, voir ",
-      "auto-generated": "Ceci est l'identifiant unique généré automatiquement pour votre projet. Il ne peut pas être modifié.",
-      "docs": "Documentation Infisical"
-    }
-  },
-  "signup": {
-    "title": "S'inscrire",
-    "og-title": "Remplacez les fichiers .env par 1 ligne de code. Inscrivez-vous à Infisical en 3 minutes.",
-    "og-description": "Infisical, une plate-forme simple et chiffré de bout en bout qui permet aux équipes de synchroniser et de gérer des clefs API et des variables d'environnement. Fonctionne avec Node.js, Next.js, Gatsby, Nest.js ...",
-    "signup": "S'inscrire",
-    "already-have-account": "Déjà inscris? Se connecter",
-    "forgot-password": "Mot de passe oublié?",
-    "verify": "Vérifier",
-    "step1-start": "Bon, on commence!",
-    "step1-privacy": "En créant votre compte, vous acceptez nos conditions et avez lu et reconnu notre politique de confidentialité.",
-    "step1-submit": "C'est parti",
-    "step2-message": "Nous avons envoyé un email de vérification à",
-    "step2-code-error": "Oops. Votre code est faux. Veuillez réessayer.",
-    "step2-resend-alert": "Vous ne voyez pas le code?",
-    "step2-resend-submit": "Renvoyer",
-    "step2-resend-progress": "Envoie en cours...",
-    "step2-spam-alert": "Assurez-vous de vérifier vos spams.",
-    "step3-message": "Nous y sommes presque!",
-    "step4-message": "Enregistrez votre kit d'urgence",
-    "step4-description1": "Si vous n'arrivez plus à vous connecter à votre compte, votre kit d'urgence est le seul moyen d'y arriver.",
-    "step4-description2": "Nous vous recommandons de le télécharger et de le garder en sécurité.",
-    "step4-description3": "Il contient votre clef secrète que nous ne pouvons pas récupérer pour vous si vous la perdez.",
-    "step4-download": "Téléchargez le PDF",
-    "step5-send-invites": "Envoyer les invitations",
-    "step5-invite-team": "Invitez votre équipe",
-    "step5-subtitle": "Infisical a pour but d'être utilisé avec vos coéquipiers. Invitez-les à le tester.",
-    "step5-skip": "Passer"
-  }
-}
diff --git a/frontend-next/public/locales/ko/translations.json b/frontend-next/public/locales/ko/translations.json
deleted file mode 100644
index e8169eaba..000000000
--- a/frontend-next/public/locales/ko/translations.json
+++ /dev/null
@@ -1,264 +0,0 @@
-{
-  "billing": {
-    "title": "요금제 & 결제",
-    "description": "이곳에서 조직의 구독을 확인하고 관리할 수 있어요.",
-    "subscription": "구독",
-    "starter": {
-      "name": "스타터",
-      "price-explanation": "5명의 팀 맴버까지",
-      "text": "어떤 프로젝트든 다섯명의 맴버까지 무료로 이용할 수 있어요!",
-      "subtext": "$5명/달 로 바뀔 예정입니다."
-    },
-    "professional": {
-      "name": "전문가",
-      "price-explanation": "/맴버/달",
-      "subtext": "무제한의 프로젝트와 맴버",
-      "text": "조직의 성장에 따라 유연하게 시크릿을 관리하세요."
-    },
-    "enterprise": {
-      "name": "엔터프라이즈",
-      "text": "조직의 성장에 따라 유연하게 시크릿을 관리하세요."
-    },
-    "current-usage": "현재 요금제",
-    "free": "무료",
-    "downgrade": "다운그레이드",
-    "upgrade": "업그레이드",
-    "learn-more": "자세히 알아보기",
-    "custom-pricing": "커스텀 가격",
-    "schedule-demo": "데모 예약하기"
-  },
-  "common": {
-    "head-title": "{{title}} | Infisical",
-    "error_project-already-exists": "동일한 이름을 가진 프로젝트가 이미 존재해요.",
-    "no-mobile": " Infisical을 사용하려면, 큰 화면을 가진 디바이스로 로그인하여 주세요.",
-    "email": "메일",
-    "password": "비밀번호",
-    "first-name": "이름",
-    "last-name": "성",
-    "logout": "로그아웃",
-    "validate-required": "{{name}} 을/를 입력하세요.",
-    "maintenance-alert": "We are experiencing minor technical difficulties. We are working on solving it right now. Please come back in a few minutes.",
-    "click-to-copy": "클릭하여 복사하기",
-    "project-id": "프로젝트 ID",
-    "save-changes": "변경사항 저장하기",
-    "saved": "저장됨",
-    "drop-zone": ".env 파일을 이곳에 드래그 & 드롭 하세요.",
-    "drop-zone-keys": "이곳에 .env 파일을 드래그 & 드롭 하여 더 많은 키들을 추가하세요.",
-    "role": "Role",
-    "role_admin": "admin",
-    "display-name": "표시 이름",
-    "environment": "환경",
-    "expired-in": "만료 기한:",
-    "language": "언어",
-    "search": "검색하기...",
-    "note": "Note"
-  },
-  "dashboard": {
-    "title": "시크릿",
-    "og-title": "빠르게 .env 파일을 관리하세요",
-    "og-description": "Infisical은 팀원과 .env파일을 공유할 수 있는 심플한 end-to-end 암호화 플렛폼입니다.",
-    "search-keys": "키 검색하기...",
-    "add-key": "키 추가하기",
-    "personal": "개인",
-    "personal-description": "개인 키는 오직 본인만 볼 수 있어요",
-    "shared": "공유",
-    "shared-description": "공유 키는 팀 전체가 볼 수 있어요",
-    "make-shared": "공유로 만들기",
-    "make-personal": "개인으로 만들기",
-    "check-docs": {
-      "button": "문서 확인하기",
-      "title": "좋았어요!",
-      "line1": "더 많은 시크릿들을 추가한 것을 축하합니다.",
-      "line2": "코드와 연결하는 사용하는 방법을 한번 알아보지 않을래요?"
-    },
-    "sidebar": {
-      "secret": "Secret",
-      "key": "Key",
-      "value": "Value",
-      "override": "Override value with a personal value",
-      "version-history": "Version History",
-      "comments": "Comments & Notes",
-      "personal-explanation": "This secret is personal. It is not shared with any of your teammates.",
-      "generate-random-hex": "Generate Random Hex",
-      "digits": "digits"
-    }
-  },
-  "integrations": {
-    "available": "사용 가능한 연동",
-    "available-text1": "연결하고 싶은 서비스를 클릭하세요. 환경 변수가 선택한 외부 서비스와 자동으로 연동됩니다.",
-    "available-text2": "참고: Heroku와의 연동에서는 보안상의 이유로 End-To-End 암호화를 유지하는 것이 불가능합니다. 이론적으로는 Infisical이 시크릿을 읽는것이 가능하지만, 절대 그러지 않는다고 확신할 수 있습니다. 핵심 Infisical 서비스는 항상 End-To-End 암호화 상태를 유지합니다. 질문이 있으면 support@infisical.com으로 문의하세요.",
-    "description": "외부 서비스와 함께 Infisical을 연동하고 관리하세요",
-    "no-integrations1": "연동된 서비스가 없어요. 연동하게 된다면 이곳에서 표시돼요.",
-    "no-integrations2": "시작하려면, 아래의 옵션을 클릭하세요. 대체로 5분 이내로 가능해요.",
-    "title": "프로젝트 연동",
-    "cloud-integrations": "Cloud Integrations",
-    "framework-integrations": "Framework Integrations",
-    "click-to-start": "Click on an integration to begin syncing secrets to it.",
-    "click-to-setup": "Click on a framework to get the setup instructions.",
-    "grant-access-to-secrets": "Grant Infisical access to your secrets",
-    "why-infisical-needs-access": "Most cloud integrations require Infisical to be able to decrypt your secrets so they can be forwarded over.",
-    "grant-access-button": "Grant access"
-  },
-  "login": {
-    "title": "로그인",
-    "og-title": "Infisical에 로그인하기",
-    "og-description": "Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files.",
-    "login": "로그인",
-    "need-account": "Infisical계정이 필요하신가요?",
-    "create-account": "회원가입 하기"
-  },
-  "mfa": {
-    "title": "회원가입",
-    "og-title": "한줄의 코드르 .env파일을 교체하세요. 3분이면 가입할 수 있어요.",
-    "og-description": "Infisical은 팀원과 .env파일을 공유하고 연동할 수 있는 심플한 end-to-end 암호화 플렛폼입니다. Node.js, Next.js, Gatsby, Nest.js 와 같은 다양한 플렛폼에서 작동해요.",
-    "signup": "회원가입",
-    "already-have-account": "이미 계정이 있나요? 로그인하기",
-    "forgot-password": "비밀번호를 잊으셨나요?",
-    "verify": "인증",
-    "step1-start": "시작하기",
-    "step1-privacy": "회원가입시 약관과 개인 정보 보호 정책을 읽고 동의한 것으로 간주합니다.",
-    "step1-submit": "시작하기",
-    "step2-message": "<email>{{email}}</email><wrapper>로 인증 메일을 전송하였습니다</wrapper><email>{{email}}</email>",
-    "step2-code-error": "코드가 잘못된 것 같아요. 남은 시도:",
-    "step2-spam-alert": "스팸함에 메일이 있지는 않은지 확인하세요",
-    "step3-message": "거의다 끝났어요!",
-    "step4-message": "긴급복구 키트 저장하기",
-    "step4-description1": "계정이 잠겼을 경우 비상 키트를 사용하여 로그인할 수 있어요.",
-    "step4-description2": "다운로드 후 안전한 곳에 보관하는 것을 추천합니다.",
-    "step4-description3": "분실시 접근하거나 복구할 수 없는 시크릿 키가 포함되어 있어요.",
-    "step4-download": "PDF 다운로드"
-  },
-  "nav": {
-    "support": {
-      "slack": "[NEW] 슬랙 포럼에 가입하기",
-      "docs": "문서 보기",
-      "issue": "깃허브 이슈 열기",
-      "email": "Infisical팀에게 메일 보내기"
-    },
-    "user": {
-      "signed-in-as": "다음으로 로그인됨",
-      "current-organization": "현재 조직",
-      "usage-billing": "요금제 & 결제",
-      "invite": "맴버 초대하기",
-      "other-organizations": "다른 조직"
-    },
-    "menu": {
-      "project": "프로젝트",
-      "secrets": "시크릿",
-      "members": "맴버",
-      "integrations": "연동",
-      "project-settings": "프로젝트 설정"
-    }
-  },
-  "section": {
-    "incident": {
-      "add-contact": "연락처 추가하기",
-      "add-dialog": {
-        "add-incident": "비상 연락처 추가하기",
-        "description": "중대한 일이 생길 경우, 이 연락처로 알림이 전송됩니다.",
-        "title": "비상 연락처 추가하기"
-      },
-      "incident-contacts": "비상 연락망",
-      "incident-contacts-description": "중대한 일이 생길 경우, 아래의 연락처로 알림이 전송됩니다.",
-      "no-incident-contacts": "비상 연락망이 존재하지 않아요."
-    },
-    "members": {
-      "add-member": "맴버 추가하기",
-      "org-members": "조직 맴버",
-      "search-members": "맴버를 검색하기...",
-      "add-dialog": {
-        "add-member-to-project": "프로젝트에 맴버 추가하기",
-        "already-all-invited": "조직의 모든 유저가 이미 초대되었습니다.",
-        "add-user-org-first": "유저를 먼저 조직에 추가해 주세요.",
-        "user-will-email": "유저는 안내가 포함된 메일을 받게 됩니다.",
-        "looking-add": "<0>조직에 유저를 추가하고 싶다면,</0><1>여기를 클릭하세요</1>",
-        "add-user-to-org": "조직에 유저 추가하기"
-      },
-      "org-members-description": "조직의 맴버들을 관리하세요."
-    },
-    "password": {
-      "password": "비밀번호",
-      "change": "비밀번호 변경",
-      "current": "현재 비밀번호",
-      "new": "새 비밀번호",
-      "current-wrong": "현재 비밀번호가 잘못되었어요",
-      "validate-base": "비밀번호는 다음을 포함해야 합니다:",
-      "validate-tooShort": "최소 14자",
-      "validate-tooLong": "최대 100자",
-      "validate-noLetterChar": "최소 1개의 문자를 포함해야 합니다.",
-      "validate-noNumOrSpecialChar": "최소 1개의 숫자 또는 특수 문자를 포함해야 합니다.",
-      "validate-repeatedChar": "연속으로 최대 3개의 반복된 문자를 포함할 수 있습니다.",
-      "validate-escapeChar": "이스케이프 문자는 허용되지 않습니다.",
-      "validate-lowEntropy": "비밀번호에 민감한 데이터가 포함되어 있습니다.",
-      "validate-breached": "비밀번호가 데이터 유출에 포함되었습니다."
-    },
-    "token": {
-      "add-dialog": {
-        "add": "서비스 토큰 추가하기",
-        "copy-service-token": "서비스 토큰 복사하기",
-        "copy-service-token-description": "팝업을 닫을 시 다시는 토큰을 확인할 수 없어요.",
-        "description": "이름, 환경, 만료일을 지정하세요. 토큰이 생성되면 최초 한번만 볼 수 있어요. 안전한 곳에 저장하세요.",
-        "name": "서비스 토큰 이름",
-        "title": "{{target}}의 토큰 추가하기"
-      },
-      "add-new": "새 토큰 추가하기",
-      "service-tokens": "서비스 토큰",
-      "service-tokens-description": "모든 서비스 토큰은 프로젝트 및 환경에 따라 다릅니다."
-    }
-  },
-  "settings": {
-    "members": {
-      "title": "맴버 설정",
-      "description": "선택한 프로젝트의 맴버를 확인하세요."
-    },
-    "org": {
-      "title": "조직 설정",
-      "description": "조직의 맴버를 관리하세요."
-    },
-    "personal": {
-      "title": "개인 설정",
-      "description": "계정 및 기본적인 설정을 확인하고 변경하세요.",
-      "emergency": {
-        "name": "긴급복구 키트",
-        "text1": "긴급복구 키트는 Infisical계정에 로그인 할 수 있는 정보를 가지고 있어요.",
-        "text2": "오직 마지막으로 발급한 긴급복구 키트만 사용 가능해요. 새로운 긴급복구 키트를 받으려면, 비밀번호를 입력하세요.",
-        "download": "긴급복구 키트 다운로드"
-      },
-      "change-language": "언어 변경하기"
-    },
-    "project": {
-      "title": "프로젝트 설정",
-      "description": "현재 선택한 프로젝트에 대해서 설정해요.",
-      "auto-generated": "자동으로 생성된 고유한 키 입니다. 변경할 수 없어요.",
-      "danger-zone": "위험존",
-      "danger-zone-note": "프로젝트를 삭제한다면 모든 키가 즉시 삭제되며 다시는 되돌릴 수 없어요. 삭제를 원한다면 프로젝트 이름을 아래에 적어주세요.",
-      "delete-project": "프로젝트 삭제",
-      "delete-project-note": "노트: 최소 한개 이상의 프로젝트는 조직에 존재해야 해요.",
-      "docs": "Infisical 문서",
-      "project-id-description": "다른 코드에서 Infisical과 환경변수를 연동하기 위해서는 프로젝트 ID가 필요해요.",
-      "project-id-description2": "다양한 언어 및 프레임워크에 대한 가이드를 확인하고 싶다면, 다음을 확인하세요. ",
-      "project-to-delete": "삭제할 프로젝트"
-    }
-  },
-  "signup": {
-    "title": "회원가입",
-    "og-title": "한줄의 코드르 .env파일을 교체하세요. 3분이면 가입할 수 있어요.",
-    "og-description": "Infisical은 팀원과 .env파일을 공유하고 연동할 수 있는 심플한 end-to-end 암호화 플렛폼입니다. Node.js, Next.js, Gatsby, Nest.js 와 같은 다양한 플렛폼에서 작동해요.",
-    "signup": "회원가입",
-    "already-have-account": "이미 계정이 있나요? 로그인하기",
-    "forgot-password": "비밀번호를 잊으셨나요?",
-    "verify": "인증",
-    "step1-start": "시작하기",
-    "step1-privacy": "회원가입시 약관과 개인 정보 보호 정책을 읽고 동의한 것으로 간주합니다.",
-    "step1-submit": "시작하기",
-    "step2-message": "<email>{{email}}</email><wrapper>로 인증 메일을 전송하였습니다</wrapper><email>{{email}}</email>",
-    "step2-code-error": "코드가 잘못된 것 같아요. 다시 시도해주세요.",
-    "step2-spam-alert": "스팸함에 메일이 있지는 않은지 확인하세요",
-    "step3-message": "거의다 끝났어요!",
-    "step4-message": "긴급복구 키트 저장하기",
-    "step4-description1": "계정이 잠겼을 경우 비상 키트를 사용하여 로그인할 수 있어요.",
-    "step4-description2": "다운로드 후 안전한 곳에 보관하는 것을 추천합니다.",
-    "step4-description3": "분실시 접근하거나 복구할 수 없는 시크릿 키가 포함되어 있어요.",
-    "step4-download": "PDF 다운로드"
-  }
-}
diff --git a/frontend-next/public/locales/pt-BR/translations.json b/frontend-next/public/locales/pt-BR/translations.json
deleted file mode 100644
index ba324849b..000000000
--- a/frontend-next/public/locales/pt-BR/translations.json
+++ /dev/null
@@ -1,298 +0,0 @@
-{
-  "activity": {
-    "title": "Registro de Atividade",
-    "subtitle": "Histórico de eventos para esse projeto Infisical.",
-    "event": {
-      "readSecrets": "Segredos Visualizados",
-      "updateSecrets": "Segredos Atualizados",
-      "addSecrets": "Segredos Adicionados",
-      "deleteSecrets": "Segredos Excluídos"
-    },
-    "ip-address": "Endereço IP"
-  },
-  "billing": {
-    "title": "Uso & Faturamento",
-    "description": "Visualize e gerencie a assinatura da sua organização aqui",
-    "subscription": "Inscrição",
-    "starter": {
-      "name": "Base",
-      "price-explanation": "Até 5 membros de equipe",
-      "text": "Gerencie qualquer projeto com 5 membros gratuitamente!",
-      "subtext": "$5 por membro adicional / mês."
-    },
-    "professional": {
-      "name": "Profissional",
-      "price-explanation": "/membro/mês",
-      "subtext": "Inclui projetos e membros ilimitados.",
-      "text": "Acompanhe o gerenciamento de chaves à medida que você cresce."
-    },
-    "enterprise": {
-      "name": "Empreendimento",
-      "text": "Acompanhe o gerenciamento de chaves à medida que você cresce."
-    },
-    "current-usage": "Uso atual",
-    "free": "Grátis",
-    "downgrade": "Reduzir",
-    "upgrade": "Melhorar",
-    "learn-more": "Saber Mais",
-    "custom-pricing": "Preço Personalizado",
-    "schedule-demo": "Agende uma Demonstração"
-  },
-  "common": {
-    "head-title": "{{title}} | Infisical",
-    "error_project-already-exists": "Já exite um projeto com este nome.",
-    "no-mobile": "Para usar o Infisical, faça o login através de um dispositivo com dimensões maiores.",
-    "email": "Email",
-    "password": "Senha",
-    "first-name": "Primeiro Nome",
-    "last-name": "Ultimo Nome",
-    "logout": "Sair",
-    "validate-required": "Por favor insira o seu {{name}}",
-    "maintenance-alert": "Estamos passando por pequenas dificuldades técnicas. Estamos trabalhando para resolvê-las agora. Por favor, volte dentro de alguns minutos.",
-    "click-to-copy": "Clique para copiar",
-    "project-id": "ID do Projeto",
-    "save-changes": "Salvar Alterações",
-    "saved": "Salvou",
-    "drop-zone": "Arraste e solte seu arquivo .env aqui.",
-    "drop-zone-keys": "Arraste e solte seu arquivo .env aqui para adicionar mais chaves.",
-    "role": "Role",
-    "role_admin": "admin",
-    "display-name": "Nome de exibição",
-    "environment": "Ambiente",
-    "expired-in": "Expira em",
-    "language": "Idioma",
-    "search": "Procurar...",
-    "note": "Note",
-    "view-more": "Ver mais",
-    "end-of-history": "Fim do Histórico",
-    "select-event": "Selecione um evento",
-    "event": "Evento",
-    "user": "Usuário",
-    "source": "Fonte",
-    "time": "Data/Hora",
-    "timestamp": "Timestamp"
-  },
-  "dashboard": {
-    "title": "Segredos",
-    "og-title": "Gerencie seus arquivos .env em segundos",
-    "og-description": "Infisical é uma plataforma simples e criptografada de ponta a ponta que permite que as equipes sincronizem e gerenciem seus arquivos .env.",
-    "search-keys": "Pesquisar chaves...",
-    "add-key": "Adicionar Chave",
-    "personal": "Pessoal",
-    "personal-description": "As chaves pessoais são visíveis apenas para você",
-    "shared": "Compartilhado",
-    "shared-description": "As chaves compartilhadas ficam visíveis para toda a sua equipe",
-    "make-shared": "Tornar Compartilhado",
-    "make-personal": "Tornar Pessoal",
-    "check-docs": {
-      "button": "Checkar Documentação",
-      "title": "Bom trabalho!!",
-      "line1": "Parabéns por adicionar mais segredos.",
-      "line2": "Veja como conectá-los à sua base de código."
-    },
-    "sidebar": {
-      "secret": "Segredo",
-      "key": "Chave",
-      "value": "Valor",
-      "override": "Substitua o valor por um valor pessoal",
-      "version-history": "Histórico da versão",
-      "comments": "Comentários e Notas",
-      "personal-explanation": "Este segredo é pessoal. Não é compartilhado com nenhum de seus colegas de equipe.",
-      "generate-random-hex": "Gerar HEX Aleatório",
-      "digits": "dígitos",
-      "delete-key-dialog": {
-        "title": "Excluir Chave",
-        "confirm-delete-message": "Você tem certeza que deseja excluir esta chave? Essa ação não pode ser desfeita."
-      }
-    }
-  },
-  "integrations": {
-    "title": "Integrações de Projetos",
-    "description": "Gerencie suas integrações da Infisical com serviços de terceiros.",
-    "no-integrations1": "Você ainda não tem integrações configuradas. Quando você fizer isso, elas aparecerão aqui.",
-    "no-integrations2": "Para começar, clique em qualquer uma das opções abaixo. Leva 5 cliques para configurar.",
-    "available": "Integrações de Plataforma e em Nuvem",
-    "available-text1": "Clique na integração que deseja conectar. Isso permitirá que suas variáveis de ambiente fluam automaticamente para serviços de terceiros selecionados.",
-    "available-text2": "Observação: durante uma integração com o Heroku, por questões de segurança, é impossível manter a criptografia de ponta a ponta. Em teoria, isso permite que o Infisical descriptografe suas variáveis de ambiente. Na prática, podemos garantir que isso nunca será feito e nos permite proteger seus segredos de pessoas mal-intencionadas online. O serviço básico da Infisical sempre permanecerá criptografado de ponta a ponta. Em caso de dúvidas, entre em contato com support@infisical.com.",
-    "cloud-integrations": "Integrações em Nuvem",
-    "framework-integrations": "Integrações com framework",
-    "click-to-start": "Clique em uma integração para começar a sincronizar segredos com ela.",
-    "click-to-setup": "Clique em uma estrutura para obter as instruções de configuração.",
-    "grant-access-to-secrets": "Conceda acesso Infisical aos seus segredos",
-    "why-infisical-needs-access": "A maioria das integrações em Nuvem exige que o Infisical seja capaz de descriptografar seus segredos para que possam ser encaminhados.",
-    "grant-access-button": "Garantir acesso"
-  },
-  "login": {
-    "title": "Entrar",
-    "og-title": "Entrar no Infisical",
-    "og-description": "Infisical é uma plataforma simples e criptografada de ponta a ponta que permite que as equipes sincronizem e gerenciem seus arquivos .env.",
-    "login": "Entrar",
-    "need-account": "Precisa de uma conta Infisical?",
-    "forgot-password": "Esqueceu sua senha?",
-    "create-account": "Criar uma conta"
-  },
-  "mfa": {
-    "title": "Criar uma conta",
-    "og-title": "Substitua os arquivos .env por 1 linha de código. Cadastre-se no Infisical em 3 minutos.",
-    "og-description": "Infisical é uma plataforma criptografada de ponta a ponta simples que permite que as equipes sincronizem e gerenciem chaves de API e variáveis ambientais. Funciona com Node.js, Next.js, Gatsby, Nest.js...",
-    "signup": "Criar uma conta",
-    "already-have-account": "Possui uma conta? Conecte-se",
-    "forgot-password": "Esqueceu sua senha?",
-    "verify": "Verificar",
-    "step1-start": "Vamos começar",
-    "step1-privacy": "Ao criar uma conta, você concorda com nossos Termos e leu a Política de Privacidade.",
-    "step1-submit": "Começar",
-    "step2-message": "<wrapper>Enviamos um e-mail de verificação para</wrapper><email>{{email}}</email>",
-    "step2-code-error": "Ops. Seu código está errado. Tentativas restantes:",
-    "step2-spam-alert": "Lembre-se de verificar sua caixa de entrada de spam.",
-    "step3-message": "Quase lá!",
-    "step4-message": "Guarde o seu Kit de Emergência",
-    "step4-description1": "Se sua conta for bloqueada, seu Kit de emergência é a única maneira de fazer login.",
-    "step4-description2": "Recomendamos que você faça o download e guarde-o em algum lugar seguro.",
-    "step4-description3": "Ele contém sua chave secreta que não podemos acessar ou recuperar para você se você a perder.",
-    "step4-download": "Baixar PDF",
-    "step5-send-invites": "Enviar convites",
-    "step5-invite-team": "Convide sua equipe",
-    "step5-subtitle": "Infisical foi feito para ser usado com seus colegas. Convide-os para eles testarem também.",
-    "step5-skip": "Pular"
-  },
-  "nav": {
-    "support": {
-      "slack": "[NEW] Participe do fórum do Slack",
-      "docs": "Leia a Documentação",
-      "issue": "Abra uma Issue no Github",
-      "email": "Envie-nos um e-mail"
-    },
-    "user": {
-      "signed-in-as": "ASSINADO COMO",
-      "current-organization": "ORGANIZAÇÃO ATUAL",
-      "usage-billing": "Uso & Faturamento",
-      "invite": "Convide Membros",
-      "other-organizations": "OUTRA ORGANIZAÇÃO"
-    },
-    "menu": {
-      "project": "PROJETO",
-      "secrets": "Segredos",
-      "members": "Membros",
-      "integrations": "Integrações",
-      "project-settings": "Configurações do Projeto"
-    }
-  },
-  "section": {
-    "incident": {
-      "incident-contacts": "Contatos de Emergência",
-      "incident-contacts-description": "Esses contatos serão notificados no caso improvável de um incidente grave.",
-      "no-incident-contacts": "Nenhum contato de emergência encontrado.",
-      "add-contact": "Adicionar contato",
-      "add-dialog": {
-        "title": "Adicionar um contato de emergência",
-        "description": "Este contato será notificado no caso improvável de um incidente grave.",
-        "add-incident": "Adicionar contato de emergência"
-      }
-    },
-    "members": {
-      "add-member": "Adicionar membro",
-      "org-members": "Membros da Organização",
-      "org-members-description": "Gerencie os membros da sua organização. Esses usuários poderiam posteriormente ser associados a projetos.",
-      "search-members": "Pesquisar membros...",
-      "add-dialog": {
-        "add-member-to-project": "Adicionar um membro ao seu projeto",
-        "already-all-invited": "Todos os usuários da sua organização já foram convidados.",
-        "add-user-org-first": "Adicione mais usuários à organização primeiro.",
-        "user-will-email": "O usuário receberá um e-mail com as instruções.",
-        "looking-add": "<0>Se você deseja adicionar usuários à sua organização,</0><1>clique aqui</1>",
-        "add-user-to-org": "Adicionar usuários à organização"
-      }
-    },
-    "password": {
-      "password": "Senha",
-      "change": "Mudar senha",
-      "current": "Senha atual",
-      "current-wrong": "A senha atual pode estar errada",
-      "new": "Nova Senha",
-      "validate-base": "A senha deve conter:",
-      "validate-tooShort": "pelo menos 14 caracteres",
-      "validate-tooLong": "no máximo 100 caracteres",
-      "validate-noLetterChar": "pelo menos 1 caractere alfabético",
-      "validate-noNumOrSpecialChar": "pelo menos 1 número ou caractere especial",
-      "validate-repeatedChar": "no máximo 3 caracteres repetidos e consecutivos",
-      "validate-escapeChar": "Nenhum caractere de escape permitido.",
-      "validate-lowEntropy": "A senha contém dados sensíveis.",
-      "validate-breached": "A senha foi encontrada em uma violação de dados."
-    },
-    "token": {
-      "service-tokens": "Tokens de Serviço",
-      "service-tokens-description": "Cada token de serviço é específico para você, um determinado projeto e um determinado ambiente dentro deste projeto.",
-      "add-new": "Adicionar novo token",
-      "add-dialog": {
-        "title": "Adicione um token de serviço para {{target}}",
-        "description": "Especifique o nome, o ambiente e o período de expiração. Quando um token é gerado, você só poderá vê-lo uma vez antes que ele desapareça. Certifique-se de salvá-lo em algum lugar.",
-        "name": "Nome do token de serviço",
-        "add": "Adicionar token de serviço",
-        "copy-service-token": "Copie seu token de serviço",
-        "copy-service-token-description": "Depois de fechar este pop-up, você nunca mais verá seu token de serviço"
-      }
-    }
-  },
-  "settings": {
-    "members": {
-      "title": "Membros do Projeto",
-      "description": "Esta página mostra os membros do projeto selecionado."
-    },
-    "org": {
-      "title": "Configurações da organização",
-      "description": "Gerencie os membros da sua organização. Esses usuários poderiam posteriormente ser associados a projetos."
-    },
-    "personal": {
-      "title": "Configurações Pessoais",
-      "description": "Visualize e gerencie suas informações pessoais aqui.",
-      "emergency": {
-        "name": "Kit de emergência",
-        "text1": "Seu Kit de Emergência contém as informações necessárias para acessar sua conta Infisical.",
-        "text2": "Apenas o último kit de emergência emitido permanece válido. Para obter um novo Kit de emergência, verifique sua senha.",
-        "download": "Baixe o kit de emergência"
-      },
-      "change-language": "Mudar idioma"
-    },
-    "project": {
-      "title": "Configurações do Projeto",
-      "description": "Essas configurações se aplicam apenas ao projeto atualmente selecionado.",
-      "danger-zone": "Zona de perigo",
-      "delete-project": "Excluir projeto",
-      "project-to-delete": "Projeto a ser deletado",
-      "danger-zone-note": "Assim que você excluir este projeto, não poderá desfazê-lo. Isso removerá imediatamente todas as chaves. Se você ainda quiser fazer isso, digite o nome do projeto abaixo.",
-      "delete-project-note": "Observação: você só pode excluir um projeto caso tenha mais de um",
-      "project-id-description": "Para integrar Infisical em sua base de código e obter injeção automática de variáveis de ambiente, você deve usar o seguinte ID do projeto.",
-      "project-id-description2": "Para obter mais orientações, incluindo trechos de código para várias linguagens e frameworks, consulte ",
-      "auto-generated": "Este é o identificador exclusivo - gerado automaticamente - do seu projeto. Não pode ser alterado.",
-      "docs": "Documentação do Infisical",
-      "auto-capitalization": "Converter em caixa alta automaticamente",
-      "auto-capitalization-description": "Por padrão, Infisical converte automaticamente as chaves em caixa alta. Se você quiser desativar essa funcionalidade, pode fazê-lo aqui."
-    }
-  },
-  "signup": {
-    "title": "Inscrever-se",
-    "og-title": "Substitua os arquivos .env por 1 linha de código. Cadastre-se no Infisical em 3 minutos.",
-    "og-description": "Infisical é uma plataforma simples e criptografada de ponta a ponta que permite que as equipes sincronizem e gerenciem chaves de API e variáveis de ambiente. Funciona com Node.js, Next.js, Gatsby, Nest.js...",
-    "signup": "Inscrever-se",
-    "already-have-account": "Possui uma conta? Conecte-se",
-    "forgot-password": "Esqueceu sua senha?",
-    "verify": "Verificar",
-    "step1-start": "Vamos começar",
-    "step1-privacy": "Ao criar uma conta, você concorda com nossos Termos e leu e reconheceu a Política de Privacidade.",
-    "step1-submit": "Iniciar",
-    "step2-message": "<wrapper>Enviamos um e-mail de verificação para</wrapper><email>{{email}}</email>",
-    "step2-code-error": "Ops. Seu código está errado. Por favor, tente novamente.",
-    "step2-spam-alert": "Certifique-se de verificar sua caixa de entrada de spam.",
-    "step3-message": "Quase lá!",
-    "step4-message": "Guarde o seu Kit de Emergência",
-    "step4-description1": "Se sua conta for bloqueada, seu Kit de emergência é a única maneira de fazer login.",
-    "step4-description2": "Recomendamos que você faça o download e guarde-o em algum lugar seguro.",
-    "step4-description3": "Ele contém sua chave secreta que não podemos acessar ou recuperar para você se você a perder.",
-    "step4-download": "Baixar PDF",
-    "step5-send-invites": "Enviar convites",
-    "step5-invite-team": "Convide sua equipe",
-    "step5-subtitle": "Infisical foi feito para ser usado com seus colegas. Convide-os para testar também.",
-    "step5-skip": "Pular"
-  }
-}
diff --git a/frontend-next/public/locales/tr/translations.json b/frontend-next/public/locales/tr/translations.json
deleted file mode 100644
index 93f228f96..000000000
--- a/frontend-next/public/locales/tr/translations.json
+++ /dev/null
@@ -1,322 +0,0 @@
-{
-  "activity": {
-    "title": "Aktivite Günlükleri",
-    "subtitle": "Bu Infisical projesi için Olay Geçmişi.",
-    "event": {
-      "readSecrets": "Sırlar Görüntülendi",
-      "updateSecrets": "Sırlar Güncellendi",
-      "addSecrets": "Sırlar Eklendi",
-      "deleteSecrets": "Sırlar Silindi"
-    },
-    "ip-address": "IP Addresi"
-  },
-  "billing": {
-    "title": "Planlar & Fiyatlandırma",
-    "description": "Kuruluşunuzun aboneliğini buradan görüntüleyin ve yönetin",
-    "subscription": "Abonelik",
-    "starter": {
-      "name": "Başlangıç",
-      "price-explanation": "5 takım üyesine kadar",
-      "text": "5 kişiyle herhangi bir projeyi ücretsiz yönet!",
-      "subtext": "Sonrasında aylık her üye başına 5$."
-    },
-    "professional": {
-      "name": "Profesyonel",
-      "price-explanation": "/üye/ay",
-      "subtext": "Sınırsız miktarda üye ve proje dahildir.",
-      "text": "Anahtar yönetimine siz büyüdükçe ayak uydurun.."
-    },
-    "enterprise": {
-      "name": "Kurumsal",
-      "text": "Anahtar yönetimine siz büyüdükçe ayak uydurun."
-    },
-    "current-usage": "Mevcut Plan",
-    "free": "Ücretsiz",
-    "downgrade": "Düşürün",
-    "upgrade": "Yükseltin",
-    "learn-more": "Daha fazlasını öğrenim",
-    "custom-pricing": "Özel Fiyatlandırma",
-    "schedule-demo": "Bir Deneme Sürümü Planlayın "
-  },
-  "common": {
-    "head-title": "{{title}} | Infisical",
-    "error_project-already-exists": "Bu isimle bir proje zaten mevcut.",
-    "no-mobile": " Infisical'ı kullanmak için, lütfen daha büyük boyutlara sahip bir cihaz üzerinden giriş yapın. ",
-    "email": "Email",
-    "password": "Şifre",
-    "first-name": "Adınız",
-    "last-name": "Soyadınız",
-    "logout": "Çıkış Yap",
-    "validate-required": "Lütfen girin, sahip olduğunuz {{name}}",
-    "maintenance-alert": "Ufak teknik problemler yaşıyoruz. Sorunu çözmek üzere çalışıyoruz. Lütfen birkaç dakika içerisinde yeniden deneyin.",
-    "click-to-copy": "Kopyala",
-    "project-id": "Project ID",
-    "save-changes": "Değişiklikleri Kaydet",
-    "saved": "Kaydedildi",
-    "drop-zone": ".env yada .yaml dosyasını buraya sürükleyin",
-    "drop-zone-keys": "Daha çok anahatar eklemek için bir .env yada .yaml dosyasını sürükleyin.",
-    "role": "Rol",
-    "role_admin": "yönetici",
-    "display-name": "Ekran Adı",
-    "environment": "Environment",
-    "expired-in": "Süresi geçicek",
-    "language": "Dil",
-    "search": "Ara...",
-    "note": "Not",
-    "view-more": "Daha Fazla Göster",
-    "end-of-history": "Geçmişin Sonu",
-    "select-event": "Bir olay seçin",
-    "event": "Olay",
-    "user": "Kullanıcı",
-    "source": "Kaynak",
-    "time": "Zaman",
-    "timestamp": "Zaman Damgası"
-  },
-  "dashboard": {
-    "title": "Sırlar",
-    "og-title": "Saniyeler içerisinde .env dosyalarınızı yönetin",
-    "og-description": "Infisical takımların .env dosyalarını senkronize etmelerini ve yönetmelerini sağlayan uçtan uca şifrelenmiş basit bir platformdur",
-    "search-keys": "Anahtarları ara...",
-    "add-key": "Anahtar Ekle",
-    "personal": "Kişisel",
-    "personal-description": "Kişisel anahtarlar sadece sana görünür",
-    "shared": "Paylaşılan",
-    "shared-description": "Paylaşılan anahatarlar tüm takımına görünür",
-    "make-shared": "Paylaşılan Yap",
-    "make-personal": "Kişisel Yap",
-    "add-secret": "Yeni bir sır ekle",
-    "check-docs": {
-      "button": "Dokümanları Kontrol Et",
-      "title": "İyi iş!",
-      "line1": "Tebrikler, yeni anahtarlar eklediniz.",
-      "line2": "Bunları kendi Codebase' inize nasıl bağlarsınız, işte böyle."
-    },
-    "sidebar": {
-      "secret": "Sır",
-      "key": "Anahtar",
-      "value": "Değer",
-      "override": "Bu değerin üzerine bir kişisel değer yazın ",
-      "version-history": "Versiyon Geçmişi",
-      "comments": "Yorumlar & Notlar",
-      "personal-explanation": "Bu bir kişisel sır. Herhangi bir takım üyesi ile paylaşılmaz.",
-      "generate-random-hex": "Rastegele hex oluştur",
-      "digits": "basamak",
-      "delete-key-dialog": {
-        "title": "Anahtarı Sil",
-        "confirm-delete-message": "Bu sırrı silmek istediğinden emin misin? Bu işlem geri alınamaz."
-      }
-    }
-  },
-  "integrations": {
-    "title": "Proje Entegrasyonları",
-    "description": "Infisical'ın üçüncü taraf hizmetlerle olan entegrasyonlarınızı yönetin.",
-    "no-integrations1": "Henüz ayarlanmış bir entegrasyonunuz yok. Oluşturduğunuz zaman, burada görünecekler.",
-    "no-integrations2": "Başlamak için aşağıdaki seçeneklerden herhangi birine tıklayın. Sadece 5 tıklama ile kurulumu halledin.",
-    "available": "Platform & Cloud Entegrasyonları",
-    "available-text1": "Bağlanmak istediğiniz entegrasyona tıklayın. Bu, ortam değişkenlerinizin seçilen üçüncü taraf hizmetlere otomatik olarak akmasını sağlar.",
-    "available-text2": "Not: Heroku ile entegrasyon sırasında güvenlik nedenleriyle uçtan uca şifrelemenin sürdürülmesi mümkün değildir. Teorik olarak bu, Infisical'ın ortam değişkenlerinin şifresini çözmesine izin verir. Pratikte biz bunun asla yapılmayacağının garantisini verebiliriz ve bu durum sırlarınızı çevrimiçi kötü niyetlilerden korumamıza olanak tanır. Çekirdek Infisical hizmeti her zaman uçtan uca şifreli kalacaktır. Sorularınız için support@infisical.com adresine ulaşın.",
-    "cloud-integrations": "Cloud Entegrasyonları",
-    "framework-integrations": "Framework Entegrasyonları",
-    "click-to-start": "Sırlarınızı senkronize etmeye başlamak için bir entegrasyona tıklayın.",
-    "click-to-setup": "Kurulum talimatlarını almak için bir frameworke tıklayın.",
-    "grant-access-to-secrets": "Infisical'a sırlarınıza erişim izni verin",
-    "why-infisical-needs-access": "Çoğu cloud entegrasyonu, Infisical'ın sırlarınızı aktarabilmek için sırlarınızı deşifre etmesini gerektirir.",
-    "grant-access-button": "Erişim izni ver"
-  },
-  "login": {
-    "title": "Giriş Yap",
-    "og-title": "Infisical'a Giriş Yap",
-    "og-description": "Infisical ekiplerin .env dosyalarını senkronize etmelerini ve yönetmelerini sağlayan uçtan uca şifrelenmiş basit bir platformdur",
-    "login": "Giriş Yap",
-    "need-account": "Bir Infisical hesabına mı ihtiyacınız var?",
-    "create-account": "Hesap oluşturun",
-    "forgot-password": "Şifrenizi mi unuttunuz?",
-    "error-login": "Kimlik bilgileri yanlış."
-  },
-  "mfa": {
-    "title": "Kayıt olun",
-    "og-title": "Tek satır kodla .env dosyalarını değiştirin. 3 dakika içerinde Infisical'a kayıt olun.",
-    "og-description": "Infisical takımların API anahtarlarını ve ortam değişkenlerini yönetmelerini ve senkronize etmelerini sağlayan basit, uçtan uca şifrelenmiş bir platformdur. Node.js, Next.js, Gatsby, Nest.js ve daha fazlası ile çalışır.",
-    "signup": "Kayıt ol",
-    "already-have-account": "Hesabın var mı? Giriş yap",
-    "forgot-password": "Şifreni mi unuttun?",
-    "verify": "Doğrula",
-    "step1-start": "Hadi başlayalım",
-    "step1-privacy": "Hesap oluşturarak, Şartlarımızı ve Gizlilik Politikasını okuyup kabul etmiş olursunuz.",
-    "step1-submit": "Başla",
-    "step2-message": "Şu adrese bir doğrulama maili yolladık",
-    "step2-code-error": "Tüh. Kodun hatalı. Kalan denemeler:",
-    "step2-resend-alert": "Kodu ulaşamadı mı?",
-    "step2-resend-submit": "Tekrar Yolla",
-    "step2-resend-progress": "Tekrar yollanıyor...",
-    "step2-spam-alert": "Spam kutunuzu kontrol ettiğinizden emin olun.",
-    "step3-message": "Çok az kaldı!",
-    "step4-message": "Acil Durum Kitinizi kayıt edin",
-    "step4-description1": "Eğer hesabınıza erişemezseniz, Acil Durum Kitiniz giriş yapmanın tek yoludur.",
-    "step4-description2": "Bunu indirmenizi ve güvenli bir ortamda saklamanızı öneriyoruz.",
-    "step4-description3": "Kaybetmeniz durumunda bizim dahi erişemeyeceğimiz veya kurtaramayacağımız Gizli Anahtarınızı barındırır.",
-    "step4-download": "PDF'yi indir",
-    "step5-send-invites": "Davetleri yolla",
-    "step5-invite-team": "Takımını davet et",
-    "step5-subtitle": "Infisical takım arkadaşlarınız ile kullanılmak üzere yapılmıştır. Birlikte test etmek için onları davet edin.",
-    "step5-skip": "Atla"
-  },
-  "nav": {
-    "support": {
-      "slack": "[YENİ] Slack Foruma katılın",
-      "docs": "Dokümanları okuyun",
-      "issue": "Bir Github Issue açın",
-      "email": "Bize mail yollayın"
-    },
-    "user": {
-      "signed-in-as": "ŞU HESABA GİRİŞ YAPILDI",
-      "current-organization": "MEVZUT ORGANİZASYON",
-      "usage-billing": "Plan & Fiyatlandırma",
-      "invite": "Üyeleri Davet Et",
-      "other-organizations": "DİĞER ORGANİZASYONLAR"
-    },
-    "menu": {
-      "project": "PROJE",
-      "secrets": "Sırlar",
-      "members": "Üyeler",
-      "integrations": "Entegrasyonlar",
-      "project-settings": "Proje Ayarları"
-    }
-  },
-  "section": {
-    "api-key": {
-      "api-keys": "Servis Belirteçleri",
-      "api-keys-description": "Her servis belirteci size, belirli bir projeye ve o proje içindeki belirli bir ortama özeldir.",
-      "add-new": "Yeni Belirteç Ekleyin",
-      "add-dialog": {
-        "title": "Bir API Anahtarı Ekleyin",
-        "description": "Adını ve son kullanma süresini belirleyin. Bir API anahtarı oluşturulduğunda, kaybolmadan önce yalnızca bir kez görebileceksiniz. Bir yere kaydettiğinizden emin olun.",
-        "name": "API Anahtarı Adı",
-        "add": "API Anahtarı Ekleyin",
-        "copy-service-token": "API Anahtarızı kopyalayın",
-        "copy-service-token-description": "Bu açılır pencereyi kapattığınızda, API anahtarınızı bir daha asla görmeyeceksiniz"
-      }
-    },
-    "incident": {
-      "incident-contacts": "Özel Durum İletişim Adresleri",
-      "incident-contacts-description": "Bu adresler olası olmayan ciddi bir olay durumunda bilgilendirilecek.",
-      "no-incident-contacts": "Hiçbir Özel Durum İletişim Adresi bulunamadı.",
-      "add-contact": "İletişim Adresi Ekle",
-      "add-dialog": {
-        "title": "Bir Özel Durum İletişim Adresi Ekleyin",
-        "description": "Bu kişi, olası olmayan ciddi bir olay durumunda bilgilendirilecektir..",
-        "add-incident": "Özel Durum İletişim Adresi Ekle"
-      }
-    },
-    "members": {
-      "add-member": "Üye Ekle",
-      "org-members": "Kuruluş Üyeleri",
-      "org-members-description": "Kuruluşunuzun üyelerini yönetin. Bu kullanıcılar daha sonra projelere yönlendirilebilir..",
-      "search-members": "Üyeleri arayın...",
-      "add-dialog": {
-        "add-member-to-project": "Projenize bir üye ekleyin",
-        "already-all-invited": "Kuruluşunuzdaki tüm kullanıcılar zaten davet edildi.",
-        "add-user-org-first": "Önce kuruluşa daha fazla kullanıcı ekleyin.",
-        "user-will-email": "Kullanıcı, talimatları içeren bir e-posta alacak.",
-        "looking-add": "<0>Kuruluşunuza kullanıcı eklemek istiyorsanız,</0><1>buraya tıklayın</1>",
-        "add-user-to-org": "Kuruluşa Kullanıcı Ekleyin"
-      }
-    },
-    "password": {
-      "password": "Şifre",
-      "change": "Şifreyi değiştir",
-      "current": "Mevcut şifre",
-      "current-wrong": "Mevcut şifre yanlış olabilir",
-      "new": "Yeni şifre",
-      "validate-base": "Parola içermelidir:",
-      "validate-tooShort": "en az 14 karakter",
-      "validate-tooLong": "en fazla 100 karakter",
-      "validate-noLetterChar": "en az 1 harf karakteri",
-      "validate-noNumOrSpecialChar": "en az 1 rakam veya özel karakter",
-      "validate-repeatedChar": "en fazla 3 tekrarlanan, ardışık karakter",
-      "validate-escapeChar": "Kaçış karakterlerine izin verilmez.",
-      "validate-lowEntropy": "Parola hassas veriler içeriyor.",
-      "validate-breached": "Parola veri ihlalinde bulundu."
-    },
-    "token": {
-      "service-tokens": "Servis Belirteçleri",
-      "service-tokens-description": "Her servis belirteci size, belirli bir projeye ve o proje içindeki belirli bir ortama özeldir.",
-      "add-new": "Yeni Belirteç Ekle",
-      "add-dialog": {
-        "title": "{{target}} için bir servis belirteci ekleyin",
-        "description": "Adı, ortamı ve son kullanma süresini belirtin. Bir belirteç oluşturulduğunda, onu kaybolmadan önce yalnızca bir kez görebileceksiniz. Bir yere kaydettiğinizden emin olun.",
-        "name": "Servis Belirteci Adı",
-        "add": "Servis Belirteci Ekle",
-        "copy-service-token": "Service belirtecinizi kopyalayın",
-        "copy-service-token-description": "Bu açılır pencereyi kapattığınızda, servis belirtecinizi bir daha asla göremeyeceksiniz"
-      }
-    }
-  },
-  "settings": {
-    "members": {
-      "title": "Proje Üyeleri",
-      "description": "Bu sayfa seçilen projenin üyelerini gösterir."
-    },
-    "org": {
-      "title": "Kuruluş Ayarları",
-      "description": "Kuruluşunuzun üyelerini yönetin. Bu kullanıcılar daha sonra projelere yönlendirilebilir.."
-    },
-    "personal": {
-      "title": "Kişisel Ayarlar",
-      "description": "Kişisel bilgilerinizi burada görüntüleyin ve yönetin.",
-      "emergency": {
-        "name": "Acil Durum Kiti",
-        "text1": "Acil Durum Kitiniz, Infisical hesabınızda oturum açmak için ihtiyaç duyacağınız bilgileri içerir.",
-        "text2": "Yalnızca en son yayınlanan Acil Durum Kiti geçerliliğini korur. Yeni bir Acil Durum Kiti almak için parolanızı doğrulayın.",
-        "download": "Acil Durum Kitini İndir"
-      },
-      "change-language": "Dili Değiştir",
-      "api-keys": {
-        "title": "API Anahtarları",
-        "description": "Infisical API'ye erişmek için kişisel API Anahtarlarınızı yönetin",
-        "add-new": "Ekle yeni"
-      }
-    },
-    "project": {
-      "title": "Proje Ayarları",
-      "description": "Bu ayarlar yalnızca mevcut seçili projeye uygulanacak.",
-      "danger-zone": "Tehlikeli Bölge",
-      "delete-project": "Projeyi Sil",
-      "project-to-delete": "Silinmek Üzere Olan Proje",
-      "danger-zone-note": "Bu projeyi sildiğiniz anda geri alamayacaksınız. Bu, tüm anahtarları hemen kaldıracaktır. Bunu hala yapmak istiyorsanız, lütfen aşağıya projenin adını girin.",
-      "delete-project-note": "Not: Yalnızca birden fazla projeniz olması durumunda, bir projeyi silebilirsiniz.",
-      "project-id-description": "Infisical'ı kod tabanınıza entegre etmek ve çevresel değişkenlerin otomatik enjeksiyonunu almak için aşağıdaki Proje Kimliğini kullanmalısınız.",
-      "project-id-description2": "Çeşitli diller ve çerçeveler için kod parçaları da dahil olmak üzere daha fazla rehberlik için bkz.",
-      "auto-generated": "Bu, projenizin otomatik olarak oluşturulan benzersiz tanımlayıcısıdır. Değiştirilemez..",
-      "docs": "Infisical Dokümanları"
-    }
-  },
-  "signup": {
-    "title": "Kayıt olun",
-    "og-title": "Tek satır kodla .env dosyalarını değiştirin. 3 dakika içerinde Infisical'a kayıt olun.",
-    "og-description": "Infisical takımların API anahtarlarını ve ortam değişkenlerini yönetmelerini ve senkronize etmelerini sağlayan basit, uçtan uca şifrelenmiş bir platformdur. Node.js, Next.js, Gatsby, Nest.js ve daha fazlası ile çalışır.",
-    "signup": "Kayıt ol",
-    "already-have-account": "Hesabın var mı? Giriş yap",
-    "forgot-password": "Şifreni mi unuttun?",
-    "verify": "Doğrula",
-    "step1-start": "Hadi başlayalım",
-    "step1-privacy": "Hesap oluşturarak, Şartlarımızı ve Gizlilik Politikasını okuyup kabul etmiş olursunuz.",
-    "step1-submit": "Başla",
-    "step2-message": "Şu adrese bir doğrulama maili yolladık",
-    "step2-code-error": "Tüh. Kodun hatalı. Lütfen tekrar dene.",
-    "step2-resend-alert": "Kodu ulaşamadı mı?",
-    "step2-resend-submit": "Tekrar Yolla",
-    "step2-resend-progress": "Tekrar yollanıyor...",
-    "step2-spam-alert": "Spam kutunuzu kontrol ettiğinizden emin olun.",
-    "step3-message": "Çok az kaldı!",
-    "step4-message": "Acil Durum Kitinizi kayıt edin",
-    "step4-description1": "Eğer hesabınıza erişemezseniz, Acil Durum Kitiniz giriş yapmanın tek yoludur.",
-    "step4-description2": "Bunu indirmenizi ve güvenli bir ortamda saklamanızı öneriyoruz.",
-    "step4-description3": "Kaybetmeniz durumunda bizim dahi erişemeyeceğimiz veya kurtaramayacağımız Gizli Anahtarınızı barındırır.",
-    "step4-download": "PDF'yi indir",
-    "step5-send-invites": "Davetleri yolla",
-    "step5-invite-team": "Takımını davet et",
-    "step5-subtitle": "Infisical takım arkadaşlarınız ile kullanılmak üzere yapılmıştır. Birlikte test etmek için onları davet edin.",
-    "step5-skip": "Atla"
-  }
-}
diff --git a/frontend-next/public/lotties/note.json b/frontend-next/public/lotties/note.json
deleted file mode 100644
index 783cab705..000000000
--- a/frontend-next/public/lotties/note.json
+++ /dev/null
@@ -1,808 +0,0 @@
-{
-  "v": "5.12.2",
-  "fr": 29.9700012207031,
-  "ip": 0,
-  "op": 45.0000018328876,
-  "w": 48,
-  "h": 48,
-  "nm": "note",
-  "ddd": 1,
-  "assets": [],
-  "layers": [
-    {
-      "ddd": 1,
-      "ind": 1,
-      "ty": 4,
-      "nm": "note-outline-bot_s1g1_s2g2_s3g1_s4g1 Outlines",
-      "parent": 2,
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "rx": { "a": 0, "k": 0, "ix": 8 },
-        "ry": { "a": 0, "k": 0, "ix": 9 },
-        "rz": {
-          "a": 1,
-          "k": [
-            { "i": { "x": [0], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [0] },
-            { "i": { "x": [0], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 22, "s": [5] },
-            { "t": 44.0000017921567, "s": [0] }
-          ],
-          "ix": 10
-        },
-        "or": { "a": 0, "k": [0, 0, 0], "ix": 7 },
-        "p": { "a": 0, "k": [19.448, 27.122, 0], "ix": 2 },
-        "a": { "a": 0, "k": [13.405, 11.539, 0], "ix": 1 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0.022, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 18.078],
-                          [21.809, 18.078]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.022, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 22,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [4.311, 17.73],
-                          [21.654, 16.837]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "t": 44.0000017921567,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 18.078],
-                          [21.809, 18.078]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ind": 1,
-              "ty": "sh",
-              "ix": 2,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0.022, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 11.281],
-                          [21.809, 11.281]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.022, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 22,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 11.281],
-                          [21.735, 9.907]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "t": 44.0000017921567,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 11.281],
-                          [21.809, 11.281]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "Path 2",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ind": 2,
-              "ty": "sh",
-              "ix": 3,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0.022, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 5],
-                          [13.756, 5]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.022, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 22,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5.497, 4.939],
-                          [14.633, 4.166]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "t": 44.0000017921567,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [5, 5],
-                          [13.756, 5]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "Path 3",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "mm",
-              "mm": 1,
-              "nm": "Merge Paths 1",
-              "mn": "ADBE Vector Filter - Merge",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 2.5, "ix": 5 },
-              "lc": 2,
-              "lj": 2,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [0, 0], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 5,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        },
-        {
-          "ty": "tm",
-          "s": { "a": 0, "k": 0, "ix": 1 },
-          "e": { "a": 0, "k": 100, "ix": 2 },
-          "o": { "a": 0, "k": 0, "ix": 3 },
-          "m": 1,
-          "ix": 2,
-          "nm": "Trim Paths 1",
-          "mn": "ADBE Vector Filter - Trim",
-          "hd": false
-        },
-        {
-          "ty": "tm",
-          "s": { "a": 0, "k": 0, "ix": 1 },
-          "e": { "a": 0, "k": 100, "ix": 2 },
-          "o": { "a": 0, "k": 0, "ix": 3 },
-          "m": 1,
-          "ix": 3,
-          "nm": "Trim Paths 2",
-          "mn": "ADBE Vector Filter - Trim",
-          "hd": false
-        },
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ty": "tm",
-              "s": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0.616], "y": [1] },
-                    "o": { "x": [0.41], "y": [0] },
-                    "t": 0,
-                    "s": [0]
-                  },
-                  {
-                    "i": { "x": [0.005], "y": [1] },
-                    "o": { "x": [0.369], "y": [0] },
-                    "t": 22,
-                    "s": [100]
-                  },
-                  { "t": 44.0000017921567, "s": [0] }
-                ],
-                "ix": 1
-              },
-              "e": { "a": 0, "k": 100, "ix": 2 },
-              "o": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": [0], "y": [1] },
-                    "o": { "x": [0.333], "y": [0] },
-                    "t": 22,
-                    "s": [0]
-                  },
-                  { "t": 44.0000017921567, "s": [360] }
-                ],
-                "ix": 3
-              },
-              "m": 1,
-              "ix": 1,
-              "nm": "Trim Paths 1",
-              "mn": "ADBE Vector Filter - Trim",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [0, 0], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 2",
-          "np": 1,
-          "cix": 2,
-          "bm": 0,
-          "ix": 4,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 45.0000018328876,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    },
-    {
-      "ddd": 1,
-      "ind": 2,
-      "ty": 4,
-      "nm": "note-outline-bot_s1g1_s2g1_s3g1_s4g1_background Outlines",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "rx": { "a": 0, "k": 0, "ix": 8 },
-        "ry": { "a": 0, "k": 0, "ix": 9 },
-        "rz": { "a": 0, "k": 0, "ix": 10 },
-        "or": { "a": 0, "k": [0, 0, 0], "ix": 7 },
-        "p": { "a": 0, "k": [24.778, 23.858, 0], "ix": 2 },
-        "a": { "a": 0, "k": [19.825, 23.313, 0], "ix": 1 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [1.423, 1.657],
-                          [0, 0],
-                          [0, 0],
-                          [0, -2.354],
-                          [0, 0],
-                          [-1.324, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0],
-                          [-1.482, -1.727],
-                          [0, 0],
-                          [0, 1.429],
-                          [0, 0],
-                          [2.093, 0]
-                        ],
-                        "v": [
-                          [4.581, 2.516],
-                          [1.876, -0.634],
-                          [-1.99, -5.137],
-                          [-6.005, -3.212],
-                          [-6.005, 4.277],
-                          [-3.606, 6.865],
-                          [2.822, 6.865]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 22,
-                    "s": [
-                      {
-                        "i": [
-                          [0.56, 0.711],
-                          [0.835, 1.361],
-                          [0, 0],
-                          [-0.031, 0.137],
-                          [0, 0],
-                          [-0.118, -0.836],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [-0.835, -1.361],
-                          [-0.299, -0.286],
-                          [0, 0],
-                          [1.062, 0.814],
-                          [0, 0],
-                          [-0.101, 0.125]
-                        ],
-                        "v": [
-                          [6.281, -2.819],
-                          [5.393, -4.55],
-                          [3.663, -5.916],
-                          [3.337, -6.047],
-                          [4.119, -5.661],
-                          [6.298, -2.792],
-                          [6.5, -1.722]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "t": 44.0000017921567,
-                    "s": [
-                      {
-                        "i": [
-                          [1.423, 1.657],
-                          [0, 0],
-                          [0, 0],
-                          [0, -2.354],
-                          [0, 0],
-                          [-1.324, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 0],
-                          [-1.482, -1.727],
-                          [0, 0],
-                          [0, 1.429],
-                          [0, 0],
-                          [2.093, 0]
-                        ],
-                        "v": [
-                          [4.581, 2.516],
-                          [1.876, -0.634],
-                          [-1.99, -5.137],
-                          [-6.005, -3.212],
-                          [-6.005, 4.277],
-                          [-3.606, 6.865],
-                          [2.822, 6.865]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 2.5, "ix": 5 },
-              "lc": 2,
-              "lj": 2,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "fl",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 4 },
-              "o": { "a": 0, "k": 0, "ix": 5 },
-              "r": 1,
-              "bm": 0,
-              "nm": "Fill 1",
-              "mn": "ADBE Vector Graphic - Fill",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [28.646, 11.865], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 3,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        },
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, -0.781],
-                          [0, 0],
-                          [2.763, 0],
-                          [0, 0],
-                          [0, 2.828],
-                          [0, 0],
-                          [0, 0],
-                          [-2.763, 0],
-                          [0, 0],
-                          [-0.625, -0.733]
-                        ],
-                        "o": [
-                          [0.507, 0.595],
-                          [0, 0],
-                          [0, 2.828],
-                          [0, 0],
-                          [-2.763, 0],
-                          [0, 0],
-                          [0, 0],
-                          [0, -2.828],
-                          [0, 0],
-                          [0.963, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [14.012, -8.411],
-                          [14.797, -6.279],
-                          [14.797, 13.05],
-                          [9.794, 18.171],
-                          [-9.794, 18.171],
-                          [-14.796, 13.05],
-                          [-14.796, 0.99],
-                          [-14.796, -13.051],
-                          [-9.794, -18.171],
-                          [4.174, -18.171],
-                          [6.676, -17.016]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 22,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0.171, -6.028],
-                          [0, 0],
-                          [2.763, 0],
-                          [0, 0],
-                          [0, 2.828],
-                          [-1.453, 6.385],
-                          [0, 0],
-                          [-2.763, 0],
-                          [0, 0],
-                          [-1.739, -0.297]
-                        ],
-                        "o": [
-                          [0.051, 2.426],
-                          [-0.171, 6.028],
-                          [-1.046, 2.979],
-                          [0, 0],
-                          [-2.763, 0],
-                          [0, 0],
-                          [1.266, -5.562],
-                          [0, -2.828],
-                          [0, 0],
-                          [0.963, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [15.322, -13.817],
-                          [14.796, -0.028],
-                          [12.547, 13.021],
-                          [6.669, 18.201],
-                          [-12.044, 18.141],
-                          [-17.046, 13.021],
-                          [-14.421, 1.025],
-                          [-12.923, -12.566],
-                          [-7.92, -17.686],
-                          [3.673, -17.672],
-                          [12.612, -17.453]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "t": 44.0000017921567,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [0, -0.781],
-                          [0, 0],
-                          [2.763, 0],
-                          [0, 0],
-                          [0, 2.828],
-                          [0, 0],
-                          [0, 0],
-                          [-2.763, 0],
-                          [0, 0],
-                          [-0.625, -0.733]
-                        ],
-                        "o": [
-                          [0.507, 0.595],
-                          [0, 0],
-                          [0, 2.828],
-                          [0, 0],
-                          [-2.763, 0],
-                          [0, 0],
-                          [0, 0],
-                          [0, -2.828],
-                          [0, 0],
-                          [0.963, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [14.012, -8.411],
-                          [14.797, -6.279],
-                          [14.797, 13.05],
-                          [9.794, 18.171],
-                          [-9.794, 18.171],
-                          [-14.796, 13.05],
-                          [-14.796, 0.99],
-                          [-14.796, -13.051],
-                          [-9.794, -18.171],
-                          [4.174, -18.171],
-                          [6.676, -17.016]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 2.5, "ix": 5 },
-              "lc": 2,
-              "lj": 2,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "fl",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 4 },
-              "o": { "a": 0, "k": 0, "ix": 5 },
-              "r": 1,
-              "bm": 0,
-              "nm": "Fill 1",
-              "mn": "ADBE Vector Graphic - Fill",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [19.797, 23.455], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 2",
-          "np": 3,
-          "cix": 2,
-          "bm": 0,
-          "ix": 2,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 45.0000018328876,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    }
-  ],
-  "markers": [],
-  "props": {}
-}
diff --git a/frontend-next/public/lotties/rotation.json b/frontend-next/public/lotties/rotation.json
deleted file mode 100644
index d05d254a4..000000000
--- a/frontend-next/public/lotties/rotation.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.12.1","fr":60,"ip":70,"op":130,"w":500,"h":500,"nm":"system-regular-18-autorenew","ddd":0,"assets":[{"id":"comp_0","nm":"in-autorenew","fr":60,"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"NULL ","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.121],"y":[1]},"o":{"x":[0.089],"y":[0.223]},"t":0,"s":[0]},{"t":59,"s":[-360]}],"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[56.365,-32.706,0],"ix":2,"l":2},"a":{"a":0,"k":[256.365,167.294,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[36.203,36.206],[-36.201,36.206],[-36.203,-36.206]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[149.137,136.205],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-54.792,0],[-7.083,-76.459]],"o":[[0,0],[26.458,-43.959],[78.542,0],[0,0]],"v":[[-139.584,5.208],[-139.584,5],[-10.208,-68.125],[139.584,68.125]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"t":9,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[260.212,167.294],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":1,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[43.319,132.712,0],"ix":2,"l":2},"a":{"a":0,"k":[243.319,332.712,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-36.203,-36.206],[36.201,-36.206],[36.203,36.206]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[350.223,363.801],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[54.792,0],[7.083,76.459]],"o":[[0,0],[-26.458,43.959],[-78.542,0],[0,0]],"v":[[139.584,-5.208],[139.584,-5],[10.208,68.125],[-139.584,-68.125]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"t":9,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[239.795,332.712],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":1,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.41,0],[0,0],[0,-0.41],[-0.42,0],[0,0],[1.83,0],[0.31,3.35],[0.41,-0.05],[-0.04,-0.42],[-4.17,0],[-1.5,1.58],[0,0],[-0.42,0],[0,0.41],[0,0]],"o":[[0,0],[-0.42,0],[0,0.41],[0,0],[-1.22,1.28],[-3.39,0],[-0.04,-0.41],[-0.42,0.04],[0.38,4.12],[2.22,0],[0,0],[0,0.41],[0.42,0],[0,0],[-0.01,-0.42]],"v":[[6.917,-0.992],[3.417,-0.992],[2.657,-0.242],[3.417,0.508],[5.047,0.508],[0.317,2.528],[-6.173,-3.342],[-6.993,-4.022],[-7.673,-3.202],[0.317,4.028],[6.157,1.508],[6.157,3.238],[6.917,3.988],[7.677,3.238],[7.677,-0.242]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.683,253.972],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.17,0],[1.51,-1.59],[0,0],[0.42,0],[0,-0.41],[0,0],[-0.42,0],[0,0],[0,0.41],[0.42,0],[0,0],[-1.83,0],[-0.31,-3.35],[-0.38,0],[-0.02,0],[0.04,0.42]],"o":[[-2.24,0],[0,0],[0,-0.41],[-0.42,0],[0,0],[0,0.41],[0,0],[0.42,0],[0,-0.41],[0,0],[1.21,-1.28],[3.39,0],[0.04,0.39],[0.02,0],[0.42,-0.04],[-0.38,-4.12]],"v":[[-0.307,-4.025],[-6.177,-1.475],[-6.177,-3.235],[-6.937,-3.985],[-7.687,-3.235],[-7.687,0.245],[-6.927,0.995],[-3.427,0.995],[-2.667,0.245],[-3.427,-0.505],[-5.027,-0.505],[-0.307,-2.525],[6.183,3.345],[6.933,4.025],[7.003,4.025],[7.683,3.205]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250.307,246.025],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.307,246.025],"ix":2},"a":{"a":0,"k":[250.307,246.025],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"ct":1,"bm":0}]},{"id":"comp_1","nm":"hover-autorenew","fr":60,"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"NULL ","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.15],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"t":60,"s":[-360]}],"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":1,"s":[101,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":4,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":40,"s":[100,100,100]},{"t":60,"s":[101,100,100]}],"ix":6,"l":2}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[56.365,-32.706,0],"ix":2,"l":2},"a":{"a":0,"k":[256.365,167.294,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[36.203,36.206],[-36.201,36.206],[-36.203,-36.206]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[149.137,136.205],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-54.792,0],[-7.083,-76.459]],"o":[[0,0],[26.458,-43.959],[78.542,0],[0,0]],"v":[[-139.584,5.208],[-139.584,5],[-10.208,-68.125],[139.584,68.125]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[260.212,167.294],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":1,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[43.319,132.712,0],"ix":2,"l":2},"a":{"a":0,"k":[243.319,332.712,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-36.203,-36.206],[36.201,-36.206],[36.203,36.206]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[350.223,363.801],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[54.792,0],[7.083,76.459]],"o":[[0,0],[-26.458,43.959],[-78.542,0],[0,0]],"v":[[139.584,-5.208],[139.584,-5],[10.208,68.125],[-139.584,-68.125]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[239.795,332.712],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":1,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.41,0],[0,0],[0,-0.41],[-0.42,0],[0,0],[1.83,0],[0.31,3.35],[0.41,-0.05],[-0.04,-0.42],[-4.17,0],[-1.5,1.58],[0,0],[-0.42,0],[0,0.41],[0,0]],"o":[[0,0],[-0.42,0],[0,0.41],[0,0],[-1.22,1.28],[-3.39,0],[-0.04,-0.41],[-0.42,0.04],[0.38,4.12],[2.22,0],[0,0],[0,0.41],[0.42,0],[0,0],[-0.01,-0.42]],"v":[[6.917,-0.992],[3.417,-0.992],[2.657,-0.242],[3.417,0.508],[5.047,0.508],[0.317,2.528],[-6.173,-3.342],[-6.993,-4.022],[-7.673,-3.202],[0.317,4.028],[6.157,1.508],[6.157,3.238],[6.917,3.988],[7.677,3.238],[7.677,-0.242]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.683,253.972],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.17,0],[1.51,-1.59],[0,0],[0.42,0],[0,-0.41],[0,0],[-0.42,0],[0,0],[0,0.41],[0.42,0],[0,0],[-1.83,0],[-0.31,-3.35],[-0.38,0],[-0.02,0],[0.04,0.42]],"o":[[-2.24,0],[0,0],[0,-0.41],[-0.42,0],[0,0],[0,0.41],[0,0],[0.42,0],[0,-0.41],[0,0],[1.21,-1.28],[3.39,0],[0.04,0.39],[0.02,0],[0.42,-0.04],[-0.38,-4.12]],"v":[[-0.307,-4.025],[-6.177,-1.475],[-6.177,-3.235],[-6.937,-3.985],[-7.687,-3.235],[-7.687,0.245],[-6.927,0.995],[-3.427,0.995],[-2.667,0.245],[-3.427,-0.505],[-5.027,-0.505],[-0.307,-2.525],[6.183,3.345],[6.933,4.025],[7.003,4.025],[7.683,3.205]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250.307,246.025],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.307,246.025],"ix":2},"a":{"a":0,"k":[250.307,246.025],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":-60,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.41,0],[0,0],[0,-0.41],[-0.42,0],[0,0],[1.83,0],[0.31,3.35],[0.41,-0.05],[-0.04,-0.42],[-4.17,0],[-1.5,1.58],[0,0],[-0.42,0],[0,0.41],[0,0]],"o":[[0,0],[-0.42,0],[0,0.41],[0,0],[-1.22,1.28],[-3.39,0],[-0.04,-0.41],[-0.42,0.04],[0.38,4.12],[2.22,0],[0,0],[0,0.41],[0.42,0],[0,0],[-0.01,-0.42]],"v":[[6.917,-0.992],[3.417,-0.992],[2.657,-0.242],[3.417,0.508],[5.047,0.508],[0.317,2.528],[-6.173,-3.342],[-6.993,-4.022],[-7.673,-3.202],[0.317,4.028],[6.157,1.508],[6.157,3.238],[6.917,3.988],[7.677,3.238],[7.677,-0.242]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.683,253.972],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.17,0],[1.51,-1.59],[0,0],[0.42,0],[0,-0.41],[0,0],[-0.42,0],[0,0],[0,0.41],[0.42,0],[0,0],[-1.83,0],[-0.31,-3.35],[-0.38,0],[-0.02,0],[0.04,0.42]],"o":[[-2.24,0],[0,0],[0,-0.41],[-0.42,0],[0,0],[0,0.41],[0,0],[0.42,0],[0,-0.41],[0,0],[1.21,-1.28],[3.39,0],[0.04,0.39],[0.02,0],[0.42,-0.04],[-0.38,-4.12]],"v":[[-0.307,-4.025],[-6.177,-1.475],[-6.177,-3.235],[-6.937,-3.985],[-7.687,-3.235],[-7.687,0.245],[-6.927,0.995],[-3.427,0.995],[-2.667,0.245],[-3.427,-0.505],[-5.027,-0.505],[-0.307,-2.525],[6.183,3.345],[6.933,4.025],[7.003,4.025],[7.683,3.205]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250.307,246.025],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.307,246.025],"ix":2},"a":{"a":0,"k":[250.307,246.025],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"ct":1,"bm":0}]},{"id":"comp_2","nm":"loop-autorenew","fr":60,"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"NULL ","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":60,"s":[-360]}],"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[56.365,-32.706,0],"ix":2,"l":2},"a":{"a":0,"k":[256.365,167.294,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[36.203,36.206],[-36.201,36.206],[-36.203,-36.206]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[149.137,136.205],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-54.792,0],[-7.083,-76.459]],"o":[[0,0],[26.458,-43.959],[78.542,0],[0,0]],"v":[[-139.584,5.208],[-139.584,5],[-10.208,-68.125],[139.584,68.125]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[260.212,167.294],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":75,"st":1,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[43.319,132.712,0],"ix":2,"l":2},"a":{"a":0,"k":[243.319,332.712,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-36.203,-36.206],[36.201,-36.206],[36.203,36.206]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[350.223,363.801],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[54.792,0],[7.083,76.459]],"o":[[0,0],[-26.458,43.959],[-78.542,0],[0,0]],"v":[[139.584,-5.208],[139.584,-5],[10.208,68.125],[-139.584,-68.125]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-18-autorenew').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[239.795,332.712],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":75,"st":1,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"control","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]}],"ip":0,"op":201,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"in-autorenew","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":70,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-autorenew","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":70,"op":140,"st":70,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"loop-autorenew","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":140,"op":210,"st":140,"bm":0}],"markers":[{"tm":0,"cm":"in-autorenew","dr":60},{"tm":70,"cm":"default:hover-autorenew","dr":60},{"tm":140,"cm":"loop-autorenew","dr":60}],"props":{}}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-103-coin-cash-monetization.json b/frontend-next/public/lotties/system-outline-103-coin-cash-monetization.json
deleted file mode 100644
index 2167a770d..000000000
--- a/frontend-next/public/lotties/system-outline-103-coin-cash-monetization.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":61,"w":500,"h":500,"nm":"103-coin-cash-monetization-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-coin","fr":60,"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"NULL ","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.301],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[-270]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":22,"s":[-152]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":40,"s":[-189]},{"t":59,"s":[-180]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.301,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[250,529,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[250,212,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":33,"s":[250,274,0],"to":[0,0,0],"ti":[0,0,0]},{"t":52,"s":[250,250,0]}],"ix":2,"l":2},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[50.75,-143.5,0],"to":[0,0,0],"ti":[0,-0.287,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[50.75,-142.667,0],"to":[0,0.087,0],"ti":[0,-0.018,0]},{"t":20,"s":[50.75,-142.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[50.75,-47,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.208,-195],[-128.458,-195]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[50.75,146.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.208,-195],[-128.458,-195]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[50.75,49.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-170.875,-195],[-150.125,-195]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-192.75,-195],[-192.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[50.75,243.5,0],"to":[0,0,0],"ti":[0,0.287,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[50.75,242.667,0],"to":[0,-0.087,0],"ti":[0,0.018,0]},{"t":20,"s":[50.75,242.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[49.998,50.001,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-60.999,-20.671],[-60.999,21]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61,198.075],[-61,239.746]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[-60.999,158.689],[-61,198.08],[-61,158.689],[-60.999,102.385],[-60.999,60.364],[-61,20.995],[-61,65.266]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":0,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[-61.001,109.534],[-61,302.243],[-60.998,109.534],[-61,-83.176]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"t":20,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":0,"s":[50],"h":1},{"t":13.33203125,"s":[50],"h":1}],"ix":2},"o":{"a":0,"k":90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[49.998,50.001,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63.001,-20.836],[63.001,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63,197.911],[63,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[63.001,158.525],[63,197.915],[63,158.525],[63.001,102.221],[63.001,60.2],[63,20.831],[63,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"t":20,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":0,"s":[100],"h":1},{"t":13.33203125,"s":[100],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[62.999,109.369],[63,302.079],[63.002,109.369],[63,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13.332,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"t":20,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":0,"s":[100],"h":1},{"t":13.33203125,"s":[100],"h":1}],"ix":2},"o":{"a":0,"k":-90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":20,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[50.75,-142.5,0],"to":[0,-0.018,0],"ti":[0,0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[50.75,-142.667,0],"to":[0,-0.287,0],"ti":[0,0,0]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[50.75,-143.5,0],"to":[0,0,0],"ti":[0,-0.018,0]},{"t":60,"s":[50.75,-142.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[50.75,-47,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[50.75,146.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[50.75,49.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[193.25,-195],[193.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[150.792,-195],[171.542,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-192.75,-195],[-192.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[50.75,242.5,0],"to":[0,0.018,0],"ti":[0,-0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[50.75,242.667,0],"to":[0,0.287,0],"ti":[0,0,0]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[50.75,243.5,0],"to":[0,0,0],"ti":[0,0.018,0]},{"t":60,"s":[50.75,242.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[49.998,50.001,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-60.999,-20.671],[-60.999,21]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61,198.075],[-61,239.746]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[-60.999,158.689],[-61,198.08],[-61,158.689],[-60.999,102.385],[-60.999,60.364],[-61,20.995],[-61,65.266]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":20,"s":[100],"h":1},{"t":30,"s":[0],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[-61.001,109.534],[-61,302.243],[-60.998,109.534],[-61,-83.176]],"c":true}]},{"t":60,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":20,"s":[100],"h":1},{"t":23.5,"s":[100],"h":1},{"t":30,"s":[50],"h":1}],"ix":2},"o":{"a":0,"k":90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":".primary.design","cl":"primary design","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[49.998,50.001,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63.001,-20.836],[63.001,20.836]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63,197.911],[63,239.582]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[63.001,158.525],[63,197.915],[63,158.525],[63.001,102.221],[63.001,60.2],[63,20.831],[63,65.102]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":20,"s":[0],"h":1},{"t":23.5,"s":[0],"h":1},{"t":30,"s":[100],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23.5,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[62.999,109.369],[63,302.079],[63.002,109.369],[63,-83.34]],"c":true}]},{"t":60,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":20,"s":[50],"h":1},{"t":23.5,"s":[50],"h":1},{"t":30,"s":[100],"h":1}],"ix":2},"o":{"a":0,"k":-90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":20,"op":60,"st":1,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-13.186,0.025],[-0.025,0],[-0.022,0],[0,-15.761],[-8.644,0],[0,8.643],[25.476,6.899],[0,0],[8.644,0],[0,-8.643],[0,0],[0,-26.851],[-16.456,-9.535],[-1.805,-1.08],[0,0],[0,-14.091],[13.187,-0.023],[0.025,0],[0.025,0],[0,17.49],[8.644,0],[0,-8.643],[-26.389,-5.847],[0,0],[-8.644,0],[0,8.643],[0,0],[0,26.864],[11.729,11.188],[19.101,11.424],[0,0],[1.892,1.096],[0,12.245]],"o":[[0.025,0],[0.022,0],[15.753,0.033],[0,8.643],[8.644,0],[0,-27.629],[0,0],[0,-8.643],[-8.644,0],[0,0],[-26.386,5.846],[0,30.906],[1.768,1.024],[0,0],[37.853,22.64],[0,17.49],[-0.025,0],[-0.025,0],[-13.187,-0.023],[0,-8.643],[-8.644,0],[0,26.864],[0,0],[0,8.643],[8.644,0],[0,0],[26.389,-5.847],[0,-15.958],[-9.731,-9.283],[0,0],[-1.932,-1.155],[-15.848,-9.183],[0,-17.472]],"v":[[-0.079,-72.891],[-0.005,-72.888],[0.061,-72.891],[28.621,-44.271],[44.271,-28.621],[59.921,-44.271],[15.645,-102.107],[15.645,-130.209],[-0.005,-145.859],[-15.656,-130.209],[-15.656,-102.519],[-59.921,-49.174],[-22.985,3.135],[-17.618,6.278],[-15.969,7.264],[28.621,49.151],[0.075,72.891],[0,72.887],[-0.074,72.891],[-28.621,49.151],[-44.271,33.501],[-59.921,49.151],[-15.65,102.519],[-15.65,130.209],[0,145.859],[15.651,130.209],[15.651,102.519],[59.921,49.151],[42.73,9.364],[0.097,-19.598],[-1.548,-20.583],[-7.292,-23.947],[-28.621,-49.174]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[97.631,0],[0,97.631],[-97.631,0],[0,-97.631]],"o":[[-97.631,0],[0,-97.631],[97.631,0],[0,97.631]],"v":[[0,177.059],[-177.059,0],[0,-177.059],[177.059,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[114.89,0],[0,-114.89],[-114.89,0],[0,114.89]],"o":[[-114.89,0],[0,114.89],[114.89,0],[0,-114.89]],"v":[[0,-208.359],[-208.359,0],[0,208.359],[208.359,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,249.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-coin","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[250.75,442.5,0],"to":[0,0.018,0],"ti":[0,-0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[250.75,442.667,0],"to":[0,0.287,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[250.75,443.5,0],"to":[0,0,0],"ti":[0,0.287,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[250.75,442.667,0],"to":[0,-0.087,0],"ti":[0,0.018,0]},{"t":22,"s":[250.75,442.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,347,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.208,-195],[-128.458,-195]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,153.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.208,-195],[-128.458,-195]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,250.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[193.25,-195],[193.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[150.792,-195],[171.542,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-170.875,-195],[-150.125,-195]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-192.75,-195],[-192.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[250.75,57.5,0],"to":[0,-0.018,0],"ti":[0,0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[250.75,57.333,0],"to":[0,-0.287,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[250.75,56.5,0],"to":[0,0,0],"ti":[0,-0.287,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[250.75,57.333,0],"to":[0,0.087,0],"ti":[0,-0.018,0]},{"t":22,"s":[250.75,57.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-60.999,-20.671],[-60.999,21]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61,198.075],[-61,239.746]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[-60.999,158.689],[-61,198.08],[-61,158.689],[-60.999,102.385],[-60.999,60.364],[-61,20.995],[-61,65.266]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":0,"s":[100],"h":1},{"t":11,"s":[0],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[-61.001,109.534],[-61,302.243],[-60.998,109.534],[-61,-83.176]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"t":22,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":0,"s":[100],"h":1},{"t":3.668,"s":[100],"h":1},{"t":11,"s":[50],"h":1},{"t":18.33203125,"s":[50],"h":1}],"ix":2},"o":{"a":0,"k":90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63.001,-20.836],[63.001,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63,197.911],[63,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[63.001,158.525],[63,197.915],[63,158.525],[63.001,102.221],[63.001,60.2],[63,20.831],[63,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"t":22,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":0,"s":[0],"h":1},{"t":3.668,"s":[0],"h":1},{"t":11,"s":[100],"h":1},{"t":18.33203125,"s":[100],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3.668,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[62.999,109.369],[63,302.079],[63.002,109.369],[63,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18.332,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"t":22,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":0,"s":[50],"h":1},{"t":3.668,"s":[50],"h":1},{"t":11,"s":[100],"h":1},{"t":18.33203125,"s":[100],"h":1}],"ix":2},"o":{"a":0,"k":-90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":22,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[250.75,442.5,0],"to":[0,0.018,0],"ti":[0,-0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[250.75,442.667,0],"to":[0,0.287,0],"ti":[0,0,0]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[250.75,443.5,0],"to":[0,0,0],"ti":[0,0.018,0]},{"t":60,"s":[250.75,442.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,347,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,153.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,250.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[193.25,-195],[193.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[150.792,-195],[171.542,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-192.75,-195],[-192.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[250.75,57.5,0],"to":[0,-0.018,0],"ti":[0,0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[250.75,57.333,0],"to":[0,-0.287,0],"ti":[0,0,0]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[250.75,56.5,0],"to":[0,0,0],"ti":[0,-0.018,0]},{"t":60,"s":[250.75,57.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-60.999,-20.671],[-60.999,21]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61,198.075],[-61,239.746]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[-60.999,158.689],[-61,198.08],[-61,158.689],[-60.999,102.385],[-60.999,60.364],[-61,20.995],[-61,65.266]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":22,"s":[100],"h":1},{"t":31.5,"s":[0],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[-61.001,109.534],[-61,302.243],[-60.998,109.534],[-61,-83.176]],"c":true}]},{"t":60,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":22,"s":[100],"h":1},{"t":25.324,"s":[100],"h":1},{"t":31.5,"s":[50],"h":1}],"ix":2},"o":{"a":0,"k":90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63.001,-20.836],[63.001,20.836]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63,197.911],[63,239.582]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[63.001,158.525],[63,197.915],[63,158.525],[63.001,102.221],[63.001,60.2],[63,20.831],[63,65.102]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":22,"s":[0],"h":1},{"t":25.324,"s":[0],"h":1},{"t":31.5,"s":[100],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.324,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"i":{"x":0.29,"y":1},"o":{"x":0.167,"y":0.167},"t":31.5,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[62.999,109.369],[63,302.079],[63.002,109.369],[63,-83.34]],"c":true}]},{"t":60,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":22,"s":[50],"h":1},{"t":25.324,"s":[50],"h":1},{"t":31.5,"s":[100],"h":1}],"ix":2},"o":{"a":0,"k":-90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":22,"op":60,"st":1,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-13.186,0.025],[-0.025,0],[-0.022,0],[0,-15.761],[-8.644,0],[0,8.643],[25.476,6.899],[0,0],[8.644,0],[0,-8.643],[0,0],[0,-26.851],[-16.456,-9.535],[-1.805,-1.08],[0,0],[0,-14.091],[13.187,-0.023],[0.025,0],[0.025,0],[0,17.49],[8.644,0],[0,-8.643],[-26.389,-5.847],[0,0],[-8.644,0],[0,8.643],[0,0],[0,26.864],[11.729,11.188],[19.101,11.424],[0,0],[1.892,1.096],[0,12.245]],"o":[[0.025,0],[0.022,0],[15.753,0.033],[0,8.643],[8.644,0],[0,-27.629],[0,0],[0,-8.643],[-8.644,0],[0,0],[-26.386,5.846],[0,30.906],[1.768,1.024],[0,0],[37.853,22.64],[0,17.49],[-0.025,0],[-0.025,0],[-13.187,-0.023],[0,-8.643],[-8.644,0],[0,26.864],[0,0],[0,8.643],[8.644,0],[0,0],[26.389,-5.847],[0,-15.958],[-9.731,-9.283],[0,0],[-1.932,-1.155],[-15.848,-9.183],[0,-17.472]],"v":[[-0.079,-72.891],[-0.005,-72.888],[0.061,-72.891],[28.621,-44.271],[44.271,-28.621],[59.921,-44.271],[15.645,-102.107],[15.645,-130.209],[-0.005,-145.859],[-15.656,-130.209],[-15.656,-102.519],[-59.921,-49.174],[-22.985,3.135],[-17.618,6.278],[-15.969,7.264],[28.621,49.151],[0.075,72.891],[0,72.887],[-0.074,72.891],[-28.621,49.151],[-44.271,33.501],[-59.921,49.151],[-15.65,102.519],[-15.65,130.209],[0,145.859],[15.651,130.209],[15.651,102.519],[59.921,49.151],[42.73,9.364],[0.097,-19.598],[-1.548,-20.583],[-7.292,-23.947],[-28.621,-49.174]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[97.631,0],[0,97.631],[-97.631,0],[0,-97.631]],"o":[[-97.631,0],[0,-97.631],[97.631,0],[0,97.631]],"v":[[0,177.059],[-177.059,0],[0,-177.059],[177.059,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[114.89,0],[0,-114.89],[-114.89,0],[0,114.89]],"o":[[-114.89,0],[0,114.89],[114.89,0],[0,-114.89]],"v":[[0,-208.359],[-208.359,0],[0,208.359],[208.359,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,249.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":-60,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-13.186,0.025],[-0.025,0],[-0.022,0],[0,-15.761],[-8.644,0],[0,8.643],[25.476,6.899],[0,0],[8.644,0],[0,-8.643],[0,0],[0,-26.851],[-16.456,-9.535],[-1.805,-1.08],[0,0],[0,-14.091],[13.187,-0.023],[0.025,0],[0.025,0],[0,17.49],[8.644,0],[0,-8.643],[-26.389,-5.847],[0,0],[-8.644,0],[0,8.643],[0,0],[0,26.864],[11.729,11.188],[19.101,11.424],[0,0],[1.892,1.096],[0,12.245]],"o":[[0.025,0],[0.022,0],[15.753,0.033],[0,8.643],[8.644,0],[0,-27.629],[0,0],[0,-8.643],[-8.644,0],[0,0],[-26.386,5.846],[0,30.906],[1.768,1.024],[0,0],[37.853,22.64],[0,17.49],[-0.025,0],[-0.025,0],[-13.187,-0.023],[0,-8.643],[-8.644,0],[0,26.864],[0,0],[0,8.643],[8.644,0],[0,0],[26.389,-5.847],[0,-15.958],[-9.731,-9.283],[0,0],[-1.932,-1.155],[-15.848,-9.183],[0,-17.472]],"v":[[-0.079,-72.891],[-0.005,-72.888],[0.061,-72.891],[28.621,-44.271],[44.271,-28.621],[59.921,-44.271],[15.645,-102.107],[15.645,-130.209],[-0.005,-145.859],[-15.656,-130.209],[-15.656,-102.519],[-59.921,-49.174],[-22.985,3.135],[-17.618,6.278],[-15.969,7.264],[28.621,49.151],[0.075,72.891],[0,72.887],[-0.074,72.891],[-28.621,49.151],[-44.271,33.501],[-59.921,49.151],[-15.65,102.519],[-15.65,130.209],[0,145.859],[15.651,130.209],[15.651,102.519],[59.921,49.151],[42.73,9.364],[0.097,-19.598],[-1.548,-20.583],[-7.292,-23.947],[-28.621,-49.174]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[97.631,0],[0,97.631],[-97.631,0],[0,-97.631]],"o":[[-97.631,0],[0,-97.631],[97.631,0],[0,97.631]],"v":[[0,177.059],[-177.059,0],[0,-177.059],[177.059,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[114.89,0],[0,-114.89],[-114.89,0],[0,114.89]],"o":[[-114.89,0],[0,114.89],[114.89,0],[0,-114.89]],"v":[[0,-208.359],[-208.359,0],[0,208.359],[208.359,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,249.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0}]},{"id":"comp_2","nm":"loop-coin","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[250.75,442.5,0],"to":[0,0.018,0],"ti":[0,-0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[250.75,442.667,0],"to":[0,0.287,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[250.75,443.5,0],"to":[0,0,0],"ti":[0,0.287,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[250.75,442.667,0],"to":[0,-0.087,0],"ti":[0,0.018,0]},{"t":60,"s":[250.75,442.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,347,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.208,-195],[-128.458,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,153.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[167.25,-195],[167.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[129.125,-195],[149.875,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.208,-195],[-128.458,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.75,-195],[-166.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.75,250.5,0],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[193.25,-195],[193.25,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[150.792,-195],[171.542,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-170.875,-195],[-150.125,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-192.75,-195],[-192.75,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[250.75,57.5,0],"to":[0,-0.018,0],"ti":[0,0.087,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[250.75,57.333,0],"to":[0,-0.287,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[250.75,56.5,0],"to":[0,0,0],"ti":[0,-0.287,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[250.75,57.333,0],"to":[0,0.087,0],"ti":[0,-0.018,0]},{"t":60,"s":[250.75,57.5,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.75,-195,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61.5,-195],[63,-195]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-9.417,-195],[10.917,-195]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1,-195],[0.5,-195]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-60.999,-20.671],[-60.999,21]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.167,-20.808],[-10.167,20.863]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-61,198.075],[-61,239.746]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-10.162,197.938],[-10.162,239.61]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[-60.999,158.689],[-61,198.08],[-61,158.689],[-60.999,102.385],[-60.999,60.364],[-61,20.995],[-61,65.266]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-47.054,158.552],[-10.162,197.943],[26.731,158.552],[-18.148,102.248],[-47.054,60.227],[-10.162,20.859],[26.731,65.13]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":0,"s":[100],"h":1},{"t":30,"s":[0],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[-61.001,109.534],[-61,302.243],[-60.998,109.534],[-61,-83.176]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[150.425,109.397],[-10.166,302.106],[-170.757,109.397],[-10.166,-83.313]],"c":true}]},{"t":60,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":0,"s":[100],"h":1},{"t":10,"s":[100],"h":1},{"t":30,"s":[50],"h":1},{"t":50,"s":[50],"h":1}],"ix":2},"o":{"a":0,"k":90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,249.999,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63.001,-20.836],[63.001,20.836]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.5,-20.836],[10.5,20.836]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.836],[0,20.836]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[63,197.911],[63,239.582]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10.505,197.911],[10.505,239.582]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.006,197.911],[0.006,239.582]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,0],[0,0],[0,24.45],[0,22.661],[0,24.45],[0,0],[0,-24.45]],"o":[[0,24.45],[0,0],[0,-24.45],[0,-10.661],[0,-24.45],[0,0],[0,0]],"v":[[63.001,158.525],[63,197.915],[63,158.525],[63.001,102.221],[63.001,60.2],[63,20.831],[63,65.102]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,0],[-20.375,0],[0,24.45],[31.566,22.661],[0,24.45],[-20.375,0],[0,-24.45]],"o":[[0,24.45],[20.375,0],[0,-24.45],[-14.85,-10.661],[0,-24.45],[20.375,0],[0,0]],"v":[[-26.387,158.525],[10.505,197.915],[47.397,158.525],[2.519,102.221],[-26.387,60.2],[10.505,20.831],[47.397,65.102]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[-24.45,0],[0,24.45],[37.879,22.661],[0,24.45],[-24.45,0],[0,-24.45]],"o":[[0,24.45],[24.45,0],[0,-24.45],[-17.82,-10.661],[0,-24.45],[24.45,0],[0,0]],"v":[[-44.265,158.525],[0.006,197.915],[44.277,158.525],[-9.578,102.221],[-44.265,60.2],[0.006,20.831],[44.277,65.102]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"t":0,"s":[0],"h":1},{"t":10,"s":[0],"h":1},{"t":30,"s":[100],"h":1},{"t":50,"s":[100],"h":1}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-106.43],[-0.001,0],[0,106.43],[0.001,0]],"o":[[0,106.43],[0.001,0],[0,-106.43],[-0.001,0]],"v":[[62.999,109.369],[63,302.079],[63.002,109.369],[63,-83.34]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-106.43],[88.692,0],[0,106.43],[-88.692,0]],"o":[[0,106.43],[-88.692,0],[0,-106.43],[88.692,0]],"v":[[171.091,109.369],[10.501,302.079],[-150.09,109.369],[10.501,-83.34]],"c":true}]},{"t":60,"s":[{"i":[[0,-106.43],[106.43,0],[0,106.43],[-106.43,0]],"o":[[0,106.43],[-106.43,0],[0,-106.43],[106.43,0]],"v":[[192.71,109.369],[0.001,302.079],[-192.709,109.369],[0.001,-83.34]],"c":true}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,140.63],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"t":0,"s":[50],"h":1},{"t":10,"s":[50],"h":1},{"t":30,"s":[100],"h":1},{"t":50,"s":[100],"h":1}],"ix":2},"o":{"a":0,"k":-90,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('103-coin-cash-monetization-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]},{"ty":5,"nm":"State-Loop","np":3,"mn":"ADBE Slider Control","ix":6,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-coin","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-coin","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"loop-coin","parent":3,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Loop')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-109-slider-toggle-settings.json b/frontend-next/public/lotties/system-outline-109-slider-toggle-settings.json
deleted file mode 100644
index ba9609bc3..000000000
--- a/frontend-next/public/lotties/system-outline-109-slider-toggle-settings.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":31,"w":500,"h":500,"nm":"109-slider-toggle-settings-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-slider","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,250.654,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,250.654,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"o":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"v":[[61.63,31.225],[30.405,0],[61.63,-31.225],[92.854,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[6.965,-26.928],[0,0],[0,-8.643],[-8.644,0],[0,0],[-29.074,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-29.074,0],[0,0],[-8.644,0],[0,8.643],[0,0],[6.965,26.928],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[170.998,-15.65],[122.171,-15.65],[61.63,-62.525],[1.088,-15.65],[-170.998,-15.65],[-186.648,0],[-170.998,15.65],[1.088,15.65],[61.63,62.525],[122.171,15.65],[170.998,15.65],[186.648,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.874,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.217],[-17.218,0],[0,-17.218]],"o":[[-17.218,0],[0,-17.218],[17.218,0],[0,17.217]],"v":[[-124.781,31.225],[-156.005,0],[-124.781,-31.225],[-93.556,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[0,-34.477],[-34.477,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0],[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.779,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"o":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"v":[[-124.781,-31.225],[-93.556,0],[-124.781,31.225],[-156.005,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-34.477,0],[-6.965,26.928],[0,0],[0,8.643],[8.644,0],[0,0],[29.074,0],[0,-34.477]],"o":[[29.074,0],[0,0],[8.644,0],[0,-8.643],[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477]],"v":[[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0],[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.784,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":28,"op":224,"st":28,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.779,376.306,0],"ix":2,"l":2},"a":{"a":0,"k":[249.779,376.306,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[183.081,0],[183.132,0]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[30.132,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[296.868,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,-1.533],[1.533,0],[0,1.533],[-1.533,0]],"o":[[0,1.533],[-1.533,0],[0,-1.533],[1.533,0]],"v":[[354.977,0],[352.201,2.775],[349.426,0],[352.201,-2.775]],"c":true}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0,-33.661],[33.661,0],[0,33.661],[-33.661,0]],"o":[[0,33.661],[-33.661,0],[0,-33.661],[33.661,0]],"v":[[201.445,0],[140.497,60.949],[79.548,0],[140.497,-60.949]],"c":true}]},{"t":28,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":28,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.874,249.998,0],"ix":2,"l":2},"a":{"a":0,"k":[250.874,249.998,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":4,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-367.376,0],[-367.753,0]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-175.524,0],[-44.7,0]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-104.053,0],[33.32,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-31.247,0],[31.247,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[390.626,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":4,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-149.212,0],[-149.288,0]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-123.604,0],[-89.161,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-90.712,0],[90.712,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[170.589,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":4,"s":[{"i":[[0,-0.55],[-0.55,0],[0,0.55],[0.55,0]],"o":[[0,0.55],[0.55,0],[0,-0.55],[-0.55,0]],"v":[[-291.246,0],[-290.25,0.996],[-289.254,0],[-290.25,-0.996]],"c":true}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[0,-35.345],[-35.345,0],[0,35.345],[35.345,0]],"o":[[0,35.345],[35.345,0],[0,-35.345],[-35.345,0]],"v":[[-225.398,0],[-161.4,63.998],[-97.402,0],[-161.4,-63.998]],"c":true}]},{"t":28,"s":[{"i":[[0,-25.888],[-25.888,0],[0,25.888],[25.888,0]],"o":[[0,25.888],[25.888,0],[0,-25.888],[-25.888,0]],"v":[[-46.875,0],[0,46.875],[46.875,0],[0,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[312.504,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":4,"op":28,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.784,125.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.784,125.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[185.113,0.001],[185.127,0.001]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":14,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[29.127,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[296.873,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[{"i":[[0,-0.431],[0.43,0],[0,0.431],[-0.431,0]],"o":[[0,0.431],[-0.43,0],[0,-0.431],[0.431,0]],"v":[[356.99,0.001],[356.21,0.78],[355.431,0.001],[356.21,-0.779]],"c":true}]},{"i":{"x":0.4,"y":1},"o":{"x":0.167,"y":0.167},"t":14,"s":[{"i":[[0,-33.109],[33.109,0],[0,33.109],[-33.108,0]],"o":[[0,33.109],[-33.109,0],[0,-33.109],[33.108,0]],"v":[[200.45,0],[140.501,59.949],[80.553,0],[140.501,-59.948]],"c":true}]},{"t":28,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[125.003,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":7,"op":28,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-slider","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,250.654,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,250.654,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"o":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"v":[[61.63,31.225],[30.405,0],[61.63,-31.225],[92.854,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[6.965,-26.928],[0,0],[0,-8.643],[-8.644,0],[0,0],[-29.074,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-29.074,0],[0,0],[-8.644,0],[0,8.643],[0,0],[6.965,26.928],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[170.998,-15.65],[122.171,-15.65],[61.63,-62.525],[1.088,-15.65],[-170.998,-15.65],[-186.648,0],[-170.998,15.65],[1.088,15.65],[61.63,62.525],[122.171,15.65],[170.998,15.65],[186.648,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.874,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.217],[-17.218,0],[0,-17.218]],"o":[[-17.218,0],[0,-17.218],[17.218,0],[0,17.217]],"v":[[-124.781,31.225],[-156.005,0],[-124.781,-31.225],[-93.556,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[0,-34.477],[-34.477,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0],[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.779,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"o":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"v":[[-124.781,-31.225],[-93.556,0],[-124.781,31.225],[-156.005,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-34.477,0],[-6.965,26.928],[0,0],[0,8.643],[8.644,0],[0,0],[29.074,0],[0,-34.477]],"o":[[29.074,0],[0,0],[8.644,0],[0,-8.643],[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477]],"v":[[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0],[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.784,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":29,"op":238,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,250.654,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,250.654,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"o":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"v":[[61.63,31.225],[30.405,0],[61.63,-31.225],[92.854,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[6.965,-26.928],[0,0],[0,-8.643],[-8.644,0],[0,0],[-29.074,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-29.074,0],[0,0],[-8.644,0],[0,8.643],[0,0],[6.965,26.928],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[170.998,-15.65],[122.171,-15.65],[61.63,-62.525],[1.088,-15.65],[-170.998,-15.65],[-186.648,0],[-170.998,15.65],[1.088,15.65],[61.63,62.525],[122.171,15.65],[170.998,15.65],[186.648,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.874,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.217],[-17.218,0],[0,-17.218]],"o":[[-17.218,0],[0,-17.218],[17.218,0],[0,17.217]],"v":[[-124.781,31.225],[-156.005,0],[-124.781,-31.225],[-93.556,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[0,-34.477],[-34.477,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0],[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.779,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"o":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"v":[[-124.781,-31.225],[-93.556,0],[-124.781,31.225],[-156.005,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-34.477,0],[-6.965,26.928],[0,0],[0,8.643],[8.644,0],[0,0],[29.074,0],[0,-34.477]],"o":[[29.074,0],[0,0],[8.644,0],[0,-8.643],[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477]],"v":[[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0],[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.784,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.779,376.306,0],"ix":2,"l":2},"a":{"a":0,"k":[249.779,376.306,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[326.5,376.25],[78.5,376.25]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[68.292]},{"t":30,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[100]},{"t":30,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-45.297,0]],"c":false}]},{"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[296.868,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[126.145,0],[79.27,46.875],[32.394,0],[79.27,-46.875]],"c":true}]},{"t":30,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":29,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.874,249.998,0],"ix":2,"l":2},"a":{"a":0,"k":[250.874,249.998,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-31.247,0],[31.247,0]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":13,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[24.753,0],[31.247,0]],"c":false}]},{"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-31.247,0],[31.247,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[390.626,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-90.712,0],[90.712,0]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":13,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-90.712,0],[146.712,0]],"c":false}]},{"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-90.712,0],[90.712,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[170.589,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,-25.888],[-25.888,0],[0,25.888],[25.888,0]],"o":[[0,25.888],[25.888,0],[0,-25.888],[-25.888,0]],"v":[[-46.875,0],[0,46.875],[46.875,0],[0,-46.875]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":13,"s":[{"i":[[0,-25.888],[-25.888,0],[0,25.888],[25.888,0]],"o":[[0,25.888],[25.888,0],[0,-25.888],[-25.888,0]],"v":[[9.125,0],[56,46.875],[102.875,0],[56,-46.875]],"c":true}]},{"t":30,"s":[{"i":[[0,-25.888],[-25.888,0],[0,25.888],[25.888,0]],"o":[[0,25.888],[25.888,0],[0,-25.888],[-25.888,0]],"v":[[-46.875,0],[0,46.875],[46.875,0],[0,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[312.504,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":29,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.784,125.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.784,125.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":16,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[29.714,0]],"c":false}]},{"t":30,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[296.873,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":16,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[201.156,0],[154.28,46.876],[107.405,0],[154.28,-46.875]],"c":true}]},{"t":30,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[125.003,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[326.5,125.25],[78.5,125.25]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":16,"s":[40.292]},{"t":30,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":16,"s":[100]},{"t":30,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":29,"st":0,"bm":0}]},{"id":"comp_2","nm":"morph-slider","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":180,"ix":10},"p":{"a":0,"k":[249.998,250.654,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,250.654,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"o":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"v":[[61.255,32.163],[30.03,0.937],[61.255,-30.288],[92.479,0.937]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[6.965,-26.928],[0,0],[0,-8.643],[-8.644,0],[0,0],[-29.074,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-29.074,0],[0,0],[-8.644,0],[0,8.643],[0,0],[6.965,26.928],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[170.061,-14.713],[121.796,-14.713],[61.255,-61.588],[0.713,-14.713],[-172.123,-14.713],[-187.773,0.937],[-172.123,16.587],[0.713,16.587],[61.255,63.463],[121.796,16.587],[170.061,16.587],[185.711,0.937]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.874,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.217],[-17.218,0],[0,-17.218]],"o":[[-17.218,0],[0,-17.218],[17.218,0],[0,17.217]],"v":[[-124.781,31.225],[-156.005,0],[-124.781,-31.225],[-93.556,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[0,-34.477],[-34.477,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0],[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.779,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"o":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"v":[[-124.781,-31.225],[-93.556,0],[-124.781,31.225],[-156.005,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-34.477,0],[-6.965,26.928],[0,0],[0,8.643],[8.644,0],[0,0],[29.074,0],[0,-34.477]],"o":[[29.074,0],[0,0],[8.644,0],[0,-8.643],[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477]],"v":[[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0],[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.784,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":28,"op":238,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.998,250.654,0],"ix":2,"l":2},"a":{"a":0,"k":[249.998,250.654,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"o":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"v":[[61.63,31.225],[30.405,0],[61.63,-31.225],[92.854,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[6.965,-26.928],[0,0],[0,-8.643],[-8.644,0],[0,0],[-29.074,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-29.074,0],[0,0],[-8.644,0],[0,8.643],[0,0],[6.965,26.928],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[170.998,-15.65],[122.171,-15.65],[61.63,-62.525],[1.088,-15.65],[-170.998,-15.65],[-186.648,0],[-170.998,15.65],[1.088,15.65],[61.63,62.525],[122.171,15.65],[170.998,15.65],[186.648,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.874,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[17.218,0],[0,17.217],[-17.218,0],[0,-17.218]],"o":[[-17.218,0],[0,-17.218],[17.218,0],[0,17.217]],"v":[[-124.781,31.225],[-156.005,0],[-124.781,-31.225],[-93.556,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[29.074,0],[0,-34.477],[-34.477,0],[-6.965,26.928],[0,0],[0,8.643]],"o":[[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477],[29.074,0],[0,0],[8.644,0],[0,-8.643]],"v":[[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0],[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.779,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-17.218,0],[0,-17.217],[17.218,0],[0,17.218]],"o":[[17.218,0],[0,17.218],[-17.218,0],[0,-17.217]],"v":[[-124.781,-31.225],[-93.556,0],[-124.781,31.225],[-156.005,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-34.477,0],[-6.965,26.928],[0,0],[0,8.643],[8.644,0],[0,0],[29.074,0],[0,-34.477]],"o":[[29.074,0],[0,0],[8.644,0],[0,-8.643],[0,0],[-6.965,-26.928],[-34.477,0],[0,34.477]],"v":[[-124.781,62.525],[-64.239,15.65],[171.656,15.65],[187.306,0],[171.656,-15.65],[-64.239,-15.65],[-124.781,-62.525],[-187.306,0]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.784,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.874,249.998,0],"ix":2,"l":2},"a":{"a":0,"k":[250.874,249.998,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-31.247,0],[31.247,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-156.247,0],[31.247,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[390.626,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-90.712,0],[90.712,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-90.712,0],[-34.288,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[170.589,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,-25.888],[-25.888,0],[0,25.888],[25.888,0]],"o":[[0,25.888],[25.888,0],[0,-25.888],[-25.888,0]],"v":[[-46.875,0],[0,46.875],[46.875,0],[0,-46.875]],"c":true}]},{"t":28,"s":[{"i":[[0,-25.888],[-25.888,0],[0,25.888],[25.888,0]],"o":[[0,25.888],[25.888,0],[0,-25.888],[-25.888,0]],"v":[[-171.875,0],[-125,46.875],[-78.125,0],[-125,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[312.504,249.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":28,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.779,376.306,0],"ix":2,"l":2},"a":{"a":0,"k":[249.779,376.306,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[326.5,376.25],[78.5,376.25]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":1,"s":[100]},{"t":28,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":1,"s":[100]},{"t":28,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[125.433,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[296.868,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]},{"t":28,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[296.875,0],[250,46.875],[203.125,0],[250,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,376.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":28,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.784,125.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.784,125.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[-124.567,0]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[124.567,0],[125.433,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[296.873,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":1,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[46.875,0],[0,46.875],[-46.875,0],[0,-46.875]],"c":true}]},{"t":28,"s":[{"i":[[0,-25.888],[25.888,0],[0,25.888],[-25.888,0]],"o":[[0,25.888],[-25.888,0],[0,-25.888],[25.888,0]],"v":[[296.875,0],[250,46.876],[203.125,0],[250,-46.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[125.003,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[326.5,125.25],[78.5,125.25]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":1,"s":[100]},{"t":28,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":1,"s":[100]},{"t":28,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('109-slider-toggle-settings-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":28,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Morph","np":3,"mn":"ADBE Slider Control","ix":6,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-slider","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-slider","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"morph-slider","parent":3,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Morph')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-126-verified.json b/frontend-next/public/lotties/system-outline-126-verified.json
deleted file mode 100644
index e612e8161..000000000
--- a/frontend-next/public/lotties/system-outline-126-verified.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":61,"w":500,"h":500,"nm":"126-verified-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-verified","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[6.109,-6.116],[-6.115,-6.108],[0,0],[-4.002,0],[-3.055,3.051],[0,0],[6.107,6.115],[6.115,-6.107],[0,0]],"o":[[-6.115,-6.107],[-6.107,6.116],[0,0],[3.056,3.052],[4.002,0],[0,0],[6.115,-6.108],[-6.109,-6.116],[0,0],[0,0]],"v":[[-69.803,-8.539],[-91.936,-8.526],[-91.922,13.607],[-39.704,65.762],[-28.644,70.339],[-17.584,65.762],[91.922,-43.616],[91.936,-65.749],[69.803,-65.762],[-28.644,32.57]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588238537,0.074509806931,0.192156866193,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[263.158,242.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[73.521,-47.165],[0,0],[0,0],[11.506,86.895],[0,0],[-39.84,20.453],[-33.146,-7.159]],"o":[[-11.51,86.919],[0,0],[0,0],[-73.503,-47.153],[0,0],[33.146,-7.159],[39.84,20.453],[0,0]],"v":[[149.277,-67.68],[15.49,143.298],[0,153.266],[-15.509,143.287],[-149.274,-67.655],[-154.479,-107.449],[0,-153.936],[154.479,-107.449]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.073,1.615],[32.173,20.107],[5.074,-3.172],[35.445,-7.092],[-1.068,-8.164],[0,0],[-81.252,-52.124],[0,0],[-2.944,0],[-2.579,1.66],[0,0],[-12.724,96.093],[0,0]],"o":[[-35.445,-7.092],[-5.074,-3.172],[-32.173,20.107],[-8.073,1.615],[0,0],[12.72,96.068],[0,0],[2.579,1.66],[2.944,0],[0,0],[81.27,-52.136],[0,0],[1.068,-8.164]],"v":[[174.946,-135.138],[8.294,-185.147],[-8.294,-185.147],[-174.946,-135.138],[-187.394,-117.763],[-180.307,-63.572],[-32.428,169.62],[-8.469,185.036],[0,187.526],[8.469,185.036],[32.409,169.632],[180.31,-63.596],[187.394,-117.763]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588238537,0.074509806931,0.192156866193,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[13.16,-7.817,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[137.654,-115.818],[-28.644,54.689],[-80.863,2.534]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588238537,0.074509806931,0.192156866193,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[0]},{"t":39,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[0]},{"t":39,"s":[26.2]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":25,"op":60,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.584],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":15.695,"s":[77]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":36.752,"s":[-25]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":52.188,"s":[8]},{"t":60,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.281,"y":1},"o":{"x":0.333,"y":0},"t":15.695,"s":[249.783,113.999,0],"to":[0,8.667,0],"ti":[0,4.667,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[249.783,165.999,0],"to":[0,-4.667,0],"ti":[0,8.667,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":42.541,"s":[249.783,85.999,0],"to":[0,-8.667,0],"ti":[0,-4.667,0]},{"t":52.1875,"s":[249.783,113.999,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-0.215,-136.005,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.807},"o":{"x":0.333,"y":0},"t":15.695,"s":[{"i":[[0,0],[0,0],[8.87,-28.834],[42.606,0],[0,0],[0,0],[0,0],[-42.127,45.088],[0,0],[-40.99,1.371]],"o":[[0,0],[16.136,17.513],[-9.413,30.597],[0,0],[0,0],[0,0],[-77.329,0.092],[0,0],[0,0],[39.509,-0.629]],"v":[[64.622,-188.295],[64.244,-188.35],[78.727,-109.993],[-0.255,-53.189],[0.097,-53.125],[0.089,-53.125],[-0.314,-53.189],[-63.37,-190.092],[-63.377,-190.045],[-0.007,-218.875]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.193},"t":21.746,"s":[{"i":[[0,0],[0,0],[12.256,-30.674],[42.668,-8.454],[0,0],[0,0],[0,0],[-25.502,59.236],[0,0],[-73.493,5.608]],"o":[[0,0],[9.535,24.634],[-14.097,34.46],[0,0],[0,0],[0,0],[-77.329,-15.207],[0,0],[0,0],[67.007,-0.392]],"v":[[94.002,-151.387],[95.117,-150.643],[93.331,-61.263],[7.167,11.228],[0.136,8.492],[0.129,8.492],[-7.561,11.227],[-94.511,-151.847],[-94.64,-152.329],[-0.005,-204.437]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":30,"s":[{"i":[[0,0],[0,0],[19.891,-34.822],[42.806,-27.519],[0,0],[0,0],[0,0],[15.895,90.546],[0,0],[-41.666,26.039]],"o":[[0,0],[-6.33,40.555],[-24.661,43.173],[0,0],[0,0],[0,0],[-77.33,-49.714],[0,0],[0,0],[41.667,26.039]],"v":[[183.699,-122.675],[175.269,-68.668],[126.269,48.638],[23.905,156.51],[0.007,171.873],[0,171.875],[-23.904,156.508],[-175.51,-64.584],[-184.963,-118.431],[0,-171.875]],"c":true}]},{"t":42.541015625,"s":[{"i":[[0,0],[0,0],[19.891,-34.822],[42.806,-27.519],[0,0],[0,0],[0,0],[11.993,91.145],[0,0],[-41.666,26.039]],"o":[[0,0],[-5.353,40.695],[-24.661,43.173],[0,0],[0,0],[0,0],[-77.33,-49.714],[0,0],[0,0],[41.667,26.039]],"v":[[171.875,-119.795],[164.746,-65.6],[126.269,48.638],[23.905,156.51],[0.007,171.873],[0,171.875],[-23.904,156.508],[-164.743,-65.592],[-171.875,-119.795],[0,-171.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588238537,0.074509806931,0.192156866193,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":16,"op":60,"st":-253,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[250,441,0],"to":[0,-54.5,0],"ti":[0,54.5,0]},{"t":15.6953125,"s":[250,114,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,-136,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[-10.416,0],[-0.936,-10.176],[0,-0.626],[11.046,0],[0,11.046],[-0.057,0.615]],"o":[[10.42,0],[0.056,0.611],[0,11.046],[-11.046,0],[0,-0.63],[0.942,-10.17]],"v":[[0,-100],[20.103,-81.856],[20,0],[0,20],[-20,0],[-20.102,-81.867]],"c":true}]},{"t":15.6953125,"s":[{"i":[[-43.112,0],[-4.042,-42.069],[0,-2.711],[45.84,0],[0,45.84],[-0.257,2.66]],"o":[[43.129,0],[0.254,2.644],[0,45.84],[-45.84,0],[0,-2.728],[4.065,-42.046]],"v":[[0,-83],[82.616,-8.036],[83,0],[0,83],[-83,0],[-82.611,-8.085]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588238537,0.074509806931,0.192156866193,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,-136],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":16,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-verified","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[6.109,-6.116],[-6.115,-6.108],[0,0],[-4.002,0],[-3.055,3.051],[0,0],[6.107,6.115],[6.115,-6.107],[0,0]],"o":[[-6.115,-6.107],[-6.107,6.116],[0,0],[3.056,3.052],[4.002,0],[0,0],[6.115,-6.108],[-6.109,-6.116],[0,0],[0,0]],"v":[[-69.803,-8.539],[-91.936,-8.526],[-91.922,13.607],[-39.704,65.762],[-28.644,70.339],[-17.584,65.762],[91.922,-43.616],[91.936,-65.749],[69.803,-65.762],[-28.644,32.57]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[263.158,242.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[73.521,-47.165],[0,0],[0,0],[11.506,86.895],[0,0],[-39.84,20.453],[-33.146,-7.159]],"o":[[-11.51,86.919],[0,0],[0,0],[-73.503,-47.153],[0,0],[33.146,-7.159],[39.84,20.453],[0,0]],"v":[[149.277,-67.68],[15.49,143.298],[0,153.266],[-15.509,143.287],[-149.274,-67.655],[-154.479,-107.449],[0,-153.936],[154.479,-107.449]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.073,1.615],[32.173,20.107],[5.074,-3.172],[35.445,-7.092],[-1.068,-8.164],[0,0],[-81.252,-52.124],[0,0],[-2.944,0],[-2.579,1.66],[0,0],[-12.724,96.093],[0,0]],"o":[[-35.445,-7.092],[-5.074,-3.172],[-32.173,20.107],[-8.073,1.615],[0,0],[12.72,96.068],[0,0],[2.579,1.66],[2.944,0],[0,0],[81.27,-52.136],[0,0],[1.068,-8.164]],"v":[[174.946,-135.138],[8.294,-185.147],[-8.294,-185.147],[-174.946,-135.138],[-187.394,-117.763],[-180.307,-63.572],[-32.428,169.62],[-8.469,185.036],[0,187.526],[8.469,185.036],[32.409,169.632],[180.31,-63.596],[187.394,-117.763]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[6.109,-6.116],[-6.115,-6.108],[0,0],[-4.002,0],[-3.055,3.051],[0,0],[6.107,6.115],[6.115,-6.107],[0,0]],"o":[[-6.115,-6.107],[-6.107,6.116],[0,0],[3.056,3.052],[4.002,0],[0,0],[6.115,-6.108],[-6.109,-6.116],[0,0],[0,0]],"v":[[-69.803,-8.539],[-91.936,-8.526],[-91.922,13.607],[-39.704,65.762],[-28.644,70.339],[-17.584,65.762],[91.922,-43.616],[91.936,-65.749],[69.803,-65.762],[-28.644,32.57]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[263.158,242.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[73.521,-47.165],[0,0],[0,0],[11.506,86.895],[0,0],[-39.84,20.453],[-33.146,-7.159]],"o":[[-11.51,86.919],[0,0],[0,0],[-73.503,-47.153],[0,0],[33.146,-7.159],[39.84,20.453],[0,0]],"v":[[149.277,-67.68],[15.49,143.298],[0,153.266],[-15.509,143.287],[-149.274,-67.655],[-154.479,-107.449],[0,-153.936],[154.479,-107.449]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.073,1.615],[32.173,20.107],[5.074,-3.172],[35.445,-7.092],[-1.068,-8.164],[0,0],[-81.252,-52.124],[0,0],[-2.944,0],[-2.579,1.66],[0,0],[-12.724,96.093],[0,0]],"o":[[-35.445,-7.092],[-5.074,-3.172],[-32.173,20.107],[-8.073,1.615],[0,0],[12.72,96.068],[0,0],[2.579,1.66],[2.944,0],[0,0],[81.27,-52.136],[0,0],[1.068,-8.164]],"v":[[174.946,-135.138],[8.294,-185.147],[-8.294,-185.147],[-174.946,-135.138],[-187.394,-117.763],[-180.307,-63.572],[-32.428,169.62],[-8.469,185.036],[0,187.526],[8.469,185.036],[32.409,169.632],[180.31,-63.596],[187.394,-117.763]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.131],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.628],"y":[0]},"t":30,"s":[27]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":46,"s":[-11]},{"t":60,"s":[0]}],"ix":10},"p":{"a":0,"k":[249.998,250.004,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.131,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0],[77.333,-49.716],[0,0],[0,0],[0,0],[11.993,91.145],[0,0],[-41.666,26.039]],"o":[[0,0],[-11.99,91.149],[0,0],[0,0],[0,0],[-77.33,-49.714],[0,0],[0,0],[41.667,26.039]],"v":[[171.875,-119.795],[164.746,-65.6],[23.905,156.51],[0.007,171.873],[0,171.875],[-23.904,156.508],[-164.743,-65.592],[-171.875,-119.795],[0,-171.875]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.628,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[99.436,-63.925],[0,0],[0,0],[0,0],[15.421,117.196],[0,0],[-53.575,33.481]],"o":[[0,0],[-15.417,117.201],[0,0],[0,0],[0,0],[-99.432,-63.922],[0,0],[0,0],[53.576,33.481]],"v":[[191.412,-122.573],[182.245,-52.889],[1.15,232.704],[-29.579,252.458],[-29.588,252.46],[-60.324,232.701],[-241.417,-52.879],[-250.588,-122.573],[-29.588,-189.539]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":41.801,"s":[{"i":[[0,0],[0,0],[56.69,-36.445],[0,0],[0,0],[0,0],[8.792,66.816],[0,0],[-30.544,19.088]],"o":[[0,0],[-8.79,66.819],[0,0],[0,0],[0,0],[-56.688,-36.443],[0,0],[0,0],[30.545,19.088]],"v":[[125.996,-87.818],[120.77,-48.09],[17.524,114.733],[0.005,125.995],[0,125.996],[-17.523,114.731],[-120.768,-48.083],[-125.996,-87.818],[0,-125.996]],"c":true}]},{"t":60,"s":[{"i":[[0,0],[0,0],[77.333,-49.716],[0,0],[0,0],[0,0],[11.993,91.145],[0,0],[-41.666,26.039]],"o":[[0,0],[-11.99,91.149],[0,0],[0,0],[0,0],[-77.33,-49.714],[0,0],[0,0],[41.667,26.039]],"v":[[171.875,-119.795],[164.746,-65.6],[23.905,156.51],[0.007,171.873],[0,171.875],[-23.904,156.508],[-164.743,-65.592],[-171.875,-119.795],[0,-171.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":-239,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0.006,-0.001,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.157,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[153.363,-119.689],[-14.644,46.689],[-66.863,-5.466]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.6,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[167.916,-123.188],[-50.252,92.864],[-118.061,25.138]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":42,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[114.144,-89.081],[-10.899,34.749],[-49.764,-4.068]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[153.363,-119.689],[-14.644,46.689],[-66.863,-5.466]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('126-verified-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[100]},{"t":20,"s":[100],"h":1},{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":28,"s":[0]},{"t":60,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[26.2]},{"t":20,"s":[100],"h":1},{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":28,"s":[0]},{"t":60,"s":[26.2]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":1,"op":60,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-verified","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-verified","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-165-view-carousel.json b/frontend-next/public/lotties/system-outline-165-view-carousel.json
deleted file mode 100644
index 9cbde6944..000000000
--- a/frontend-next/public/lotties/system-outline-165-view-carousel.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":61,"w":500,"h":500,"nm":"165-view-carousel-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-carousel","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[2.856,0],[0,0],[0,0],[0,0],[0,-2.856]],"o":[[0,2.862],[0,0],[0,0],[0,0],[2.856,0],[0,0]],"v":[[177.06,88.542],[171.88,93.732],[125.028,93.732],[125.028,-93.718],[171.88,-93.718],[177.06,-88.538]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[2.858,0],[0,0],[0,2.858],[0,0],[0,0.013],[0,0.013],[0,0],[0,0.013],[0,0.013],[0,0],[-2.858,0],[0,0],[0,-2.858]],"o":[[0,2.858],[0,0],[-2.858,0],[0,0],[0,-0.013],[0,-0.013],[0,0],[0,-0.013],[0,-0.013],[0,0],[0,-2.858],[0,0],[2.858,0],[0,0]],"v":[[93.728,130.212],[88.544,135.395],[-88.538,135.395],[-93.722,130.212],[-93.722,109.421],[-93.72,109.382],[-93.722,109.343],[-93.722,-109.329],[-93.72,-109.368],[-93.722,-109.407],[-93.722,-130.206],[-88.538,-135.39],[88.544,-135.39],[93.728,-130.206]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,2.862],[0,0],[-2.861,0],[0,0],[0,0]],"o":[[-2.861,0],[0,0],[0,-2.856],[0,0],[0,0],[0,0]],"v":[[-171.87,93.732],[-177.06,88.542],[-177.06,-88.538],[-171.87,-93.718],[-125.022,-93.718],[-125.022,93.732]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[20.115,0],[0,0],[0,0],[20.117,0],[0,0],[0,-20.117],[0,0],[0,0],[0,-20.115],[0,0],[-20.12,0],[0,0],[0,0],[-20.117,0],[0,0],[0,20.117],[0,0],[0,0],[0,20.121],[0,0]],"o":[[0,0],[0,0],[0,-20.117],[0,0],[-20.117,0],[0,0],[0,0],[-20.12,0],[0,0],[0,20.121],[0,0],[0,0],[0,20.117],[0,0],[20.117,0],[0,0],[0,0],[20.115,0],[0,0],[0,-20.115]],"v":[[171.88,-125.018],[125.028,-125.018],[125.028,-130.206],[88.544,-166.69],[-88.538,-166.69],[-125.022,-130.206],[-125.022,-125.018],[-171.87,-125.018],[-208.36,-88.538],[-208.36,88.542],[-171.87,125.032],[-125.022,125.032],[-125.022,130.212],[-88.538,166.695],[88.544,166.695],[125.028,130.212],[125.028,125.032],[171.88,125.032],[208.36,88.542],[208.36,-88.538]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":47,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.17,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[0.007,-5.179],[-0.007,-5.179],[-20.841,15.655],[-20.841,183.184],[-0.007,204.018],[0.007,204.018],[20.841,183.184],[20.841,15.655]],"c":true}]},{"t":30,"s":[{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[88.541,-151.042],[-88.541,-151.042],[-109.375,-130.209],[-109.375,130.209],[-88.541,151.042],[88.541,151.042],[109.375,130.209],[109.375,-130.209]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":1,"op":47,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[158.997,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.17,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[-92.066,-3.857],[-92.368,-3.749],[-113.202,17.084],[-113.454,185.46],[-92.621,206.293],[-92.319,206.186],[-71.485,185.352],[-71.233,16.976]],"c":true}]},{"t":47,"s":[{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[81.291,-108.915],[-33.291,-108.915],[-54.125,-88.081],[-54.125,89.003],[-33.291,109.836],[81.291,109.836],[102.125,89.003],[102.125,-88.081]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.688],"y":[0.857]},"o":{"x":[0.364],"y":[0.014]},"t":7,"s":[21]},{"i":{"x":[0.618],"y":[0.11]},"o":{"x":[0.323],"y":[0.82]},"t":9,"s":[25.025]},{"i":{"x":[0.576],"y":[0.802]},"o":{"x":[0.263],"y":[0.837]},"t":13,"s":[26.481]},{"i":{"x":[0.462],"y":[1]},"o":{"x":[0.176],"y":[-0.167]},"t":18,"s":[27.812]},{"t":47,"s":[24]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.17],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[63]},{"t":47,"s":[74]}],"ix":2},"o":{"a":0,"k":122,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":7,"op":47,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[364.587,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.17,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[-114.066,-3.901],[-114.368,-3.793],[-135.202,17.041],[-135.454,185.417],[-114.621,206.25],[-114.319,206.142],[-93.485,185.309],[-93.233,16.933]],"c":true}]},{"t":47,"s":[{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[57.291,-109.376],[-57.291,-109.376],[-78.125,-88.542],[-78.125,88.542],[-57.291,109.376],[57.291,109.376],[78.125,88.542],[78.125,-88.542]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.688],"y":[0.815]},"o":{"x":[0.364],"y":[0.028]},"t":7,"s":[19]},{"i":{"x":[0.618],"y":[0.54]},"o":{"x":[0.323],"y":[0.627]},"t":9,"s":[23.609]},{"i":{"x":[0.576],"y":[3.937]},"o":{"x":[0.263],"y":[-5.335]},"t":13,"s":[26.437]},{"i":{"x":[0.462],"y":[1]},"o":{"x":[0.176],"y":[-6.536]},"t":18,"s":[26.227]},{"t":47,"s":[26]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.17],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[62]},{"t":47,"s":[74]}],"ix":2},"o":{"a":0,"k":121,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":7,"op":47,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-carousel","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[2.856,0],[0,0],[0,0],[0,0],[0,-2.856]],"o":[[0,2.862],[0,0],[0,0],[0,0],[2.856,0],[0,0]],"v":[[177.06,88.542],[171.88,93.732],[125.028,93.732],[125.028,-93.718],[171.88,-93.718],[177.06,-88.538]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[2.858,0],[0,0],[0,2.858],[0,0],[0,0.013],[0,0.013],[0,0],[0,0.013],[0,0.013],[0,0],[-2.858,0],[0,0],[0,-2.858]],"o":[[0,2.858],[0,0],[-2.858,0],[0,0],[0,-0.013],[0,-0.013],[0,0],[0,-0.013],[0,-0.013],[0,0],[0,-2.858],[0,0],[2.858,0],[0,0]],"v":[[93.728,130.212],[88.544,135.395],[-88.538,135.395],[-93.722,130.212],[-93.722,109.421],[-93.72,109.382],[-93.722,109.343],[-93.722,-109.329],[-93.72,-109.368],[-93.722,-109.407],[-93.722,-130.206],[-88.538,-135.39],[88.544,-135.39],[93.728,-130.206]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,2.862],[0,0],[-2.861,0],[0,0],[0,0]],"o":[[-2.861,0],[0,0],[0,-2.856],[0,0],[0,0],[0,0]],"v":[[-171.87,93.732],[-177.06,88.542],[-177.06,-88.538],[-171.87,-93.718],[-125.022,-93.718],[-125.022,93.732]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[20.115,0],[0,0],[0,0],[20.117,0],[0,0],[0,-20.117],[0,0],[0,0],[0,-20.115],[0,0],[-20.12,0],[0,0],[0,0],[-20.117,0],[0,0],[0,20.117],[0,0],[0,0],[0,20.121],[0,0]],"o":[[0,0],[0,0],[0,-20.117],[0,0],[-20.117,0],[0,0],[0,0],[-20.12,0],[0,0],[0,20.121],[0,0],[0,0],[0,20.117],[0,0],[20.117,0],[0,0],[0,0],[20.115,0],[0,0],[0,-20.115]],"v":[[171.88,-125.018],[125.028,-125.018],[125.028,-130.206],[88.544,-166.69],[-88.538,-166.69],[-125.022,-130.206],[-125.022,-125.018],[-171.87,-125.018],[-208.36,-88.538],[-208.36,88.542],[-171.87,125.032],[-125.022,125.032],[-125.022,130.212],[-88.538,166.695],[88.544,166.695],[125.028,130.212],[125.028,125.032],[171.88,125.032],[208.36,88.542],[208.36,-88.538]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":55,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[2.856,0],[0,0],[0,0],[0,0],[0,-2.856]],"o":[[0,2.862],[0,0],[0,0],[0,0],[2.856,0],[0,0]],"v":[[177.06,88.542],[171.88,93.732],[125.028,93.732],[125.028,-93.718],[171.88,-93.718],[177.06,-88.538]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[2.858,0],[0,0],[0,2.858],[0,0],[0,0.013],[0,0.013],[0,0],[0,0.013],[0,0.013],[0,0],[-2.858,0],[0,0],[0,-2.858]],"o":[[0,2.858],[0,0],[-2.858,0],[0,0],[0,-0.013],[0,-0.013],[0,0],[0,-0.013],[0,-0.013],[0,0],[0,-2.858],[0,0],[2.858,0],[0,0]],"v":[[93.728,130.212],[88.544,135.395],[-88.538,135.395],[-93.722,130.212],[-93.722,109.421],[-93.72,109.382],[-93.722,109.343],[-93.722,-109.329],[-93.72,-109.368],[-93.722,-109.407],[-93.722,-130.206],[-88.538,-135.39],[88.544,-135.39],[93.728,-130.206]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,2.862],[0,0],[-2.861,0],[0,0],[0,0]],"o":[[-2.861,0],[0,0],[0,-2.856],[0,0],[0,0],[0,0]],"v":[[-171.87,93.732],[-177.06,88.542],[-177.06,-88.538],[-171.87,-93.718],[-125.022,-93.718],[-125.022,93.732]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[20.115,0],[0,0],[0,0],[20.117,0],[0,0],[0,-20.117],[0,0],[0,0],[0,-20.115],[0,0],[-20.12,0],[0,0],[0,0],[-20.117,0],[0,0],[0,20.117],[0,0],[0,0],[0,20.121],[0,0]],"o":[[0,0],[0,0],[0,-20.117],[0,0],[-20.117,0],[0,0],[0,0],[-20.12,0],[0,0],[0,20.121],[0,0],[0,0],[0,20.117],[0,0],[20.117,0],[0,0],[0,0],[20.115,0],[0,0],[0,-20.115]],"v":[[171.88,-125.018],[125.028,-125.018],[125.028,-130.206],[88.544,-166.69],[-88.538,-166.69],[-125.022,-130.206],[-125.022,-125.018],[-171.87,-125.018],[-208.36,-88.538],[-208.36,88.542],[-171.87,125.032],[-125.022,125.032],[-125.022,130.212],[-88.538,166.695],[88.544,166.695],[125.028,130.212],[125.028,125.032],[171.88,125.032],[208.36,88.542],[208.36,-88.538]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.77,"y":0},"t":1,"s":[158.997,250.003,0],"to":[-11.333,0,0],"ti":[-15.167,0,0]},{"i":{"x":0.159,"y":1},"o":{"x":0.407,"y":0},"t":17,"s":[90.997,250.003,0],"to":[7.313,0,0],"ti":[-13.722,0,0]},{"t":55,"s":[249.997,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"t":1,"s":[{"i":[[11.506,0],[0,0],[0,0],[3.77,-3.77],[0,-5.753],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[0,0],[-5.753,0],[-3.77,3.77],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[81.291,-108.915],[24,-108.915],[-33.291,-108.915],[-48.023,-102.813],[-54.125,-88.081],[-54.125,89.003],[-33.291,109.836],[81.291,109.836],[102.125,89.003],[102.125,-88.081]],"c":true}],"h":1},{"i":{"x":0.833,"y":0.859},"o":{"x":0.333,"y":0},"t":2.18,"s":[{"i":[[-10.5,0],[-33,0],[0,0],[0,-11.506],[0,0],[10.599,-0.506],[31.5,0],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.33,0],[14.039,-0.421],[0,0],[0,11.505],[0,0],[-32,0],[-10,-0.837],[0,0],[0,-9.675]],"v":[[-34.003,-109.325],[18.497,-109.489],[79.459,-109.409],[100.997,-87.576],[100.997,88.342],[80.898,109.181],[18.497,109.193],[-34.503,109.76],[-55.503,92.484],[-55.503,-91.976]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.141},"t":4.539,"s":[{"i":[[-10.707,0.102],[-33.475,1.617],[0,0],[0,-11.506],[0,0],[11.602,0.847],[31.916,1.156],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.272,-1.173],[14.232,-0.984],[0,0],[0,11.505],[0,0],[-32.538,-0.824],[-10.206,-0.926],[0,0],[0,-9.675]],"v":[[-32.567,-109.991],[23.211,-112.208],[83.578,-115.094],[105.014,-93.835],[105.196,92.407],[84.952,115.024],[22.77,112.067],[-33.068,110.27],[-53.988,92.985],[-53.988,-92.637]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[-11.32,0.404],[-29.19,6.404],[0,0],[0,-11.506],[0,0],[12.597,4.854],[27.72,4.58],[0,0],[0,9.673],[0,0]],"o":[[0,0],[24.953,-4.645],[12.385,-2.651],[0,0],[0,11.505],[0,0],[-28.6,-3.263],[-10.817,-1.188],[0,0],[0,-9.675]],"v":[[-28.317,-111.962],[31.476,-120.26],[79.82,-131.925],[97.307,-112.367],[97.997,104.443],[80.768,132.323],[29.803,120.575],[-28.819,111.778],[-49.503,94.468],[-49.503,-94.593]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[-9.013,0.807],[-17.317,12.809],[0,0],[0,-11.506],[0,0],[11.116,10.214],[16.283,9.16],[0,0],[0,9.673],[0,0]],"o":[[0,0],[12.683,-9.289],[7.31,-4.881],[0,0],[0,11.505],[0,0],[-17.3,-6.527],[-8.646,-1.539],[0,0],[0,-9.675]],"v":[[7.243,-114.557],[57.814,-130.99],[80.187,-154.399],[88.793,-137.117],[89.982,120.584],[80.382,155.507],[54.93,131.999],[6.876,113.837],[-10.503,96.493],[-10.503,-97.168]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[-7.525,1.615],[-1.633,25.617],[0,0],[0,-11.506],[0,0],[-6.935,3.293],[1.067,18.321],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-9.023,-16.317],[-6.728,1.014],[0,0],[0,11.505],[0,0],[-2.6,-13.053],[-7.292,-2.239],[0,0],[0,-9.675]],"v":[[0.489,-118.579],[59.13,-154.283],[32.725,-168.179],[22.399,-155.812],[24.967,153.672],[41.432,165.042],[58.93,144.014],[0.256,119.124],[-13.503,101.711],[-13.503,-101.15]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19.873,"s":[{"i":[[-6.038,2.422],[8.3,17.524],[0,0],[0,-11.506],[0,0],[-6.249,-3.706],[-24.4,30.92],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-28.7,-24.476],[-7.161,4.779],[0,0],[0,11.505],[0,0],[12.1,-19.58],[-5.938,-2.94],[0,0],[0,-9.675]],"v":[[25.735,-123.553],[61.197,-154.527],[-29.141,-161.911],[-41.9,-139.278],[-36.9,138.74],[-24.654,160.375],[60.897,155.077],[25.635,123.459],[15.497,105.977],[15.497,-106.084]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[-4.922,3.028],[15.827,9.377],[0,0],[0,-11.506],[0,0],[-10.461,-4.506],[-34,22.494],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-37,-21.921],[-12.461,6.079],[0,0],[0,11.505],[0,0],[24.637,-16.3],[-4.922,-3.466],[0,0],[0,-9.675]],"v":[[42.419,-127.031],[57.997,-160.082],[-64.541,-153.082],[-85.875,-130.248],[-85.875,130.169],[-65.541,152.003],[54.497,161.003],[42.419,126.963],[34.997,109.43],[34.997,-109.531]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[-1.776,2.595],[23.373,8.037],[0,0],[0,-11.506],[0,0],[-10.611,-3.862],[-41.925,18.346],[0,0],[0,9.935],[0,0]],"o":[[0,0],[-44.2,-18.355],[-12.325,5.211],[0,0],[0,11.505],[0,0],[31.73,-13.971],[-1.776,-2.971],[0,0],[0,-9.936]],"v":[[58.47,-130.461],[59.054,-159.208],[-67.97,-152.791],[-89.232,-130.243],[-89.232,130.175],[-68.827,151.866],[56.422,159.163],[58.47,130.403],[56.711,112.398],[56.711,-112.485]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[6.089,1.514],[42.238,4.688],[0,0],[0,-11.506],[0,0],[-10.984,-2.253],[-61.736,7.974],[0,0],[0,10.589],[0,0]],"o":[[0,0],[-62.199,-9.441],[-11.984,3.04],[0,0],[0,11.505],[0,0],[49.46,-8.15],[6.089,-1.733],[0,0],[0,-10.591]],"v":[[98.595,-139.037],[30.196,-155.562],[-76.541,-152.062],[-97.625,-130.229],[-97.625,130.189],[-77.041,151.523],[29.733,156.023],[98.595,139.003],[110.997,119.819],[110.997,-119.87]],"c":true}]},{"i":{"x":0.25,"y":1},"o":{"x":0.167,"y":0.167},"t":34.428,"s":[{"i":[[8.754,0.899],[38.858,0.619],[0,0],[0,-11.506],[0,0],[-11.208,-1.286],[-49.166,1.112],[0,0],[0,11.425],[0,0]],"o":[[0,0],[-47.257,-0.753],[-11.779,1.735],[0,0],[0,11.505],[0,0],[44.834,-0.888],[8.754,-1.029],[0,0],[0,-11.427]],"v":[[93.957,-150.003],[16.803,-153.622],[-81.693,-151.624],[-102.669,-130.22],[-102.669,130.198],[-81.978,151.316],[17.827,153.885],[93.957,149.984],[110.624,129.29],[110.624,-129.319]],"c":true}]},{"t":47.28515625,"s":[{"i":[[11.506,0],[29.848,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[-30.18,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-29.179,0],[-11.506,0],[0,0],[0,11.505],[0,0],[28.848,0],[11.506,0],[0,0],[0,-11.506]],"v":[[88.541,-151.042],[-1.003,-151.042],[-88.541,-151.042],[-109.375,-130.209],[-109.375,130.209],[-88.541,151.042],[1.997,151.042],[88.541,151.042],[109.375,130.209],[109.375,-130.209]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"t":1,"s":[24],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":3,"s":[24]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[17]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[15]},{"t":9,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"t":1,"s":[74],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":3,"s":[74]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[83]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[85]},{"t":9,"s":[100]}],"ix":2},"o":{"a":1,"k":[{"t":1,"s":[122],"h":1},{"t":3,"s":[302],"h":1}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":29,"op":55,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[250.003,250.003,0],"to":[19.333,0,0],"ti":[-19.333,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0.333},"t":17.514,"s":[366.003,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.23,"y":1},"o":{"x":0.167,"y":0.167},"t":30.486,"s":[366.003,250.003,0],"to":[-4.167,0,0],"ti":[4.167,0,0]},{"t":47,"s":[341.003,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":14,"s":[{"i":[[0,-11.506],[0,0]],"o":[[0,0],[0,11.505]],"v":[[71.259,-144.472],[71.259,140.945]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":17,"s":[{"i":[[0,-11.506],[0,0]],"o":[[0,0],[0,11.505]],"v":[[63.259,-151.942],[64.259,148.476]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25,"s":[{"i":[[0,-11.506],[0,0]],"o":[[0,0],[0,11.505]],"v":[[63.259,-151.942],[61.259,148.476]],"c":false}]},{"t":28,"s":[{"i":[[0,-11.506],[0,0]],"o":[[0,0],[0,11.505]],"v":[[48.259,-151.881],[51.259,147.537]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":13,"op":29,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[250.003,250.003,0],"to":[19.333,0,0],"ti":[-19.333,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0.333},"t":17.514,"s":[366.003,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.23,"y":1},"o":{"x":0.167,"y":0.167},"t":30.486,"s":[366.003,250.003,0],"to":[-4.167,0,0],"ti":[4.167,0,0]},{"t":47,"s":[341.003,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[11.506,0],[29.848,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[-30.18,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-29.179,0],[-11.506,0],[0,0],[0,11.505],[0,0],[28.848,0],[11.506,0],[0,0],[0,-11.506]],"v":[[88.541,-151.042],[-1.003,-151.042],[-88.541,-151.042],[-109.375,-130.209],[-109.375,130.209],[-88.541,151.042],[1.997,151.042],[88.541,151.042],[109.375,130.209],[109.375,-130.209]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":6.896,"s":[{"i":[[7.637,1.081],[38.698,3.349],[0,0],[0,-11.506],[0,0],[-11.133,-1.609],[-52.72,5.696],[0,0],[0,10.851],[0,0]],"o":[[0,0],[-52.765,-6.743],[-11.848,2.171],[0,0],[0,11.505],[0,0],[43.571,-5.821],[7.637,-1.238],[0,0],[0,-10.852]],"v":[[106.723,-142.676],[20.996,-159.271],[-79.97,-151.771],[-100.982,-130.223],[-100.982,130.195],[-80.327,151.385],[22.05,158.6],[106.723,142.233],[121.534,122.578],[121.534,-123.033]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":9.256,"s":[{"i":[[6.089,1.514],[42.238,4.688],[0,0],[0,-11.506],[0,0],[-10.984,-2.253],[-61.736,7.974],[0,0],[0,10.589],[0,0]],"o":[[0,0],[-62.199,-9.441],[-11.984,3.04],[0,0],[0,11.505],[0,0],[49.46,-8.15],[6.089,-1.733],[0,0],[0,-10.591]],"v":[[98.595,-139.037],[30.196,-155.562],[-76.541,-152.062],[-97.625,-130.229],[-97.625,130.189],[-77.041,151.523],[29.733,156.023],[98.595,139.003],[110.997,119.819],[110.997,-119.87]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15.154,"s":[{"i":[[-1.776,2.595],[23.373,8.037],[0,0],[0,-11.506],[0,0],[-10.611,-3.862],[-41.925,18.346],[0,0],[0,9.935],[0,0]],"o":[[0,0],[-44.2,-18.355],[-12.325,5.211],[0,0],[0,11.505],[0,0],[31.73,-13.971],[-1.776,-2.971],[0,0],[0,-9.936]],"v":[[58.47,-130.461],[59.054,-159.208],[-67.97,-152.791],[-89.232,-130.243],[-89.232,130.175],[-68.827,151.866],[56.422,159.163],[58.47,130.403],[56.711,112.398],[56.711,-112.485]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":17.514,"s":[{"i":[[-4.922,3.028],[15.827,9.377],[0,0],[0,-11.506],[0,0],[-10.461,-4.506],[-34,22.494],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-37,-21.921],[-12.461,6.079],[0,0],[0,11.505],[0,0],[24.637,-16.3],[-4.922,-3.466],[0,0],[0,-9.675]],"v":[[42.419,-127.031],[57.997,-160.082],[-64.541,-153.082],[-85.875,-130.248],[-85.875,130.169],[-65.541,152.003],[54.497,161.003],[42.419,126.963],[34.997,109.43],[34.997,-109.531]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21.051,"s":[{"i":[[-6.038,2.422],[8.3,17.524],[0,0],[0,-11.506],[0,0],[-6.249,-3.706],[-24.4,30.92],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-28.7,-24.476],[-7.161,4.779],[0,0],[0,11.505],[0,0],[12.1,-19.58],[-5.938,-2.94],[0,0],[0,-9.675]],"v":[[25.735,-123.553],[61.197,-154.527],[-29.141,-161.911],[-41.9,-139.278],[-36.9,138.74],[-24.654,160.375],[60.897,155.077],[25.635,123.459],[15.497,105.977],[15.497,-106.084]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.77,"s":[{"i":[[-7.525,1.615],[-1.633,25.617],[0,0],[0,-11.506],[0,0],[-6.935,3.293],[1.067,18.321],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-9.023,-16.317],[-6.728,1.014],[0,0],[0,11.505],[0,0],[-2.6,-13.053],[-7.292,-2.239],[0,0],[0,-9.675]],"v":[[3.489,-118.917],[62.13,-154.62],[35.725,-168.517],[25.399,-156.15],[27.967,153.335],[44.432,164.704],[61.93,143.676],[3.256,118.787],[-10.503,101.373],[-10.503,-101.487]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30.486,"s":[{"i":[[-9.013,0.807],[-17.317,12.809],[0,0],[0,-11.506],[0,0],[11.116,10.214],[16.283,9.16],[0,0],[0,9.673],[0,0]],"o":[[0,0],[12.683,-9.289],[7.31,-4.881],[0,0],[0,11.505],[0,0],[-17.3,-6.527],[-8.646,-1.539],[0,0],[0,-9.675]],"v":[[-18.757,-114.28],[31.814,-130.714],[54.187,-154.122],[62.793,-136.84],[63.982,120.861],[54.382,155.784],[28.93,132.276],[-19.124,114.114],[-36.503,96.77],[-36.503,-96.891]],"c":true}]},{"i":{"x":0.833,"y":0.859},"o":{"x":0.167,"y":0.167},"t":32.846,"s":[{"i":[[-11.32,0.404],[-29.19,6.404],[0,0],[0,-11.506],[0,0],[12.597,4.854],[27.72,4.58],[0,0],[0,9.673],[0,0]],"o":[[0,0],[24.953,-4.645],[12.385,-2.651],[0,0],[0,11.505],[0,0],[-28.6,-3.263],[-10.817,-1.188],[0,0],[0,-9.675]],"v":[[-28.317,-111.962],[31.476,-120.26],[79.82,-131.925],[97.307,-112.367],[97.997,104.443],[80.768,132.323],[29.803,120.575],[-28.819,111.778],[-49.503,94.468],[-49.503,-94.593]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.141},"t":36.385,"s":[{"i":[[-10.707,0.102],[-33.475,1.617],[0,0],[0,-11.506],[0,0],[11.602,0.847],[31.916,1.156],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.272,-1.173],[14.232,-0.984],[0,0],[0,11.505],[0,0],[-32.538,-0.824],[-10.206,-0.926],[0,0],[0,-9.675]],"v":[[-32.567,-109.991],[23.211,-112.208],[83.578,-115.094],[105.014,-93.835],[105.196,92.407],[84.952,115.024],[22.77,112.067],[-33.068,110.27],[-53.988,92.985],[-53.988,-92.637]],"c":true}]},{"t":38.744,"s":[{"i":[[-10.5,0],[-33,0],[0,0],[0,-11.506],[0,0],[10.599,-0.506],[31.5,0],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.33,0],[14.039,-0.421],[0,0],[0,11.505],[0,0],[-32,0],[-10,-0.837],[0,0],[0,-9.675]],"v":[[-34.003,-109.325],[18.497,-109.489],[79.459,-109.409],[100.997,-87.576],[100.997,88.342],[80.898,109.181],[18.497,109.193],[-34.503,109.76],[-55.503,92.484],[-55.503,-91.976]],"c":true}],"h":1},{"t":39.923828125,"s":[{"i":[[11.506,0],[0,0],[0,0],[3.77,-3.77],[0,-5.753],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[0,0],[-5.753,0],[-3.77,3.77],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[81.291,-108.915],[24,-108.915],[-33.291,-108.915],[-48.023,-102.813],[-54.125,-88.081],[-54.125,89.003],[-33.291,109.836],[81.291,109.836],[102.125,89.003],[102.125,-88.081]],"c":true}],"h":1}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"t":33,"s":[0],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":34,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":39,"s":[5]},{"i":{"x":[0.569],"y":[0.704]},"o":{"x":[0.203],"y":[0.107]},"t":40,"s":[5]},{"i":{"x":[0.703],"y":[1]},"o":{"x":[0.317],"y":[0.743]},"t":45,"s":[8.155]},{"t":55,"s":[10]}],"ix":1},"e":{"a":1,"k":[{"t":33,"s":[100],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":34,"s":[68]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":39,"s":[62]},{"i":{"x":[0.569],"y":[0.83]},"o":{"x":[0.203],"y":[0.062]},"t":40,"s":[62]},{"i":{"x":[0.703],"y":[1]},"o":{"x":[0.317],"y":[-2.808]},"t":45,"s":[58.707]},{"t":55,"s":[59]}],"ix":2},"o":{"a":1,"k":[{"t":39,"s":[0],"h":1},{"t":40,"s":[-182],"h":1}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":29,"op":55,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[250.003,250.003,0],"to":[19.333,0,0],"ti":[-19.333,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0.333},"t":17.514,"s":[366.003,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.23,"y":1},"o":{"x":0.167,"y":0.167},"t":30.486,"s":[366.003,250.003,0],"to":[-4.167,0,0],"ti":[4.167,0,0]},{"t":47,"s":[341.003,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[11.506,0],[29.848,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[-30.18,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-29.179,0],[-11.506,0],[0,0],[0,11.505],[0,0],[28.848,0],[11.506,0],[0,0],[0,-11.506]],"v":[[88.541,-151.042],[-1.003,-151.042],[-88.541,-151.042],[-109.375,-130.209],[-109.375,130.209],[-88.541,151.042],[1.997,151.042],[88.541,151.042],[109.375,130.209],[109.375,-130.209]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":6.896,"s":[{"i":[[7.637,1.081],[38.698,3.349],[0,0],[0,-11.506],[0,0],[-11.133,-1.609],[-52.72,5.696],[0,0],[0,10.851],[0,0]],"o":[[0,0],[-52.765,-6.743],[-11.848,2.171],[0,0],[0,11.505],[0,0],[43.571,-5.821],[7.637,-1.238],[0,0],[0,-10.852]],"v":[[106.723,-142.676],[20.996,-159.271],[-79.97,-151.771],[-100.982,-130.223],[-100.982,130.195],[-80.327,151.385],[22.05,158.6],[106.723,142.233],[121.534,122.578],[121.534,-123.033]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":9.256,"s":[{"i":[[6.089,1.514],[42.238,4.688],[0,0],[0,-11.506],[0,0],[-10.984,-2.253],[-61.736,7.974],[0,0],[0,10.589],[0,0]],"o":[[0,0],[-62.199,-9.441],[-11.984,3.04],[0,0],[0,11.505],[0,0],[49.46,-8.15],[6.089,-1.733],[0,0],[0,-10.591]],"v":[[98.595,-139.037],[30.196,-155.562],[-76.541,-152.062],[-97.625,-130.229],[-97.625,130.189],[-77.041,151.523],[29.733,156.023],[98.595,139.003],[110.997,119.819],[110.997,-119.87]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15.154,"s":[{"i":[[-1.776,2.595],[23.373,8.037],[0,0],[0,-11.506],[0,0],[-10.611,-3.862],[-41.925,18.346],[0,0],[0,9.935],[0,0]],"o":[[0,0],[-44.2,-18.355],[-12.325,5.211],[0,0],[0,11.505],[0,0],[31.73,-13.971],[-1.776,-2.971],[0,0],[0,-9.936]],"v":[[58.47,-130.461],[59.054,-159.208],[-67.97,-152.791],[-89.232,-130.243],[-89.232,130.175],[-68.827,151.866],[56.422,159.163],[58.47,130.403],[56.711,112.398],[56.711,-112.485]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":17.514,"s":[{"i":[[-4.922,3.028],[15.827,9.377],[0,0],[0,-11.506],[0,0],[-10.461,-4.506],[-34,22.494],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-37,-21.921],[-12.461,6.079],[0,0],[0,11.505],[0,0],[24.637,-16.3],[-4.922,-3.466],[0,0],[0,-9.675]],"v":[[42.419,-127.031],[57.997,-160.082],[-64.541,-153.082],[-85.875,-130.248],[-85.875,130.169],[-65.541,152.003],[54.497,161.003],[42.419,126.963],[34.997,109.43],[34.997,-109.531]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21.051,"s":[{"i":[[-6.038,2.422],[8.3,17.524],[0,0],[0,-11.506],[0,0],[-6.249,-3.706],[-24.4,30.92],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-28.7,-24.476],[-7.161,4.779],[0,0],[0,11.505],[0,0],[12.1,-19.58],[-5.938,-2.94],[0,0],[0,-9.675]],"v":[[25.735,-123.553],[61.197,-154.527],[-29.141,-161.911],[-41.9,-139.278],[-36.9,138.74],[-24.654,160.375],[60.897,155.077],[25.635,123.459],[15.497,105.977],[15.497,-106.084]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25.77,"s":[{"i":[[-7.525,1.615],[-1.633,25.617],[0,0],[0,-11.506],[0,0],[-6.935,3.293],[1.067,18.321],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-9.023,-16.317],[-6.728,1.014],[0,0],[0,11.505],[0,0],[-2.6,-13.053],[-7.292,-2.239],[0,0],[0,-9.675]],"v":[[3.489,-118.917],[62.13,-154.62],[35.725,-168.517],[25.399,-156.15],[27.967,153.335],[44.432,164.704],[61.93,143.676],[3.256,118.787],[-10.503,101.373],[-10.503,-101.487]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30.486,"s":[{"i":[[-9.013,0.807],[-17.317,12.809],[0,0],[0,-11.506],[0,0],[11.116,10.214],[16.283,9.16],[0,0],[0,9.673],[0,0]],"o":[[0,0],[12.683,-9.289],[7.31,-4.881],[0,0],[0,11.505],[0,0],[-17.3,-6.527],[-8.646,-1.539],[0,0],[0,-9.675]],"v":[[-18.757,-114.28],[31.814,-130.714],[54.187,-154.122],[62.793,-136.84],[63.982,120.861],[54.382,155.784],[28.93,132.276],[-19.124,114.114],[-36.503,96.77],[-36.503,-96.891]],"c":true}]},{"i":{"x":0.833,"y":0.859},"o":{"x":0.167,"y":0.167},"t":32.846,"s":[{"i":[[-11.32,0.404],[-29.19,6.404],[0,0],[0,-11.506],[0,0],[12.597,4.854],[27.72,4.58],[0,0],[0,9.673],[0,0]],"o":[[0,0],[24.953,-4.645],[12.385,-2.651],[0,0],[0,11.505],[0,0],[-28.6,-3.263],[-10.817,-1.188],[0,0],[0,-9.675]],"v":[[-28.317,-111.962],[31.476,-120.26],[79.82,-131.925],[97.307,-112.367],[97.997,104.443],[80.768,132.323],[29.803,120.575],[-28.819,111.778],[-49.503,94.468],[-49.503,-94.593]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.141},"t":36.385,"s":[{"i":[[-10.707,0.102],[-33.475,1.617],[0,0],[0,-11.506],[0,0],[11.602,0.847],[31.916,1.156],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.272,-1.173],[14.232,-0.984],[0,0],[0,11.505],[0,0],[-32.538,-0.824],[-10.206,-0.926],[0,0],[0,-9.675]],"v":[[-32.567,-109.991],[23.211,-112.208],[83.578,-115.094],[105.014,-93.835],[105.196,92.407],[84.952,115.024],[22.77,112.067],[-33.068,110.27],[-53.988,92.985],[-53.988,-92.637]],"c":true}]},{"t":38.744,"s":[{"i":[[-10.5,0],[-33,0],[0,0],[0,-11.506],[0,0],[10.599,-0.506],[31.5,0],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.33,0],[14.039,-0.421],[0,0],[0,11.505],[0,0],[-32,0],[-10,-0.837],[0,0],[0,-9.675]],"v":[[-34.003,-109.325],[18.497,-109.489],[79.459,-109.409],[100.997,-87.576],[100.997,88.342],[80.898,109.181],[18.497,109.193],[-34.503,109.76],[-55.503,92.484],[-55.503,-91.976]],"c":true}],"h":1},{"t":39.923828125,"s":[{"i":[[11.506,0],[0,0],[0,0],[3.77,-3.77],[0,-5.753],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[0,0],[-5.753,0],[-3.77,3.77],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[81.291,-108.915],[24,-108.915],[-33.291,-108.915],[-48.023,-102.813],[-54.125,-88.081],[-54.125,89.003],[-33.291,109.836],[81.291,109.836],[102.125,89.003],[102.125,-88.081]],"c":true}],"h":1}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13,"s":[2]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[2]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[8]},{"t":26,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13,"s":[69]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[69]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[65]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[59]},{"t":26,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":29,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.77,"y":0},"t":1,"s":[158.997,250.003,0],"to":[-11.333,0,0],"ti":[-15.167,0,0]},{"i":{"x":0.159,"y":1},"o":{"x":0.407,"y":0},"t":17,"s":[90.997,250.003,0],"to":[7.313,0,0],"ti":[-13.722,0,0]},{"t":55,"s":[249.997,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[60.705,-147.133],[60.712,150.416]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[61.705,-148.133],[62.712,149.416]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[70.455,-148.133],[71.462,142.666]],"c":false}]},{"t":25,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[70.705,-148.133],[71.712,140.416]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":13,"op":26,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.77,"y":0},"t":1,"s":[158.997,250.003,0],"to":[-11.333,0,0],"ti":[-15.167,0,0]},{"i":{"x":0.159,"y":1},"o":{"x":0.407,"y":0},"t":17,"s":[90.997,250.003,0],"to":[7.313,0,0],"ti":[-13.722,0,0]},{"t":55,"s":[249.997,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"t":1,"s":[{"i":[[11.506,0],[0,0],[0,0],[3.77,-3.77],[0,-5.753],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[0,0],[-5.753,0],[-3.77,3.77],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[81.291,-108.915],[24,-108.915],[-33.291,-108.915],[-48.023,-102.813],[-54.125,-88.081],[-54.125,89.003],[-33.291,109.836],[81.291,109.836],[102.125,89.003],[102.125,-88.081]],"c":true}],"h":1},{"i":{"x":0.833,"y":0.859},"o":{"x":0.333,"y":0},"t":2.18,"s":[{"i":[[-10.5,0],[-33,0],[0,0],[0,-11.506],[0,0],[10.599,-0.506],[31.5,0],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.33,0],[14.039,-0.421],[0,0],[0,11.505],[0,0],[-32,0],[-10,-0.837],[0,0],[0,-9.675]],"v":[[-34.003,-109.325],[18.497,-109.489],[79.459,-109.409],[100.997,-87.576],[100.997,88.342],[80.898,109.181],[18.497,109.193],[-34.503,109.76],[-55.503,92.484],[-55.503,-91.976]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.141},"t":4.539,"s":[{"i":[[-10.707,0.102],[-33.475,1.617],[0,0],[0,-11.506],[0,0],[11.602,0.847],[31.916,1.156],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.272,-1.173],[14.232,-0.984],[0,0],[0,11.505],[0,0],[-32.538,-0.824],[-10.206,-0.926],[0,0],[0,-9.675]],"v":[[-32.567,-109.991],[23.211,-112.208],[83.578,-115.094],[105.014,-93.835],[105.196,92.407],[84.952,115.024],[22.77,112.067],[-33.068,110.27],[-53.988,92.985],[-53.988,-92.637]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[-11.32,0.404],[-29.19,6.404],[0,0],[0,-11.506],[0,0],[12.597,4.854],[27.72,4.58],[0,0],[0,9.673],[0,0]],"o":[[0,0],[24.953,-4.645],[12.385,-2.651],[0,0],[0,11.505],[0,0],[-28.6,-3.263],[-10.817,-1.188],[0,0],[0,-9.675]],"v":[[-28.317,-111.962],[31.476,-120.26],[79.82,-131.925],[97.307,-112.367],[97.997,104.443],[80.768,132.323],[29.803,120.575],[-28.819,111.778],[-49.503,94.468],[-49.503,-94.593]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[-9.013,0.807],[-17.317,12.809],[0,0],[0,-11.506],[0,0],[11.116,10.214],[16.283,9.16],[0,0],[0,9.673],[0,0]],"o":[[0,0],[12.683,-9.289],[7.31,-4.881],[0,0],[0,11.505],[0,0],[-17.3,-6.527],[-8.646,-1.539],[0,0],[0,-9.675]],"v":[[7.243,-114.557],[57.814,-130.99],[80.187,-154.399],[88.793,-137.117],[89.982,120.584],[80.382,155.507],[54.93,131.999],[6.876,113.837],[-10.503,96.493],[-10.503,-97.168]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[-7.525,1.615],[-1.633,25.617],[0,0],[0,-11.506],[0,0],[-6.935,3.293],[1.067,18.321],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-9.023,-16.317],[-6.728,1.014],[0,0],[0,11.505],[0,0],[-2.6,-13.053],[-7.292,-2.239],[0,0],[0,-9.675]],"v":[[0.489,-118.579],[59.13,-154.283],[32.725,-168.179],[22.399,-155.812],[24.967,153.672],[41.432,165.042],[58.93,144.014],[0.256,119.124],[-13.503,101.711],[-13.503,-101.15]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19.873,"s":[{"i":[[-6.038,2.422],[8.3,17.524],[0,0],[0,-11.506],[0,0],[-6.249,-3.706],[-24.4,30.92],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-28.7,-24.476],[-7.161,4.779],[0,0],[0,11.505],[0,0],[12.1,-19.58],[-5.938,-2.94],[0,0],[0,-9.675]],"v":[[25.735,-123.553],[61.197,-154.527],[-29.141,-161.911],[-41.9,-139.278],[-36.9,138.74],[-24.654,160.375],[60.897,155.077],[25.635,123.459],[15.497,105.977],[15.497,-106.084]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[-4.922,3.028],[15.827,9.377],[0,0],[0,-11.506],[0,0],[-10.461,-4.506],[-34,22.494],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-37,-21.921],[-12.461,6.079],[0,0],[0,11.505],[0,0],[24.637,-16.3],[-4.922,-3.466],[0,0],[0,-9.675]],"v":[[42.419,-127.031],[57.997,-160.082],[-64.541,-153.082],[-85.875,-130.248],[-85.875,130.169],[-65.541,152.003],[54.497,161.003],[42.419,126.963],[34.997,109.43],[34.997,-109.531]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[-1.776,2.595],[23.373,8.037],[0,0],[0,-11.506],[0,0],[-10.611,-3.862],[-41.925,18.346],[0,0],[0,9.935],[0,0]],"o":[[0,0],[-44.2,-18.355],[-12.325,5.211],[0,0],[0,11.505],[0,0],[31.73,-13.971],[-1.776,-2.971],[0,0],[0,-9.936]],"v":[[58.47,-130.461],[59.054,-159.208],[-67.97,-152.791],[-89.232,-130.243],[-89.232,130.175],[-68.827,151.866],[56.422,159.163],[58.47,130.403],[56.711,112.398],[56.711,-112.485]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[6.089,1.514],[42.238,4.688],[0,0],[0,-11.506],[0,0],[-10.984,-2.253],[-61.736,7.974],[0,0],[0,10.589],[0,0]],"o":[[0,0],[-62.199,-9.441],[-11.984,3.04],[0,0],[0,11.505],[0,0],[49.46,-8.15],[6.089,-1.733],[0,0],[0,-10.591]],"v":[[98.595,-139.037],[30.196,-155.562],[-76.541,-152.062],[-97.625,-130.229],[-97.625,130.189],[-77.041,151.523],[29.733,156.023],[98.595,139.003],[110.997,119.819],[110.997,-119.87]],"c":true}]},{"i":{"x":0.25,"y":1},"o":{"x":0.167,"y":0.167},"t":34.428,"s":[{"i":[[8.754,0.899],[38.858,0.619],[0,0],[0,-11.506],[0,0],[-11.208,-1.286],[-49.166,1.112],[0,0],[0,11.425],[0,0]],"o":[[0,0],[-47.257,-0.753],[-11.779,1.735],[0,0],[0,11.505],[0,0],[44.834,-0.888],[8.754,-1.029],[0,0],[0,-11.427]],"v":[[93.957,-150.003],[16.803,-153.622],[-81.693,-151.624],[-102.669,-130.22],[-102.669,130.198],[-81.978,151.316],[17.827,153.885],[93.957,149.984],[110.624,129.29],[110.624,-129.319]],"c":true}]},{"t":47.28515625,"s":[{"i":[[11.506,0],[29.848,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[-30.18,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-29.179,0],[-11.506,0],[0,0],[0,11.505],[0,0],[28.848,0],[11.506,0],[0,0],[0,-11.506]],"v":[[88.541,-151.042],[-1.003,-151.042],[-88.541,-151.042],[-109.375,-130.209],[-109.375,130.209],[-88.541,151.042],[1.997,151.042],[88.541,151.042],[109.375,130.209],[109.375,-130.209]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":14,"s":[22]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[25]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":22,"s":[20]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[18]},{"t":26,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":13,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":14,"s":[75]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[75]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":22,"s":[84]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[86]},{"t":26,"s":[100]}],"ix":2},"o":{"a":0,"k":302,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":12,"op":29,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.77,"y":0},"t":1,"s":[158.997,250.003,0],"to":[-11.333,0,0],"ti":[-15.167,0,0]},{"i":{"x":0.159,"y":1},"o":{"x":0.407,"y":0},"t":17,"s":[90.997,250.003,0],"to":[7.313,0,0],"ti":[-13.722,0,0]},{"t":55,"s":[249.997,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[-100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"t":1,"s":[{"i":[[11.506,0],[0,0],[0,0],[3.77,-3.77],[0,-5.753],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[0,0],[-5.753,0],[-3.77,3.77],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[81.291,-108.915],[24,-108.915],[-33.291,-108.915],[-48.023,-102.813],[-54.125,-88.081],[-54.125,89.003],[-33.291,109.836],[81.291,109.836],[102.125,89.003],[102.125,-88.081]],"c":true}],"h":1},{"i":{"x":0.833,"y":0.859},"o":{"x":0.333,"y":0},"t":2.18,"s":[{"i":[[-10.5,0],[-33,0],[0,0],[0,-11.506],[0,0],[10.599,-0.506],[31.5,0],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.33,0],[14.039,-0.421],[0,0],[0,11.505],[0,0],[-32,0],[-10,-0.837],[0,0],[0,-9.675]],"v":[[-34.003,-109.325],[18.497,-109.489],[79.459,-109.409],[100.997,-87.576],[100.997,88.342],[80.898,109.181],[18.497,109.193],[-34.503,109.76],[-55.503,92.484],[-55.503,-91.976]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.141},"t":4.539,"s":[{"i":[[-10.707,0.102],[-33.475,1.617],[0,0],[0,-11.506],[0,0],[11.602,0.847],[31.916,1.156],[0,0],[0,9.674],[0,0]],"o":[[0,0],[30.272,-1.173],[14.232,-0.984],[0,0],[0,11.505],[0,0],[-32.538,-0.824],[-10.206,-0.926],[0,0],[0,-9.675]],"v":[[-32.567,-109.991],[23.211,-112.208],[83.578,-115.094],[105.014,-93.835],[105.196,92.407],[84.952,115.024],[22.77,112.067],[-33.068,110.27],[-53.988,92.985],[-53.988,-92.637]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[-11.32,0.404],[-29.19,6.404],[0,0],[0,-11.506],[0,0],[12.597,4.854],[27.72,4.58],[0,0],[0,9.673],[0,0]],"o":[[0,0],[24.953,-4.645],[12.385,-2.651],[0,0],[0,11.505],[0,0],[-28.6,-3.263],[-10.817,-1.188],[0,0],[0,-9.675]],"v":[[-28.317,-111.962],[31.476,-120.26],[79.82,-131.925],[97.307,-112.367],[97.997,104.443],[80.768,132.323],[29.803,120.575],[-28.819,111.778],[-49.503,94.468],[-49.503,-94.593]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[-9.013,0.807],[-17.317,12.809],[0,0],[0,-11.506],[0,0],[11.116,10.214],[16.283,9.16],[0,0],[0,9.673],[0,0]],"o":[[0,0],[12.683,-9.289],[7.31,-4.881],[0,0],[0,11.505],[0,0],[-17.3,-6.527],[-8.646,-1.539],[0,0],[0,-9.675]],"v":[[7.243,-114.557],[57.814,-130.99],[80.187,-154.399],[88.793,-137.117],[89.982,120.584],[80.382,155.507],[54.93,131.999],[6.876,113.837],[-10.503,96.493],[-10.503,-97.168]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[-7.525,1.615],[-1.633,25.617],[0,0],[0,-11.506],[0,0],[-6.935,3.293],[1.067,18.321],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-9.023,-16.317],[-6.728,1.014],[0,0],[0,11.505],[0,0],[-2.6,-13.053],[-7.292,-2.239],[0,0],[0,-9.675]],"v":[[0.489,-118.579],[59.13,-154.283],[32.725,-168.179],[22.399,-155.812],[24.967,153.672],[41.432,165.042],[58.93,144.014],[0.256,119.124],[-13.503,101.711],[-13.503,-101.15]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19.873,"s":[{"i":[[-6.038,2.422],[8.3,17.524],[0,0],[0,-11.506],[0,0],[-6.249,-3.706],[-24.4,30.92],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-28.7,-24.476],[-7.161,4.779],[0,0],[0,11.505],[0,0],[12.1,-19.58],[-5.938,-2.94],[0,0],[0,-9.675]],"v":[[25.735,-123.553],[61.197,-154.527],[-29.141,-161.911],[-41.9,-139.278],[-36.9,138.74],[-24.654,160.375],[60.897,155.077],[25.635,123.459],[15.497,105.977],[15.497,-106.084]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[-4.922,3.028],[15.827,9.377],[0,0],[0,-11.506],[0,0],[-10.461,-4.506],[-34,22.494],[0,0],[0,9.674],[0,0]],"o":[[0,0],[-37,-21.921],[-12.461,6.079],[0,0],[0,11.505],[0,0],[24.637,-16.3],[-4.922,-3.466],[0,0],[0,-9.675]],"v":[[42.419,-127.031],[57.997,-160.082],[-64.541,-153.082],[-85.875,-130.248],[-85.875,130.169],[-65.541,152.003],[54.497,161.003],[42.419,126.963],[34.997,109.43],[34.997,-109.531]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[-1.776,2.595],[23.373,8.037],[0,0],[0,-11.506],[0,0],[-10.611,-3.862],[-41.925,18.346],[0,0],[0,9.935],[0,0]],"o":[[0,0],[-44.2,-18.355],[-12.325,5.211],[0,0],[0,11.505],[0,0],[31.73,-13.971],[-1.776,-2.971],[0,0],[0,-9.936]],"v":[[58.47,-130.461],[59.054,-159.208],[-67.97,-152.791],[-89.232,-130.243],[-89.232,130.175],[-68.827,151.866],[56.422,159.163],[58.47,130.403],[56.711,112.398],[56.711,-112.485]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":31,"s":[{"i":[[6.089,1.514],[42.238,4.688],[0,0],[0,-11.506],[0,0],[-10.984,-2.253],[-61.736,7.974],[0,0],[0,10.589],[0,0]],"o":[[0,0],[-62.199,-9.441],[-11.984,3.04],[0,0],[0,11.505],[0,0],[49.46,-8.15],[6.089,-1.733],[0,0],[0,-10.591]],"v":[[98.595,-139.037],[30.196,-155.562],[-76.541,-152.062],[-97.625,-130.229],[-97.625,130.189],[-77.041,151.523],[29.733,156.023],[98.595,139.003],[110.997,119.819],[110.997,-119.87]],"c":true}]},{"i":{"x":0.25,"y":1},"o":{"x":0.167,"y":0.167},"t":34.428,"s":[{"i":[[8.754,0.899],[38.858,0.619],[0,0],[0,-11.506],[0,0],[-11.208,-1.286],[-49.166,1.112],[0,0],[0,11.425],[0,0]],"o":[[0,0],[-47.257,-0.753],[-11.779,1.735],[0,0],[0,11.505],[0,0],[44.834,-0.888],[8.754,-1.029],[0,0],[0,-11.427]],"v":[[93.957,-150.003],[16.803,-153.622],[-81.693,-151.624],[-102.669,-130.22],[-102.669,130.198],[-81.978,151.316],[17.827,153.885],[93.957,149.984],[110.624,129.29],[110.624,-129.319]],"c":true}]},{"t":47.28515625,"s":[{"i":[[11.506,0],[29.848,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[-30.18,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-29.179,0],[-11.506,0],[0,0],[0,11.505],[0,0],[28.848,0],[11.506,0],[0,0],[0,-11.506]],"v":[[88.541,-151.042],[-1.003,-151.042],[-88.541,-151.042],[-109.375,-130.209],[-109.375,130.209],[-88.541,151.042],[1.997,151.042],[88.541,151.042],[109.375,130.209],[109.375,-130.209]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"t":1,"s":[24],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":3,"s":[24]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[17]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[15]},{"t":9,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"t":1,"s":[74],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":3,"s":[74]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[83]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[85]},{"t":9,"s":[100]}],"ix":2},"o":{"a":1,"k":[{"t":1,"s":[122],"h":1},{"t":3,"s":[302],"h":1}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":12,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.25,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[364.587,250.003,0],"to":[-38.167,0,0],"ti":[38.167,0,0]},{"t":40,"s":[135.587,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[11.506,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.506,0],[0,0],[0,-11.506]],"v":[[57.291,-109.376],[-57.291,-109.376],[-78.125,-88.542],[-78.125,88.542],[-57.291,109.376],[57.291,109.376],[78.125,88.542],[78.125,-88.542]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[26]},{"t":7,"s":[34],"h":1},{"t":8,"s":[50],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[65]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[77]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":18,"s":[83]},{"t":19,"s":[100],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[16]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":22,"s":[27.5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":24,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":27,"s":[36]},{"t":28,"s":[50],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":31,"s":[63]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":35,"s":[68]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":40,"s":[70]},{"t":55,"s":[73]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[74]},{"t":7,"s":[65],"h":1},{"t":8,"s":[50],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[35]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[21]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":18,"s":[14]},{"t":19,"s":[0],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[81]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":22,"s":[73.5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":24,"s":[70]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":27,"s":[63]},{"t":28,"s":[50],"h":1},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":31,"s":[35]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":35,"s":[32]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":40,"s":[27]},{"t":55,"s":[26]}],"ix":2},"o":{"a":1,"k":[{"t":1,"s":[121],"h":1},{"t":11,"s":[301],"h":1},{"t":20,"s":[121],"h":1},{"t":31,"s":[301],"h":1}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('165-view-carousel-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":55,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-carousel","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-carousel","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-168-view-headline.json b/frontend-next/public/lotties/system-outline-168-view-headline.json
deleted file mode 100644
index 3d511470b..000000000
--- a/frontend-next/public/lotties/system-outline-168-view-headline.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":61,"w":500,"h":500,"nm":"168-view-headline-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-headline","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,385.421],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,114.586],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":56,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[250.004,566.586,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":42,"s":[250.004,113.586,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[43.004,36.458],[-43.004,36.458],[-43.004,-36.458],[43.004,-36.458]],"c":true}]},{"t":42,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":56,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":10,"s":[250.004,702.003,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":49,"s":[250.004,249.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.333,"y":0},"t":18,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[43.004,36.458],[-43.004,36.458],[-43.004,-36.458],[43.004,-36.458]],"c":true}]},{"t":49,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":56,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":20,"s":[250.004,837.42,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":56,"s":[250.004,384.42,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[43.004,36.458],[-43.004,36.458],[-43.004,-36.458],[43.004,-36.458]],"c":true}]},{"t":56,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":56,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-headline","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,385.421],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,114.586],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":59,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,385.421],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[156.226,20.808],[-156.226,20.808],[-156.226,-20.808],[156.226,-20.808]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,-8.643],[0,0],[-8.644,0],[0,0],[0,8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,8.643],[0,0],[8.644,0],[0,0],[0,-8.643]],"v":[[171.876,-52.108],[-171.876,-52.108],[-187.526,-36.458],[-187.526,36.458],[-171.876,52.108],[171.876,52.108],[187.526,36.458],[187.526,-36.458]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,114.586],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":1,"s":[250.004,114.586,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":21,"s":[250.004,-338.414,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":59,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":3,"s":[250.004,250.003,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":29,"s":[250.004,-202.997,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":59,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":5,"s":[250.004,385.42,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":37,"s":[250.004,-67.58,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":59,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[250.004,566.586,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":51,"s":[250.004,113.586,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":59,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.333,"y":0},"t":21,"s":[250.004,702.003,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":55,"s":[250.004,249.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":59,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.333,"y":0},"t":28,"s":[250.004,837.42,0],"to":[0,-75.5,0],"ti":[0,75.5,0]},{"t":59,"s":[250.004,384.42,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[171.876,36.458],[-171.876,36.458],[-171.876,-36.458],[171.876,-36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('168-view-headline-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":59,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-headline","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-headline","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-189-domain-verification.json b/frontend-next/public/lotties/system-outline-189-domain-verification.json
deleted file mode 100644
index cb38c4784..000000000
--- a/frontend-next/public/lotties/system-outline-189-domain-verification.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":91,"w":500,"h":500,"nm":"189-domain-verification-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-domain","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":40,"s":[180]}],"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[-0.237,-9.809],[9.809,-0.237],[0.237,9.809],[-9.809,0.237]],"o":[[0.237,9.809],[-9.809,0.237],[-0.237,-9.809],[9.809,-0.237]],"v":[[17.524,-176.429],[0.193,-158.24],[-17.996,-175.571],[-0.666,-193.76]],"c":true}]},{"t":40,"s":[{"i":[[-2.572,-106.399],[106.399,-2.572],[2.572,106.399],[-106.399,2.572]],"o":[[2.572,106.399],[-106.399,2.572],[-2.572,-106.399],[106.399,-2.572]],"v":[[192.652,-4.656],[4.656,192.652],[-192.652,4.656],[-4.656,-192.652]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":73.3,"ix":1},"e":{"a":0,"k":93.2,"ix":2},"o":{"a":0,"k":-6,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[-0.237,-9.809],[9.809,-0.237],[0.237,9.809],[-9.809,0.237]],"o":[[0.237,9.809],[-9.809,0.237],[-0.237,-9.809],[9.809,-0.237]],"v":[[17.524,-176.429],[0.193,-158.24],[-17.996,-175.571],[-0.666,-193.76]],"c":true}]},{"t":40,"s":[{"i":[[-2.572,-106.399],[106.399,-2.572],[2.572,106.399],[-106.399,2.572]],"o":[[2.572,106.399],[-106.399,2.572],[-2.572,-106.399],[106.399,-2.572]],"v":[[192.652,-4.656],[4.656,192.652],[-192.652,4.656],[-4.656,-192.652]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":66.5,"ix":2},"o":{"a":0,"k":-6,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[180]},{"t":40,"s":[360]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":41,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.2],[0.45,0.24],[0.42,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.1,0.5],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.49],[-0.2,0.47],[-0.24,0.45],[-0.28,0.42],[-0.32,0.39],[-0.359,0.36],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.46,-0.2],[-0.45,-0.24],[-0.43,-0.29],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.149,-0.48],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.141,-0.48],[0.189,-0.47],[0.23,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.48,-0.19],[0.49,-0.15],[0.5,-0.1],[0.51,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.48],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.149,-0.48],[0.19,-0.47],[0.239,-0.45],[0.279,-0.43],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.29],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.51,0.05],[0.5,0.1],[0.49,0.15],[0.48,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.36],[0.32,0.39],[0.28,0.42],[0.23,0.45],[0.189,0.47],[0.141,0.49],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.5],[-0.149,0.49],[-0.2,0.48],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.46,0.2],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.549],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.549],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[296.88,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.19],[0.45,0.24],[0.431,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.109,0.49],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.48],[-0.2,0.47],[-0.24,0.45],[-0.28,0.43],[-0.32,0.39],[-0.359,0.37],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.11],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.47,-0.2],[-0.45,-0.24],[-0.43,-0.28],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.42],[-0.24,-0.45],[-0.19,-0.47],[-0.149,-0.49],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.15,-0.49],[0.189,-0.47],[0.24,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.471,-0.19],[0.49,-0.15],[0.5,-0.1],[0.5,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.49],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.109,-0.5],[0.149,-0.49],[0.19,-0.47],[0.239,-0.45],[0.279,-0.42],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.28],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.5,0.05],[0.5,0.11],[0.49,0.15],[0.471,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.37],[0.32,0.39],[0.28,0.43],[0.24,0.45],[0.189,0.47],[0.15,0.48],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.49],[-0.149,0.49],[-0.19,0.47],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.539],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.539],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[359.38,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.876,15.65],[-171.876,15.65],[-187.526,0],[-171.876,-15.65],[171.876,-15.65],[187.526,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[250.004,171.878],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.002,0],[3.056,3.051],[0,0],[-6.107,6.116],[-6.116,-6.108],[0,0],[0,0],[-6.107,-6.115],[6.115,-6.108],[0,0]],"o":[[-4.002,0],[0,0],[-6.115,-6.108],[6.108,-6.114],[0,0],[0,0],[6.115,-6.107],[6.108,6.115],[0,0],[-3.055,3.051]],"v":[[-23.984,61.442],[-35.043,56.866],[-78.768,13.195],[-78.782,-8.938],[-56.649,-8.951],[-23.984,23.673],[56.649,-56.865],[78.781,-56.852],[78.768,-34.72],[-12.924,56.865]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,292.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-2.858],[0,0],[-2.858,0],[0,0],[0,2.858],[0,0],[2.858,0]],"o":[[-2.858,0],[0,0],[0,2.858],[0,0],[2.858,0],[0,0],[0,-2.858],[0,0]],"v":[[-151.042,-156.226],[-156.226,-151.043],[-156.226,151.042],[-151.042,156.226],[151.042,156.226],[156.226,151.042],[156.226,-151.043],[151.042,-156.226]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,20.117],[0,0],[-20.117,0],[0,0],[0,-20.117],[0,0]],"o":[[0,0],[-20.117,0],[0,0],[0,-20.117],[0,0],[20.117,0],[0,0],[0,20.117]],"v":[[151.042,187.526],[-151.042,187.526],[-187.526,151.042],[-187.526,-151.043],[-151.042,-187.526],[151.042,-187.526],[187.526,-151.043],[187.526,151.042]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[250.004,250.003],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":90,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":6,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,42.749,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-81.604,66.643],[-34.5,-33],[34.5,-35.5]],"o":[[0,0],[0,0],[0,0],[90,-73.5],[46.014,44.014],[0,0]],"v":[[67.709,-45.792],[-23.984,45.792],[-67.709,2.122],[-118.504,-193.753],[116.997,-195.253],[67.997,-45.753]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[22.5]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[28.5]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[28.5]},{"t":90,"s":[22.5]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[181]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[181]},{"t":90,"s":[360]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":40,"op":90,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0},"t":60,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"t":90,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":40,"op":90,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[250.004,148.439,0],"to":[0,-32.333,0],"ti":[0,32.333,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":15,"s":[250.004,-45.561,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.2,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[250.004,-45.561,0],"to":[0,32.333,0],"ti":[0,-32.333,0]},{"t":90,"s":[250.004,148.439,0]}],"ix":2,"l":2},"a":{"a":0,"k":[250.004,148.439,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.2],[0.45,0.24],[0.42,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.1,0.5],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.49],[-0.2,0.47],[-0.24,0.45],[-0.28,0.42],[-0.32,0.39],[-0.359,0.36],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.46,-0.2],[-0.45,-0.24],[-0.43,-0.29],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.149,-0.48],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.141,-0.48],[0.189,-0.47],[0.23,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.48,-0.19],[0.49,-0.15],[0.5,-0.1],[0.51,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.48],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.149,-0.48],[0.19,-0.47],[0.239,-0.45],[0.279,-0.43],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.29],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.51,0.05],[0.5,0.1],[0.49,0.15],[0.48,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.36],[0.32,0.39],[0.28,0.42],[0.23,0.45],[0.189,0.47],[0.141,0.49],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.5],[-0.149,0.49],[-0.2,0.48],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.46,0.2],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.549],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.549],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[296.88,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.19],[0.45,0.24],[0.431,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.109,0.49],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.48],[-0.2,0.47],[-0.24,0.45],[-0.28,0.43],[-0.32,0.39],[-0.359,0.37],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.11],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.47,-0.2],[-0.45,-0.24],[-0.43,-0.28],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.42],[-0.24,-0.45],[-0.19,-0.47],[-0.149,-0.49],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.15,-0.49],[0.189,-0.47],[0.24,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.471,-0.19],[0.49,-0.15],[0.5,-0.1],[0.5,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.49],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.109,-0.5],[0.149,-0.49],[0.19,-0.47],[0.239,-0.45],[0.279,-0.42],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.28],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.5,0.05],[0.5,0.11],[0.49,0.15],[0.471,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.37],[0.32,0.39],[0.28,0.43],[0.24,0.45],[0.189,0.47],[0.15,0.48],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.49],[-0.149,0.49],[-0.19,0.47],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.539],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.539],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[359.38,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.876,15.65],[-171.876,15.65],[-187.526,0],[-171.876,-15.65],[171.876,-15.65],[187.526,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[250.004,171.878],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":40,"op":90,"st":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"t":60,"s":[360]}],"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"t":90,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[7]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":14,"s":[0]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.299],"y":[0]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":70,"s":[0]},{"t":72,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[100]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":14,"s":[66.5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0]},"t":60,"s":[66.5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":70,"s":[89.5]},{"t":72,"s":[100]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[60]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":70,"s":[16]},{"t":72,"s":[0]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":40,"op":90,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-domain","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.2],[0.45,0.24],[0.42,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.1,0.5],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.49],[-0.2,0.47],[-0.24,0.45],[-0.28,0.42],[-0.32,0.39],[-0.359,0.36],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.46,-0.2],[-0.45,-0.24],[-0.43,-0.29],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.149,-0.48],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.141,-0.48],[0.189,-0.47],[0.23,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.48,-0.19],[0.49,-0.15],[0.5,-0.1],[0.51,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.48],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.149,-0.48],[0.19,-0.47],[0.239,-0.45],[0.279,-0.43],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.29],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.51,0.05],[0.5,0.1],[0.49,0.15],[0.48,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.36],[0.32,0.39],[0.28,0.42],[0.23,0.45],[0.189,0.47],[0.141,0.49],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.5],[-0.149,0.49],[-0.2,0.48],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.46,0.2],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.549],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.549],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[296.88,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.19],[0.45,0.24],[0.431,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.109,0.49],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.48],[-0.2,0.47],[-0.24,0.45],[-0.28,0.43],[-0.32,0.39],[-0.359,0.37],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.11],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.47,-0.2],[-0.45,-0.24],[-0.43,-0.28],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.42],[-0.24,-0.45],[-0.19,-0.47],[-0.149,-0.49],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.15,-0.49],[0.189,-0.47],[0.24,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.471,-0.19],[0.49,-0.15],[0.5,-0.1],[0.5,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.49],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.109,-0.5],[0.149,-0.49],[0.19,-0.47],[0.239,-0.45],[0.279,-0.42],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.28],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.5,0.05],[0.5,0.11],[0.49,0.15],[0.471,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.37],[0.32,0.39],[0.28,0.43],[0.24,0.45],[0.189,0.47],[0.15,0.48],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.49],[-0.149,0.49],[-0.19,0.47],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.539],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.539],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[359.38,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.876,15.65],[-171.876,15.65],[-187.526,0],[-171.876,-15.65],[171.876,-15.65],[187.526,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[250.004,171.878],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.002,0],[3.056,3.051],[0,0],[-6.107,6.116],[-6.116,-6.108],[0,0],[0,0],[-6.107,-6.115],[6.115,-6.108],[0,0]],"o":[[-4.002,0],[0,0],[-6.115,-6.108],[6.108,-6.114],[0,0],[0,0],[6.115,-6.107],[6.108,6.115],[0,0],[-3.055,3.051]],"v":[[-23.984,61.442],[-35.043,56.866],[-78.768,13.195],[-78.782,-8.938],[-56.649,-8.951],[-23.984,23.673],[56.649,-56.865],[78.781,-56.852],[78.768,-34.72],[-12.924,56.865]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,292.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-2.858],[0,0],[-2.858,0],[0,0],[0,2.858],[0,0],[2.858,0]],"o":[[-2.858,0],[0,0],[0,2.858],[0,0],[2.858,0],[0,0],[0,-2.858],[0,0]],"v":[[-151.042,-156.226],[-156.226,-151.043],[-156.226,151.042],[-151.042,156.226],[151.042,156.226],[156.226,151.042],[156.226,-151.043],[151.042,-156.226]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,20.117],[0,0],[-20.117,0],[0,0],[0,-20.117],[0,0]],"o":[[0,0],[-20.117,0],[0,0],[0,-20.117],[0,0],[20.117,0],[0,0],[0,20.117]],"v":[[151.042,187.526],[-151.042,187.526],[-187.526,151.042],[-187.526,-151.043],[-151.042,-187.526],[151.042,-187.526],[187.526,-151.043],[187.526,151.042]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[250.004,250.003],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":90,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.2],[0.45,0.24],[0.42,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.1,0.5],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.49],[-0.2,0.47],[-0.24,0.45],[-0.28,0.42],[-0.32,0.39],[-0.359,0.36],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.46,-0.2],[-0.45,-0.24],[-0.43,-0.29],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.149,-0.48],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.141,-0.48],[0.189,-0.47],[0.23,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.48,-0.19],[0.49,-0.15],[0.5,-0.1],[0.51,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.48],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.149,-0.48],[0.19,-0.47],[0.239,-0.45],[0.279,-0.43],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.29],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.51,0.05],[0.5,0.1],[0.49,0.15],[0.48,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.36],[0.32,0.39],[0.28,0.42],[0.23,0.45],[0.189,0.47],[0.141,0.49],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.5],[-0.149,0.49],[-0.2,0.48],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.46,0.2],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.549],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.549],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[296.88,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.19],[0.45,0.24],[0.431,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.109,0.49],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.48],[-0.2,0.47],[-0.24,0.45],[-0.28,0.43],[-0.32,0.39],[-0.359,0.37],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.11],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.47,-0.2],[-0.45,-0.24],[-0.43,-0.28],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.42],[-0.24,-0.45],[-0.19,-0.47],[-0.149,-0.49],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.15,-0.49],[0.189,-0.47],[0.24,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.471,-0.19],[0.49,-0.15],[0.5,-0.1],[0.5,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.49],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.109,-0.5],[0.149,-0.49],[0.19,-0.47],[0.239,-0.45],[0.279,-0.42],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.28],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.5,0.05],[0.5,0.11],[0.49,0.15],[0.471,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.37],[0.32,0.39],[0.28,0.43],[0.24,0.45],[0.189,0.47],[0.15,0.48],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.49],[-0.149,0.49],[-0.19,0.47],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.539],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.539],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[359.38,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.876,15.65],[-171.876,15.65],[-187.526,0],[-171.876,-15.65],[171.876,-15.65],[187.526,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[250.004,171.878],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[4.002,0],[3.056,3.051],[0,0],[-6.107,6.116],[-6.116,-6.108],[0,0],[0,0],[-6.107,-6.115],[6.115,-6.108],[0,0]],"o":[[-4.002,0],[0,0],[-6.115,-6.108],[6.108,-6.114],[0,0],[0,0],[6.115,-6.107],[6.108,6.115],[0,0],[-3.055,3.051]],"v":[[-23.984,61.442],[-35.043,56.866],[-78.768,13.195],[-78.782,-8.938],[-56.649,-8.951],[-23.984,23.673],[56.649,-56.865],[78.781,-56.852],[78.768,-34.72],[-12.924,56.865]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,292.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-2.858],[0,0],[-2.858,0],[0,0],[0,2.858],[0,0],[2.858,0]],"o":[[-2.858,0],[0,0],[0,2.858],[0,0],[2.858,0],[0,0],[0,-2.858],[0,0]],"v":[[-151.042,-156.226],[-156.226,-151.043],[-156.226,151.042],[-151.042,156.226],[151.042,156.226],[156.226,151.042],[156.226,-151.043],[151.042,-156.226]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,20.117],[0,0],[-20.117,0],[0,0],[0,-20.117],[0,0]],"o":[[0,0],[-20.117,0],[0,0],[0,-20.117],[0,0],[20.117,0],[0,0],[0,20.117]],"v":[[151.042,187.526],[-151.042,187.526],[-187.526,151.042],[-187.526,-151.043],[-151.042,-187.526],[151.042,-187.526],[187.526,-151.043],[187.526,151.042]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[250.004,250.003],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":6,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,42.749,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-81.604,66.643],[-34.5,-33],[34.5,-35.5]],"o":[[0,0],[0,0],[0,0],[90,-73.5],[46.014,44.014],[0,0]],"v":[[67.709,-45.792],[-23.984,45.792],[-67.709,2.122],[-118.504,-193.753],[116.997,-195.253],[67.997,-45.753]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[22.5]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[28.5]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[28.5]},{"t":90,"s":[22.5]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[181]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[181]},{"t":90,"s":[360]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0},"t":60,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"t":90,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[250.004,148.439,0],"to":[0,-32.333,0],"ti":[0,32.333,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":15,"s":[250.004,-45.561,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.2,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[250.004,-45.561,0],"to":[0,32.333,0],"ti":[0,-32.333,0]},{"t":90,"s":[250.004,148.439,0]}],"ix":2,"l":2},"a":{"a":0,"k":[250.004,148.439,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.2],[0.45,0.24],[0.42,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.1,0.5],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.49],[-0.2,0.47],[-0.24,0.45],[-0.28,0.42],[-0.32,0.39],[-0.359,0.36],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.46,-0.2],[-0.45,-0.24],[-0.43,-0.29],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.149,-0.48],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.141,-0.48],[0.189,-0.47],[0.23,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.48,-0.19],[0.49,-0.15],[0.5,-0.1],[0.51,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.48],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.149,-0.48],[0.19,-0.47],[0.239,-0.45],[0.279,-0.43],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.29],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.51,0.05],[0.5,0.1],[0.49,0.15],[0.48,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.36],[0.32,0.39],[0.28,0.42],[0.23,0.45],[0.189,0.47],[0.141,0.49],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.5],[-0.149,0.49],[-0.2,0.48],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.46,0.2],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.549],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.549],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[296.88,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.51,0],[0.51,0.05],[0.5,0.1],[0.479,0.15],[0.47,0.19],[0.45,0.24],[0.431,0.28],[0.39,0.32],[0.36,0.36],[0.319,0.4],[0.279,0.42],[0.239,0.45],[0.19,0.47],[0.149,0.49],[0.109,0.49],[0.05,0.5],[0,0.51],[-0.06,0.51],[-0.101,0.5],[-0.15,0.48],[-0.2,0.47],[-0.24,0.45],[-0.28,0.43],[-0.32,0.39],[-0.359,0.37],[-0.4,0.32],[-0.42,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.11],[-0.51,0.05],[-1.021,-0.11],[-0.5,-0.1],[-0.48,-0.15],[-0.47,-0.2],[-0.45,-0.24],[-0.43,-0.28],[-0.39,-0.32],[-0.359,-0.36],[-0.33,-0.4],[-0.28,-0.42],[-0.24,-0.45],[-0.19,-0.47],[-0.149,-0.49],[-0.1,-0.5],[-0.051,-0.51],[0,-0.51],[0.05,-0.51],[0.1,-0.5],[0.15,-0.49],[0.189,-0.47],[0.24,-0.45],[0.28,-0.43],[0.32,-0.39],[0.37,-0.37],[0.4,-0.33],[0.421,-0.28],[0.45,-0.24],[0.471,-0.19],[0.49,-0.15],[0.5,-0.1],[0.5,-0.05]],"o":[[-0.51,0],[-0.51,-0.05],[-0.5,-0.1],[-0.49,-0.15],[-0.47,-0.19],[-0.45,-0.24],[-0.42,-0.28],[-0.4,-0.33],[-0.359,-0.37],[-0.32,-0.39],[-0.28,-0.43],[-0.24,-0.45],[-0.2,-0.47],[-0.15,-0.49],[-0.101,-0.5],[-0.06,-0.51],[0,-0.51],[0.05,-0.51],[0.109,-0.5],[0.149,-0.49],[0.19,-0.47],[0.239,-0.45],[0.279,-0.42],[0.319,-0.4],[0.36,-0.36],[0.39,-0.32],[0.42,-0.28],[0.45,-0.24],[0.47,-0.2],[0.489,-0.15],[0.5,-0.1],[1.02,-0.11],[0.5,0.05],[0.5,0.11],[0.49,0.15],[0.471,0.19],[0.45,0.24],[0.421,0.28],[0.4,0.32],[0.37,0.37],[0.32,0.39],[0.28,0.43],[0.24,0.45],[0.189,0.47],[0.15,0.48],[0.1,0.5],[0.05,0.51],[0,0.51],[-0.051,0.5],[-0.1,0.49],[-0.149,0.49],[-0.19,0.47],[-0.24,0.45],[-0.28,0.42],[-0.33,0.4],[-0.359,0.36],[-0.39,0.32],[-0.43,0.28],[-0.45,0.24],[-0.47,0.19],[-0.48,0.15],[-0.5,0.1],[-0.51,0.05]],"v":[[0,15.651],[-1.54,15.571],[-3.061,15.341],[-4.54,14.971],[-5.99,14.451],[-7.37,13.801],[-8.69,13.011],[-9.92,12.101],[-11.07,11.071],[-12.1,9.921],[-13.01,8.691],[-13.8,7.371],[-14.45,5.981],[-14.97,4.541],[-15.35,3.061],[-15.57,1.541],[-15.65,0.001],[-15.57,-1.539],[-15.35,-3.059],[-14.97,-4.539],[-14.45,-5.989],[-13.8,-7.368],[-13.01,-8.689],[-12.1,-9.919],[-11.07,-11.069],[-9.92,-12.099],[-8.69,-13.009],[-7.37,-13.799],[-5.99,-14.449],[-4.55,-14.969],[-3.061,-15.349],[-1.54,-15.569],[1.54,-15.569],[3.06,-15.349],[4.54,-14.969],[5.979,-14.449],[7.37,-13.799],[8.689,-13.009],[9.92,-12.099],[11.06,-11.069],[12.1,-9.919],[13.01,-8.689],[13.8,-7.368],[14.45,-5.989],[14.97,-4.539],[15.34,-3.059],[15.57,-1.539],[15.65,0.001],[15.57,1.541],[15.34,3.061],[14.97,4.541],[14.45,5.981],[13.8,7.371],[13.01,8.691],[12.1,9.921],[11.06,11.071],[9.92,12.101],[8.689,13.011],[7.37,13.801],[5.979,14.451],[4.54,14.971],[3.06,15.341],[1.54,15.571]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[359.38,125.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.876,15.65],[-171.876,15.65],[-187.526,0],[-171.876,-15.65],[171.876,-15.65],[187.526,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,171.878],"ix":2},"a":{"a":0,"k":[250.004,171.878],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"t":60,"s":[360]}],"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[107.136,0],[0,0],[0,-106.591],[0,0],[-106.043,0],[0,0],[0,106.032],[0,0]],"o":[[0,0],[-106.591,0],[0,0],[0,106.031],[0,0],[106.032,0],[0,0],[0,-107.148]],"v":[[-1.004,-192.997],[-0.004,-192.997],[-192.997,-0.004],[-192.997,0.997],[-0.997,192.997],[0.996,192.997],[192.997,0.996],[192.997,1.004]],"c":true}]},{"t":90,"s":[{"i":[[11.505,0],[0,0],[0,-11.506],[0,0],[-11.506,0],[0,0],[0,11.505],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,11.505],[0,0],[11.505,0],[0,0],[0,-11.506]],"v":[[151.042,-171.876],[-151.042,-171.876],[-171.876,-151.042],[-171.876,151.042],[-151.042,171.876],[151.042,171.876],[171.876,151.042],[171.876,-151.042]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":9,"s":[7]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":14,"s":[0]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.299],"y":[0]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":70,"s":[0]},{"t":72,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[100]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":14,"s":[66.5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0]},"t":60,"s":[66.5]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":70,"s":[89.5]},{"t":72,"s":[100]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[60]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":70,"s":[16]},{"t":72,"s":[0]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('189-domain-verification-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-domain","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-domain","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-69-document-scan.json b/frontend-next/public/lotties/system-outline-69-document-scan.json
deleted file mode 100644
index 03664451e..000000000
--- a/frontend-next/public/lotties/system-outline-69-document-scan.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":91,"w":500,"h":500,"nm":"69-document-scan-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-scan","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.875,15.65],[-171.875,15.65],[-187.525,0],[-171.875,-15.65],[171.875,-15.65],[187.525,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[2.858,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-20.117],[0,0]],"o":[[-8.644,0],[0,0],[0,-2.858],[0,0],[-8.644,0],[0,-8.643],[0,0],[20.117,0],[0,0],[0,8.643]],"v":[[46.875,62.525],[31.225,46.875],[31.225,-26.041],[26.041,-31.225],[-46.875,-31.225],[-62.525,-46.875],[-46.875,-62.525],[26.041,-62.525],[62.525,-26.041],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,20.117],[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.857,0],[0,0],[0,-8.643]],"o":[[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,2.858],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,62.524],[-26.042,62.524],[-62.525,26.041],[-62.525,-46.875],[-46.875,-62.524],[-31.224,-46.875],[-31.224,26.041],[-26.042,31.225],[46.875,31.225],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,374.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,-2.858],[0,0]],"o":[[-8.644,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,8.643],[0,0],[-2.857,0],[0,0],[0,8.643]],"v":[[-46.875,62.524],[-62.525,46.875],[-62.525,-26.042],[-26.042,-62.524],[46.875,-62.524],[62.525,-46.875],[46.875,-31.225],[-26.042,-31.225],[-31.224,-26.042],[-31.224,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,124.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,2.858],[0,0],[-8.644,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[2.857,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,20.117]],"v":[[26.042,62.525],[-46.875,62.525],[-62.525,46.875],[-46.875,31.225],[26.042,31.225],[31.224,26.041],[31.224,-46.875],[46.875,-62.525],[62.525,-46.875],[62.525,26.041]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[375.004,375.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0.004,0],[-0.004,0]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-171.875,0],[171.875,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":10,"op":60,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[0,-0.25],[0,0]],"o":[[0,0],[0.25,0],[0,0],[0,0]],"v":[[-125.038,123.001],[-123.451,123.001],[-122.998,123.454],[-122.998,125.04]],"c":false}]},{"i":{"x":0.04,"y":1},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-126.875,33.125],[-53.959,33.125],[-33.125,53.959],[-33.125,126.875]],"c":false}]},{"t":45,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-46.875,-46.875],[26.041,-46.875],[46.875,-26.041],[46.875,46.875]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[0,0.25],[0,0]],"o":[[0,0],[-0.25,0],[0,0],[0,0]],"v":[[-124.956,126.998],[-126.543,126.998],[-126.996,126.545],[-126.996,124.959]],"c":false}]},{"i":{"x":0.04,"y":1},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-123.126,216.872],[-196.042,216.872],[-216.875,196.039],[-216.875,123.123]],"c":false}]},{"t":45,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-203.126,296.872],[-276.042,296.872],[-296.875,276.039],[-296.875,203.123]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[-0.25,0],[0,0]],"o":[[0,0],[0,-0.25],[0,0],[0,0]],"v":[[-126.996,125.04],[-126.996,123.454],[-126.543,123.001],[-124.956,123.001]],"c":false}]},{"i":{"x":0.04,"y":1},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-216.875,126.872],[-216.875,53.956],[-196.042,33.122],[-123.126,33.122]],"c":false}]},{"t":45,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-296.875,46.872],[-296.875,-26.044],[-276.042,-46.878],[-203.126,-46.878]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[0,0],[0.25,0],[0,0]],"o":[[0,0],[0,0.25],[0,0],[0,0]],"v":[[-122.998,124.959],[-122.998,126.545],[-123.451,126.998],[-125.038,126.998]],"c":false}]},{"i":{"x":0.04,"y":1},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[-33.119,123.127],[-33.119,196.043],[-53.952,216.877],[-126.868,216.877]],"c":false}]},{"t":45,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[46.881,203.127],[46.881,276.043],[26.048,296.877],[-46.868,296.877]],"c":false}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-scan","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.875,15.65],[-171.875,15.65],[-187.525,0],[-171.875,-15.65],[171.875,-15.65],[187.525,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":90,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[2.858,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-20.117],[0,0]],"o":[[-8.644,0],[0,0],[0,-2.858],[0,0],[-8.644,0],[0,-8.643],[0,0],[20.117,0],[0,0],[0,8.643]],"v":[[46.875,62.525],[31.225,46.875],[31.225,-26.041],[26.041,-31.225],[-46.875,-31.225],[-62.525,-46.875],[-46.875,-62.525],[26.041,-62.525],[62.525,-26.041],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,20.117],[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.857,0],[0,0],[0,-8.643]],"o":[[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,2.858],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,62.524],[-26.042,62.524],[-62.525,26.041],[-62.525,-46.875],[-46.875,-62.524],[-31.224,-46.875],[-31.224,26.041],[-26.042,31.225],[46.875,31.225],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,374.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,-2.858],[0,0]],"o":[[-8.644,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,8.643],[0,0],[-2.857,0],[0,0],[0,8.643]],"v":[[-46.875,62.524],[-62.525,46.875],[-62.525,-26.042],[-26.042,-62.524],[46.875,-62.524],[62.525,-46.875],[46.875,-31.225],[-26.042,-31.225],[-31.224,-26.042],[-31.224,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,124.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,2.858],[0,0],[-8.644,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[2.857,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,20.117]],"v":[[26.042,62.525],[-46.875,62.525],[-62.525,46.875],[-46.875,31.225],[26.042,31.225],[31.224,26.041],[31.224,-46.875],[46.875,-62.525],[62.525,-46.875],[62.525,26.041]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[375.004,375.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":90,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.875,15.65],[-171.875,15.65],[-187.525,0],[-171.875,-15.65],[171.875,-15.65],[187.525,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[2.858,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-20.117],[0,0]],"o":[[-8.644,0],[0,0],[0,-2.858],[0,0],[-8.644,0],[0,-8.643],[0,0],[20.117,0],[0,0],[0,8.643]],"v":[[46.875,62.525],[31.225,46.875],[31.225,-26.041],[26.041,-31.225],[-46.875,-31.225],[-62.525,-46.875],[-46.875,-62.525],[26.041,-62.525],[62.525,-26.041],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,20.117],[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.857,0],[0,0],[0,-8.643]],"o":[[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,2.858],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,62.524],[-26.042,62.524],[-62.525,26.041],[-62.525,-46.875],[-46.875,-62.524],[-31.224,-46.875],[-31.224,26.041],[-26.042,31.225],[46.875,31.225],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,374.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,-2.858],[0,0]],"o":[[-8.644,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,8.643],[0,0],[-2.857,0],[0,0],[0,8.643]],"v":[[-46.875,62.524],[-62.525,46.875],[-62.525,-26.042],[-26.042,-62.524],[46.875,-62.524],[62.525,-46.875],[46.875,-31.225],[-26.042,-31.225],[-31.224,-26.042],[-31.224,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,124.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,2.858],[0,0],[-8.644,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[2.857,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,20.117]],"v":[[26.042,62.525],[-46.875,62.525],[-62.525,46.875],[-46.875,31.225],[26.042,31.225],[31.224,26.041],[31.224,-46.875],[46.875,-62.525],[62.525,-46.875],[62.525,26.041]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[375.004,375.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[250.064,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.431,"y":1},"o":{"x":0.575,"y":0},"t":22,"s":[250.064,56.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.803,"y":0},"t":60,"s":[250.064,443.003,0],"to":[0,0,0],"ti":[0,0,0]},{"t":90,"s":[250.064,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[0.042,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":0,"s":[343,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0.346,0]},"t":7,"s":[352.076,52]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":22,"s":[406,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":41,"s":[406,119]},{"i":{"x":[0.667,0.667],"y":[0.639,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":60,"s":[406,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0.824,0]},"t":80,"s":[354.333,30]},{"t":90,"s":[343,0]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.504,-0.503],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-46.875,-46.875],[26.041,-46.875],[46.875,-26.041],[46.875,46.875]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-13.917,-79.832],[58.999,-79.832],[79.832,-58.999],[79.832,13.917]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-13.917,-79.832],[58.999,-79.832],[79.832,-58.999],[79.832,13.917]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-46.875,-46.875],[26.041,-46.875],[46.875,-26.041],[46.875,46.875]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-203.126,296.872],[-276.042,296.872],[-296.875,276.039],[-296.875,203.123]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-236.084,329.83],[-309,329.83],[-329.833,308.997],[-329.833,236.081]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-236.084,329.83],[-309,329.83],[-329.833,308.997],[-329.833,236.081]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-203.126,296.872],[-276.042,296.872],[-296.875,276.039],[-296.875,203.123]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-296.875,46.872],[-296.875,-26.044],[-276.042,-46.878],[-203.126,-46.878]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-329.833,13.914],[-329.833,-59.002],[-309,-79.835],[-236.084,-79.835]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-329.833,13.914],[-329.833,-59.002],[-309,-79.835],[-236.084,-79.835]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-296.875,46.872],[-296.875,-26.044],[-276.042,-46.878],[-203.126,-46.878]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[46.881,203.127],[46.881,276.043],[26.048,296.877],[-46.868,296.877]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[79.839,236.085],[79.839,309.001],[59.006,329.834],[-13.91,329.834]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[79.839,236.085],[79.839,309.001],[59.006,329.834],[-13.91,329.834]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[46.881,203.127],[46.881,276.043],[26.048,296.877],[-46.868,296.877]],"c":false}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0}]},{"id":"comp_2","nm":"morph-scan-OK","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[253.419,260.347,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[149.956,-122.947],[-31.321,57.362],[-83.54,5.208]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":100,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[253.419,260.347,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.7,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[197.252,182.153],[-31.025,182.263],[-200.744,182.309]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[149.956,-122.947],[-31.321,57.362],[-83.54,5.208]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":100,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.7],"y":[0]},"t":60,"s":[0]},{"t":90,"s":[28.5]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[0.418]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[0]},{"i":{"x":[0.37],"y":[1]},"o":{"x":[0.333],"y":[-1.887]},"t":67,"s":[-2.777]},{"t":90,"s":[0]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":90,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,249.974,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.57,-1.64],[2.27,-0.05],[1.65,1.56],[0.05,2.27],[-4.68,0.11],[-0.07,0],[-1.6,-1.52],[-0.05,-2.27]],"o":[[-1.57,1.64],[-2.28,0.06],[-1.65,-1.56],[-0.11,-4.69],[0.07,0],[2.19,0],[1.64,1.57],[0.06,2.26]],"v":[[6.15,5.861],[0.2,8.491],[-5.87,6.151],[-8.5,0.201],[-0.21,-8.499],[0,-8.499],[5.86,-6.149],[8.49,-0.199]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.67,-0.06],[-0.13,-5.51],[-1.93,-1.84],[-2.58,0],[-0.08,0],[-1.84,1.93],[0.06,2.67],[1.93,1.84]],"o":[[-5.51,0.14],[0.06,2.67],[1.88,1.79],[0.08,0],[2.67,-0.06],[1.84,-1.93],[-0.06,-2.67],[-1.94,-1.84]],"v":[[-0.24,-9.999],[-10,0.241],[-6.9,7.241],[-0.01,10.001],[0.24,10.001],[7.24,6.901],[10,-0.239],[6.9,-7.239]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250,249.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.3,-0.29],[0,0],[0,0],[0.29,-0.29],[-0.29,-0.29],[0,0],[-0.19,0],[-0.15,0.15],[0,0],[0.3,0.3]],"o":[[0,0],[0,0],[-0.29,-0.29],[-0.29,0.29],[0,0],[0.15,0.15],[0.19,0],[0,0],[0.3,-0.29],[-0.29,-0.29]],"v":[[3.476,-3.286],[-1.504,1.694],[-3.484,-0.276],[-4.544,-0.276],[-4.544,0.784],[-2.034,3.284],[-1.504,3.504],[-0.974,3.284],[4.536,-2.226],[4.536,-3.286]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.164,250.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":90,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.875,15.65],[-171.875,15.65],[-187.525,0],[-171.875,-15.65],[171.875,-15.65],[187.525,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[2.858,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-20.117],[0,0]],"o":[[-8.644,0],[0,0],[0,-2.858],[0,0],[-8.644,0],[0,-8.643],[0,0],[20.117,0],[0,0],[0,8.643]],"v":[[46.875,62.525],[31.225,46.875],[31.225,-26.041],[26.041,-31.225],[-46.875,-31.225],[-62.525,-46.875],[-46.875,-62.525],[26.041,-62.525],[62.525,-26.041],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,20.117],[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.857,0],[0,0],[0,-8.643]],"o":[[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,2.858],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,62.524],[-26.042,62.524],[-62.525,26.041],[-62.525,-46.875],[-46.875,-62.524],[-31.224,-46.875],[-31.224,26.041],[-26.042,31.225],[46.875,31.225],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,374.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,-2.858],[0,0]],"o":[[-8.644,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,8.643],[0,0],[-2.857,0],[0,0],[0,8.643]],"v":[[-46.875,62.524],[-62.525,46.875],[-62.525,-26.042],[-26.042,-62.524],[46.875,-62.524],[62.525,-46.875],[46.875,-31.225],[-26.042,-31.225],[-31.224,-26.042],[-31.224,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,124.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,2.858],[0,0],[-8.644,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[2.857,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,20.117]],"v":[[26.042,62.525],[-46.875,62.525],[-62.525,46.875],[-46.875,31.225],[26.042,31.225],[31.224,26.041],[31.224,-46.875],[46.875,-62.525],[62.525,-46.875],[62.525,26.041]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[375.004,375.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[250.064,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.431,"y":1},"o":{"x":0.575,"y":0},"t":22,"s":[250.064,56.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.803,"y":0},"t":60,"s":[250.064,443.003,0],"to":[0,0,0],"ti":[0,0,0]},{"t":90,"s":[250.064,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[0.042,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":0,"s":[343,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0.346,0]},"t":7,"s":[352.076,52]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":22,"s":[406,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":41,"s":[406,119]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":60,"s":[406,0]},{"t":90,"s":[343,0]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.504,-0.503],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-46.875,-46.875],[26.041,-46.875],[46.875,-26.041],[46.875,46.875]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-13.917,-79.832],[58.999,-79.832],[79.832,-58.999],[79.832,13.917]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-13.917,-79.832],[58.999,-79.832],[79.832,-58.999],[79.832,13.917]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,-105.64],[0,0]],"o":[[0,0],[105.64,0],[0,0],[0,0]],"v":[[-124.924,-67.612],[-123.4,-67.615],[67.878,123.663],[67.875,124.613]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-203.126,296.872],[-276.042,296.872],[-296.875,276.039],[-296.875,203.123]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-236.084,329.83],[-309,329.83],[-329.833,308.997],[-329.833,236.081]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-236.084,329.83],[-309,329.83],[-329.833,308.997],[-329.833,236.081]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,105.64],[0,0]],"o":[[0,0],[-105.64,0],[0,0],[0,0]],"v":[[-124.928,316.796],[-126.451,315.673],[-317.73,124.395],[-316.584,120.576]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-296.875,46.872],[-296.875,-26.044],[-276.042,-46.878],[-203.126,-46.878]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-329.833,13.914],[-329.833,-59.002],[-309,-79.835],[-236.084,-79.835]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-329.833,13.914],[-329.833,-59.002],[-309,-79.835],[-236.084,-79.835]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[-105.64,0],[0,0]],"o":[[0,0],[0,-105.64],[0,0],[0,0]],"v":[[-317.741,121.714],[-317.736,123.634],[-126.458,-67.644],[-124.934,-67.668]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[46.881,203.127],[46.881,276.043],[26.048,296.877],[-46.868,296.877]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[79.839,236.085],[79.839,309.001],[59.006,329.834],[-13.91,329.834]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[79.839,236.085],[79.839,309.001],[59.006,329.834],[-13.91,329.834]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[105.64,0],[0,0]],"o":[[0,0],[0,105.64],[0,0],[0,0]],"v":[[68.002,124.062],[67.944,124.438],[-123.334,315.716],[-123.136,315.157]],"c":false}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0}]},{"id":"comp_3","nm":"morph-scan-WRONG","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.236],"y":[1]},"o":{"x":[0.538],"y":[0]},"t":60,"s":[45]},{"t":90,"s":[90]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.236,"y":1},"o":{"x":0.538,"y":0},"t":60,"s":[150.004,439.003,0],"to":[16.667,-31.5,0],"ti":[-16.667,31.5,0]},{"t":90,"s":[250.004,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-67.709,67.709],[67.709,-67.709]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":60,"op":90,"st":30,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.236],"y":[1]},"o":{"x":[0.538],"y":[0]},"t":60,"s":[135]},{"t":90,"s":[90]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.236,"y":1},"o":{"x":0.538,"y":0},"t":60,"s":[350.004,439.003,0],"to":[-16.667,-31.5,0],"ti":[16.667,31.5,0]},{"t":90,"s":[250.004,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[67.709,67.709],[-67.709,-67.709]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":60,"op":90,"st":30,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,249.974,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.57,-1.64],[2.27,-0.05],[1.64,1.56],[0.05,2.27],[-1.57,1.64],[-2.27,0.05],[-0.07,0],[-1.6,-1.52],[-0.05,-2.27]],"o":[[-1.57,1.64],[-2.26,0.06],[-1.64,-1.57],[-0.05,-2.26],[1.57,-1.64],[0.07,0],[2.19,0],[1.64,1.57],[0.05,2.25]],"v":[[6.15,5.861],[0.2,8.491],[-5.87,6.151],[-8.5,0.201],[-6.15,-5.859],[-0.2,-8.489],[0.01,-8.489],[5.87,-6.139],[8.5,-0.189]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.66,-0.06],[1.84,-1.93],[-0.06,-2.67],[-1.93,-1.84],[-2.58,0],[-0.08,0],[-1.84,1.93],[0.06,2.67],[1.93,1.84]],"o":[[-2.67,0.06],[-1.84,1.94],[0.06,2.67],[1.88,1.79],[0.08,0],[2.67,-0.06],[1.84,-1.93],[-0.06,-2.67],[-1.94,-1.84]],"v":[[-0.24,-9.999],[-7.24,-6.899],[-10,0.241],[-6.9,7.241],[-0.01,10.001],[0.24,10.001],[7.24,6.901],[10,-0.239],[6.9,-7.239]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250,249.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.29,0.29],[0.29,-0.29],[0,0],[0,0],[0.29,-0.29],[-0.29,-0.29],[0,0],[0,0],[-0.29,-0.29],[-0.19,0],[-0.15,0.15],[0,0],[0,0],[-0.19,0],[-0.15,0.15],[0.29,0.29],[0,0],[0,0]],"o":[[-0.29,-0.29],[0,0],[0,0],[-0.29,-0.29],[-0.29,0.29],[0,0],[0,0],[-0.29,0.29],[0.15,0.15],[0.19,0],[0,0],[0,0],[0.15,0.15],[0.19,0],[0.29,-0.29],[0,0],[0,0],[0.29,-0.29]],"v":[[3.78,-3.781],[2.72,-3.781],[0,-1.061],[-2.72,-3.781],[-3.78,-3.781],[-3.78,-2.721],[-1.06,-0.001],[-3.78,2.719],[-3.78,3.779],[-3.25,3.999],[-2.72,3.779],[0,1.059],[2.72,3.779],[3.25,3.999],[3.78,3.779],[3.78,2.719],[1.06,-0.001],[3.78,-2.721]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250,250.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":90,"op":330,"st":30,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[253.419,260.347,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[149.956,-122.947],[-31.321,57.362],[-83.54,5.208]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":100,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[8.644,0],[0,8.643]],"v":[[171.875,15.65],[-171.875,15.65],[-187.525,0],[-171.875,-15.65],[171.875,-15.65],[187.525,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[2.858,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-20.117],[0,0]],"o":[[-8.644,0],[0,0],[0,-2.858],[0,0],[-8.644,0],[0,-8.643],[0,0],[20.117,0],[0,0],[0,8.643]],"v":[[46.875,62.525],[31.225,46.875],[31.225,-26.041],[26.041,-31.225],[-46.875,-31.225],[-62.525,-46.875],[-46.875,-62.525],[26.041,-62.525],[62.525,-26.041],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,20.117],[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.857,0],[0,0],[0,-8.643]],"o":[[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,2.858],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,62.524],[-26.042,62.524],[-62.525,26.041],[-62.525,-46.875],[-46.875,-62.524],[-31.224,-46.875],[-31.224,26.041],[-26.042,31.225],[46.875,31.225],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,374.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,-2.858],[0,0]],"o":[[-8.644,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,8.643],[0,0],[-2.857,0],[0,0],[0,8.643]],"v":[[-46.875,62.524],[-62.525,46.875],[-62.525,-26.042],[-26.042,-62.524],[46.875,-62.524],[62.525,-46.875],[46.875,-31.225],[-26.042,-31.225],[-31.224,-26.042],[-31.224,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,124.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,2.858],[0,0],[-8.644,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[2.857,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,20.117]],"v":[[26.042,62.525],[-46.875,62.525],[-62.525,46.875],[-46.875,31.225],[26.042,31.225],[31.224,26.041],[31.224,-46.875],[46.875,-62.525],[62.525,-46.875],[62.525,26.041]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[375.004,375.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[250.064,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.431,"y":1},"o":{"x":0.575,"y":0},"t":22,"s":[250.064,56.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.803,"y":0},"t":60,"s":[250.064,443.003,0],"to":[0,0,0],"ti":[0,0,0]},{"t":90,"s":[250.064,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[0.042,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":0,"s":[343,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0.346,0]},"t":7,"s":[352.076,52]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":22,"s":[406,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":41,"s":[406,119]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":60,"s":[406,0]},{"t":90,"s":[343,0]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.504,-0.503],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-46.875,-46.875],[26.041,-46.875],[46.875,-26.041],[46.875,46.875]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-13.917,-79.832],[58.999,-79.832],[79.832,-58.999],[79.832,13.917]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,-11.506],[0,0]],"o":[[0,0],[11.506,0],[0,0],[0,0]],"v":[[-13.917,-79.832],[58.999,-79.832],[79.832,-58.999],[79.832,13.917]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,-105.64],[0,0]],"o":[[0,0],[105.64,0],[0,0],[0,0]],"v":[[-124.924,-67.612],[-123.4,-67.615],[67.878,123.663],[67.875,124.613]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-203.126,296.872],[-276.042,296.872],[-296.875,276.039],[-296.875,203.123]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-236.084,329.83],[-309,329.83],[-329.833,308.997],[-329.833,236.081]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,11.506],[0,0]],"o":[[0,0],[-11.506,0],[0,0],[0,0]],"v":[[-236.084,329.83],[-309,329.83],[-329.833,308.997],[-329.833,236.081]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[0,105.64],[0,0]],"o":[[0,0],[-105.64,0],[0,0],[0,0]],"v":[[-124.928,316.796],[-126.451,315.673],[-317.73,124.395],[-316.584,120.576]],"c":false}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-296.875,46.872],[-296.875,-26.044],[-276.042,-46.878],[-203.126,-46.878]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-329.833,13.914],[-329.833,-59.002],[-309,-79.835],[-236.084,-79.835]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[-11.506,0],[0,0]],"o":[[0,0],[0,-11.506],[0,0],[0,0]],"v":[[-329.833,13.914],[-329.833,-59.002],[-309,-79.835],[-236.084,-79.835]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[-105.64,0],[0,0]],"o":[[0,0],[0,-105.64],[0,0],[0,0]],"v":[[-317.741,121.714],[-317.736,123.634],[-126.458,-67.644],[-124.934,-67.668]],"c":false}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":1,"k":[{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[46.881,203.127],[46.881,276.043],[26.048,296.877],[-46.868,296.877]],"c":false}]},{"i":{"x":0.4,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[79.839,236.085],[79.839,309.001],[59.006,329.834],[-13.91,329.834]],"c":false}]},{"i":{"x":0.221,"y":1},"o":{"x":0.6,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[11.506,0],[0,0]],"o":[[0,0],[0,11.506],[0,0],[0,0]],"v":[[79.839,236.085],[79.839,309.001],[59.006,329.834],[-13.91,329.834]],"c":false}]},{"t":90,"s":[{"i":[[0,0],[0,0],[105.64,0],[0,0]],"o":[[0,0],[0,105.64],[0,0],[0,0]],"v":[[68.002,124.062],[67.944,124.438],[-123.334,315.716],[-123.136,315.157]],"c":false}]}],"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":0,"bm":0}]},{"id":"comp_4","nm":"loop-scan","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.001,250.001,0],"ix":2,"l":2},"a":{"a":0,"k":[250.001,250.001,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[2.858,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-20.117],[0,0]],"o":[[-8.644,0],[0,0],[0,-2.858],[0,0],[-8.644,0],[0,-8.643],[0,0],[20.117,0],[0,0],[0,8.643]],"v":[[46.875,62.525],[31.225,46.875],[31.225,-26.041],[26.041,-31.225],[-46.875,-31.225],[-62.525,-46.875],[-46.875,-62.525],[26.041,-62.525],[62.525,-26.041],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[374.998,125.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,20.117],[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.857,0],[0,0],[0,-8.643]],"o":[[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,2.858],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,62.524],[-26.042,62.524],[-62.525,26.041],[-62.525,-46.875],[-46.875,-62.524],[-31.224,-46.875],[-31.224,26.041],[-26.042,31.225],[46.875,31.225],[62.525,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,374.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,-2.858],[0,0]],"o":[[-8.644,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,8.643],[0,0],[-2.857,0],[0,0],[0,8.643]],"v":[[-46.875,62.524],[-62.525,46.875],[-62.525,-26.042],[-26.042,-62.524],[46.875,-62.524],[62.525,-46.875],[46.875,-31.225],[-26.042,-31.225],[-31.224,-26.042],[-31.224,46.875]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[124.998,124.998],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,2.858],[0,0],[-8.644,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[2.857,0],[0,0],[0,-8.643],[8.644,0],[0,0],[0,20.117]],"v":[[26.042,62.525],[-46.875,62.525],[-62.525,46.875],[-46.875,31.225],[26.042,31.225],[31.224,26.041],[31.224,-46.875],[46.875,-62.525],[62.525,-46.875],[62.525,26.041]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[375.004,375.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[250.064,250.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[250.064,86.003,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.333,"y":0},"t":65,"s":[250.064,416.003,0],"to":[0,0,0],"ti":[0,0,0]},{"t":90,"s":[250.064,250.003,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.569,0.569],"y":[3.925,-0.646]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[343,78]},{"i":{"x":[0.703,0.703],"y":[1,1]},"o":{"x":[0.321,0.321],"y":[0.247,0.493]},"t":9,"s":[344.02,63.623]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":25,"s":[328,0]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":45,"s":[343,144]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":65,"s":[332,0]},{"t":90,"s":[343,78]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('69-document-scan-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.504,-0.503],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":91,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]},{"ty":5,"nm":"State-Morph-Scan-OK","np":3,"mn":"ADBE Slider Control","ix":6,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Morph-Scan-WRONG","np":3,"mn":"ADBE Slider Control","ix":7,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Loop","np":3,"mn":"ADBE Slider Control","ix":8,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-scan","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-scan","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"morph-scan-OK","parent":3,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Morph-Scan-OK')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":0,"nm":"morph-scan-WRONG","parent":3,"refId":"comp_3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Morph-Scan-WRONG')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":0,"nm":"loop-scan","parent":3,"refId":"comp_4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Loop')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":101,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-82-extension.json b/frontend-next/public/lotties/system-outline-82-extension.json
deleted file mode 100644
index 1a3f6b7d3..000000000
--- a/frontend-next/public/lotties/system-outline-82-extension.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":61,"w":500,"h":500,"nm":"82-extension-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-extension","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,2.81],[0,0],[0,0],[0,35.97],[-12.144,12.432],[-0.087,0.085],[-17.194,0],[0,0],[0,0],[2.81,0],[0,0],[0,8.643],[0,0],[7.854,7.698],[0.074,0.075],[11.159,0],[0,-22.961],[0,0],[8.644,0],[0,0],[0,-2.81],[0,0],[8.644,0],[0,0],[7.697,-7.854],[0.075,-0.074],[0,-11.159],[-22.962,0],[0,0],[0,-8.643],[0,0],[-2.81,0],[0,0],[0,0],[-35.97,0],[-12.431,-12.143],[-0.085,-0.087],[0,-17.191]],"o":[[0,0],[2.81,0],[0,0],[0,0],[-35.97,0],[0,-17.19],[0.084,-0.086],[12.563,-12.279],[0,0],[0,0],[0,-2.81],[0,0],[-8.644,0],[0,0],[0,-11.158],[-0.075,-0.073],[-7.696,-7.854],[-22.962,0],[0,0],[0,8.643],[0,0],[-2.81,0],[0,0],[0,8.643],[0,0],[-11.158,0],[-0.073,0.075],[-7.854,7.697],[0,22.961],[0,0],[8.644,0],[0,0],[0,2.81],[0,0],[0,0],[0,-35.855],[17.192,0],[0.087,0.085],[12.143,12.431],[0,0]],"v":[[96.279,156.229],[151.046,156.229],[156.229,151.045],[156.229,96.486],[148.546,96.486],[83.312,31.253],[102.143,-14.683],[102.399,-14.939],[148.546,-33.98],[156.229,-33.98],[156.229,-88.539],[151.046,-93.723],[88.546,-93.723],[72.896,-109.372],[72.896,-135.414],[60.717,-164.655],[60.493,-164.878],[31.254,-177.057],[-10.388,-135.414],[-10.388,-109.372],[-26.038,-93.723],[-88.538,-93.723],[-93.722,-88.539],[-93.722,-26.039],[-109.372,-10.389],[-135.414,-10.389],[-164.654,1.79],[-164.877,2.013],[-177.056,31.253],[-135.414,72.895],[-109.372,72.895],[-93.722,88.545],[-93.722,151.045],[-88.538,156.229],[-33.98,156.229],[-33.98,148.337],[31.254,83.312],[77.19,102.142],[77.449,102.401],[96.279,148.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[0,0],[6.315,6.532],[8.909,0],[0,-18.596],[0,0],[8.644,0],[0,0],[0,20.117],[0,0],[0,0],[0,40.22],[-13.837,13.621],[-19.586,0],[0,0],[0,0],[-20.117,0],[0,0],[0,0],[-40.221,0],[-13.62,-13.838],[0,-19.586],[0,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,0],[6.662,-6.449],[0,-8.91],[-18.711,0],[0,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,-8.909],[-6.531,-6.316],[-18.711,0],[0,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,0],[-40.221,0],[0,-19.584],[13.622,-13.841],[0,0],[0,0],[0,-20.117],[0,0],[0,0],[0,-40.22],[19.585,0],[13.841,13.622],[0,0],[0,0],[20.117,0],[0,0],[0,8.643],[0,0],[-8.911,0],[-6.318,6.533],[0,18.711],[0,0],[8.644,0],[0,0],[0,20.117]],"v":[[151.046,187.528],[80.629,187.528],[64.979,171.879],[64.979,148.337],[55.188,124.405],[31.254,114.611],[-2.68,148.337],[-2.68,171.879],[-18.33,187.528],[-88.538,187.528],[-125.022,151.045],[-125.022,104.195],[-135.414,104.195],[-208.356,31.253],[-186.9,-20.228],[-135.414,-41.689],[-125.022,-41.689],[-125.022,-88.539],[-88.538,-125.022],[-41.688,-125.022],[-41.688,-135.414],[31.254,-208.356],[82.735,-186.9],[104.196,-135.414],[104.196,-125.022],[151.046,-125.022],[187.53,-88.539],[187.53,-18.33],[171.88,-2.681],[148.546,-2.681],[124.408,7.317],[114.612,31.253],[148.546,65.187],[171.88,65.187],[187.53,80.837],[187.53,151.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('82-extension-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.235],"y":[1]},"o":{"x":[0.5],"y":[0]},"t":18,"s":[0]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[-90]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.5],"y":[0]},"t":42,"s":[-90]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":53,"s":[13]},{"t":60,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.235,"y":1},"o":{"x":0.5,"y":0},"t":18,"s":[250,250,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.5,"y":0.5},"o":{"x":0.333,"y":0.333},"t":30,"s":[291.748,250,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.268,"y":1},"o":{"x":0.5,"y":0},"t":42,"s":[291.748,250,0],"to":[0,0,0],"ti":[0,0,0]},{"t":53,"s":[281.647,281.334,0]}],"ix":2,"l":2},"a":{"a":0,"k":[42.06,41.748,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":-1,"s":[{"i":[[0.001,-0.001],[0,-0.002],[0,0],[-0.001,0],[0,0],[0,0],[0.081,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,-0.001],[0,0],[0,0],[0,0.081],[0,0],[0,0],[0,0.001],[0,0],[-0.001,0.001],[-0.001,0],[0,0],[0,0],[-0.081,0],[0,0],[0,0],[-0.001,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,-0.081],[0,0],[0,0]],"o":[[-0.001,0.001],[0,0],[0,0.001],[0,0],[0,0],[0,0.081],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.001,0],[0,0],[0,0],[-0.081,0],[0,0],[0,0],[-0.001,0],[0,0],[0,-0.001],[0.001,-0.001],[0,0],[0,0],[0,-0.081],[0,0],[0,0],[0,-0.001],[0,0],[0,0],[0,0],[0,0],[0,0],[0.081,0],[0,0],[0,0],[-0.002,0]],"v":[[43.056,41.398],[43.055,41.401],[43.055,42.097],[43.057,42.099],[43.054,42.099],[43.054,42.597],[42.906,42.744],[42.407,42.744],[42.408,42.746],[42.408,42.745],[42.407,42.745],[41.708,42.745],[41.707,42.746],[41.706,42.744],[41.209,42.744],[41.061,42.597],[41.061,42.154],[41.062,42.154],[41.06,42.152],[41.06,41.345],[41.061,41.343],[41.064,41.342],[41.061,41.342],[41.061,40.899],[41.209,40.751],[41.651,40.751],[41.651,40.752],[41.653,40.75],[42.463,40.75],[42.463,40.75],[42.463,40.751],[42.464,40.751],[42.906,40.751],[43.054,40.899],[43.054,41.396],[43.06,41.396]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.333,"y":0},"t":15,"s":[{"i":[[0.146,-0.142],[0,-0.218],[0,-0.001],[-0.158,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[0.023,0.023],[0.036,0],[0.001,0],[0,-0.085],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0.002,0.163],[0,0.001],[-0.083,0.081],[-0.126,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-0.113,0.001],[0,0],[-0.008,-0.008],[0,-0.013],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-0.139,0.142],[0,0.002],[0.001,0.157],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,-0.036],[-0.023,-0.023],[-0.001,0],[-0.085,0.002],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-0.163,0],[0,-0.001],[0,-0.126],[0.081,-0.083],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,-0.113],[0.001,0],[0.013,0],[0.008,0.008],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-0.218,0]],"v":[[182.604,-7.728],[182.376,-7.172],[182.376,90.923],[182.663,91.207],[182.293,91.251],[182.293,161.459],[161.459,182.293],[91.042,182.293],[91.115,182.503],[91.078,182.413],[90.988,182.376],[-7.69,182.382],[-7.844,182.539],[-7.917,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-98.745,99.004],[-99.042,98.71],[-99.043,-15.124],[-98.908,-15.446],[-98.587,-15.58],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-15.625,-98.959],[-15.663,-98.836],[-15.459,-99.042],[98.875,-99.043],[98.907,-99.029],[98.921,-98.997],[98.959,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[183.163,-7.96]],"c":true}]},{"i":{"x":0.235,"y":1},"o":{"x":0.5,"y":0},"t":18,"s":[{"i":[[0.146,-0.142],[0,-0.218],[0,-0.001],[-0.158,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[0.023,0.023],[0.036,0],[0.001,0],[0,-0.085],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0.002,0.163],[0,0.001],[-0.083,0.081],[-0.126,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-0.113,0.001],[0,0],[-0.008,-0.008],[0,-0.013],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-0.139,0.142],[0,0.002],[0.001,0.157],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,-0.036],[-0.023,-0.023],[-0.001,0],[-0.085,0.002],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-0.163,0],[0,-0.001],[0,-0.126],[0.081,-0.083],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,-0.113],[0.001,0],[0.013,0],[0.008,0.008],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-0.218,0]],"v":[[182.604,-7.728],[182.376,-7.172],[182.376,90.923],[182.663,91.207],[182.293,91.251],[182.293,161.459],[161.459,182.293],[91.042,182.293],[91.115,182.503],[91.078,182.413],[90.988,182.376],[-7.69,182.382],[-7.844,182.539],[-7.917,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-98.745,99.004],[-99.042,98.71],[-99.043,-15.124],[-98.908,-15.446],[-98.587,-15.58],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-15.625,-98.959],[-15.663,-98.836],[-15.459,-99.042],[98.875,-99.043],[98.907,-99.029],[98.921,-98.997],[98.959,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[183.163,-7.96]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[0.146,-0.142],[0,-0.218],[0,-0.001],[-0.158,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[8.75,8.958],[13.749,0],[0.481,-0.014],[0,-26.807],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0.002,0.163],[0,0.001],[-0.083,0.081],[-0.126,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.437,0.267],[-0.166,0],[-10.208,-10.417],[0,-15.834],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-0.139,0.142],[0,0.002],[0.001,0.157],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,-13.751],[-8.958,-8.751],[-0.484,0],[-26.628,0.765],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-0.163,0],[0,-0.001],[0,-0.126],[0.081,-0.083],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,-31.501],[0.166,-0.001],[15.834,0],[10.417,10.208],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-0.218,0]],"v":[[182.604,-7.728],[182.376,-7.172],[182.376,90.923],[182.663,91.208],[182.293,91.251],[182.293,161.459],[161.459,182.293],[91.042,182.293],[91.042,158.751],[76.667,123.751],[41.667,109.376],[40.218,109.396],[-7.917,158.751],[-7.917,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-98.745,99.004],[-99.042,98.71],[-99.043,-15.124],[-98.908,-15.446],[-98.587,-15.58],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-15.625,-98.959],[-15.625,-125.001],[41.168,-182.29],[41.667,-182.293],[82.084,-165.418],[98.959,-125.001],[98.959,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[183.163,-7.96]],"c":true}]},{"i":{"x":0.268,"y":1},"o":{"x":0.5,"y":0},"t":42,"s":[{"i":[[0.146,-0.142],[0,-0.218],[0,-0.001],[-0.158,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[8.75,8.958],[13.749,0],[0.481,-0.014],[0,-26.807],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0.002,0.163],[0,0.001],[-0.083,0.081],[-0.126,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.437,0.267],[-0.166,0],[-10.208,-10.417],[0,-15.834],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-0.139,0.142],[0,0.002],[0.001,0.157],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,-13.751],[-8.958,-8.751],[-0.484,0],[-26.628,0.765],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-0.163,0],[0,-0.001],[0,-0.126],[0.081,-0.083],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,-31.501],[0.166,-0.001],[15.834,0],[10.417,10.208],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-0.218,0]],"v":[[182.604,-7.728],[182.376,-7.172],[182.376,90.923],[182.663,91.208],[182.293,91.251],[182.293,161.459],[161.459,182.293],[91.042,182.293],[91.042,158.751],[76.667,123.751],[41.667,109.376],[40.218,109.396],[-7.917,158.751],[-7.917,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-98.745,99.004],[-99.042,98.71],[-99.043,-15.124],[-98.908,-15.446],[-98.587,-15.58],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-15.625,-98.959],[-15.625,-125.001],[41.168,-182.29],[41.667,-182.293],[82.084,-165.418],[98.959,-125.001],[98.959,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[183.163,-7.96]],"c":true}]},{"t":53,"s":[{"i":[[9.167,-8.958],[0,-13.751],[-0.002,-0.163],[-27.336,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[8.75,8.958],[13.749,0],[0.481,-0.014],[0,-26.807],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0.316,31.394],[0,0.197],[-10.417,10.208],[-15.834,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.437,0.267],[-0.166,0],[-10.208,-10.417],[0,-15.834],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-8.75,8.958],[0,0.163],[0.262,27.069],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,-13.751],[-8.958,-8.751],[-0.484,0],[-26.628,0.765],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.47,0],[-0.002,-0.196],[0,-15.834],[10.208,-10.417],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,-31.501],[0.166,-0.001],[15.834,0],[10.417,10.208],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-13.751,0]],"v":[[123.751,6.667],[109.376,41.667],[109.378,42.156],[158.959,91.251],[182.293,91.251],[182.293,161.459],[161.459,182.293],[91.042,182.293],[91.042,158.751],[76.667,123.751],[41.667,109.376],[40.218,109.396],[-7.917,158.751],[-7.917,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-125.001,98.959],[-182.29,42.257],[-182.293,41.667],[-165.418,1.25],[-125.001,-15.625],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-15.625,-98.959],[-15.625,-125.001],[41.168,-182.29],[41.667,-182.293],[82.084,-165.418],[98.959,-125.001],[98.959,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[158.959,-7.917]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('82-extension-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-extension","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,2.81],[0,0],[0,0],[0,35.97],[-12.144,12.432],[-0.087,0.085],[-17.194,0],[0,0],[0,0],[2.81,0],[0,0],[0,8.643],[0,0],[7.854,7.698],[0.074,0.075],[11.159,0],[0,-22.961],[0,0],[8.644,0],[0,0],[0,-2.81],[0,0],[8.644,0],[0,0],[7.697,-7.854],[0.075,-0.074],[0,-11.159],[-22.962,0],[0,0],[0,-8.643],[0,0],[-2.81,0],[0,0],[0,0],[-35.97,0],[-12.431,-12.143],[-0.085,-0.087],[0,-17.191]],"o":[[0,0],[2.81,0],[0,0],[0,0],[-35.97,0],[0,-17.19],[0.084,-0.086],[12.563,-12.279],[0,0],[0,0],[0,-2.81],[0,0],[-8.644,0],[0,0],[0,-11.158],[-0.075,-0.073],[-7.696,-7.854],[-22.962,0],[0,0],[0,8.643],[0,0],[-2.81,0],[0,0],[0,8.643],[0,0],[-11.158,0],[-0.073,0.075],[-7.854,7.697],[0,22.961],[0,0],[8.644,0],[0,0],[0,2.81],[0,0],[0,0],[0,-35.855],[17.192,0],[0.087,0.085],[12.143,12.431],[0,0]],"v":[[96.279,156.229],[151.046,156.229],[156.229,151.045],[156.229,96.486],[148.546,96.486],[83.312,31.253],[102.143,-14.683],[102.399,-14.939],[148.546,-33.98],[156.229,-33.98],[156.229,-88.539],[151.046,-93.723],[88.546,-93.723],[72.896,-109.372],[72.896,-135.414],[60.717,-164.655],[60.493,-164.878],[31.254,-177.057],[-10.388,-135.414],[-10.388,-109.372],[-26.038,-93.723],[-88.538,-93.723],[-93.722,-88.539],[-93.722,-26.039],[-109.372,-10.389],[-135.414,-10.389],[-164.654,1.79],[-164.877,2.013],[-177.056,31.253],[-135.414,72.895],[-109.372,72.895],[-93.722,88.545],[-93.722,151.045],[-88.538,156.229],[-33.98,156.229],[-33.98,148.337],[31.254,83.312],[77.19,102.142],[77.449,102.401],[96.279,148.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[0,0],[6.315,6.532],[8.909,0],[0,-18.596],[0,0],[8.644,0],[0,0],[0,20.117],[0,0],[0,0],[0,40.22],[-13.837,13.621],[-19.586,0],[0,0],[0,0],[-20.117,0],[0,0],[0,0],[-40.221,0],[-13.62,-13.838],[0,-19.586],[0,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,0],[6.662,-6.449],[0,-8.91],[-18.711,0],[0,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,-8.909],[-6.531,-6.316],[-18.711,0],[0,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,0],[-40.221,0],[0,-19.584],[13.622,-13.841],[0,0],[0,0],[0,-20.117],[0,0],[0,0],[0,-40.22],[19.585,0],[13.841,13.622],[0,0],[0,0],[20.117,0],[0,0],[0,8.643],[0,0],[-8.911,0],[-6.318,6.533],[0,18.711],[0,0],[8.644,0],[0,0],[0,20.117]],"v":[[151.046,187.528],[80.629,187.528],[64.979,171.879],[64.979,148.337],[55.188,124.405],[31.254,114.611],[-2.68,148.337],[-2.68,171.879],[-18.33,187.528],[-88.538,187.528],[-125.022,151.045],[-125.022,104.195],[-135.414,104.195],[-208.356,31.253],[-186.9,-20.228],[-135.414,-41.689],[-125.022,-41.689],[-125.022,-88.539],[-88.538,-125.022],[-41.688,-125.022],[-41.688,-135.414],[31.254,-208.356],[82.735,-186.9],[104.196,-135.414],[104.196,-125.022],[151.046,-125.022],[187.53,-88.539],[187.53,-18.33],[171.88,-2.681],[148.546,-2.681],[124.408,7.317],[114.612,31.253],[148.546,65.187],[171.88,65.187],[187.53,80.837],[187.53,151.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('82-extension-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,2.81],[0,0],[0,0],[0,35.97],[-12.144,12.432],[-0.087,0.085],[-17.194,0],[0,0],[0,0],[2.81,0],[0,0],[0,8.643],[0,0],[7.854,7.698],[0.074,0.075],[11.159,0],[0,-22.961],[0,0],[8.644,0],[0,0],[0,-2.81],[0,0],[8.644,0],[0,0],[7.697,-7.854],[0.075,-0.074],[0,-11.159],[-22.962,0],[0,0],[0,-8.643],[0,0],[-2.81,0],[0,0],[0,0],[-35.97,0],[-12.431,-12.143],[-0.085,-0.087],[0,-17.191]],"o":[[0,0],[2.81,0],[0,0],[0,0],[-35.97,0],[0,-17.19],[0.084,-0.086],[12.563,-12.279],[0,0],[0,0],[0,-2.81],[0,0],[-8.644,0],[0,0],[0,-11.158],[-0.075,-0.073],[-7.696,-7.854],[-22.962,0],[0,0],[0,8.643],[0,0],[-2.81,0],[0,0],[0,8.643],[0,0],[-11.158,0],[-0.073,0.075],[-7.854,7.697],[0,22.961],[0,0],[8.644,0],[0,0],[0,2.81],[0,0],[0,0],[0,-35.855],[17.192,0],[0.087,0.085],[12.143,12.431],[0,0]],"v":[[96.279,156.229],[151.046,156.229],[156.229,151.045],[156.229,96.486],[148.546,96.486],[83.312,31.253],[102.143,-14.683],[102.399,-14.939],[148.546,-33.98],[156.229,-33.98],[156.229,-88.539],[151.046,-93.723],[88.546,-93.723],[72.896,-109.372],[72.896,-135.414],[60.717,-164.655],[60.493,-164.878],[31.254,-177.057],[-10.388,-135.414],[-10.388,-109.372],[-26.038,-93.723],[-88.538,-93.723],[-93.722,-88.539],[-93.722,-26.039],[-109.372,-10.389],[-135.414,-10.389],[-164.654,1.79],[-164.877,2.013],[-177.056,31.253],[-135.414,72.895],[-109.372,72.895],[-93.722,88.545],[-93.722,151.045],[-88.538,156.229],[-33.98,156.229],[-33.98,148.337],[31.254,83.312],[77.19,102.142],[77.449,102.401],[96.279,148.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[20.117,0],[0,0],[0,8.643],[0,0],[6.315,6.532],[8.909,0],[0,-18.596],[0,0],[8.644,0],[0,0],[0,20.117],[0,0],[0,0],[0,40.22],[-13.837,13.621],[-19.586,0],[0,0],[0,0],[-20.117,0],[0,0],[0,0],[-40.221,0],[-13.62,-13.838],[0,-19.586],[0,0],[0,0],[0,-20.117],[0,0],[8.644,0],[0,0],[6.662,-6.449],[0,-8.91],[-18.711,0],[0,0],[0,-8.643],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,-8.909],[-6.531,-6.316],[-18.711,0],[0,0],[0,8.643],[0,0],[-20.117,0],[0,0],[0,0],[-40.221,0],[0,-19.584],[13.622,-13.841],[0,0],[0,0],[0,-20.117],[0,0],[0,0],[0,-40.22],[19.585,0],[13.841,13.622],[0,0],[0,0],[20.117,0],[0,0],[0,8.643],[0,0],[-8.911,0],[-6.318,6.533],[0,18.711],[0,0],[8.644,0],[0,0],[0,20.117]],"v":[[151.046,187.528],[80.629,187.528],[64.979,171.879],[64.979,148.337],[55.188,124.405],[31.254,114.611],[-2.68,148.337],[-2.68,171.879],[-18.33,187.528],[-88.538,187.528],[-125.022,151.045],[-125.022,104.195],[-135.414,104.195],[-208.356,31.253],[-186.9,-20.228],[-135.414,-41.689],[-125.022,-41.689],[-125.022,-88.539],[-88.538,-125.022],[-41.688,-125.022],[-41.688,-135.414],[31.254,-208.356],[82.735,-186.9],[104.196,-135.414],[104.196,-125.022],[151.046,-125.022],[187.53,-88.539],[187.53,-18.33],[171.88,-2.681],[148.546,-2.681],[124.408,7.317],[114.612,31.253],[148.546,65.187],[171.88,65.187],[187.53,80.837],[187.53,151.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('82-extension-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.22],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"t":60,"s":[90]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.22,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[239.587,239.586,0],"to":[14,-0.167,0],"ti":[-14,0.167,0]},{"t":60,"s":[323.587,238.586,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.22,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[9.167,-8.958],[0,-13.751],[-27.5,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[8.75,8.958],[13.749,0],[0,-27.292],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,31.666],[-10.417,10.208],[-15.834,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.667,0],[-10.208,-10.417],[0,-15.834],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-8.75,8.958],[0,27.292],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,-13.751],[-8.958,-8.751],[-27.292,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.667,0],[0,-15.834],[10.208,-10.417],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,-31.667],[15.834,0],[10.417,10.208],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-13.751,0]],"v":[[123.751,6.667],[109.376,41.667],[158.959,91.251],[182.293,91.251],[182.293,161.459],[161.459,182.293],[91.042,182.293],[91.042,158.751],[76.667,123.751],[41.667,109.376],[-7.917,158.751],[-7.917,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-125.001,98.959],[-182.293,41.667],[-165.418,1.25],[-125.001,-15.625],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-15.625,-98.959],[-15.625,-125.001],[41.667,-182.293],[82.084,-165.418],[98.959,-125.001],[98.959,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[158.959,-7.917]],"c":true}]},{"t":60,"s":[{"i":[[9.167,-8.958],[0,-13.751],[-27.5,0],[0,0],[0,0],[11.458,0],[0,0],[0,0],[10.106,-10.233],[15.881,0],[0,31.176],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,31.666],[-10.417,10.208],[-15.834,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-27.5,0],[-8.865,9.068],[0,13.784],[0,0],[0,0],[0,-11.458],[0,0],[0,0]],"o":[[-8.75,8.958],[0,27.292],[0,0],[0,0],[0,11.458],[0,0],[0,0],[0,15.708],[-10.347,9.996],[-31.522,0],[0,0],[0,0],[-11.458,0],[0,0],[0,0],[-31.667,0],[0,-15.834],[10.208,-10.417],[0,0],[0,0],[0,-11.458],[0,0],[0,0],[0,27.568],[13.75,0],[9.046,-8.887],[0,0],[0,0],[11.458,0],[0,0],[0,0],[-13.751,0]],"v":[[123.751,6.667],[109.376,41.667],[158.959,91.251],[182.293,91.251],[182.293,161.459],[161.459,182.293],[98.711,182.293],[98.711,209.185],[82.108,249.166],[41.683,265.587],[-15.586,209.185],[-15.586,182.293],[-78.125,182.293],[-98.959,161.459],[-98.959,98.959],[-125.001,98.959],[-182.293,41.667],[-165.418,1.25],[-125.001,-15.625],[-98.959,-15.625],[-98.959,-78.125],[-78.125,-98.959],[-8.086,-98.959],[-8.086,-76.288],[41.667,-26.413],[76.765,-41.104],[91.42,-76.288],[91.42,-98.959],[161.459,-98.959],[182.293,-78.125],[182.293,-7.917],[158.959,-7.917]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('82-extension-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-extension","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-extension","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-90-lock-closed.json b/frontend-next/public/lotties/system-outline-90-lock-closed.json
deleted file mode 100644
index 0c17d8343..000000000
--- a/frontend-next/public/lotties/system-outline-90-lock-closed.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":31,"w":500,"h":500,"nm":"90-lock-closed-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-lock","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0,0]],"v":[[135.388,151.044],[109.372,177.06],[-109.377,177.06],[-135.394,151.044],[-135.394,-10.393],[135.388,-10.393]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-48.809,0],[0,0],[0,-48.809],[0,0],[0,0]],"o":[[0,-48.809],[0,0],[48.809,0],[0,0],[0,0],[0,0]],"v":[[-93.727,-88.54],[-5.21,-177.057],[5.206,-177.057],[93.723,-88.54],[93.723,-41.693],[-93.727,-41.693]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[66.067,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-66.067],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.038,-41.693],[125.023,-41.693],[125.023,-88.54],[5.206,-208.357],[-5.21,-208.357],[-125.027,-88.54],[-125.027,-41.693],[-151.044,-41.693],[-166.694,-26.043],[-166.694,151.044],[-109.377,208.36],[109.372,208.36],[166.688,151.044],[166.688,-26.043]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42],[-0.02,-0.42]],"o":[[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42],[0.03,0.42]],"v":[[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89],[-25.596,-17.63]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,81],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":316,"st":30,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.318],"y":[1.007]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"i":{"x":[0.29],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":16,"s":[-24]},{"t":30,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.318,"y":0.999},"o":{"x":0.167,"y":0.167},"t":1,"s":[311.997,439.333,0],"to":[-6.083,-89.417,0],"ti":[18.083,13.417,0]},{"i":{"x":0.186,"y":0.995},"o":{"x":0.333,"y":0},"t":13,"s":[223.997,307.333,0],"to":[8.167,6.833,0],"ti":[-2.75,-4.5,0]},{"t":27,"s":[249.997,333.333,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.997,333.333,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[2.183,22.836],[2.183,22.836]],"c":false}]},{"t":8,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,0],[0,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":51.25,"ix":5},"lc":2,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,312.498],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[2.183,-3.642],[3.27,-3.448]],"c":false}]},{"t":8,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-26.478],[0,26.478]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,333.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-149.003,-4.562],[-148.755,0.919],[-107.088,42.586],[111.66,42.586],[153.327,0.919],[153.079,-4.562]],"c":true}]},{"t":8,"s":[{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-151.041,-109.377],[-151.041,67.71],[-109.374,109.377],[109.374,109.377],[151.041,67.71],[151.041,-109.377]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,333.333],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[140.623,321.957,0],"to":[0,-16.333,0],"ti":[0,16.333,0]},{"t":8,"s":[140.623,223.957,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-109.375,83.332,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":16.426,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.248,4.832],[109.375,5.835],[5.208,-98.332],[-5.208,-98.332],[-109.375,5.835],[-109.375,83.332]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":21.361,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.375,83.332],[109.754,74.178],[5.587,-29.989],[-4.829,-29.989],[-108.996,74.178],[-109.375,83.332]],"c":false}]},{"t":30,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.375,83.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[100]},{"t":12.10546875,"s":[0]}],"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0}]},{"id":"comp_1","nm":"hover-lock","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0,0]],"v":[[135.388,151.044],[109.372,177.06],[-109.377,177.06],[-135.394,151.044],[-135.394,-10.393],[135.388,-10.393]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-48.809,0],[0,0],[0,-48.809],[0,0],[0,0]],"o":[[0,-48.809],[0,0],[48.809,0],[0,0],[0,0],[0,0]],"v":[[-93.727,-88.54],[-5.21,-177.057],[5.206,-177.057],[93.723,-88.54],[93.723,-41.693],[-93.727,-41.693]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[66.067,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-66.067],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.038,-41.693],[125.023,-41.693],[125.023,-88.54],[5.206,-208.357],[-5.21,-208.357],[-125.027,-88.54],[-125.027,-41.693],[-151.044,-41.693],[-166.694,-26.043],[-166.694,151.044],[-109.377,208.36],[109.372,208.36],[166.688,151.044],[166.688,-26.043]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42],[-0.02,-0.42]],"o":[[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42],[0.03,0.42]],"v":[[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89],[-25.596,-17.63]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,81],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":302,"st":-30,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0,0]],"v":[[135.388,151.044],[109.372,177.06],[-109.377,177.06],[-135.394,151.044],[-135.394,-10.393],[135.388,-10.393]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-48.809,0],[0,0],[0,-48.809],[0,0],[0,0]],"o":[[0,-48.809],[0,0],[48.809,0],[0,0],[0,0],[0,0]],"v":[[-93.727,-88.54],[-5.21,-177.057],[5.206,-177.057],[93.723,-88.54],[93.723,-41.693],[-93.727,-41.693]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[66.067,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-66.067],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.038,-41.693],[125.023,-41.693],[125.023,-88.54],[5.206,-208.357],[-5.21,-208.357],[-125.027,-88.54],[-125.027,-41.693],[-151.044,-41.693],[-166.694,-26.043],[-166.694,151.044],[-109.377,208.36],[109.372,208.36],[166.688,151.044],[166.688,-26.043]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42],[-0.02,-0.42]],"o":[[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42],[0.03,0.42]],"v":[[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89],[-25.596,-17.63]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,81],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.267],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15.096,"s":[-18]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":23,"s":[14]},{"t":31,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.267,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[249.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":11,"s":[192.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[273.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"t":29,"s":[249.997,333.333,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.997,333.333,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,0],[0,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":51.25,"ix":5},"lc":2,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,312.498],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-26.478],[0,26.478]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,333.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-151.041,-109.377],[-151.041,67.71],[-109.374,109.377],[109.374,109.377],[151.041,67.71],[151.041,-109.377]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,333.333],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[140.623,223.957,0],"ix":2,"l":2},"a":{"a":0,"k":[-109.375,83.332,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.375,83.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.375,83.332],[109.375,40.835],[5.208,-63.332],[-5.208,-63.332],[-109.375,40.835],[-109.375,83.332]],"c":false}]},{"t":13.095703125,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.375,83.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0}]},{"id":"comp_2","nm":"morph-lock-unlock","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0,0]],"v":[[135.388,151.044],[109.372,177.06],[-109.377,177.06],[-135.394,151.044],[-135.394,-10.393],[135.388,-10.393]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-48.809,0],[0,0],[0,-48.809],[0,0],[0,0]],"o":[[0,-48.809],[0,0],[48.809,0],[0,0],[0,0],[0,0]],"v":[[-93.727,-88.54],[-5.21,-177.057],[5.206,-177.057],[93.723,-88.54],[93.723,-41.693],[-93.727,-41.693]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[66.067,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-66.067],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.038,-41.693],[125.023,-41.693],[125.023,-88.54],[5.206,-208.357],[-5.21,-208.357],[-125.027,-88.54],[-125.027,-41.693],[-151.044,-41.693],[-166.694,-26.043],[-166.694,151.044],[-109.377,208.36],[109.372,208.36],[166.688,151.044],[166.688,-26.043]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42],[-0.02,-0.42]],"o":[[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42],[0.03,0.42]],"v":[[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89],[-25.596,-17.63]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,81],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.997,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.997,250.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.02,-0.42],[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42]],"o":[[0.03,0.42],[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42]],"v":[[-25.596,-17.63],[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.995,331.386],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0],[-0.029,0],[-0.029,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0.029,0],[0.029,0],[0,0],[0,0]],"v":[[135.391,151.042],[109.375,177.058],[-109.374,177.058],[-135.391,151.042],[-135.391,-10.395],[-109.456,-10.395],[-109.369,-10.391],[-109.282,-10.395],[135.391,-10.395]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[-48.809,0],[0,0],[-4.304,-45.367],[-8.61,0.821],[0.816,8.604],[21.928,20.01],[29.913,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-48.809],[0,0],[45.725,0],[0.816,8.604],[8.605,-0.816],[-2.795,-29.465],[-22.048,-20.119],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.041,-41.695],[-93.719,-41.695],[-93.719,-88.541],[-5.202,-177.058],[5.215,-177.058],[92.969,-97.48],[110.026,-83.378],[124.129,-100.436],[85.791,-177.159],[5.215,-208.358],[-5.202,-208.358],[-125.02,-88.541],[-125.02,-41.695],[-151.041,-41.695],[-166.691,-26.045],[-166.691,151.042],[-109.374,208.358],[109.375,208.358],[166.691,151.042],[166.691,-26.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,250.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":302,"st":-30,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.51],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.51],"y":[0]},"t":7,"s":[0]},{"i":{"x":[0.44],"y":[1]},"o":{"x":[0.51],"y":[0]},"t":17,"s":[0]},{"t":30,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":1},"o":{"x":0.51,"y":0},"t":0,"s":[249.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":1},"o":{"x":0.51,"y":0},"t":7,"s":[249.997,373.333,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.44,"y":1},"o":{"x":0.51,"y":0},"t":17,"s":[249.997,309.333,0],"to":[0,0,0],"ti":[0,0,0]},{"t":30,"s":[249.997,333.333,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.997,333.333,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,0],[0,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":51.25,"ix":5},"lc":2,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,312.498],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-26.478],[0,26.478]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,333.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-151.041,-109.377],[-151.041,67.71],[-109.374,109.377],[109.374,109.377],[151.041,67.71],[151.041,-109.377]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,333.333],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[140.623,223.957,0],"ix":2,"l":2},"a":{"a":0,"k":[-109.375,83.332,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.51,"y":0},"t":7,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.236,83.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":15.031,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.248,4.832],[109.375,5.835],[5.208,-98.332],[-5.208,-98.332],[-109.375,5.835],[-109.375,83.332]],"c":false}]},{"t":26,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.248,20.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.51],"y":[0]},"t":7,"s":[0]},{"t":15.03125,"s":[2.5]}],"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 2","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0}]},{"id":"comp_3","nm":"in-unlock","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.997,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.997,250.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.02,-0.42],[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42]],"o":[[0.03,0.42],[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42]],"v":[[-25.596,-17.63],[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.995,331.386],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0],[-0.029,0],[-0.029,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0.029,0],[0.029,0],[0,0],[0,0]],"v":[[135.391,151.042],[109.375,177.058],[-109.374,177.058],[-135.391,151.042],[-135.391,-10.395],[-109.456,-10.395],[-109.369,-10.391],[-109.282,-10.395],[135.391,-10.395]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[-48.809,0],[0,0],[-4.304,-45.367],[-8.61,0.821],[0.816,8.604],[21.928,20.01],[29.913,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-48.809],[0,0],[45.725,0],[0.816,8.604],[8.605,-0.816],[-2.795,-29.465],[-22.048,-20.119],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.041,-41.695],[-93.719,-41.695],[-93.719,-88.541],[-5.202,-177.058],[5.215,-177.058],[92.969,-97.48],[110.026,-83.378],[124.129,-100.436],[85.791,-177.159],[5.215,-208.358],[-5.202,-208.358],[-125.02,-88.541],[-125.02,-41.695],[-151.041,-41.695],[-166.691,-26.045],[-166.691,151.042],[-109.374,208.358],[109.375,208.358],[166.691,151.042],[166.691,-26.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,250.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":302,"st":-30,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.318],"y":[1.007]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"i":{"x":[0.29],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":16,"s":[-24]},{"t":30,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.318,"y":0.999},"o":{"x":0.167,"y":0.167},"t":1,"s":[311.997,439.333,0],"to":[-6.083,-89.417,0],"ti":[18.083,13.417,0]},{"i":{"x":0.186,"y":0.995},"o":{"x":0.333,"y":0},"t":13,"s":[223.997,307.333,0],"to":[8.167,6.833,0],"ti":[-2.75,-4.5,0]},{"t":27,"s":[249.997,333.333,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.997,333.333,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[2.183,22.836],[2.183,22.836]],"c":false}]},{"t":8,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,0],[0,0]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":51.25,"ix":5},"lc":2,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,312.498],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[2.183,-3.642],[3.27,-3.448]],"c":false}]},{"t":8,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-26.478],[0,26.478]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,333.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-149.003,-4.562],[-148.755,0.919],[-107.088,42.586],[111.66,42.586],[153.327,0.919],[153.079,-4.562]],"c":true}]},{"t":8,"s":[{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-151.041,-109.377],[-151.041,67.71],[-109.374,109.377],[109.374,109.377],[151.041,67.71],[151.041,-109.377]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,333.333],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":13,"s":[0]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":19,"s":[-11]},{"t":30,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[140.623,321.957,0],"to":[0,-16.333,0],"ti":[0,16.333,0]},{"t":8,"s":[140.623,223.957,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-109.375,83.332,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.985,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0,0],[0,0],[2.415,0],[0,0],[0,-2.6],[0,0]],"o":[[0,0],[0,-2.415],[0,0],[-2.6,0],[0,0],[0,0]],"v":[[109.375,83.332],[109.375,83.791],[105.002,79.418],[-104.668,79.418],[-109.375,84.125],[-109.375,83.332]],"c":false}]},{"t":16,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.248,20.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.985],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":1,"s":[0]},{"t":16,"s":[4.5]}],"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0}]},{"id":"comp_4","nm":"hover-unlock","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.997,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.997,250.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.02,-0.42],[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42]],"o":[[0.03,0.42],[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42]],"v":[[-25.596,-17.63],[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.995,331.386],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0],[-0.029,0],[-0.029,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0.029,0],[0.029,0],[0,0],[0,0]],"v":[[135.391,151.042],[109.375,177.058],[-109.374,177.058],[-135.391,151.042],[-135.391,-10.395],[-109.456,-10.395],[-109.369,-10.391],[-109.282,-10.395],[135.391,-10.395]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[-48.809,0],[0,0],[-4.304,-45.367],[-8.61,0.821],[0.816,8.604],[21.928,20.01],[29.913,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-48.809],[0,0],[45.725,0],[0.816,8.604],[8.605,-0.816],[-2.795,-29.465],[-22.048,-20.119],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.041,-41.695],[-93.719,-41.695],[-93.719,-88.541],[-5.202,-177.058],[5.215,-177.058],[92.969,-97.48],[110.026,-83.378],[124.129,-100.436],[85.791,-177.159],[5.215,-208.358],[-5.202,-208.358],[-125.02,-88.541],[-125.02,-41.695],[-151.041,-41.695],[-166.691,-26.045],[-166.691,151.042],[-109.374,208.358],[109.375,208.358],[166.691,151.042],[166.691,-26.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,250.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.997,250.002,0],"ix":2,"l":2},"a":{"a":0,"k":[249.997,250.002,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.02,-0.42],[-0.04,-0.42],[-0.07,-0.41],[-0.08,-0.41],[-0.24,-0.8],[-0.32,-0.77],[-0.4,-0.73],[-0.46,-0.7],[-0.24,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.3,-0.29],[-0.311,-0.28],[-0.33,-0.26],[-0.204,-0.157],[0,0],[-8.644,0],[0,8.643],[0,0],[-0.189,0.159],[-0.311,0.28],[-0.301,0.3],[-0.28,0.31],[-0.27,0.32],[-0.25,0.33],[-0.23,0.34],[-0.39,0.74],[-0.32,0.77],[-0.25,0.8],[-0.16,0.81],[-0.06,0.41],[-0.05,0.42],[-0.021,0.42],[0,0.42],[0.02,0.42],[0.04,0.42],[0.06,0.42],[0.08,0.41],[0.24,0.8],[0.319,0.77],[0.39,0.74],[0.46,0.69],[0.25,0.33],[0.26,0.33],[0.279,0.31],[0.29,0.3],[0.31,0.28],[0.329,0.26],[0.34,0.25],[0.35,0.23],[0.73,0.39],[0.77,0.32],[0.79,0.25],[0.819,0.16],[0.41,0.06],[0.41,0.04],[0.42,0.02],[0.829,-0.04],[0.42,-0.04],[0.41,-0.06],[0.409,-0.08],[0.8,-0.24],[0.77,-0.32],[0.73,-0.39],[0.7,-0.46],[0.34,-0.25],[0.319,-0.26],[0.31,-0.28],[0.29,-0.29],[0.28,-0.31],[0.261,-0.32],[0.25,-0.34],[0.23,-0.35],[0.39,-0.73],[0.31,-0.77],[0.239,-0.8],[0.17,-0.81],[0.06,-0.41],[0.04,-0.41],[0.03,-0.42],[0,-0.42]],"o":[[0.03,0.42],[0.04,0.42],[0.06,0.41],[0.17,0.81],[0.239,0.8],[0.31,0.77],[0.39,0.74],[0.23,0.34],[0.25,0.33],[0.261,0.32],[0.28,0.31],[0.29,0.3],[0.31,0.28],[0.195,0.165],[0,0],[0,8.643],[8.644,0],[0,0],[0.196,-0.153],[0.329,-0.26],[0.31,-0.28],[0.29,-0.29],[0.279,-0.31],[0.26,-0.32],[0.25,-0.34],[0.46,-0.7],[0.39,-0.73],[0.319,-0.77],[0.24,-0.8],[0.08,-0.41],[0.06,-0.41],[0.04,-0.42],[0.02,-0.42],[0,-0.42],[-0.021,-0.42],[-0.05,-0.41],[-0.06,-0.41],[-0.16,-0.81],[-0.25,-0.8],[-0.32,-0.77],[-0.39,-0.73],[-0.23,-0.35],[-0.25,-0.34],[-0.27,-0.32],[-0.28,-0.31],[-0.301,-0.29],[-0.311,-0.28],[-0.32,-0.26],[-0.33,-0.25],[-0.689,-0.46],[-0.739,-0.39],[-0.77,-0.32],[-0.8,-0.24],[-0.4,-0.08],[-0.42,-0.06],[-0.42,-0.04],[-0.84,-0.04],[-0.421,0.02],[-0.42,0.04],[-0.41,0.06],[-0.811,0.16],[-0.8,0.25],[-0.771,0.32],[-0.74,0.39],[-0.34,0.23],[-0.33,0.25],[-0.33,0.26],[-0.311,0.28],[-0.3,0.3],[-0.28,0.31],[-0.27,0.33],[-0.24,0.33],[-0.46,0.69],[-0.4,0.74],[-0.32,0.77],[-0.24,0.8],[-0.08,0.41],[-0.07,0.42],[-0.04,0.42],[-0.02,0.42],[0,0.42]],"v":[[-25.596,-17.63],[-25.495,-16.37],[-25.335,-15.12],[-25.125,-13.88],[-24.505,-11.45],[-23.655,-9.09],[-22.585,-6.82],[-21.306,-4.66],[-20.585,-3.63],[-19.806,-2.64],[-18.985,-1.68],[-18.115,-0.77],[-17.205,0.1],[-16.245,0.92],[-15.641,1.396],[-15.641,28.86],[0.01,44.51],[15.66,28.86],[15.66,1.381],[16.245,0.92],[17.205,0.1],[18.125,-0.77],[18.995,-1.68],[19.814,-2.64],[20.585,-3.63],[21.305,-4.66],[22.595,-6.82],[23.665,-9.09],[24.515,-11.45],[25.125,-13.88],[25.345,-15.12],[25.505,-16.37],[25.595,-17.63],[25.625,-18.89],[25.595,-20.15],[25.505,-21.41],[25.345,-22.66],[25.125,-23.9],[24.515,-26.33],[23.665,-28.69],[22.595,-30.96],[21.305,-33.11],[20.585,-34.14],[19.814,-35.14],[18.995,-36.09],[18.125,-37.01],[17.205,-37.88],[16.245,-38.7],[15.255,-39.47],[14.225,-40.19],[12.074,-41.48],[9.805,-42.55],[7.444,-43.4],[5.005,-44.01],[3.774,-44.23],[2.524,-44.39],[1.265,-44.48],[-1.255,-44.48],[-2.516,-44.39],[-3.766,-44.23],[-5.005,-44.01],[-7.436,-43.4],[-9.795,-42.55],[-12.065,-41.48],[-14.226,-40.19],[-15.255,-39.47],[-16.245,-38.7],[-17.205,-37.88],[-18.115,-37.01],[-18.985,-36.09],[-19.806,-35.14],[-20.585,-34.14],[-21.306,-33.11],[-22.585,-30.96],[-23.655,-28.69],[-24.505,-26.33],[-25.125,-23.9],[-25.335,-22.66],[-25.495,-21.41],[-25.596,-20.15],[-25.625,-18.89]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.995,331.386],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[14.346,0],[0,0],[0,14.346],[0,0],[0,0],[-0.029,0],[-0.029,0],[0,0]],"o":[[0,14.346],[0,0],[-14.346,0],[0,0],[0,0],[0.029,0],[0.029,0],[0,0],[0,0]],"v":[[135.391,151.042],[109.375,177.058],[-109.374,177.058],[-135.391,151.042],[-135.391,-10.395],[-109.456,-10.395],[-109.369,-10.391],[-109.282,-10.395],[135.391,-10.395]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,0],[-48.809,0],[0,0],[-4.304,-45.367],[-8.61,0.821],[0.816,8.604],[21.928,20.01],[29.913,0],[0,0],[0,-66.067],[0,0],[0,0],[0,-8.643],[0,0],[-31.604,0],[0,0],[0,31.604],[0,0]],"o":[[0,0],[0,0],[0,-48.809],[0,0],[45.725,0],[0.816,8.604],[8.605,-0.816],[-2.795,-29.465],[-22.048,-20.119],[0,0],[-66.067,0],[0,0],[0,0],[-8.644,0],[0,0],[0,31.604],[0,0],[31.604,0],[0,0],[0,-8.643]],"v":[[151.041,-41.695],[-93.719,-41.695],[-93.719,-88.541],[-5.202,-177.058],[5.215,-177.058],[92.969,-97.48],[110.026,-83.378],[124.129,-100.436],[85.791,-177.159],[5.215,-208.358],[-5.202,-208.358],[-125.02,-88.541],[-125.02,-41.695],[-151.041,-41.695],[-166.691,-26.045],[-166.691,151.042],[-109.374,208.358],[109.375,208.358],[166.691,151.042],[166.691,-26.045]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,250.002],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":332,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.267],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15.096,"s":[-18]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":23,"s":[14]},{"t":31,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.267,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[249.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":11,"s":[192.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[273.997,333.333,0],"to":[0,0,0],"ti":[0,0,0]},{"t":29,"s":[249.997,333.333,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.997,333.333,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,0],[0,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":51.25,"ix":5},"lc":2,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.998,312.498],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-26.478],[0,26.478]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,333.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-23.012,0],[0,0],[0,23.012],[0,0]],"o":[[0,0],[0,23.012],[0,0],[23.013,0],[0,0],[0,0]],"v":[[-151.041,-109.377],[-151.041,67.71],[-109.374,109.377],[109.374,109.377],[151.041,67.71],[151.041,-109.377]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[249.997,333.333],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[140.623,223.957,0],"ix":2,"l":2},"a":{"a":0,"k":[-109.375,83.332,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.248,20.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":9.059,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[110.108,40.71],[110.235,41.213],[6.068,-62.954],[-4.348,-62.954],[-108.515,41.213],[-109.375,83.332]],"c":false}]},{"t":13.587890625,"s":[{"i":[[0,0],[0,0],[57.53,0],[0,0],[0,-57.53],[0,0]],"o":[[0,0],[0,-57.53],[0,0],[-57.53,0],[0,0],[0,0]],"v":[[109.248,20.332],[109.375,20.835],[5.208,-83.332],[-5.208,-83.332],[-109.375,20.835],[-109.375,83.332]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tm","s":{"a":0,"k":2.5,"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 2","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('90-lock-closed-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":30,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro-Lock","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover-Lock","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]},{"ty":5,"nm":"State-Morph-Lock-Unlock","np":3,"mn":"ADBE Slider Control","ix":6,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Intro-Unlock","np":3,"mn":"ADBE Slider Control","ix":7,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover-Unlock","np":3,"mn":"ADBE Slider Control","ix":8,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-lock","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro-Lock')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-lock","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover-Lock')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"morph-lock-unlock","parent":3,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Morph-Lock-Unlock')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":0,"nm":"in-unlock","parent":3,"refId":"comp_3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro-Unlock')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":0,"nm":"hover-unlock","parent":3,"refId":"comp_4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover-Unlock')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":41,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-outline-96-groups.json b/frontend-next/public/lotties/system-outline-96-groups.json
deleted file mode 100644
index 22638b692..000000000
--- a/frontend-next/public/lotties/system-outline-96-groups.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.8.1","fr":60,"ip":0,"op":61,"w":500,"h":500,"nm":"96-groups-outline","ddd":0,"assets":[{"id":"comp_0","nm":"in-groups","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,260.41,0],"ix":2,"l":2},"a":{"a":0,"k":[250.003,260.41,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[24.064,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-43.092],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.61,-23.379],[0,0],[-8.644,0],[0,-8.643],[0,0],[43.092,0],[0,0],[0,8.643]],"v":[[46.875,52.108],[-46.875,52.108],[-62.526,36.458],[-46.875,20.809],[30.935,20.809],[-15.625,-20.809],[-46.875,-20.809],[-62.526,-36.458],[-46.875,-52.108],[-15.625,-52.108],[62.526,26.042],[62.526,36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[395.837,270.826],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[0,0],[-43.093,0],[0,0],[0,-8.643],[8.644,0],[0,0],[2.61,-23.379],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,0],[0,-43.092],[0,0],[8.644,0],[0,8.643],[0,0],[-24.064,0],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,52.108],[-46.875,52.108],[-62.526,36.458],[-62.526,26.042],[15.625,-52.108],[46.875,-52.108],[62.526,-36.458],[46.875,-20.809],[15.625,-20.809],[-30.935,20.809],[46.875,20.809],[62.526,36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[104.169,270.829],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.608,-23.381],[0,0],[24.066,0],[0,0]],"o":[[0,0],[-2.608,-23.381],[0,0],[-24.065,0]],"v":[[-93.435,20.81],[93.435,20.81],[46.874,-20.81],[-46.875,-20.81]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[0,0],[-43.092,0],[0,0],[0,-43.092],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,-43.092],[0,0],[43.093,0],[0,0],[0,8.643]],"v":[[109.375,52.11],[-109.375,52.11],[-125.025,36.46],[-125.025,26.041],[-46.875,-52.11],[46.874,-52.11],[125.025,26.041],[125.025,36.46]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,406.242],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.017,-13.607],[-26.017,13.608],[-3.19,36.434],[26.017,36.434],[26.017,-13.607],[3.191,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.733],[-3.19,67.733],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.733],[3.191,-67.733],[57.317,-13.607],[57.317,52.083]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,265.62],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.017,-13.607],[-26.017,13.608],[-3.19,36.434],[26.017,36.434],[26.017,-13.607],[3.191,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.734],[-3.19,67.734],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.734],[3.191,-67.734],[57.317,-13.607],[57.317,52.084]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[151.044,130.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.016,-13.607],[-26.016,13.608],[-3.19,36.434],[26.016,36.434],[26.016,-13.607],[3.192,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.734],[-3.19,67.734],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.734],[3.192,-67.734],[57.317,-13.607],[57.317,52.084]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[343.753,130.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,406.242,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[0.761,0],[0,0],[0,-0.673],[0,0],[0,0],[0,0]],"o":[[0,0],[-0.673,0],[0,0],[0,0],[0,0],[0,-0.761]],"v":[[107.996,69.54],[-108.157,69.54],[-109.375,70.758],[-109.375,72.46],[109.375,72.46],[109.375,70.919]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":18,"s":[{"i":[[34.518,0],[0,0],[0,-34.517],[0,0],[0,0],[0,0]],"o":[[0,0],[-34.518,0],[0,0],[0,0],[0,0],[0,-34.517]],"v":[[46.875,-51.46],[-46.875,-51.46],[-109.375,11.04],[-109.375,34.46],[109.375,34.46],[109.375,11.04]],"c":true}]},{"t":35.9998693561873,"s":[{"i":[[34.518,0],[0,0],[0,-34.517],[0,0],[0,0],[0,0]],"o":[[0,0],[-34.518,0],[0,0],[0,0],[0,0],[0,-34.517]],"v":[[46.875,-36.46],[-46.875,-36.46],[-109.375,26.041],[-109.375,36.46],[109.375,36.46],[109.375,26.041]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0.79933110367893,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[250.003,425.62,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":18,"s":[250.003,230.62,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":36,"s":[250.003,287.62,0],"to":[0,0,0],"ti":[0,0,0]},{"t":52.9998954849498,"s":[250.003,265.62,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[1.198,0],[0,0],[0,-1.195],[0,0],[-0.643,0],[0,0],[0,0]],"o":[[0,0],[-1.195,0],[0,0],[0,0.643],[0,0],[0,0],[0,-1.198]],"v":[[39.497,47.416],[-39.503,47.416],[-41.667,49.58],[-41.667,50.92],[-40.503,52.084],[41.667,52.084],[41.667,49.586]],"c":true}]},{"t":18.0000261287625,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0.79933110367893,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[104.17,270.829,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":4,"s":[{"i":[[0,0],[0,0],[0,0],[-4.222,0],[0,0]],"o":[[0,0],[0,0],[0,-4.222],[0,0],[0,0]],"v":[[47.01,112.459],[-46.741,112.459],[-46.741,111.171],[-39.111,103.541],[47.01,103.541]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,-6.958],[15.625,-69.459],[46.875,-69.459]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,26.042],[15.625,-36.459],[46.875,-36.459]],"c":false}]},{"t":55.9998954849498,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,26.042],[15.625,-36.459],[46.875,-36.459]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":4,"op":60,"st":3.79933110367893,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":4,"s":[151.044,324.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":21,"s":[151.044,95.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[151.044,140.202,0],"to":[0,0,0],"ti":[0,0,0]},{"t":55.9998954849498,"s":[151.044,130.202,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":4,"s":[{"i":[[0.393,0],[0,0],[0,-0.344],[0,0],[-0.434,0],[0,0],[0,0]],"o":[[0,0],[-0.344,0],[0,0],[0,0.434],[0,0],[0,0],[0,-0.393]],"v":[[40.956,50.416],[-41.044,50.416],[-41.667,51.039],[-41.667,51.298],[-40.881,52.084],[41.667,52.084],[41.667,51.127]],"c":true}]},{"t":21.0000261287625,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":4,"op":60,"st":3.79933110367893,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":8,"s":[343.753,329.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[343.753,95.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":43,"s":[343.753,141.202,0],"to":[0,0,0],"ti":[0,0,0]},{"t":59.9998954849498,"s":[343.753,130.202,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0.37,0],[0,0],[0,-0.001],[0,0],[-0.572,0],[0,0],[0,0]],"o":[[0,0],[-0.504,0],[0,0],[0,0.002],[0,0],[0,0],[0,-0.001]],"v":[[40.997,51.798],[-40.753,51.798],[-41.667,51.8],[-41.667,52.081],[-40.631,52.084],[41.667,52.084],[41.667,51.799]],"c":true}]},{"t":25.0000261287625,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":8,"op":60,"st":7.79933110367893,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[395.838,270.826,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0,0],[0,0],[0,0],[0.948,0],[0,0]],"o":[[0,0],[0,0],[0,-0.948],[0,0],[0,0]],"v":[[-46.913,113.459],[46.838,113.459],[46.8,112.254],[45.087,110.541],[-46.95,110.541]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":25,"s":[{"i":[[0,0],[0,0],[0,0],[34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[-46.875,36.459],[46.875,36.459],[46.588,-7.958],[-15.912,-70.459],[-47.162,-70.459]],"c":false}]},{"t":42.9998693561873,"s":[{"i":[[0,0],[0,0],[0,0],[34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[-46.875,36.459],[46.875,36.459],[46.875,26.042],[-15.625,-36.459],[-46.875,-36.459]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":8,"op":60,"st":7.79933110367893,"bm":0}]},{"id":"comp_1","nm":"hover-groups","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,260.41,0],"ix":2,"l":2},"a":{"a":0,"k":[250.003,260.41,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[24.064,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-43.092],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.61,-23.379],[0,0],[-8.644,0],[0,-8.643],[0,0],[43.092,0],[0,0],[0,8.643]],"v":[[46.875,52.108],[-46.875,52.108],[-62.526,36.458],[-46.875,20.809],[30.935,20.809],[-15.625,-20.809],[-46.875,-20.809],[-62.526,-36.458],[-46.875,-52.108],[-15.625,-52.108],[62.526,26.042],[62.526,36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[395.837,270.826],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[0,0],[-43.093,0],[0,0],[0,-8.643],[8.644,0],[0,0],[2.61,-23.379],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,0],[0,-43.092],[0,0],[8.644,0],[0,8.643],[0,0],[-24.064,0],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,52.108],[-46.875,52.108],[-62.526,36.458],[-62.526,26.042],[15.625,-52.108],[46.875,-52.108],[62.526,-36.458],[46.875,-20.809],[15.625,-20.809],[-30.935,20.809],[46.875,20.809],[62.526,36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[104.169,270.829],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.608,-23.381],[0,0],[24.066,0],[0,0]],"o":[[0,0],[-2.608,-23.381],[0,0],[-24.065,0]],"v":[[-93.435,20.81],[93.435,20.81],[46.874,-20.81],[-46.875,-20.81]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[0,0],[-43.092,0],[0,0],[0,-43.092],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,-43.092],[0,0],[43.093,0],[0,0],[0,8.643]],"v":[[109.375,52.11],[-109.375,52.11],[-125.025,36.46],[-125.025,26.041],[-46.875,-52.11],[46.874,-52.11],[125.025,26.041],[125.025,36.46]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,406.242],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.017,-13.607],[-26.017,13.608],[-3.19,36.434],[26.017,36.434],[26.017,-13.607],[3.191,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.733],[-3.19,67.733],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.733],[3.191,-67.733],[57.317,-13.607],[57.317,52.083]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,265.62],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.017,-13.607],[-26.017,13.608],[-3.19,36.434],[26.017,36.434],[26.017,-13.607],[3.191,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.734],[-3.19,67.734],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.734],[3.191,-67.734],[57.317,-13.607],[57.317,52.084]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[151.044,130.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.016,-13.607],[-26.016,13.608],[-3.19,36.434],[26.016,36.434],[26.016,-13.607],[3.192,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.734],[-3.19,67.734],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.734],[3.192,-67.734],[57.317,-13.607],[57.317,52.084]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[343.753,130.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":-60,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,260.41,0],"ix":2,"l":2},"a":{"a":0,"k":[250.003,260.41,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[-8.644,0],[0,0],[24.064,0],[0,0],[0,8.643],[-8.644,0],[0,0],[0,-43.092],[0,0]],"o":[[0,0],[-8.644,0],[0,-8.643],[0,0],[-2.61,-23.379],[0,0],[-8.644,0],[0,-8.643],[0,0],[43.092,0],[0,0],[0,8.643]],"v":[[46.875,52.108],[-46.875,52.108],[-62.526,36.458],[-46.875,20.809],[30.935,20.809],[-15.625,-20.809],[-46.875,-20.809],[-62.526,-36.458],[-46.875,-52.108],[-15.625,-52.108],[62.526,26.042],[62.526,36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[395.837,270.826],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[0,0],[-43.093,0],[0,0],[0,-8.643],[8.644,0],[0,0],[2.61,-23.379],[0,0],[0,-8.643]],"o":[[0,0],[-8.644,0],[0,0],[0,-43.092],[0,0],[8.644,0],[0,8.643],[0,0],[-24.064,0],[0,0],[8.644,0],[0,8.643]],"v":[[46.875,52.108],[-46.875,52.108],[-62.526,36.458],[-62.526,26.042],[15.625,-52.108],[46.875,-52.108],[62.526,-36.458],[46.875,-20.809],[15.625,-20.809],[-30.935,20.809],[46.875,20.809],[62.526,36.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[104.169,270.829],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.608,-23.381],[0,0],[24.066,0],[0,0]],"o":[[0,0],[-2.608,-23.381],[0,0],[-24.065,0]],"v":[[-93.435,20.81],[93.435,20.81],[46.874,-20.81],[-46.875,-20.81]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,8.643],[0,0],[-43.092,0],[0,0],[0,-43.092],[0,0]],"o":[[0,0],[-8.644,0],[0,0],[0,-43.092],[0,0],[43.093,0],[0,0],[0,8.643]],"v":[[109.375,52.11],[-109.375,52.11],[-125.025,36.46],[-125.025,26.041],[-46.875,-52.11],[46.874,-52.11],[125.025,26.041],[125.025,36.46]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.004,406.242],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.017,-13.607],[-26.017,13.608],[-3.19,36.434],[26.017,36.434],[26.017,-13.607],[3.191,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.733],[-3.19,67.733],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.733],[3.191,-67.733],[57.317,-13.607],[57.317,52.083]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250.003,265.62],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.017,-13.607],[-26.017,13.608],[-3.19,36.434],[26.017,36.434],[26.017,-13.607],[3.191,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.734],[-3.19,67.734],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.734],[3.191,-67.734],[57.317,-13.607],[57.317,52.084]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[151.044,130.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-12.586],[0,0],[-12.587,0],[0,0],[0,0],[12.586,0]],"o":[[-12.587,0],[0,0],[0,12.586],[0,0],[0,0],[0,-12.586],[0,0]],"v":[[-3.19,-36.434],[-26.016,-13.607],[-26.016,13.608],[-3.19,36.434],[26.016,36.434],[26.016,-13.607],[3.192,-36.434]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.644,0],[0,0],[0,29.845],[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0]],"o":[[0,0],[-29.846,0],[0,0],[0,-29.846],[0,0],[29.845,0],[0,0],[0,8.643]],"v":[[41.667,67.734],[-3.19,67.734],[-57.317,13.608],[-57.317,-13.607],[-3.19,-67.734],[3.192,-67.734],[57.317,-13.607],[57.317,52.084]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[343.753,130.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,406.242,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":0,"s":[{"i":[[34.518,0],[0,0],[0,-34.517],[0,0],[0,0],[0,0]],"o":[[0,0],[-34.518,0],[0,0],[0,0],[0,0],[0,-34.517]],"v":[[46.875,-36.46],[-46.875,-36.46],[-109.375,26.041],[-109.375,36.46],[109.375,36.46],[109.375,26.041]],"c":true}]},{"i":{"x":0.413,"y":1},"o":{"x":0.333,"y":0},"t":14,"s":[{"i":[[22.97,0],[0,0],[0,-22.939],[0,0],[0,0],[0,0]],"o":[[0,0],[-22.94,0],[0,0],[0,0],[0,0],[0,-22.969]],"v":[[67.784,-10.067],[-67.839,-10.067],[-109.375,31.469],[-109.375,47.459],[109.375,47.459],[109.375,31.524]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30.001,"s":[{"i":[[34.518,0],[0,0],[0,-34.517],[0,0],[0,0],[0,0]],"o":[[0,0],[-34.518,0],[0,0],[0,0],[0,0],[0,-34.517]],"v":[[46.875,-51.46],[-46.875,-51.46],[-109.375,11.04],[-109.375,34.46],[109.375,34.46],[109.375,11.04]],"c":true}]},{"t":42.3432796822742,"s":[{"i":[[34.518,0],[0,0],[0,-34.517],[0,0],[0,0],[0,0]],"o":[[0,0],[-34.518,0],[0,0],[0,0],[0,0],[0,-34.517]],"v":[[46.875,-36.46],[-46.875,-36.46],[-109.375,26.041],[-109.375,36.46],[109.375,36.46],[109.375,26.041]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0.79933110367893,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":0,"s":[250.003,265.62,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.572,"y":1},"o":{"x":0.333,"y":0},"t":14,"s":[250.003,341.327,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30.001,"s":[250.003,230.62,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":42.343,"s":[250.003,287.62,0],"to":[0,0,0],"ti":[0,0,0]},{"t":54.0001045150502,"s":[250.003,265.62,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0},"t":0,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]},{"t":30.0005748327759,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0.79933110367893,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[104.17,270.829,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,26.042],[15.625,-36.459],[46.875,-36.459]],"c":false}]},{"i":{"x":0.413,"y":1},"o":{"x":0.333,"y":0},"t":17,"s":[{"i":[[0,0],[0,0],[0,0],[-24.197,0],[0,0]],"o":[[0,0],[0,0],[0,-24.198],[0,0],[0,0]],"v":[[46.921,62.457],[-46.829,62.457],[-46.829,33.453],[-3.099,-10.277],[46.921,-10.277]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":33.001,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,-6.958],[15.625,-69.459],[46.875,-69.459]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":45.343,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,26.042],[15.625,-36.459],[46.875,-36.459]],"c":false}]},{"t":57.0001045150502,"s":[{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,26.042],[15.625,-36.459],[46.875,-36.459]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":3.79933110367893,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0},"t":0,"s":[151.044,130.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.572,"y":1},"o":{"x":0.333,"y":0},"t":17,"s":[151.044,207.541,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":33.001,"s":[151.044,95.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":45.343,"s":[151.044,140.202,0],"to":[0,0,0],"ti":[0,0,0]},{"t":57.0001045150502,"s":[151.044,130.202,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.167,"y":0},"t":0,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]},{"t":33.0005748327759,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":3.79933110367893,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[343.753,130.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.572,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[343.753,209.252,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":36,"s":[343.753,95.202,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":48.343,"s":[343.753,141.202,0],"to":[0,0,0],"ti":[0,0,0]},{"t":59.9998954849498,"s":[343.753,130.202,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.413,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]},{"t":36.0003658026756,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":7.79933110367893,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[395.838,270.826,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[-46.875,36.459],[46.875,36.459],[46.875,26.042],[-15.625,-36.459],[-46.875,-36.459]],"c":false}]},{"i":{"x":0.413,"y":1},"o":{"x":0.333,"y":0},"t":20,"s":[{"i":[[0,0],[0,0],[0,0],[23.077,0],[0,0]],"o":[[0,0],[0,0],[0,-23.078],[0,0],[0,0]],"v":[[-46.888,62.799],[46.862,62.799],[46.661,33.165],[4.955,-8.541],[-47.09,-8.541]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":36,"s":[{"i":[[0,0],[0,0],[0,0],[34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[-46.875,36.459],[46.875,36.459],[46.588,-7.958],[-15.912,-70.459],[-47.162,-70.459]],"c":false}]},{"t":48.3430706521739,"s":[{"i":[[0,0],[0,0],[0,0],[34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[-46.875,36.459],[46.875,36.459],[46.875,26.042],[-15.625,-36.459],[-46.875,-36.459]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":7.79933110367893,"bm":0}]},{"id":"comp_2","nm":"morph-group-single","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.002,249.974,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.999,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0.96],[0,0],[-0.96,0],[0,0],[0,-0.97]],"o":[[0,0],[-0.96,0],[0,0],[0,-0.96],[0,0],[0.96,0],[0,0]],"v":[[2,2.75],[-0.25,2.75],[-2,1],[-2,-1],[-0.25,-2.75],[0.25,-2.75],[2,-1]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[1.79,0],[0,0],[0,-1.79],[0,0],[-1.79,0],[0,0],[0,0.41],[0,0]],"o":[[0,0],[-1.79,0],[0,0],[0,1.79],[0,0],[0.41,0],[0,0],[0,-1.79]],"v":[[0.25,-4.25],[-0.25,-4.25],[-3.5,-1],[-3.5,1],[-0.25,4.25],[2.75,4.25],[3.5,3.5],[3.5,-1]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250,247.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.38,-1.6],[1.78,0],[0,0],[0.8,-1.53],[0.04,1.99],[-1.57,1.64],[-2.27,0.05],[-0.07,0],[-1.6,-1.52],[-0.05,-2.27]],"o":[[-0.81,-1.52],[0,0],[-1.78,0],[-1.29,-1.49],[-0.06,-2.27],[1.57,-1.64],[0.07,0],[2.19,0],[1.64,1.57],[0.05,2.11]],"v":[[6.43,5.551],[2.25,3.011],[-2.25,3.011],[-6.43,5.561],[-8.49,0.211],[-6.15,-5.859],[-0.2,-8.489],[0.01,-8.489],[5.87,-6.139],[8.5,-0.189]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[1.87,-0.05],[1.55,1.25],[-1.37,0],[0,0],[-0.46,-1.25]],"o":[[-2.01,0.05],[0.46,-1.26],[0,0],[1.37,0],[-1.45,1.16]],"v":[[0.21,8.501],[-5.28,6.651],[-2.24,4.511],[2.26,4.511],[5.3,6.641]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[1.93,1.84],[2.67,-0.06],[1.84,-1.93],[-0.06,-2.67],[-1.93,-1.84],[-2.58,0],[-0.08,0],[-1.84,1.93],[0.06,2.67]],"o":[[-1.94,-1.84],[-2.67,0.06],[-1.84,1.94],[0.06,2.67],[1.88,1.79],[0.08,0],[2.67,-0.06],[1.84,-1.93],[-0.07,-2.67]],"v":[[6.9,-7.239],[-0.24,-9.999],[-7.24,-6.899],[-10,0.241],[-6.9,7.241],[-0.01,10.001],[0.24,10.001],[7.24,6.901],[10,-0.239]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[250,249.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[250,249.999],"ix":2},"a":{"a":0,"k":[250,249.999],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.24,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[-1.15,-47.582],[93.245,-2.254],[2.254,93.245],[-34.998,0.428],[-42.245,0.014],[-31.103,-0.386]],"o":[[2.254,93.245],[-93.245,2.254],[-1.233,-51],[28.99,-0.354],[45.664,-0.015],[32.41,0.402]],"v":[[168.908,-72],[4.153,100.917],[-168.764,-63.838],[-113.49,-192.393],[-4.009,-192.982],[114.626,-192.381]],"c":true}]},{"t":60,"s":[{"i":[[-1.312,-54.294],[106.399,-2.572],[2.572,106.399],[-39.935,36.311],[-48.204,1.165],[-35.491,-32.769]],"o":[[2.572,106.399],[-106.399,2.572],[-1.407,-58.194],[33.08,-30.077],[52.105,-1.259],[36.981,34.145]],"v":[[192.652,-4.656],[4.656,192.652],[-192.652,4.656],[-129.581,-142.64],[-4.656,-192.652],[130.713,-141.6]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.24],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[39]},{"t":60,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.24],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[60]},{"t":60,"s":[100]}],"ix":2},"o":{"a":0,"k":94,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,406.242,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.901},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[34.518,0],[0,0],[0,-34.517],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[-34.518,0],[0,0],[0,0],[0,0],[0,0],[0,-34.517]],"v":[[46.875,-36.46],[-46.875,-36.46],[-109.375,26.041],[-109.375,36.46],[4.181,36.46],[109.375,36.46],[109.375,26.041]],"c":true}]},{"i":{"x":0.24,"y":1},"o":{"x":0.167,"y":0.099},"t":16.172,"s":[{"i":[[34.557,0],[0,0],[0,-32.321],[0,0],[-73.674,0],[0,0],[0,0]],"o":[[0,0],[-38.202,0],[0,0],[0,0],[73.326,0],[0,0],[-0.721,-36.266]],"v":[[46.867,-48.997],[-47.017,-48.997],[-114.395,14.67],[-114.437,21.691],[3.671,36.366],[114.339,21.681],[114.381,14.661]],"c":true}]},{"t":59.9997909698997,"s":[{"i":[[34.646,0],[0,0],[0,-27.281],[0,0],[-90.002,0],[0,0],[0,0]],"o":[[0,0],[-46.659,0],[0,0],[0,0],[81.998,0],[0,0],[-2.376,-40.281]],"v":[[46.851,-77.775],[-47.344,-77.775],[-125.918,-11.43],[-126.056,-12.211],[2.498,36.152],[125.734,-12.242],[125.872,-11.461]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0.79933110367893,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.003,265.62,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.24,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true}]},{"t":59.9997909698997,"s":[{"i":[[29.22,0],[0,0],[0,-29.221],[0,0],[-29.22,0],[0,0],[0,0]],"o":[[0,0],[-29.22,0],[0,0],[0,29.22],[0,0],[0,0],[0,-29.221]],"v":[[4.583,-145.62],[-4.192,-145.62],[-57.101,-92.711],[-57.101,-52.287],[-4.192,0.62],[57.49,0.62],[57.49,-92.711]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0.79933110367893,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.24,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[104.17,270.829,0],"to":[-42.5,0,0],"ti":[42.5,0,0]},{"t":59.9999477424749,"s":[-150.83,270.829,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[46.875,36.459],[-46.875,36.459],[-46.875,26.042],[15.625,-36.459],[46.875,-36.459]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":3.79933110367893,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","parent":5,"sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[46.875,-140.626,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":3.79933110367893,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":".primary.design","cl":"primary design","sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.24,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[395.838,270.826,0],"to":[41.333,0,0],"ti":[-41.333,0,0]},{"t":59.9998954849498,"s":[643.838,270.826,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[34.583,0],[0,0]],"o":[[0,0],[0,0],[0,-34.584],[0,0],[0,0]],"v":[[-46.875,36.459],[46.875,36.459],[46.875,26.042],[-15.625,-36.459],[-46.875,-36.459]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":7.79933110367893,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":".primary.design","cl":"primary design","parent":7,"sr":0.20066889632107,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-52.084,-140.624,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[21.249,0],[0,0],[0,-21.251],[0,0],[-21.249,0],[0,0],[0,0]],"o":[[0,0],[-21.249,0],[0,0],[0,21.249],[0,0],[0,0],[0,-21.251]],"v":[[3.192,-52.084],[-3.19,-52.084],[-41.667,-13.607],[-41.667,13.608],[-3.19,52.084],[41.667,52.084],[41.667,-13.607]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.070588235294,0.074509803922,0.192156862745,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('96-groups-outline').layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":7.79933110367893,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lordicon.com Outlines","cl":"com","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11,"x":"var $bm_rt;\nvar checkbox = thisComp.layer('02092020').effect('02092020002')('Checkbox');\nif (checkbox == 1) {\n    $bm_rt = 20;\n} else {\n    $bm_rt = 0;\n}\n;"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.934,481.369,0],"ix":2,"l":2},"a":{"a":0,"k":[79.934,0.369,0],"ix":1,"l":2},"s":{"a":0,"k":[265.159,265.159,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.415,0],[11.014,0],[11.014,-2.523],[4.656,-2.523],[4.656,-14.809],[1.415,-14.809]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[11.167,-7.199],[12.992,-1.661],[18.243,0.369],[23.514,-1.743],[25.381,-7.548],[23.494,-13.127],[18.284,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[14.49,-7.302],[15.577,-11.609],[18.305,-12.86],[21.689,-10.235],[22.058,-7.589],[21.053,-3.343],[18.284,-1.969],[15.597,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.287,-0.841],[-0.144,-0.82],[0,0],[0.164,0.656],[0.226,1.743],[2.236,0.205],[0,2.769],[0.923,0.8],[1.641,-0.021],[0,0]],"o":[[0,0],[0,0],[0,0],[0.533,0],[0.205,0.574],[0,0],[-0.164,-0.246],[-0.103,-0.41],[-0.267,-1.928],[0.718,-0.205],[0,-0.964],[-1.19,-1.026],[0,0],[0,0]],"v":[[27.381,0],[30.622,0],[30.622,-5.989],[33.411,-5.989],[35.011,-5.148],[35.811,0],[39.318,0],[38.867,-1.067],[38.416,-3.938],[35.749,-7.343],[38.847,-10.973],[37.554,-13.824],[33.063,-14.829],[27.381,-14.829]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.492,-0.349],[0,-1.005],[0.226,-0.164],[0.369,0],[0,0]],"o":[[0,0],[1.005,0],[0.287,0.185],[0,1.046],[-0.513,0.41],[0,0],[0,0]],"v":[[30.519,-12.491],[32.652,-12.491],[34.744,-12.142],[35.524,-10.481],[34.703,-8.758],[33.083,-8.348],[30.519,-8.348]],"c":true},"ix":2},"nm":"r","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"r","np":5,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.554,0.103],[0,4.553],[1.866,1.374],[0.82,0],[0,0]],"o":[[0,0],[1.497,0],[2.81,-0.513],[0,-2.113],[-1.784,-1.313],[0,0],[0,0]],"v":[[41.068,0],[45.683,0],[48.349,-0.164],[53.6,-7.609],[51.077,-13.434],[45.97,-14.768],[41.068,-14.788]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-0.656,-0.185],[0,-2.092],[1.251,-1.251],[1.354,0],[0.349,0.021]],"o":[[1.825,-0.082],[1.99,0.554],[0,0.718],[-0.923,0.923],[-0.369,0],[0,0]],"v":[[44.288,-12.388],[47.611,-12.183],[50.318,-7.609],[48.985,-3.425],[45.539,-2.4],[44.288,-2.441]],"c":true},"ix":2},"nm":"d","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[55.669,0],[58.849,0],[58.849,-14.87],[55.669,-14.87]],"c":true},"ix":2},"nm":"i","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[73.104,-9.989],[67.587,-14.911],[60.798,-7.097],[67.566,0.349],[71.894,-1.313],[73.227,-4.799],[69.884,-4.799],[67.218,-1.99],[64.121,-7.076],[67.464,-12.593],[69.864,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[74.546,-7.199],[76.372,-1.661],[81.622,0.369],[86.894,-1.743],[88.76,-7.548],[86.873,-13.127],[81.663,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[77.869,-7.302],[78.956,-11.609],[81.684,-12.86],[85.068,-10.235],[85.437,-7.589],[84.432,-3.343],[81.663,-1.969],[78.977,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[91.007,0],[94.001,0],[94.001,-12.306],[99.744,0],[104.113,0],[104.113,-14.829],[101.159,-14.829],[101.159,-3.159],[95.601,-14.829],[91.007,-14.829]],"c":true},"ix":2},"nm":"n","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[106.893,0],[109.497,0],[109.497,-2.728],[106.893,-2.728]],"c":true},"ix":2},"nm":".","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[3.241,0],[0,-4.697],[-5.107,0],[-1.313,1.354],[-0.062,0.882],[0,0],[1.333,0],[0,0.882],[-2.359,0],[-0.062,-0.513]],"o":[[0,-2.954],[-4.164,0],[0,3.671],[1.354,0],[1.19,-1.231],[0,0],[-0.062,1.969],[-3.097,0],[0,-3.056],[2.154,0],[0,0]],"v":[[124.04,-9.989],[118.523,-14.911],[111.734,-7.097],[118.502,0.349],[122.83,-1.313],[124.163,-4.799],[120.82,-4.799],[118.154,-1.99],[115.057,-7.076],[118.4,-12.593],[120.8,-9.989]],"c":true},"ix":2},"nm":"c","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"c","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.938],[-1.62,-1.723],[-1.949,0],[-1.641,1.846],[0,2.154],[1.579,1.805],[1.579,0]],"o":[[0,1.354],[1.354,1.415],[1.231,0],[1.21,-1.354],[0,-1.456],[-1.456,-1.641],[-5.333,0]],"v":[[125.482,-7.199],[127.308,-1.661],[132.558,0.369],[137.829,-1.743],[139.696,-7.548],[137.809,-13.127],[132.599,-15.137]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,1.415],[-0.841,1.026],[-1.19,0],[-0.615,-1.825],[0,-0.718],[0.492,-0.738],[1.292,0],[0.451,0.615]],"o":[[0,-1.682],[0.595,-0.759],[1.518,0],[0.308,0.902],[0,2.359],[-0.595,0.923],[-1.477,0],[-0.882,-1.149]],"v":[[128.805,-7.302],[129.892,-11.609],[132.62,-12.86],[136.004,-10.235],[136.373,-7.589],[135.368,-3.343],[132.599,-1.969],[129.912,-3.159]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":5,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[141.696,0],[144.67,0],[144.67,-12.716],[148.629,0],[151.254,0],[155.295,-12.716],[155.295,0],[158.453,0],[158.453,-14.829],[153.408,-14.829],[150.024,-4.041],[146.885,-14.829],[141.696,-14.829]],"c":true},"ix":2},"nm":"m","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"m","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false}],"ip":2.5,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":3,"nm":"02092020","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-105,15,0],"ix":2,"l":2},"a":{"a":0,"k":[60,60,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"02092020002","np":3,"mn":"ADBE Checkbox Control","ix":1,"en":1,"ef":[{"ty":7,"nm":"Checkbox","mn":"ADBE Checkbox Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-55,-102,0],"ix":2,"l":2,"x":"var $bm_rt;\n$bm_rt = effect('Axis')('Point');"},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2,"x":"var $bm_rt;\nvar temp;\ntemp = effect('Scale')('Slider');\n$bm_rt = [\n    temp,\n    temp\n];"}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":2,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"State-Intro","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]},{"ty":5,"nm":"State-Hover","np":3,"mn":"ADBE Slider Control","ix":5,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":1,"ix":1}}]},{"ty":5,"nm":"State-Morph","np":3,"mn":"ADBE Slider Control","ix":6,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":0,"ix":1}}]}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"in-groups","parent":3,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Intro')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"hover-groups","parent":3,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Hover')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"morph-group-single","parent":3,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11,"x":"var $bm_rt;\n$bm_rt = $bm_mul(thisComp.layer('Color & Stroke Change').effect('State-Morph')('Slider'), 100);"},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":71,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/system-regular-126-verified-hover-verified.json b/frontend-next/public/lotties/system-regular-126-verified-hover-verified.json
deleted file mode 100644
index ce8777c0a..000000000
--- a/frontend-next/public/lotties/system-regular-126-verified-hover-verified.json
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"5.12.1","fr":60,"ip":0,"op":60,"w":500,"h":500,"nm":"system-regular-126-verified","ddd":0,"assets":[{"id":"comp_1","nm":"hover-verified","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[6.109,-6.116],[-6.115,-6.108],[0,0],[-4.002,0],[-3.055,3.051],[0,0],[6.107,6.115],[6.115,-6.107],[0,0]],"o":[[-6.115,-6.107],[-6.107,6.116],[0,0],[3.056,3.052],[4.002,0],[0,0],[6.115,-6.108],[-6.109,-6.116],[0,0],[0,0]],"v":[[-69.803,-8.539],[-91.936,-8.526],[-91.922,13.607],[-39.704,65.762],[-28.644,70.339],[-17.584,65.762],[91.922,-43.616],[91.936,-65.749],[69.803,-65.762],[-28.644,32.57]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-126-verified').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[263.158,242.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[73.521,-47.165],[0,0],[0,0],[11.506,86.895],[0,0],[-39.84,20.453],[-33.146,-7.159]],"o":[[-11.51,86.919],[0,0],[0,0],[-73.503,-47.153],[0,0],[33.146,-7.159],[39.84,20.453],[0,0]],"v":[[149.277,-67.68],[15.49,143.298],[0,153.266],[-15.509,143.287],[-149.274,-67.655],[-154.479,-107.449],[0,-153.936],[154.479,-107.449]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.073,1.615],[32.173,20.107],[5.074,-3.172],[35.445,-7.092],[-1.068,-8.164],[0,0],[-81.252,-52.124],[0,0],[-2.944,0],[-2.579,1.66],[0,0],[-12.724,96.093],[0,0]],"o":[[-35.445,-7.092],[-5.074,-3.172],[-32.173,20.107],[-8.073,1.615],[0,0],[12.72,96.068],[0,0],[2.579,1.66],[2.944,0],[0,0],[81.27,-52.136],[0,0],[1.068,-8.164]],"v":[[174.946,-135.138],[8.294,-185.147],[-8.294,-185.147],[-174.946,-135.138],[-187.394,-117.763],[-180.307,-63.572],[-32.428,169.62],[-8.469,185.036],[0,187.526],[8.469,185.036],[32.409,169.632],[180.31,-63.596],[187.394,-117.763]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-126-verified').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":1,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.004,250.003,0],"ix":2,"l":2},"a":{"a":0,"k":[250.004,250.003,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[6.109,-6.116],[-6.115,-6.108],[0,0],[-4.002,0],[-3.055,3.051],[0,0],[6.107,6.115],[6.115,-6.107],[0,0]],"o":[[-6.115,-6.107],[-6.107,6.116],[0,0],[3.056,3.052],[4.002,0],[0,0],[6.115,-6.108],[-6.109,-6.116],[0,0],[0,0]],"v":[[-69.803,-8.539],[-91.936,-8.526],[-91.922,13.607],[-39.704,65.762],[-28.644,70.339],[-17.584,65.762],[91.922,-43.616],[91.936,-65.749],[69.803,-65.762],[-28.644,32.57]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-126-verified').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[263.158,242.187],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[73.521,-47.165],[0,0],[0,0],[11.506,86.895],[0,0],[-39.84,20.453],[-33.146,-7.159]],"o":[[-11.51,86.919],[0,0],[0,0],[-73.503,-47.153],[0,0],[33.146,-7.159],[39.84,20.453],[0,0]],"v":[[149.277,-67.68],[15.49,143.298],[0,153.266],[-15.509,143.287],[-149.274,-67.655],[-154.479,-107.449],[0,-153.936],[154.479,-107.449]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[8.073,1.615],[32.173,20.107],[5.074,-3.172],[35.445,-7.092],[-1.068,-8.164],[0,0],[-81.252,-52.124],[0,0],[-2.944,0],[-2.579,1.66],[0,0],[-12.724,96.093],[0,0]],"o":[[-35.445,-7.092],[-5.074,-3.172],[-32.173,20.107],[-8.073,1.615],[0,0],[12.72,96.068],[0,0],[2.579,1.66],[2.944,0],[0,0],[81.27,-52.136],[0,0],[1.068,-8.164]],"v":[[174.946,-135.138],[8.294,-185.147],[-8.294,-185.147],[-174.946,-135.138],[-187.394,-117.763],[-180.307,-63.572],[-32.428,169.62],[-8.469,185.036],[0,187.526],[8.469,185.036],[32.409,169.632],[180.31,-63.596],[187.394,-117.763]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-126-verified').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250.004,250.003],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.131],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.628],"y":[0]},"t":30,"s":[27]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":46,"s":[-11]},{"t":60,"s":[0]}],"ix":10},"p":{"a":0,"k":[249.998,250.004,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.131,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0],[77.333,-49.716],[0,0],[0,0],[0,0],[11.993,91.145],[0,0],[-41.666,26.039]],"o":[[0,0],[-11.99,91.149],[0,0],[0,0],[0,0],[-77.33,-49.714],[0,0],[0,0],[41.667,26.039]],"v":[[171.875,-119.795],[164.746,-65.6],[23.905,156.51],[0.007,171.873],[0,171.875],[-23.904,156.508],[-164.743,-65.592],[-171.875,-119.795],[0,-171.875]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.628,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[99.436,-63.925],[0,0],[0,0],[0,0],[15.421,117.196],[0,0],[-53.575,33.481]],"o":[[0,0],[-15.417,117.201],[0,0],[0,0],[0,0],[-99.432,-63.922],[0,0],[0,0],[53.576,33.481]],"v":[[191.412,-122.573],[182.245,-52.889],[1.15,232.704],[-29.579,252.458],[-29.588,252.46],[-60.324,232.701],[-241.417,-52.879],[-250.588,-122.573],[-29.588,-189.539]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":41.801,"s":[{"i":[[0,0],[0,0],[56.69,-36.445],[0,0],[0,0],[0,0],[8.792,66.816],[0,0],[-30.544,19.088]],"o":[[0,0],[-8.79,66.819],[0,0],[0,0],[0,0],[-56.688,-36.443],[0,0],[0,0],[30.545,19.088]],"v":[[125.996,-87.818],[120.77,-48.09],[17.524,114.733],[0.005,125.995],[0,125.996],[-17.523,114.731],[-120.768,-48.083],[-125.996,-87.818],[0,-125.996]],"c":true}]},{"t":60,"s":[{"i":[[0,0],[0,0],[77.333,-49.716],[0,0],[0,0],[0,0],[11.993,91.145],[0,0],[-41.666,26.039]],"o":[[0,0],[-11.99,91.149],[0,0],[0,0],[0,0],[-77.33,-49.714],[0,0],[0,0],[41.667,26.039]],"v":[[171.875,-119.795],[164.746,-65.6],[23.905,156.51],[0.007,171.873],[0,171.875],[-23.904,156.508],[-164.743,-65.592],[-171.875,-119.795],[0,-171.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-126-verified').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":-239,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0.006,-0.001,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.157,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[153.363,-119.689],[-14.644,46.689],[-66.863,-5.466]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.6,"y":0},"t":21,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[167.916,-123.188],[-50.252,92.864],[-118.061,25.138]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":42,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[114.144,-89.081],[-10.899,34.749],[-49.764,-4.068]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[153.363,-119.689],[-14.644,46.689],[-66.863,-5.466]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-regular-126-verified').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[100]},{"t":20,"s":[100],"h":1},{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":28,"s":[0]},{"t":60,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":1,"s":[26.2]},{"t":20,"s":[100],"h":1},{"i":{"x":[0.1],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":28,"s":[0]},{"t":60,"s":[26.2]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":1,"op":60,"st":0,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"control","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[1,1,1],"ix":1}}]}],"ip":0,"op":131,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-verified","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":70,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"default:hover-verified","dr":60}],"props":{}}
\ No newline at end of file
diff --git a/frontend-next/public/lotties/unlock.json b/frontend-next/public/lotties/unlock.json
deleted file mode 100644
index 4356593e9..000000000
--- a/frontend-next/public/lotties/unlock.json
+++ /dev/null
@@ -1,470 +0,0 @@
-{
-  "v": "5.12.2",
-  "fr": 29.9700012207031,
-  "ip": 0,
-  "op": 45.0000018328876,
-  "w": 48,
-  "h": 48,
-  "nm": "unlock",
-  "ddd": 0,
-  "assets": [],
-  "layers": [
-    {
-      "ddd": 0,
-      "ind": 1,
-      "ty": 4,
-      "nm": "unlock-outline-top_s1g1_s2g2_s3g1_s4g1_background Outlines",
-      "parent": 2,
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            { "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 12, "s": [0] },
-            {
-              "i": { "x": [0.667], "y": [1] },
-              "o": { "x": [0.333], "y": [0] },
-              "t": 28,
-              "s": [-16]
-            },
-            { "t": 40.0000016292334, "s": [0] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [19, 19.473, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [8.5, 11.125, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [0, 1.292],
-                    [1.933, 0],
-                    [0, -1.933],
-                    [-1.042, -0.607],
-                    [0, 0],
-                    [-0.966, 0],
-                    [0, 0.966],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, -1.933],
-                    [-1.933, 0],
-                    [0, 1.292],
-                    [0, 0],
-                    [0, 0.966],
-                    [0.966, 0],
-                    [0, 0],
-                    [1.042, -0.607]
-                  ],
-                  "v": [
-                    [3.5, -2.625],
-                    [0, -6.125],
-                    [-3.5, -2.625],
-                    [-1.75, 0.39],
-                    [-1.75, 4.375],
-                    [0, 6.125],
-                    [1.75, 4.375],
-                    [1.75, 0.39]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 2.5, "ix": 5 },
-              "lc": 2,
-              "lj": 2,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "fl",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 4 },
-              "o": { "a": 0, "k": 0, "ix": 5 },
-              "r": 1,
-              "bm": 0,
-              "nm": "Fill 1",
-              "mn": "ADBE Vector Graphic - Fill",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [8.5, 11.125], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 3,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 45.0000018328876,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 2,
-      "ty": 4,
-      "nm": "unlock-outline-bot_s1g1_s2g1_s3g1_s4g1_background Outlines",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": { "a": 0, "k": 0, "ix": 10 },
-        "p": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": 0.667, "y": 1 },
-              "o": { "x": 0.333, "y": 0 },
-              "t": 0,
-              "s": [24, 29.826, 0],
-              "to": [0, 0.313, 0],
-              "ti": [0, 0, 0]
-            },
-            {
-              "i": { "x": 0.667, "y": 1 },
-              "o": { "x": 0.333, "y": 0 },
-              "t": 12,
-              "s": [24, 31.701, 0],
-              "to": [0, 0, 0],
-              "ti": [0, 0.313, 0]
-            },
-            { "t": 28.0000011404634, "s": [24, 29.826, 0] }
-          ],
-          "ix": 2,
-          "l": 2
-        },
-        "a": { "a": 0, "k": [19, 19.523, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 0,
-                "k": {
-                  "i": [
-                    [-1.43, 0.576],
-                    [0, 0],
-                    [-3.266, -1.28],
-                    [0, 0],
-                    [0, -1.555],
-                    [0, 0],
-                    [7.732, 0],
-                    [0, 8.353],
-                    [0, 0]
-                  ],
-                  "o": [
-                    [0, 0],
-                    [3.253, -1.31],
-                    [0, 0],
-                    [1.448, 0.567],
-                    [0, 0],
-                    [0, 8.353],
-                    [-7.732, 0],
-                    [0, 0],
-                    [0, -1.542]
-                  ],
-                  "v": [
-                    [-11.633, -10.628],
-                    [-5.258, -13.195],
-                    [4.892, -13.243],
-                    [11.6, -10.615],
-                    [14, -7.097],
-                    [14, -0.602],
-                    [0, 14.523],
-                    [-14, -0.602],
-                    [-14, -7.123]
-                  ],
-                  "c": true
-                },
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 2.5, "ix": 5 },
-              "lc": 2,
-              "lj": 2,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "fl",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 4 },
-              "o": { "a": 0, "k": 0, "ix": 5 },
-              "r": 1,
-              "bm": 0,
-              "nm": "Fill 1",
-              "mn": "ADBE Vector Graphic - Fill",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [19, 19.523], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 3,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 45.0000018328876,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    },
-    {
-      "ddd": 0,
-      "ind": 3,
-      "ty": 4,
-      "nm": "unlockoutline-bot_s1g1_s2g1_s3g1_s4g2 Outlines",
-      "parent": 2,
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            { "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 0, "s": [0] },
-            { "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 12, "s": [9] },
-            { "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] }, "t": 28, "s": [9] },
-            { "t": 40.0000016292334, "s": [0] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [17.628, 0.002, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [15.029, 13.585, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
-      },
-      "ao": 0,
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0.667, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [5.305, -0.847],
-                          [-0.847, -5.305],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [-0.847, -5.305],
-                          [-5.305, 0.846],
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [10.029, 0.334],
-                          [-1.11, -7.738],
-                          [-9.182, 3.401],
-                          [-8.355, 8.585]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.667, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 12,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [5.341, -0.581],
-                          [-0.582, -5.341],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [-0.582, -5.341],
-                          [-5.341, 0.581],
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [11.833, 5.021],
-                          [1.11, -3.596],
-                          [-7.507, 7.127],
-                          [-7.094, 9.966]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.667, "y": 1 },
-                    "o": { "x": 0.333, "y": 0 },
-                    "t": 28,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [5.341, -0.581],
-                          [-0.582, -5.341],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [-0.582, -5.341],
-                          [-5.341, 0.581],
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [11.833, 5.021],
-                          [1.11, -3.596],
-                          [-7.507, 7.127],
-                          [-7.094, 9.966]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  },
-                  {
-                    "t": 40.0000016292334,
-                    "s": [
-                      {
-                        "i": [
-                          [0, 0],
-                          [5.305, -0.847],
-                          [-0.847, -5.305],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [-0.847, -5.305],
-                          [-5.305, 0.846],
-                          [0, 0],
-                          [0, 0]
-                        ],
-                        "v": [
-                          [10.029, 0.334],
-                          [-1.11, -7.738],
-                          [-9.182, 3.401],
-                          [-8.355, 8.585]
-                        ],
-                        "c": false
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "Path 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 2.5, "ix": 5 },
-              "lc": 2,
-              "lj": 2,
-              "bm": 0,
-              "nm": "Stroke 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [15.029, 13.585], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "Transform"
-            }
-          ],
-          "nm": "Group 1",
-          "np": 2,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 45.0000018328876,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    }
-  ],
-  "markers": [],
-  "props": {}
-}
diff --git a/frontend-next/public/vercel.svg b/frontend-next/public/vercel.svg
deleted file mode 100644
index fbf0e25a6..000000000
--- a/frontend-next/public/vercel.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
\ No newline at end of file
diff --git a/frontend-next/scripts/healthcheck.js b/frontend-next/scripts/healthcheck.js
deleted file mode 100644
index 30a964d9d..000000000
--- a/frontend-next/scripts/healthcheck.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const http = require('http');
-const options = {
-  host: 'localhost',
-  port: 3000,
-  timeout: 2000,
-  path: '/'
-};
-
-const healthCheck = http.request(options, (res) => {
-  console.log(`HEALTHCHECK STATUS: ${res.statusCode}`);
-  if (res.statusCode == 200) {
-    process.exit(0);
-  } else {
-    process.exit(1);
-  }
-});
-
-healthCheck.on('error', function (err) {
-  console.error(`HEALTH CHECK ERROR: ${err}`);
-  process.exit(1);
-});
-
-healthCheck.end();
diff --git a/frontend-next/scripts/initialize-standalone-build.sh b/frontend-next/scripts/initialize-standalone-build.sh
deleted file mode 100755
index 644877d8f..000000000
--- a/frontend-next/scripts/initialize-standalone-build.sh
+++ /dev/null
@@ -1,15 +0,0 @@
-#!/bin/sh
-
-scripts/replace-standalone-build-variable.sh "$BAKED_NEXT_PUBLIC_POSTHOG_API_KEY" "$NEXT_PUBLIC_POSTHOG_API_KEY"
-
-scripts/replace-standalone-build-variable.sh "$BAKED_NEXT_PUBLIC_INTERCOM_ID" "$NEXT_PUBLIC_INTERCOM_ID"
-
-scripts/replace-standalone-build-variable.sh "$BAKED_NEXT_PUBLIC_CAPTCHA_SITE_KEY" "$NEXT_PUBLIC_CAPTCHA_SITE_KEY"
-
-if [ "$TELEMETRY_ENABLED" != "false" ]; then
-    echo "Telemetry is enabled"
-    scripts/set-standalone-build-telemetry.sh true
-else
-    echo "Client opted out of telemetry"
-    scripts/set-standalone-build-telemetry.sh false
-fi
diff --git a/frontend-next/scripts/replace-standalone-build-variable.sh b/frontend-next/scripts/replace-standalone-build-variable.sh
deleted file mode 100755
index fde4ca282..000000000
--- a/frontend-next/scripts/replace-standalone-build-variable.sh
+++ /dev/null
@@ -1,16 +0,0 @@
-#!/bin/sh
-
-ORIGINAL=$1
-REPLACEMENT=$2
-
-if [ "${ORIGINAL}" = "${REPLACEMENT}" ]; then
-    echo "Environment variable replacement is the same, skipping.."
-    exit 0
-fi
-
-echo "Replacing pre-baked value.."
-
-find public .next -type f -name "*.js" |
-while read file; do
-    sed -i "s|$ORIGINAL|$REPLACEMENT|g" "$file"
-done
diff --git a/frontend-next/scripts/replace-variable.sh b/frontend-next/scripts/replace-variable.sh
deleted file mode 100755
index f03bff93c..000000000
--- a/frontend-next/scripts/replace-variable.sh
+++ /dev/null
@@ -1,16 +0,0 @@
-#!/bin/sh
-
-ORIGINAL=$1
-REPLACEMENT=$2
-
-if [ "${ORIGINAL}" = "${REPLACEMENT}" ]; then
-    echo "Environment variable replacement is the same, skipping.."
-    exit 0
-fi
-
-echo "Replacing pre-baked value.."
-
-find /app/public /app/.next -type f -name "*.js" |
-while read file; do
-    sed -i "s|$ORIGINAL|$REPLACEMENT|g" "$file"
-done
diff --git a/frontend-next/scripts/set-standalone-build-telemetry.sh b/frontend-next/scripts/set-standalone-build-telemetry.sh
deleted file mode 100644
index 5e788b6b9..000000000
--- a/frontend-next/scripts/set-standalone-build-telemetry.sh
+++ /dev/null
@@ -1,8 +0,0 @@
-#!/bin/sh
-
-VALUE=$1
-
-find public .next -type f -name "*.js" |
-while read file; do
-    sed -i "s|TELEMETRY_CAPTURING_ENABLED|$VALUE|g" "$file"
-done
diff --git a/frontend-next/scripts/set-telemetry.sh b/frontend-next/scripts/set-telemetry.sh
deleted file mode 100755
index 594f4d196..000000000
--- a/frontend-next/scripts/set-telemetry.sh
+++ /dev/null
@@ -1,8 +0,0 @@
-#!/bin/sh
-
-VALUE=$1
-
-find /app/public /app/.next -type f -name "*.js" |
-while read file; do
-    sed -i "s|TELEMETRY_CAPTURING_ENABLED|$VALUE|g" "$file"
-done
diff --git a/frontend-next/scripts/start.sh b/frontend-next/scripts/start.sh
deleted file mode 100644
index 7dda6c95b..000000000
--- a/frontend-next/scripts/start.sh
+++ /dev/null
@@ -1,20 +0,0 @@
-#!/bin/sh
-
-scripts/replace-variable.sh "$BAKED_NEXT_PUBLIC_POSTHOG_API_KEY" "$NEXT_PUBLIC_POSTHOG_API_KEY"
-
-scripts/replace-variable.sh "$BAKED_NEXT_PUBLIC_INTERCOM_ID" "$NEXT_PUBLIC_INTERCOM_ID"
-
-scripts/replace-variable.sh "$BAKED_NEXT_SAML_ORG_SLUG" "$NEXT_PUBLIC_SAML_ORG_SLUG"
-
-scripts/replace-variable.sh "$BAKED_NEXT_PUBLIC_CAPTCHA_SITE_KEY" "$NEXT_PUBLIC_CAPTCHA_SITE_KEY"
-
-if [ "$TELEMETRY_ENABLED" != "false" ]; then
-    echo "Telemetry is enabled"
-    scripts/set-telemetry.sh true
-else
-    echo "Client opted out of telemetry"
-    scripts/set-telemetry.sh false
-fi
-
-
-node server.js
diff --git a/frontend-next/src/components/AddTagPopoverContent/AddTagPopoverContent.tsx b/frontend-next/src/components/AddTagPopoverContent/AddTagPopoverContent.tsx
deleted file mode 100644
index 4a1d3c803..000000000
--- a/frontend-next/src/components/AddTagPopoverContent/AddTagPopoverContent.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button, Checkbox, PopoverContent } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-
-import { WsTag } from "../../hooks/api/tags/types";
-import { ProjectPermissionCan } from "../permissions";
-
-interface Props {
-  wsTags: WsTag[] | undefined;
-  secKey: string;
-  selectedTagIds: Record<string, boolean>;
-  handleSelectTag: (wsTag: WsTag) => void;
-  handleTagOnMouseEnter: (wsTag: WsTag) => void;
-  handleTagOnMouseLeave: () => void;
-  checkIfTagIsVisible: (wsTag: WsTag) => boolean;
-  handleOnCreateTagOpen: () => void;
-}
-
-const AddTagPopoverContent = ({
-  wsTags,
-  secKey,
-  selectedTagIds,
-  handleSelectTag,
-  handleTagOnMouseEnter,
-  handleTagOnMouseLeave,
-  checkIfTagIsVisible,
-  handleOnCreateTagOpen
-}: Props) => {
-  return (
-    <PopoverContent
-      side="left"
-      className="relative max-h-96 w-auto min-w-[200px] overflow-y-auto overflow-x-hidden border border-mineshaft-600 bg-mineshaft-800 p-2 text-bunker-200"
-      hideCloseBtn
-    >
-      <div className=" text-center text-sm font-medium text-bunker-200">
-        Add tags to {secKey || "this secret"}
-      </div>
-      <div className="absolute left-0 mt-2 w-full border-t border-mineshaft-600" />
-      <div className="flex flex-col space-y-1.5">
-        {wsTags?.map((wsTag: WsTag) => (
-          <div
-            key={`tag-${wsTag.id}`}
-            className="relative mt-4 flex h-[32px] items-center  justify-start rounded-md bg-none   p-2  hover:border hover:border-mineshaft-600  hover:bg-mineshaft-700 hover:text-bunker-200"
-            onClick={() => handleSelectTag(wsTag)}
-            onMouseEnter={() => handleTagOnMouseEnter(wsTag)}
-            onMouseLeave={() => handleTagOnMouseLeave()}
-            tabIndex={0}
-            role="button"
-            onKeyDown={() => {}}
-          >
-            {(checkIfTagIsVisible(wsTag) || selectedTagIds?.[wsTag.slug]) && (
-              <Checkbox
-                id="autoCapitalization"
-                isChecked={selectedTagIds?.[wsTag.slug]}
-                className="absolute top-[50%] left-[10px] translate-y-[-50%] "
-                checkIndicatorBg={`${
-                  !selectedTagIds?.[wsTag.slug] ? "text-transparent" : "text-mineshaft-800"
-                }`}
-              />
-            )}
-            <div className="ml-7 flex items-center gap-3">
-              <div
-                className="h-[10px] w-[10px] rounded-full"
-                style={{ background: wsTag?.color ? wsTag.color : "#bec2c8" }}
-              >
-                {" "}
-              </div>
-              <span>{wsTag.slug}</span>
-            </div>
-          </div>
-        ))}
-        <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.Tags}>
-          {(isAllowed) => (
-            <Button
-              onClick={() => handleOnCreateTagOpen()}
-              isDisabled={!isAllowed}
-              size="xs"
-              className="mt-2"
-              leftIcon={<FontAwesomeIcon icon={faPlus} className="ml-1 mr-2" />}
-            >
-              Add new tag
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-    </PopoverContent>
-  );
-};
-
-export default AddTagPopoverContent;
diff --git a/frontend-next/src/components/RouteGuard.tsx b/frontend-next/src/components/RouteGuard.tsx
deleted file mode 100644
index 5c874541a..000000000
--- a/frontend-next/src/components/RouteGuard.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { ReactNode, useEffect, useState } from "react";
-import { useRouter } from "next/router";
-
-import { publicPaths } from "@app/const";
-import checkAuth from "@app/pages/api/auth/CheckAuth";
-
-// #TODO: finish spinner only when the data loads fully
-// #TODO: Redirect somewhere if the page does not exist
-
-type Prop = {
-  children: ReactNode;
-};
-
-export default function RouteGuard({ children }: Prop): JSX.Element {
-  const router = useRouter();
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [authorized, setAuthorized] = useState(false);
-
-  /**
-   * redirect to login page if accessing a private page and not logged in
-   */
-  async function authCheck(url: string) {
-    // Make sure that we don't redirect when the user is on the following pages.
-    const path = `/${url.split("?")[0].split("/")[1]}`;
-
-    // Check if the user is authenticated
-    const response = await checkAuth();
-    // #TODO: figure our why sometimes it doesn't output a response
-    // ANS(akhilmhdh): Because inside the security client the await token() doesn't have try/catch
-    if (!publicPaths.includes(path)) {
-      try {
-        if (response.status !== 200) {
-          router.push("/login");
-          console.log("Unauthorized to access.");
-          setAuthorized(false);
-        } else {
-          setAuthorized(true);
-          console.log("Authorized to access.");
-        }
-      } catch (error) {
-        console.log("Error (probably the authCheck route is stuck again...):", error);
-      }
-    }
-  }
-
-  useEffect(() => {
-    // on initial load - run auth check
-    (async () => {
-      await authCheck(router.asPath);
-    })();
-
-    // on route change start - hide page content by setting authorized to false
-    // #TODO: add the loading page when not yet authorized.
-    const hideContent = () => setAuthorized(false);
-    // const onError = () => setAuthorized(true)
-    router.events.on("routeChangeStart", hideContent);
-    // router.events.on("routeChangeError", onError);
-
-    // on route change complete - run auth check
-    router.events.on("routeChangeComplete", authCheck);
-
-    // unsubscribe from events in useEffect return function
-    return () => {
-      router.events.off("routeChangeStart", hideContent);
-      router.events.off("routeChangeComplete", authCheck);
-      // router.events.off("routeChangeError", onError);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return children as JSX.Element;
-}
diff --git a/frontend-next/src/components/analytics/posthog.ts b/frontend-next/src/components/analytics/posthog.ts
deleted file mode 100644
index f9285012e..000000000
--- a/frontend-next/src/components/analytics/posthog.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-/* eslint-disable no-undef */
-import posthog from "posthog-js";
-
-import { ENV, POSTHOG_API_KEY, POSTHOG_HOST } from "../utilities/config";
-
-export const initPostHog = () => {
-  // @ts-ignore
-  console.log("Hi there 👋");
-  try {
-    if (typeof window !== "undefined") {
-      // @ts-ignore
-      if (ENV === "production" && TELEMETRY_CAPTURING_ENABLED === true) {
-        posthog.init(POSTHOG_API_KEY, {
-          api_host: POSTHOG_HOST
-        });
-      }
-    }
-
-    return posthog;
-  } catch (e) {
-    console.log("posthog err", e);
-  }
-
-  return undefined;
-};
diff --git a/frontend-next/src/components/basic/Error.tsx b/frontend-next/src/components/basic/Error.tsx
deleted file mode 100644
index 1ef937e4a..000000000
--- a/frontend-next/src/components/basic/Error.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-const Error = ({ text }: { text: string }): JSX.Element => {
-  return (
-    <div className="relative m-auto flex w-fit flex-row items-center justify-center rounded-full">
-      <FontAwesomeIcon icon={faExclamationTriangle} className="mx-2 mt-1.5 mb-2 text-red" />
-      {text && <p className="relative top-0 mr-2 py-1 text-sm text-red">{text}</p>}
-    </div>
-  );
-};
-
-export default Error;
diff --git a/frontend-next/src/components/basic/InputField.tsx b/frontend-next/src/components/basic/InputField.tsx
deleted file mode 100644
index 346294e56..000000000
--- a/frontend-next/src/components/basic/InputField.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { memo, useState } from "react";
-import { faCircle, faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import guidGenerator from "../utilities/randomId";
-
-interface InputFieldProps {
-  isStatic?: boolean;
-  label: string;
-  type: string;
-  value: string;
-  placeholder?: string;
-  isRequired: boolean;
-  error?: boolean;
-  text?: string;
-  name?: string;
-  blurred?: boolean;
-  errorText?: string;
-  onChangeHandler: (value: string) => void;
-}
-
-const InputField = ({
-  isRequired,
-  label,
-  onChangeHandler,
-  type,
-  value,
-  autoComplete,
-  blurred,
-  error,
-  errorText,
-  id,
-  name,
-  placeholder,
-  isStatic,
-  text
-}: InputFieldProps & Pick<JSX.IntrinsicElements["input"], "autoComplete" | "id">) => {
-  const [passwordVisible, setPasswordVisible] = useState(false);
-
-  if (isStatic === true) {
-    return (
-      <div className="my-2 flex w-full max-w-md flex-col justify-center md:my-4">
-        <p className="mb-0.5 text-sm font-semibold text-gray-400">{label}</p>
-        {text && <p className="mb-2 text-xs text-gray-400">{text}</p>}
-        <input
-          onChange={(e) => onChangeHandler(e.target.value)}
-          type={type}
-          placeholder={placeholder}
-          value={value}
-          required={isRequired}
-          className="text-md min-w-16 w-full rounded-md border border-gray-600 bg-bunker-800 p-2 text-gray-400 outline-none"
-          name={name}
-          readOnly
-          autoComplete={autoComplete}
-          id={id}
-        />
-      </div>
-    );
-  }
-  return (
-    <div className="w-full flex-col">
-      <div className="mb-0.5 flex flex-row items-center text-mineshaft-300">
-        <p className="mr-1 text-sm font-semibold">{label}</p>
-      </div>
-      <div
-        className={`group relative flex w-full max-w-2xl flex-col justify-center border ${
-          error ? "border-red" : "border-mineshaft-500"
-        } rounded-md`}
-      >
-        <input
-          onChange={(e) => onChangeHandler(e.target.value)}
-          type={passwordVisible === false ? type : "text"}
-          placeholder={placeholder}
-          value={value}
-          required={isRequired}
-          className={`${
-            blurred
-              ? "text-bunker-800 focus:text-gray-400 active:text-gray-400 group-hover:text-gray-400"
-              : ""
-          } ${
-            error ? "focus:ring-red/50" : "focus:ring-primary/50"
-          } text-md min-w-16 peer relative w-full rounded-md bg-mineshaft-900 p-2 text-gray-400 outline-none duration-200 focus:ring-4`}
-          name={name}
-          spellCheck="false"
-          autoComplete={autoComplete}
-          id={id}
-        />
-        {label?.includes("Password") && (
-          <button
-            type="button"
-            onClick={() => {
-              setPasswordVisible(!passwordVisible);
-            }}
-            className="absolute mr-3 cursor-pointer self-end text-gray-400"
-          >
-            {passwordVisible ? (
-              <FontAwesomeIcon icon={faEyeSlash} />
-            ) : (
-              <FontAwesomeIcon icon={faEye} />
-            )}
-          </button>
-        )}
-        {blurred && (
-          <div className="peer absolute flex h-10 w-fit max-w-xl items-center overflow-hidden text-clip rounded-md text-gray-400/50 group-hover:hidden peer-hover:hidden peer-focus:hidden peer-active:invisible">
-            <p className="ml-2" />
-            {value
-              .split("")
-              .slice(0, 54)
-              .map(() => (
-                <FontAwesomeIcon
-                  key={guidGenerator()}
-                  className="mx-0.5 text-xxs"
-                  icon={faCircle}
-                />
-              ))}
-          </div>
-        )}
-        {/* {error && (
-						<div className="absolute z-20 flex items-end justify-end mt-4 mr-1.5 self-end">
-							<Error />
-						</div>
-					)} */}
-      </div>
-      {error && <p className="mx-0 mt-0.5 mb-2 max-w-xs text-xs text-red">{errorText}</p>}
-    </div>
-  );
-};
-
-export default memo(InputField);
diff --git a/frontend-next/src/components/basic/Listbox.tsx b/frontend-next/src/components/basic/Listbox.tsx
deleted file mode 100644
index cad9aaab4..000000000
--- a/frontend-next/src/components/basic/Listbox.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import React, { Fragment } from "react";
-import { faAngleDown, faCheck, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Listbox, Transition } from "@headlessui/react";
-
-interface ListBoxProps {
-  isSelected: string;
-  onChange: (arg: string) => void;
-  data: string[] | null;
-  text?: string;
-  buttonAction?: () => void;
-  isFull?: boolean;
-}
-
-/**
- * This is the component that we use for drop down lists.
- * @param {object} obj
- * @param {string} obj.isSelected - the item that is currently selected
- * @param {function} obj.onChange - what happends if you select the item inside a list
- * @param {string[]} obj.data - all the options available
- * @param {string} obj.text - the text that shows us in front of the select option
- * @param {function} obj.buttonAction - if there is a button at the bottom of the list, this is the action that happens when you click the button
- * @returns
- */
-const ListBox = ({
-  isSelected,
-  onChange,
-  data,
-  text,
-  buttonAction,
-  isFull
-}: ListBoxProps): JSX.Element => {
-  return (
-    <Listbox value={isSelected} onChange={onChange}>
-      <div className="relative">
-        <Listbox.Button
-          className={`relative text-gray-400 ${
-            isFull ? "w-full" : "w-52"
-          } focus-visible:ring-offset-orange-300 cursor-default rounded-md bg-white/[0.07] py-2.5 pl-3 pr-10 text-left shadow-md duration-200 hover:bg-white/[0.11] focus:outline-none focus-visible:border-indigo-500 focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 sm:text-sm`}
-        >
-          <div className="flex flex-row">
-            {text}
-            <span className="ml-1 block cursor-pointer truncate font-semibold text-gray-300">
-              {" "}
-              {isSelected}
-            </span>
-          </div>
-          {data && (
-            <div className="pointer-events-none absolute inset-y-0 right-0 flex cursor-pointer items-center pr-2">
-              <FontAwesomeIcon icon={faAngleDown} className="text-md mr-1.5" />
-            </div>
-          )}
-        </Listbox.Button>
-        {data && (
-          <Transition
-            as={Fragment}
-            leave="transition ease-in duration-100"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <Listbox.Options className="no-scrollbar::-webkit-scrollbar absolute z-[70] mt-1 max-h-60 w-full overflow-auto rounded-md border border-mineshaft-700 bg-bunker p-2 text-base shadow-lg ring-1 ring-black ring-opacity-5 no-scrollbar focus:outline-none sm:text-sm">
-              {data.map((person, personIdx) => (
-                <Listbox.Option
-                  key={`${person}.${personIdx + 1}`}
-                  className={({ active, selected }) =>
-                    `relative my-0.5 cursor-default select-none rounded-md py-2 pl-10 pr-4 ${
-                      selected ? "bg-white/10 font-bold text-gray-400" : ""
-                    } ${
-                      active && !selected
-                        ? "cursor-pointer bg-white/5 text-mineshaft-200"
-                        : "text-gray-400"
-                    } `
-                  }
-                  value={person}
-                >
-                  {({ selected }) => (
-                    <>
-                      <span
-                        className={`block truncate text-primary${
-                          selected ? "font-medium" : "font-normal"
-                        }`}
-                      >
-                        {person}
-                      </span>
-                      {selected ? (
-                        <span className="absolute inset-y-0 left-0 flex items-center rounded-lg pl-3 text-primary">
-                          <FontAwesomeIcon icon={faCheck} className="text-md ml-1" />
-                        </span>
-                      ) : null}
-                    </>
-                  )}
-                </Listbox.Option>
-              ))}
-              {buttonAction && (
-                <button type="button" onClick={buttonAction} className="w-full cursor-pointer">
-                  <div className="relative my-0.5 mt-2 flex cursor-pointer select-none justify-start rounded-md py-2 pl-10 pr-4 text-gray-400 duration-200 hover:bg-lime-300 hover:font-semibold hover:text-black">
-                    <span className="absolute inset-y-0 left-0 flex items-center rounded-lg pl-3 pr-4">
-                      <FontAwesomeIcon icon={faPlus} className="text-lg" />
-                    </span>
-                    Add Project
-                  </div>
-                </button>
-              )}
-            </Listbox.Options>
-          </Transition>
-        )}
-      </div>
-    </Listbox>
-  );
-};
-
-export default ListBox;
diff --git a/frontend-next/src/components/basic/Toggle.tsx b/frontend-next/src/components/basic/Toggle.tsx
deleted file mode 100644
index 618c83f9e..000000000
--- a/frontend-next/src/components/basic/Toggle.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Switch } from "@headlessui/react";
-
-interface ToggleProps {
-  enabled: boolean;
-  setEnabled: (value: boolean) => void;
-  addOverride: (value: string | undefined, id: string) => void;
-  id: string;
-}
-
-/**
- * This is a typical 'iPhone' toggle (e.g., user for overriding secrets with personal values)
- * @param obj
- * @param {boolean} obj.enabled - whether the toggle is turned on or off
- * @param {function} obj.setEnabled - change the state of the toggle
- * @param {function} obj.addOverride - a function that adds an override to a certain secret
- * @param {number} obj.id - id of a certain secret
- * @returns
- */
-const Toggle = ({ enabled, setEnabled, addOverride, id }: ToggleProps): JSX.Element => {
-  return (
-    <Switch
-      checked={enabled}
-      onChange={() => {
-        if (enabled === false) {
-          addOverride("", id);
-        } else {
-          addOverride(undefined, id);
-        }
-        setEnabled(!enabled);
-      }}
-      className={`${
-        enabled ? "bg-primary" : "bg-bunker-400"
-      } relative inline-flex h-5 w-9 items-center rounded-full`}
-    >
-      <span className="sr-only">Enable notifications</span>
-      <span
-        className={`${
-          enabled ? "translate-x-[1.26rem]" : "translate-x-0.5"
-        } inline-block h-3.5 w-3.5 transform rounded-full bg-bunker-800 transition`}
-      />
-    </Switch>
-  );
-};
-
-export default Toggle;
diff --git a/frontend-next/src/components/basic/buttons/Button.tsx b/frontend-next/src/components/basic/buttons/Button.tsx
deleted file mode 100644
index 39033bef3..000000000
--- a/frontend-next/src/components/basic/buttons/Button.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-/* eslint-disable react/button-has-type */
-import React, { ButtonHTMLAttributes } from "react";
-import Image from "next/image";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-const classNames = require("classnames");
-
-type ButtonProps = {
-  text?: string;
-  onButtonPressed: () => void;
-  loading?: boolean;
-  color?: string;
-  size: string;
-  icon?: IconProp;
-  active?: boolean;
-  iconDisabled?: IconProp;
-  textDisabled?: string;
-  type?: ButtonHTMLAttributes<any>["type"];
-};
-
-/**
- * This is the main butto component in the app.
- * @param {object} props
- * @param {string} props.text - text inside the button
- * @param {function} props.onButtonPressed - the action that happens when the button is clicked
- * @param {boolean} props.loading - if a button is currently in the laoding state
- * @param {string} props.color - button color
- * @param {string} props.size - button size
- * @param {FontAwesomeIconProps} props.icon - the icon inside the button
- * @param {boolean} props.active - if the button is active or disabled
- * @param {FontAwesomeIconProps} props.text - the icon inside the button when it is disabled
- * @param {string} props.textDisable - text inside the button when it is disabled
- * @returns
- */
-const Button = ({
-  active,
-  text,
-  textDisabled,
-  color,
-  size,
-  onButtonPressed,
-  loading,
-  icon,
-  iconDisabled,
-  type = "button"
-}: ButtonProps): JSX.Element => {
-  // Check if the button show always be 'active' - then true;
-  // or if it should switch between 'active' and 'disabled' - then give the status
-  const activityStatus = active || (text !== "" && textDisabled === undefined);
-
-  const styleButton = classNames(
-    "group m-auto md:m-0 inline-block rounded-md duration-200",
-
-    // Setting background colors and hover modes
-    color === "mineshaft" &&
-      activityStatus &&
-      "bg-mineshaft-800 border border-mineshaft-600 hover:bg-primary/[0.15] hover:border-primary/60",
-    color === "mineshaft" && !activityStatus && "bg-mineshaft",
-    (color === "primary" || !color) &&
-      activityStatus &&
-      "bg-primary border border-primary-400 opacity-80 hover:opacity-100",
-    (color === "primary" || !color) && !activityStatus && "bg-primary",
-    color === "red" && "bg-red-800 border border-red",
-
-    // Changing the opacity when active vs when not
-    activityStatus ? "opacity-100 cursor-pointer" : "opacity-40",
-
-    // Setting the button sizes
-    size === "md" && "h-10 w-full px-2 md:px-4",
-    size === "lg" && "h-12 w-full px-2 md:px-8",
-    !size && "md:py-1 px-3 md:px-8",
-    size === "icon-md" && "h-10 w-10 flex items-center justify-center",
-    size === "icon-sm" && "h-9 w-9 flex items-center justify-center"
-  );
-
-  const styleMainDiv = classNames(
-    "relative font-medium flex items-center",
-
-    // Setting the text color for the text and icon
-    color === "mineshaft" && "text-bunker-200",
-    color !== "mineshaft" && color !== "red" && color !== "none" && "text-black",
-    color === "red" && "text-gray-200",
-    color === "none" && "text-gray-200 text-xl",
-    activityStatus && color !== "red" && color !== "mineshaft" && color !== "none"
-      ? "group-hover:text-black"
-      : "",
-
-    size === "icon" && "flex items-center justify-center"
-  );
-
-  const textStyle = classNames(
-    "relative duration-200 text-center w-full",
-
-    // Show the loading sign if the loading indicator is on
-    loading ? "opacity-0" : "opacity-100",
-    size === "md" && "text-sm",
-    size === "lg" && "text-lg"
-  );
-
-  const button = (
-    <button
-      disabled={!activityStatus}
-      type={type}
-      onClick={onButtonPressed}
-      className={styleButton}
-    >
-      <div className={styleMainDiv}>
-        <div
-          className={`${
-            loading === true ? "opacity-100" : "opacity-0"
-          } absolute flex w-full items-center bg-primary px-3 duration-200`}
-        >
-          <Image
-            src="/images/loading/loadingblack.gif"
-            height={25}
-            width={42}
-            alt="loading animation"
-            className="rounded-xl"
-          />
-        </div>
-        {icon && (
-          <FontAwesomeIcon
-            icon={icon}
-            className={`my-auto flex font-extrabold ${size === "icon-sm" ? "text-sm" : "text-sm"} ${
-              (text || textDisabled) && "mr-2"
-            }`}
-          />
-        )}
-        {iconDisabled && (
-          <FontAwesomeIcon
-            icon={iconDisabled as IconProp}
-            className={`my-auto flex font-extrabold ${size === "icon-sm" ? "text-sm" : "text-md"} ${
-              (text || textDisabled) && "mr-2"
-            }`}
-          />
-        )}
-        {(text || textDisabled) && (
-          <p className={textStyle}>{activityStatus ? text : textDisabled}</p>
-        )}
-      </div>
-    </button>
-  );
-
-  return button;
-};
-
-export default Button;
diff --git a/frontend-next/src/components/basic/dialog/ActivateBotDialog.tsx b/frontend-next/src/components/basic/dialog/ActivateBotDialog.tsx
deleted file mode 100644
index 894d227f5..000000000
--- a/frontend-next/src/components/basic/dialog/ActivateBotDialog.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Fragment } from "react";
-import { useTranslation } from "react-i18next";
-import { Dialog, Transition } from "@headlessui/react";
-
-import Button from "../buttons/Button";
-
-interface IntegrationOption {
-  clientId: string;
-  clientSlug?: string; // vercel-integration specific
-  docsLink: string;
-  image: string;
-  isAvailable: boolean;
-  name: string;
-  slug: string;
-  type: string;
-}
-
-type Props = {
-  isOpen: boolean;
-  closeModal: () => void;
-  selectedIntegrationOption: IntegrationOption | null;
-  integrationOptionPress: (integrationOption: IntegrationOption) => void;
-};
-
-const ActivateBotDialog = ({
-  isOpen,
-  closeModal,
-  selectedIntegrationOption,
-  integrationOptionPress
-}: Props) => {
-  const { t } = useTranslation();
-
-  const submit = async () => {
-    try {
-      // type check
-      if (!selectedIntegrationOption) return;
-
-      // start integration or probe for PAT
-      integrationOptionPress(selectedIntegrationOption);
-    } catch (err) {
-      console.log(err);
-    }
-
-    closeModal();
-  };
-
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-10" onClose={closeModal}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-200"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-70" />
-          </Transition.Child>
-          <div className="fixed inset-0 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-md border border-gray-700 bg-bunker-800 p-6 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-gray-400">
-                    {t("integrations.grant-access-to-secrets")}
-                  </Dialog.Title>
-                  <div className="mt-2 mb-2">
-                    <p className="text-sm text-gray-500">
-                      {t("integrations.why-infisical-needs-access")}
-                    </p>
-                  </div>
-                  <div className="mt-6 max-w-max">
-                    <Button
-                      onButtonPressed={submit}
-                      color="mineshaft"
-                      text={t("integrations.grant-access-button") as string}
-                      size="md"
-                    />
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
-
-export default ActivateBotDialog;
diff --git a/frontend-next/src/components/basic/dialog/AddProjectMemberDialog.tsx b/frontend-next/src/components/basic/dialog/AddProjectMemberDialog.tsx
deleted file mode 100644
index 0c86a8c5b..000000000
--- a/frontend-next/src/components/basic/dialog/AddProjectMemberDialog.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import { Fragment } from "react";
-import { Trans, useTranslation } from "react-i18next";
-import { useRouter } from "next/router";
-import { Dialog, Transition } from "@headlessui/react";
-
-import Button from "../buttons/Button";
-import ListBox from "../Listbox";
-
-type Props = {
-  isOpen: boolean;
-  closeModal: () => void;
-  submitModal: () => void;
-  data: any;
-  email: string;
-  setEmail: (email: string) => void;
-};
-
-const AddProjectMemberDialog = ({
-  isOpen,
-  closeModal,
-  submitModal,
-  data,
-  email,
-  setEmail
-}: Props) => {
-  const router = useRouter();
-  const { t } = useTranslation();
-
-  return (
-    <div className="z-50">
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative" onClose={closeModal}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-200"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-70" />
-          </Transition.Child>
-
-          <div className="fixed inset-0 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-left align-middle shadow-xl transition-all">
-                  {data?.length > 0 ? (
-                    <Dialog.Title
-                      as="h3"
-                      className="z-50 text-lg font-medium leading-6 text-gray-400"
-                    >
-                      {t("section.members.add-dialog.add-member-to-project")}
-                    </Dialog.Title>
-                  ) : (
-                    <Dialog.Title
-                      as="h3"
-                      className="z-50 mb-4 text-lg font-medium text-mineshaft-300"
-                    >
-                      {t("section.members.add-dialog.already-all-invited")}
-                    </Dialog.Title>
-                  )}
-                  <div className="mt-2 mb-4">
-                    {data?.length > 0 ? (
-                      <div className="flex flex-col">
-                        <p className="text-sm text-gray-500">
-                          {t("section.members.add-dialog.user-will-email")}
-                        </p>
-                        <div className="">
-                          <Trans
-                            i18nKey="section.members.add-dialog.looking-add"
-                            components={[
-                              // eslint-disable-next-line react/jsx-key
-                              <button
-                                type="button"
-                                className="inline-flex justify-center rounded-md py-1 text-sm text-gray-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                                onClick={() => router.push(`/org/${router.query.id}/members`)}
-                                aria-label="add member"
-                              />,
-                              // eslint-disable-next-line react/jsx-key
-                              <button
-                                type="button"
-                                className="ml-1 inline-flex justify-center rounded-md py-1 text-sm text-gray-500 hover:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                                onClick={() =>
-                                  router.push(`/org/${router.query.id}/members?action=invite`)
-                                }
-                                aria-label="add member"
-                              />
-                            ]}
-                          />
-                        </div>
-                      </div>
-                    ) : (
-                      <p className="text-sm text-gray-500">
-                        {t("section.members.add-dialog.add-user-org-first")}
-                      </p>
-                    )}
-                  </div>
-                  <div className="max-h-28">
-                    {data?.length > 0 && (
-                      <ListBox
-                        isSelected={email || data[0]}
-                        onChange={setEmail}
-                        data={data}
-                        isFull
-                      />
-                    )}
-                  </div>
-                  <div className="max-w-max">
-                    {data?.length > 0 ? (
-                      <div className="mt-6 flex w-max flex-col justify-start">
-                        <Button
-                          onButtonPressed={submitModal}
-                          color="mineshaft"
-                          text={t("section.members.add-member") as string}
-                          size="md"
-                        />
-                      </div>
-                    ) : (
-                      <Button
-                        onButtonPressed={() =>
-                          router.push(`/org/${localStorage.getItem("orgData.id")}/members`)
-                        }
-                        color="mineshaft"
-                        text={t("section.members.add-dialog.add-user-to-org") as string}
-                        size="md"
-                      />
-                    )}
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
-
-export default AddProjectMemberDialog;
diff --git a/frontend-next/src/components/basic/dialog/AddUpdateEnvironmentDialog.tsx b/frontend-next/src/components/basic/dialog/AddUpdateEnvironmentDialog.tsx
deleted file mode 100644
index 7d014f80f..000000000
--- a/frontend-next/src/components/basic/dialog/AddUpdateEnvironmentDialog.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { FormEventHandler, Fragment, useEffect, useState } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-
-import Button from "../buttons/Button";
-import InputField from "../InputField";
-
-type FormFields = { name: string; slug: string };
-
-type Props = {
-  isOpen?: boolean;
-  isEditMode?: boolean;
-  // on edit mode load up initial values
-  initialValues?: FormFields;
-  onClose: () => void;
-  onCreateSubmit: (data: FormFields) => void;
-  onEditSubmit: (data: FormFields) => void;
-};
-
-// TODO: Migrate to better form management and validation. Preferable react-hook-form + yup
-/**
- * The dialog modal for when the user wants to create a new workspace
- * @param {*} param0
- * @returns
- */
-export const AddUpdateEnvironmentDialog = ({
-  isOpen,
-  onClose,
-  onCreateSubmit,
-  onEditSubmit,
-  initialValues,
-  isEditMode
-}: Props) => {
-  const [formInput, setFormInput] = useState<FormFields>({
-    name: "",
-    slug: ""
-  });
-
-  // This use effect can be removed when the unmount is happening from outside the component
-  // When unmount happens outside state gets unmounted also
-  useEffect(() => {
-    setFormInput(initialValues || { name: "", slug: "" });
-  }, [isOpen]);
-
-  // REFACTOR: Move to react-hook-form with yup for better form management
-  const onInputChange = (fieldName: string, fieldValue: string) => {
-    setFormInput((state) => ({ ...state, [fieldName]: fieldValue }));
-  };
-
-  const onFormSubmit: FormEventHandler = (e) => {
-    e.preventDefault();
-    const data = {
-      name: formInput.name,
-      slug: formInput.slug.toLowerCase()
-    };
-    if (isEditMode) {
-      onEditSubmit(data);
-      return;
-    }
-    onCreateSubmit(data);
-  };
-
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-20" onClose={onClose}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-out duration-150"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-70" />
-          </Transition.Child>
-
-          <div className="fixed inset-0 z-50 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-md border border-gray-700 bg-bunker-800 p-6 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-gray-400">
-                    {isEditMode ? "Update environment" : "Create a new environment"}
-                  </Dialog.Title>
-                  <form onSubmit={onFormSubmit}>
-                    <div className="mt-4 max-h-28">
-                      <InputField
-                        label="Environment Name"
-                        onChangeHandler={(val) => onInputChange("name", val)}
-                        type="varName"
-                        value={formInput.name}
-                        placeholder=""
-                        isRequired
-                        // error={error.length > 0}
-                        // errorText={error}
-                      />
-                    </div>
-                    <div className="mt-4 max-h-28">
-                      <InputField
-                        label="Environment Slug"
-                        onChangeHandler={(val) => onInputChange("slug", val)}
-                        type="varName"
-                        value={formInput.slug}
-                        placeholder=""
-                        isRequired
-                        // error={error.length > 0}
-                        // errorText={error}
-                      />
-                    </div>
-                    <p className="mt-2 text-xs text-gray-500">
-                      Slugs are shorthands used in cli to access environment
-                    </p>
-                    <div className="mt-4 max-w-min">
-                      <Button
-                        onButtonPressed={() => null}
-                        type="submit"
-                        color="mineshaft"
-                        text={isEditMode ? "Update" : "Create"}
-                        active={formInput.name !== "" && formInput.slug !== ""}
-                        size="md"
-                      />
-                    </div>
-                  </form>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/basic/dialog/AddWorkspaceDialog.tsx b/frontend-next/src/components/basic/dialog/AddWorkspaceDialog.tsx
deleted file mode 100644
index b1cc1fd07..000000000
--- a/frontend-next/src/components/basic/dialog/AddWorkspaceDialog.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Fragment, useState } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-
-import Button from "../buttons/Button";
-import InputField from "../InputField";
-import { Checkbox } from "../table/Checkbox";
-
-type Props = {
-  isOpen: boolean;
-  closeModal: () => void;
-  submitModal: (email: string, addAllUser: boolean) => void;
-  workspaceName: string;
-  setWorkspaceName: (workspaceName: string) => void;
-  error: boolean;
-  loading: boolean;
-};
-
-/**
- * The dialog modal for when the user wants to create a new workspace
- */
-const AddWorkspaceDialog = ({
-  isOpen,
-  closeModal,
-  submitModal,
-  workspaceName,
-  setWorkspaceName,
-  error,
-  loading
-}: Props) => {
-  const [addAllUsers, setAddAllUsers] = useState(true);
-  const submit = () => {
-    submitModal(workspaceName, addAllUsers);
-  };
-
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-[100]" onClose={closeModal}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-200"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-70" />
-          </Transition.Child>
-
-          <div className="fixed inset-0 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-md border border-gray-700 bg-bunker-800 p-6 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-gray-400">
-                    Create a new project
-                  </Dialog.Title>
-                  <div className="mt-2">
-                    <p className="text-sm text-gray-500">
-                      This project will contain your secrets and configs.
-                    </p>
-                  </div>
-                  <div className="mt-4 max-h-28">
-                    <InputField
-                      label="Project Name"
-                      onChangeHandler={setWorkspaceName}
-                      type="varName"
-                      value={workspaceName}
-                      placeholder=""
-                      isRequired
-                      error={error}
-                    />
-                  </div>
-                  <div className="mt-4 ml-1">
-                    <Checkbox addAllUsers={addAllUsers} setAddAllUsers={setAddAllUsers} />
-                  </div>
-                  <div className="mt-4 max-w-min">
-                    <Button
-                      onButtonPressed={submit}
-                      loading={loading}
-                      color="mineshaft"
-                      text="Create"
-                      size="md"
-                    />
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
-
-export default AddWorkspaceDialog;
diff --git a/frontend-next/src/components/basic/dialog/DeleteActionModal.tsx b/frontend-next/src/components/basic/dialog/DeleteActionModal.tsx
deleted file mode 100644
index afcc60267..000000000
--- a/frontend-next/src/components/basic/dialog/DeleteActionModal.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Fragment, useEffect, useState } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-
-import InputField from "../InputField";
-
-// REFACTOR: Move all these modals into one reusable one
-type Props = {
-  isOpen?: boolean;
-  onClose: () => void;
-  title: string;
-  onSubmit: () => void;
-  deleteKey?: string;
-};
-
-const DeleteActionModal = ({ isOpen, onClose, title, onSubmit, deleteKey }: Props) => {
-  const [deleteInputField, setDeleteInputField] = useState("");
-
-  useEffect(() => {
-    setDeleteInputField("");
-  }, [isOpen]);
-
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-10" onClose={onClose}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-150"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-70" />
-          </Transition.Child>
-          <div className="fixed inset-0 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-md border border-gray-700 bg-grey p-6 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-gray-400">
-                    {title}
-                  </Dialog.Title>
-                  <div className="mt-2">
-                    <p className="text-sm text-gray-500">This action is irrevertible.</p>
-                  </div>
-                  <div className="mt-2">
-                    <InputField
-                      isRequired
-                      label={`Type ${deleteKey} to delete the resource`}
-                      onChangeHandler={(val) => setDeleteInputField(val)}
-                      value={deleteInputField}
-                      type="text"
-                    />
-                  </div>
-                  <div className="mt-6">
-                    <button
-                      type="button"
-                      className="hover:bg-alizarin hover:text-semibold inline-flex justify-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-sm font-medium text-gray-400 duration-200 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={onSubmit}
-                      disabled={Boolean(deleteKey) && deleteInputField !== deleteKey}
-                    >
-                      Delete
-                    </button>
-                    <button
-                      type="button"
-                      className="hover:text-semibold ml-2 inline-flex justify-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-sm font-medium text-gray-400 duration-200 hover:border-white hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={onClose}
-                    >
-                      Cancel
-                    </button>
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
-
-export default DeleteActionModal;
diff --git a/frontend-next/src/components/basic/dialog/DeleteEnvVar.tsx b/frontend-next/src/components/basic/dialog/DeleteEnvVar.tsx
deleted file mode 100644
index 3502489fd..000000000
--- a/frontend-next/src/components/basic/dialog/DeleteEnvVar.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Fragment } from "react";
-import { useTranslation } from "react-i18next";
-import { Dialog, Transition } from "@headlessui/react";
-
-// #TODO: USE THIS. Currently it's not. Kinda complicated to set up because of state.
-
-type Props = {
-  isOpen: boolean;
-  onClose: () => void;
-  onSubmit: () => void;
-};
-
-export const DeleteEnvVar = ({ isOpen, onClose, onSubmit }: Props) => {
-  const { t } = useTranslation();
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-[80]" onClose={() => {}}>
-          <div className="fixed inset-0 overflow-y-auto">
-            <Transition.Child
-              as={Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0"
-              enterTo="opacity-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100"
-              leaveTo="opacity-0"
-            >
-              <div
-                className="fixed inset-0 bg-black bg-opacity-70"
-                onClick={onClose}
-                onKeyDown={onClose}
-                role="button"
-                tabIndex={0}
-                aria-label="Close"
-              />
-            </Transition.Child>
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-md border border-mineshaft-600 bg-bunker p-6 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-bunker-200">
-                    {t("dashboard:sidebar.delete-key-dialog.title")}
-                  </Dialog.Title>
-                  <div className="mt-2">
-                    <p className="text-sm text-bunker-300">
-                      {t("dashboard:sidebar.delete-key-dialog.confirm-delete-message")}
-                    </p>
-                  </div>
-                  <div className="mt-6 flex justify-start">
-                    <button
-                      type="button"
-                      className="text-semibold inline-flex justify-center rounded-md border border-transparent bg-red-500 px-4 py-2 text-sm font-medium text-bunker-100 opacity-80 duration-200 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={onSubmit}
-                    >
-                      Delete
-                    </button>
-                    <button
-                      type="button"
-                      className="hover:text-semibold ml-2 inline-flex justify-center rounded-md border border-transparent bg-bunker-500 px-4 py-2 text-sm font-medium text-gray-400 duration-200 hover:bg-mineshaft-500 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={onClose}
-                    >
-                      Cancel
-                    </button>
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/basic/dialog/DeleteUserDialog.tsx b/frontend-next/src/components/basic/dialog/DeleteUserDialog.tsx
deleted file mode 100644
index dcdd1c7fe..000000000
--- a/frontend-next/src/components/basic/dialog/DeleteUserDialog.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Fragment } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-
-// #TODO: USE THIS. Currently it's not. Kinda complicated to set up because of state.
-
-type Props = {
-  isOpen: boolean;
-  closeModal: () => void;
-  submitModal: (userIdToBeDeleted: string) => void;
-  userIdToBeDeleted: string;
-};
-
-const DeleteUserDialog = ({ isOpen, closeModal, submitModal, userIdToBeDeleted }: Props) => {
-  const submit = () => {
-    submitModal(userIdToBeDeleted);
-  };
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-10" onClose={closeModal}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-200"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-25" />
-          </Transition.Child>
-
-          <div className="fixed inset-0 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-2xl border border-gray-700 bg-grey p-6 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-gray-400">
-                    Are you sure you want to remove this user from the workspace?
-                  </Dialog.Title>
-                  <div className="mt-2">
-                    <p className="text-sm text-gray-500">This action is irrevertible.</p>
-                  </div>
-                  <div className="mt-6">
-                    <button
-                      type="button"
-                      className="hover:bg-alizarin hover:text-semibold inline-flex justify-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-sm font-medium text-gray-400 duration-200 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={submit}
-                    >
-                      Delete
-                    </button>
-                    <button
-                      type="button"
-                      className="hover:text-semibold ml-2 inline-flex justify-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-sm font-medium text-gray-400 duration-200 hover:border-white hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={submit}
-                    >
-                      Cancel
-                    </button>
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
-
-export default DeleteUserDialog;
diff --git a/frontend-next/src/components/basic/dialog/UpgradePlan.tsx b/frontend-next/src/components/basic/dialog/UpgradePlan.tsx
deleted file mode 100644
index 7c381df83..000000000
--- a/frontend-next/src/components/basic/dialog/UpgradePlan.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Fragment } from "react";
-import { useRouter } from "next/router";
-import { Dialog, Transition } from "@headlessui/react";
-
-import { useOrganization } from "@app/context";
-
-// REFACTOR: Move all these modals into one reusable one
-type Props = {
-  isOpen?: boolean;
-  onClose: () => void;
-  text: string;
-};
-
-const UpgradePlanModal = ({ isOpen, onClose, text }: Props) => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-
-  return (
-    <div>
-      <Transition appear show={isOpen} as={Fragment}>
-        <Dialog as="div" className="relative z-10" onClose={onClose}>
-          <Transition.Child
-            as={Fragment}
-            enter="ease-out duration-300"
-            enterFrom="opacity-0"
-            enterTo="opacity-100"
-            leave="ease-in duration-150"
-            leaveFrom="opacity-100"
-            leaveTo="opacity-0"
-          >
-            <div className="fixed inset-0 bg-black bg-opacity-50 drop-shadow-xl" />
-          </Transition.Child>
-          <div className="fixed inset-0 overflow-y-auto">
-            <div className="flex min-h-full items-center justify-center p-4 text-center">
-              <Transition.Child
-                as={Fragment}
-                enter="ease-out duration-300"
-                enterFrom="opacity-0 scale-95"
-                enterTo="opacity-100 scale-100"
-                leave="ease-in duration-200"
-                leaveFrom="opacity-100 scale-100"
-                leaveTo="opacity-0 scale-95"
-              >
-                <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-md border border-mineshaft-500 bg-bunker p-6 pt-5 text-left align-middle shadow-xl transition-all">
-                  <Dialog.Title as="h3" className="text-xl font-medium leading-6 text-primary">
-                    Unleash Infisical&apos;s Full Power
-                  </Dialog.Title>
-                  <div className="mt-2">
-                    <p className="mb-1 text-sm text-bunker-300">{text}</p>
-                    <p className="text-sm text-bunker-300">
-                      Upgrade and get access to this, as well as to other powerful enhancements.
-                    </p>
-                  </div>
-                  <div className="mt-4">
-                    <button
-                      type="button"
-                      className="hover:text-semibold inline-flex justify-center rounded-md border border-transparent bg-primary px-4 py-2 text-sm font-medium text-black opacity-80 duration-200 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={() => router.push(`/org/${currentOrg?.id}/billing`)}
-                    >
-                      Upgrade Now
-                    </button>
-                    <button
-                      type="button"
-                      className="hover:text-semibold ml-2 inline-flex justify-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-sm font-medium text-gray-400 duration-200 hover:border-red hover:text-red focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                      onClick={onClose}
-                    >
-                      Maybe Later
-                    </button>
-                  </div>
-                </Dialog.Panel>
-              </Transition.Child>
-            </div>
-          </div>
-        </Dialog>
-      </Transition>
-    </div>
-  );
-};
-
-export default UpgradePlanModal;
diff --git a/frontend-next/src/components/basic/popups/BottomRightPopup.tsx b/frontend-next/src/components/basic/popups/BottomRightPopup.tsx
deleted file mode 100644
index 3f0557d2c..000000000
--- a/frontend-next/src/components/basic/popups/BottomRightPopup.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-interface PopupProps {
-  buttonText: string;
-  buttonLink: string;
-  titleText: string;
-  emoji: string;
-  textLine1: string;
-  textLine2: string;
-  setCheckDocsPopUpVisible: (value: boolean) => void;
-}
-
-/**
- * This is the notification that pops up at the bottom right when a user performs a certain action
- * @param {object} org
- * @param {string} org.buttonText - text of the button inside the notification
- * @param {string} org.buttonLink - where the button leads to
- * @param {string} org.titleText - the text at the top of a notification
- * @param {string} org.emoji - the emoji in the notification title
- * @param {string} org.textLine1 - first line of the text in the notification
- * @param {string} org.textLine2 - second line of the text in the notification
- * @param {string} org.setCheckDocsPopUpVisible - the functions that closes the popup
- * @returns
- */
-const BottonRightPopup = ({
-  buttonText,
-  buttonLink,
-  titleText,
-  emoji,
-  textLine1,
-  textLine2,
-  setCheckDocsPopUpVisible
-}: PopupProps): JSX.Element => {
-  return (
-    <div
-      className="absolute bottom-0 right-0 z-[100] mr-6 mb-6 flex max-w-xl flex-col items-start rounded-md border border-gray-600/50 bg-bunker pt-3 pb-4 text-gray-200 drop-shadow-xl"
-      role="alert"
-    >
-      <div className="flex w-full flex-row items-center justify-between border-b border-gray-600/70 px-6 pb-3">
-        <div className="mr-2 mt-0.5 flex flex-row text-xl font-bold">
-          <div>{titleText}</div>
-          <div className="ml-2.5">{emoji}</div>
-        </div>
-        <button className="mt-1" onClick={() => setCheckDocsPopUpVisible(false)} type="button">
-          <FontAwesomeIcon
-            icon={faXmark}
-            className="cursor-pointer text-2xl text-gray-400 duration-200 hover:text-red"
-          />
-        </button>
-      </div>
-      <div className="mt-4 mb-0.5 block px-6 text-gray-300 sm:inline">{textLine1}</div>
-      <div className="mb-4 block px-6 sm:inline">{textLine2}</div>
-      <div className="flex w-full flex-row px-6">
-        {/* eslint-disable-next-line react/jsx-no-target-blank */}
-        <a
-          className="flex w-full justify-center rounded-md bg-white/10 p-2 font-bold duration-200 hover:bg-primary hover:text-black"
-          href={buttonLink}
-          target="_blank"
-          rel="noopener"
-        >
-          {buttonText}
-        </a>
-      </div>
-    </div>
-  );
-};
-
-export default BottonRightPopup;
diff --git a/frontend-next/src/components/basic/popups/GlobPatternExamples.tsx b/frontend-next/src/components/basic/popups/GlobPatternExamples.tsx
deleted file mode 100644
index 7939804f0..000000000
--- a/frontend-next/src/components/basic/popups/GlobPatternExamples.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useState } from "react";
-import { faInfo } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Tooltip } from "@app/components/v2/Tooltip";
-
-const GlobPatternExamples = () => {
-  const [showTip, setShowTip] = useState<boolean>(false);
-
-  return (
-    <Tooltip
-      isOpen={showTip}
-      onOpenChange={setShowTip}
-      content={
-        <div>
-          <h4 className="mb-2">Here are some examples of glob patterns:</h4>
-          <div className="ol-listStyleType">
-            <li>
-              <code className="text-primary">/</code> - Matches all files and directories in the
-              current directory
-            </li>
-            <li>
-              <code className="text-primary">**/*</code> - Matches all files and directories in the
-              current directory and its subdirectories
-            </li>
-            <li>
-              <code className="text-primary">{"/{dir1,dir2}"}</code> - Matches all files and
-              directories in dir1 and dir2
-            </li>
-          </div>
-        </div>
-      }
-      position="right"
-      className="text-xs"
-    >
-      <div
-        className="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[1px] border-mineshaft-300"
-        onMouseEnter={() => setShowTip(true)}
-      >
-        <FontAwesomeIcon icon={faInfo} className="h-2 w-2" />
-      </div>
-    </Tooltip>
-  );
-};
-
-export default GlobPatternExamples;
diff --git a/frontend-next/src/components/basic/table/Checkbox.tsx b/frontend-next/src/components/basic/table/Checkbox.tsx
deleted file mode 100644
index fe76d253f..000000000
--- a/frontend-next/src/components/basic/table/Checkbox.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/* eslint-disable jsx-a11y/label-has-associated-control */
-type Props = {
-  addAllUsers: boolean;
-  setAddAllUsers: (arg: boolean) => void;
-};
-
-export const Checkbox = ({ addAllUsers, setAddAllUsers }: Props) => (
-  <div className="flex flex-row items-center">
-    {addAllUsers === true ? (
-      <input
-        type="checkbox"
-        className="h-4 w-4 accent-primary"
-        checked
-        readOnly
-        onClick={() => setAddAllUsers(!addAllUsers)}
-      />
-    ) : (
-      <div
-        onKeyDown={() => setAddAllUsers(!addAllUsers)}
-        role="button"
-        tabIndex={0}
-        aria-label="add all users"
-        className="h-4 w-4 rounded-sm border border-gray-600 bg-bunker"
-        onClick={() => setAddAllUsers(!addAllUsers)}
-      />
-    )}
-
-    <label className="ml-2 text-sm text-gray-500">
-      Add all members of my organization to this project.
-    </label>
-  </div>
-);
diff --git a/frontend-next/src/components/dashboard/AddTagsMenu.tsx b/frontend-next/src/components/dashboard/AddTagsMenu.tsx
deleted file mode 100644
index d2e295c14..000000000
--- a/frontend-next/src/components/dashboard/AddTagsMenu.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Fragment } from "react";
-import { useRouter } from "next/router";
-import { faCheckSquare, faPlus, faSquare } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Menu, Transition } from "@headlessui/react";
-import { Tag } from "public/data/frequentInterfaces";
-
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-/**
- * This is the menu that is used to add more tags to a secret
- * @param {object} obj
- * @param {Tag[]} obj.allTags - all available tags for a vertain project
- * @param {Tag[]} obj.currentTags - currently selected tags for a certain secret
- * @param {function} obj.modifyTags - modify tags for a certain secret
- * @param {Tag[]} obj.position - currently selected tags for a certain secret
- */
-const AddTagsMenu = ({
-  allTags,
-  currentTags,
-  modifyTags,
-  id
-}: {
-  allTags: Tag[];
-  currentTags: Tag[];
-  modifyTags: (value: Tag[], id: string) => void;
-  id: string;
-}) => {
-  const router = useRouter();
-  return (
-    <Menu as="div" className="relative ml-2 inline-block text-left">
-      <Menu.Button
-        as="div"
-        className="flex items-center justify-center font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"
-      >
-        <div className="flex cursor-pointer items-center rounded-sm bg-mineshaft/30 text-sm text-mineshaft-200/50 duration-200 hover:bg-mineshaft/70">
-          <FontAwesomeIcon icon={faPlus} className="p-[0.28rem]" />
-          {currentTags?.length > 2 && <span className="pr-2">{currentTags.length - 2}</span>}
-        </div>
-      </Menu.Button>
-      <Transition
-        as={Fragment}
-        enter="transition ease-out duration-100"
-        enterFrom="transform opacity-0 scale-95"
-        enterTo="transform opacity-100 scale-100"
-        leave="transition ease-in duration-75"
-        leaveFrom="transform opacity-100 scale-100"
-        leaveTo="transform opacity-0 scale-95"
-      >
-        <Menu.Items className="absolute right-0 z-[90] mt-0.5 w-[12rem] origin-top-right space-y-1 rounded-md border border-mineshaft-500 bg-mineshaft-600 p-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 drop-shadow-xl focus:outline-none">
-          {allTags?.map((tag) => {
-            return (
-              <Menu.Item key={tag.id}>
-                <button
-                  type="button"
-                  className={`${
-                    currentTags?.map((currentTag) => currentTag.name).includes(tag.name)
-                      ? "cursor-default opacity-30"
-                      : "hover:bg-mineshaft-700"
-                  } flex w-full items-center rounded-sm bg-mineshaft-800 px-2 py-0.5 text-left text-bunker-200`}
-                  onClick={() => {
-                    if (!currentTags?.map((currentTag) => currentTag.name).includes(tag.name)) {
-                      modifyTags(currentTags.concat([tag]), id);
-                    }
-                  }}
-                >
-                  {currentTags?.map((currentTag) => currentTag.name).includes(tag.name) ? (
-                    <FontAwesomeIcon icon={faCheckSquare} className="mr-2 text-xs text-primary" />
-                  ) : (
-                    <FontAwesomeIcon icon={faSquare} className="mr-2 text-xs" />
-                  )}{" "}
-                  {tag.name}
-                </button>
-              </Menu.Item>
-            );
-          })}
-          <button
-            type="button"
-            className="w-full rounded-sm bg-mineshaft-800 px-2 py-0.5 text-left text-bunker-200 duration-200 hover:bg-primary hover:text-black"
-            onClick={() => router.push(`/${ProjectType.SecretManager}/${String(router.query.id)}/settings`)}
-          >
-            <FontAwesomeIcon icon={faPlus} className="mr-2 text-xs" />
-            Add more tags
-          </button>
-        </Menu.Items>
-      </Transition>
-    </Menu>
-  );
-};
-
-export default AddTagsMenu;
diff --git a/frontend-next/src/components/dashboard/CommentField.tsx b/frontend-next/src/components/dashboard/CommentField.tsx
deleted file mode 100644
index e444ed891..000000000
--- a/frontend-next/src/components/dashboard/CommentField.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-/**
- * This is the text field where people can add comments to particular secrets.
- */
-const CommentField = ({
-  comment,
-  modifyComment,
-  id
-}: {
-  comment: string;
-  modifyComment: (value: string, id: string) => void;
-  id: string;
-}) => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="relative mt-4 px-4 pt-6">
-      <p className="pl-0.5 text-sm text-bunker-300">{t("dashboard.sidebar.comments")}</p>
-      <textarea
-        className="h-32 w-full rounded-md border border-mineshaft-500 bg-bunker-800 px-2 py-1.5 text-sm text-bunker-300 outline-none ring-primary-800 ring-opacity-70 placeholder:text-bunker-400 focus:ring-2 dark:[color-scheme:dark]"
-        value={comment}
-        onChange={(e) => modifyComment(e.target.value, id)}
-        placeholder="Leave any comments here..."
-      />
-    </div>
-  );
-};
-
-export default CommentField;
diff --git a/frontend-next/src/components/dashboard/ConfirmEnvOverwriteModal.tsx b/frontend-next/src/components/dashboard/ConfirmEnvOverwriteModal.tsx
deleted file mode 100644
index 1926e7d37..000000000
--- a/frontend-next/src/components/dashboard/ConfirmEnvOverwriteModal.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Button, Modal, ModalContent } from "../v2";
-
-type Props = {
-  isOpen: boolean;
-  onClose: () => void;
-  onOverwriteConfirm: (preserve: "old" | "new") => void;
-  duplicateKeys: string[];
-};
-
-const ConfirmEnvOverwriteModal = ({
-  isOpen,
-  onClose,
-  duplicateKeys,
-  onOverwriteConfirm
-}: Props): JSX.Element => {
-  return (
-    <Modal isOpen={isOpen}>
-      <ModalContent
-        title="Duplicate Secrets"
-        footerContent={
-          <div className="flex items-center gap-4">
-            <Button colorSchema="primary" onClick={() => onOverwriteConfirm("old")}>
-              Keep Old
-            </Button>
-            <Button colorSchema="danger" onClick={() => onOverwriteConfirm("new")}>
-              Overwrite
-            </Button>
-          </div>
-        }
-        onClose={onClose}
-      >
-        <div className="flex flex-col gap-2">
-          <p className="text-gray-400">Your file contains the following duplicate secrets:</p>
-          <p className="text-sm text-gray-500">{duplicateKeys.join(", ")}</p>
-          <p className="text-md text-gray-400">Are you sure you want to overwrite these secrets?</p>
-        </div>
-      </ModalContent>
-    </Modal>
-  );
-};
-
-export default ConfirmEnvOverwriteModal;
diff --git a/frontend-next/src/components/dashboard/DashboardInputField.tsx b/frontend-next/src/components/dashboard/DashboardInputField.tsx
deleted file mode 100644
index 60b92a51e..000000000
--- a/frontend-next/src/components/dashboard/DashboardInputField.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-import { memo, SyntheticEvent, useRef } from "react";
-import {
-  faCircle,
-  faCodeBranch,
-  faExclamationCircle,
-  faEye
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import guidGenerator from "../utilities/randomId";
-import { HoverObject } from "../v2/HoverCard";
-import { PopoverObject } from "../v2/Popover/Popover";
-
-const REGEX = /([$]{.*?})/g;
-
-interface DashboardInputFieldProps {
-  id: string;
-  onChangeHandler: (value: string, id: string) => void;
-  value: string | undefined;
-  type: "varName" | "value" | "comment";
-  blurred?: boolean;
-  isDuplicate?: boolean;
-  isCapitalized?: boolean;
-  overrideEnabled?: boolean;
-  modifyValueOverride?: (value: string | undefined, id: string) => void;
-  isSideBarOpen?: boolean;
-}
-
-/**
- * This component renders the input fields on the dashboard
- * @param {object} obj - the order number of a keyPair
- * @param {number} obj.position - the order number of a keyPair
- * @param {function} obj.onChangeHandler - what happens when the input is modified
- * @param {string} obj.type - whether the input field is for a Key Name or for a Key Value
- * @param {string} obj.value - value of the InputField
- * @param {boolean} obj.blurred - whether the input field should be blurred (behind the gray dots) or not; this can be turned on/off in the dashboard
- * @param {boolean} obj.isDuplicate - if the key name is duplicated
- * @param {boolean} obj.override - whether a secret/row should be displalyed as overriden
- *
- *
- * @returns
- */
-
-const DashboardInputField = ({
-  id,
-  onChangeHandler,
-  type,
-  value,
-  blurred,
-  isDuplicate,
-  isCapitalized,
-  overrideEnabled,
-  modifyValueOverride,
-  isSideBarOpen
-}: DashboardInputFieldProps) => {
-  const ref = useRef<HTMLDivElement | null>(null);
-  const syncScroll = (e: SyntheticEvent<HTMLDivElement>) => {
-    if (ref.current === null) return;
-
-    ref.current.scrollTop = e.currentTarget.scrollTop;
-    ref.current.scrollLeft = e.currentTarget.scrollLeft;
-  };
-
-  if (type === "varName") {
-    const startsWithNumber = !Number.isNaN(Number(value?.charAt(0))) && value !== "";
-    const error = startsWithNumber || isDuplicate;
-
-    return (
-      <div
-        className={`relative h-10 w-full flex-col ${error && value !== "" ? "bg-red/[0.15]" : ""} ${
-          isSideBarOpen && "bg-mineshaft-700 duration-200"
-        }`}
-      >
-        <div
-          className={`group relative flex h-full flex-col items-center justify-center ${
-            error ? "w-max" : "w-full"
-          }`}
-        >
-          <input
-            onChange={(e) =>
-              onChangeHandler(isCapitalized ? e.target.value.toUpperCase() : e.target.value, id)
-            }
-            type={type}
-            value={value}
-            className={`ph-no-capture min-w-16 peer z-10 h-full w-full bg-transparent px-2 font-mono text-sm caret-bunker-200 outline-none ${
-              error ? "text-red-600 focus:text-red-500" : "text-bunker-300 focus:text-bunker-100"
-            } duration-200`}
-            spellCheck="false"
-          />
-        </div>
-        {startsWithNumber && (
-          <div className="absolute right-2 top-2 z-50 text-red">
-            <HoverObject
-              text="Secret names should not start with a number"
-              icon={faExclamationCircle}
-              color="red"
-            />
-          </div>
-        )}
-        {isDuplicate && value !== "" && !startsWithNumber && (
-          <div className="absolute right-2 top-2 z-50 text-red">
-            <HoverObject
-              text="Secret names should be unique"
-              icon={faExclamationCircle}
-              color="red"
-            />
-          </div>
-        )}
-        {!error && (
-          <div
-            className={`absolute right-0 top-0 z-50 bg-mineshaft-800 text-red group-hover:bg-mineshaft-700 ${
-              overrideEnabled ? "visible" : "invisible group-hover:visible"
-            } duration-0 flex h-10 cursor-pointer items-center px-2`}
-          >
-            <button
-              type="button"
-              onClick={() => {
-                if (modifyValueOverride) {
-                  if (overrideEnabled === false) {
-                    modifyValueOverride("", id);
-                  } else {
-                    modifyValueOverride(undefined, id);
-                  }
-                }
-              }}
-            >
-              <HoverObject
-                text={
-                  overrideEnabled
-                    ? "This secret is overriden with your personal value"
-                    : "You can override this secret with a personal value"
-                }
-                icon={faCodeBranch}
-                color={overrideEnabled ? "primary" : "bunker-400"}
-              />
-            </button>
-          </div>
-        )}
-      </div>
-    );
-  }
-  if (type === "comment") {
-    const startsWithNumber = !Number.isNaN(Number(value?.charAt(0))) && value !== "";
-    const error = startsWithNumber || isDuplicate;
-
-    return (
-      <PopoverObject text={value || ""} onChangeHandler={onChangeHandler} id={id}>
-        <div
-          title={value}
-          className={`relative h-10 w-full flex-col overflow-hidden ${
-            isSideBarOpen && "bg-mineshaft-700 duration-200"
-          }`}
-        >
-          <div
-            className={`group relative flex h-full flex-col items-center justify-center ${
-              error ? "w-max" : "w-full"
-            }`}
-          >
-            {value?.split("\n")[0] ? (
-              <span className="ph-no-capture min-w-16 placeholder w-full truncate break-all bg-transparent px-2 text-xs leading-tight text-bunker-300 outline-none duration-200 placeholder:text-bunker-400 focus:text-bunker-100 placeholder:focus:text-transparent">
-                {value?.split("\n")[0]}
-              </span>
-            ) : (
-              <span className="text-bunker-400">-</span>
-            )}
-            {value?.split("\n")[1] && (
-              <span className="ph-no-capture min-w-16 placeholder w-full truncate break-all bg-transparent px-2 text-xs leading-tight text-bunker-300 outline-none duration-200 placeholder:text-bunker-400 focus:text-bunker-100 placeholder:focus:text-transparent">
-                {value?.split("\n")[1]}
-              </span>
-            )}
-          </div>
-        </div>
-      </PopoverObject>
-    );
-  }
-  if (type === "value") {
-    return (
-      <div className="w-full flex-col">
-        <div className="group relative flex	w-full flex-col justify-center whitespace-pre">
-          {overrideEnabled === true && (
-            <div className="absolute top-[0.1rem] right-[0.1rem] z-0 w-min rounded-sm bg-primary-500 px-1 text-xxs text-black opacity-80">
-              Override enabled
-            </div>
-          )}
-          <input
-            value={value}
-            onChange={(e) => onChangeHandler(e.target.value, id)}
-            onScroll={syncScroll}
-            className={`${
-              blurred ? "text-transparent focus:text-transparent active:text-transparent" : ""
-            } ph-no-capture min-w-16 no-scrollbar::-webkit-scrollbar peer z-10 w-full bg-transparent px-2 py-2 font-mono text-sm text-transparent caret-white outline-none duration-200 no-scrollbar`}
-            spellCheck="false"
-          />
-          <div
-            ref={ref}
-            className={`${
-              blurred && !overrideEnabled
-                ? "text-bunker-800 duration-200 group-hover:text-gray-400 peer-focus:text-gray-100 peer-active:text-gray-400"
-                : ""
-            } ${overrideEnabled ? "text-primary-300" : "text-gray-400"}
-            absolute z-0 flex flex-row whitespace-pre font-mono ${
-              blurred ? "invisible" : "visible"
-            } ph-no-capture min-w-16 no-scrollbar::-webkit-scrollbar mt-0.5 h-10 w-full overflow-x-scroll bg-transparent px-2 py-2 text-sm outline-none duration-100 no-scrollbar peer-focus:visible`}
-          >
-            {value?.split(REGEX).map((word) => {
-              if (word.match(REGEX) !== null) {
-                return (
-                  <span className="ph-no-capture text-yellow" key={id}>
-                    {word.slice(0, 2)}
-                    <span className="ph-no-capture text-yellow-200/80">
-                      {word.slice(2, word.length - 1)}
-                    </span>
-                    {word.slice(word.length - 1, word.length) === "}" ? (
-                      <span className="ph-no-capture text-yellow">
-                        {word.slice(word.length - 1, word.length)}
-                      </span>
-                    ) : (
-                      <span className="ph-no-capture text-yellow-400">
-                        {word.slice(word.length - 1, word.length)}
-                      </span>
-                    )}
-                  </span>
-                );
-              }
-              return (
-                <span key={`${word}_${id + 1}`} className="ph-no-capture">
-                  {word}
-                </span>
-              );
-            })}
-          </div>
-          {blurred && (
-            <div
-              className={`peer absolute z-0 flex flex-row items-center justify-between pr-2 ${
-                isSideBarOpen ? "bg-mineshaft-700 duration-200" : "bg-mineshaft-800"
-              } h-10 w-full text-clip text-bunker-400 duration-100 group-hover:bg-white/[0.00] peer-focus:hidden peer-active:hidden`}
-            >
-              <div className="no-scrollbar::-webkit-scrollbar flex flex-row items-center overflow-x-scroll px-2 no-scrollbar">
-                {value?.split("").map(() => (
-                  <FontAwesomeIcon
-                    key={guidGenerator()}
-                    className="mr-0.5 text-xxs"
-                    icon={faCircle}
-                  />
-                ))}
-                {value?.split("").length === 0 && <span className="text-bunker-400/80">EMPTY</span>}
-              </div>
-              <div className="invisible z-[100] cursor-default group-hover:visible">
-                <FontAwesomeIcon icon={faEye} />
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-
-  return <>Something Wrong</>;
-};
-
-function inputPropsAreEqual(prev: DashboardInputFieldProps, next: DashboardInputFieldProps) {
-  return (
-    prev.value === next.value &&
-    prev.type === next.type &&
-    prev.id === next.id &&
-    prev.blurred === next.blurred &&
-    prev.isCapitalized === next.isCapitalized &&
-    prev.overrideEnabled === next.overrideEnabled &&
-    prev.isDuplicate === next.isDuplicate &&
-    prev.isSideBarOpen === next.isSideBarOpen
-  );
-}
-
-export default memo(DashboardInputField, inputPropsAreEqual);
diff --git a/frontend-next/src/components/dashboard/DeleteActionButton.tsx b/frontend-next/src/components/dashboard/DeleteActionButton.tsx
deleted file mode 100644
index da7357fe6..000000000
--- a/frontend-next/src/components/dashboard/DeleteActionButton.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import Button from "../basic/buttons/Button";
-
-type Props = {
-  onSubmit: () => void;
-  isPlain?: boolean;
-};
-
-export const DeleteActionButton = ({ onSubmit, isPlain }: Props) => {
-  const { t } = useTranslation();
-
-  return (
-    <div
-      className={`${
-        !isPlain
-          ? "ml-2 h-[2.5rem] w-[4.5rem] rounded-md bg-[#9B3535] opacity-70 duration-200 hover:opacity-100"
-          : "justfy-center mr-2 flex h-[2.35rem] w-[1.5rem] cursor-pointer items-center"
-      }`}
-    >
-      {isPlain ? (
-        <div
-          onKeyDown={() => null}
-          role="button"
-          tabIndex={0}
-          onClick={onSubmit}
-          className="invisible group-hover:visible"
-        >
-          <FontAwesomeIcon
-            className="mt-0.5 pl-2 pr-6 text-lg text-bunker-300 hover:text-red"
-            icon={faXmark}
-          />
-        </div>
-      ) : (
-        <Button text={String(t("Delete"))} color="red" size="md" onButtonPressed={onSubmit} />
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/dashboard/DownloadSecretsMenu.tsx b/frontend-next/src/components/dashboard/DownloadSecretsMenu.tsx
deleted file mode 100644
index 29942abf0..000000000
--- a/frontend-next/src/components/dashboard/DownloadSecretsMenu.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Fragment } from "react";
-import { faDownload } from "@fortawesome/free-solid-svg-icons";
-import { Menu, Transition } from "@headlessui/react";
-import { SecretDataProps } from "public/data/frequentInterfaces";
-
-import Button from "../basic/buttons/Button";
-import downloadDotEnv from "../utilities/secrets/downloadDotEnv";
-import downloadYaml from "../utilities/secrets/downloadYaml";
-
-/**
- * This is the menu that is used to download secrets as .env ad .yml files (in future we may have more options)
- * @param {object} obj
- * @param {SecretDataProps[]} obj.data - secrets that we want to downlaod
- * @param {string} obj.env - the environment which we're downloading (used for naming the file)
- */
-const DownloadSecretMenu = ({ data, env }: { data: SecretDataProps[]; env: string }) => {
-  return (
-    <Menu as="div" className="relative inline-block text-left">
-      <Menu.Button
-        as="div"
-        className="inline-flex w-full justify-center rounded-md text-sm font-medium text-gray-200 duration-200 hover:bg-white/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"
-      >
-        <Button color="mineshaft" size="icon-md" icon={faDownload} onButtonPressed={() => {}} />
-      </Menu.Button>
-      <Transition
-        as={Fragment}
-        enter="transition ease-out duration-100"
-        enterFrom="transform opacity-0 scale-95"
-        enterTo="transform opacity-100 scale-100"
-        leave="transition ease-in duration-75"
-        leaveFrom="transform opacity-100 scale-100"
-        leaveTo="transform opacity-0 scale-95"
-      >
-        <Menu.Items className="absolute right-0 z-[90] mt-0.5 w-[12rem] origin-top-right space-y-2 rounded-md border border-mineshaft-500 bg-bunker p-2 shadow-lg ring-1 ring-black ring-opacity-5 drop-shadow-xl focus:outline-none">
-          <Menu.Item>
-            <Button
-              color="mineshaft"
-              onButtonPressed={() => downloadDotEnv({ data, env })}
-              size="md"
-              text="Download as .env"
-            />
-          </Menu.Item>
-          <Menu.Item>
-            <Button
-              color="mineshaft"
-              onButtonPressed={() => downloadYaml({ data, env })}
-              size="md"
-              text="Download as .yml"
-            />
-          </Menu.Item>
-        </Menu.Items>
-      </Transition>
-    </Menu>
-  );
-};
-
-export default DownloadSecretMenu;
diff --git a/frontend-next/src/components/dashboard/DropZone.tsx b/frontend-next/src/components/dashboard/DropZone.tsx
deleted file mode 100644
index ab246c377..000000000
--- a/frontend-next/src/components/dashboard/DropZone.tsx
+++ /dev/null
@@ -1,256 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { type ChangeEvent, type DragEvent, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Image from "next/image";
-import { faUpload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { parseDocument, Scalar, YAMLMap } from "yaml";
-
-import { SecretType } from "@app/hooks/api/types";
-
-import Button from "../basic/buttons/Button";
-import Error from "../basic/Error";
-import { createNotification } from "../notifications";
-import { parseDotEnv } from "../utilities/parseSecrets";
-import guidGenerator from "../utilities/randomId";
-
-interface DropZoneProps {
-  // TODO: change Data type from any
-  setData: (data: any) => void;
-  setErrorDragAndDrop: (hasError: boolean) => void;
-  createNewFile: () => void;
-  errorDragAndDrop: boolean;
-  setButtonReady: (isReady: boolean) => void;
-  keysExist: boolean;
-  numCurrentRows: number;
-}
-
-const DropZone = ({
-  setData,
-  setErrorDragAndDrop,
-  createNewFile,
-  errorDragAndDrop,
-  setButtonReady,
-  keysExist,
-  numCurrentRows
-}: DropZoneProps) => {
-  const { t } = useTranslation();
-
-  const handleDragEnter = (e: DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-
-  const handleDragLeave = (e: DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-
-  const handleDragOver = (e: DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-
-    // set dropEffect to copy i.e copy of the source item
-    e.dataTransfer.dropEffect = "copy";
-  };
-
-  const [loading, setLoading] = useState(false);
-
-  const getSecrets = (file: ArrayBuffer, fileType: string) => {
-    let secrets;
-    switch (fileType) {
-      case "env": {
-        const keyPairs = parseDotEnv(file);
-        secrets = Object.keys(keyPairs).map((key, index) => ({
-          id: guidGenerator(),
-          pos: numCurrentRows + index,
-          key,
-          value: keyPairs[key as keyof typeof keyPairs].value,
-          comment: keyPairs[key as keyof typeof keyPairs].comments.join("\n"),
-          type: SecretType.Shared,
-          tags: []
-        }));
-        break;
-      }
-      case "json": {
-        const keyPairs = JSON.parse(String(file));
-        secrets = Object.keys(keyPairs).map((key, index) => ({
-          id: guidGenerator(),
-          pos: numCurrentRows + index,
-          key,
-          value: keyPairs[key as keyof typeof keyPairs],
-          comment: "",
-          type: SecretType.Shared,
-          tags: []
-        }));
-        break;
-      }
-      case "yml": {
-        const parsedFile = parseDocument(file.toString());
-        const keyPairs = parsedFile.contents!.toJSON();
-
-        secrets = Object.keys(keyPairs).map((key, index) => {
-          const fileContent = parsedFile.contents as YAMLMap<Scalar, Scalar>;
-          const comment =
-            fileContent!.items
-              .find((item) => item.key.value === key)
-              ?.key?.commentBefore?.split("\n")
-              .map((cmnt) => cmnt.trim())
-              .join("\n") ?? "";
-          return {
-            id: guidGenerator(),
-            pos: numCurrentRows + index,
-            key,
-            value: keyPairs[key as keyof typeof keyPairs]?.toString() ?? "",
-            comment,
-            type: SecretType.Shared,
-            tags: []
-          };
-        });
-        break;
-      }
-      default:
-        secrets = "";
-        createNotification({
-          text: "The file you are dropping should have one of the following extensions: .env, .yml, .json.",
-          type: "error"
-        });
-        break;
-    }
-    return secrets;
-  };
-
-  // This function function immediately parses the file after it is dropped
-  const handleDrop = async (e: DragEvent) => {
-    setLoading(true);
-    setTimeout(() => setLoading(false), 5000);
-    e.preventDefault();
-    e.stopPropagation();
-    e.dataTransfer.dropEffect = "copy";
-
-    const file = e.dataTransfer.files[0];
-    const reader = new FileReader();
-    if (file === undefined) {
-      createNotification({
-        text: "You can't inject files from VS Code. Click 'Reveal in finder', and drag your file directly from the directory where it's located.",
-        type: "error"
-      });
-      setLoading(false);
-      return;
-    }
-    const fileType = file.name.split(".")[1];
-
-    reader.onload = (event) => {
-      if (event.target === null || event.target.result === null) return;
-      // parse function's argument looks like to be ArrayBuffer
-      try {
-        const newData = getSecrets(event.target.result as ArrayBuffer, fileType);
-        setData(newData);
-        setButtonReady(true);
-      } catch (error) {
-        console.log("Error while dropping the file: ", error);
-      }
-    };
-
-    // If something is wrong show an error
-    try {
-      reader.readAsText(file);
-      setLoading(false);
-    } catch (error) {
-      setErrorDragAndDrop(true);
-      setLoading(false);
-    }
-  };
-
-  // This function is used when the user manually selects a file from the in-browser dircetory (not drag and drop)
-  const handleFileSelect = (e: ChangeEvent<HTMLInputElement>) => {
-    setLoading(true);
-    setTimeout(() => setLoading(false), 5000);
-    if (e.currentTarget.files === null) return;
-    const file = e.currentTarget.files[0];
-    const fileType = file.name.split(".")[1];
-    const reader = new FileReader();
-    reader.onload = (event) => {
-      if (event.target === null || event.target.result === null) return;
-      const { result } = event.target;
-      const newData = getSecrets(result as ArrayBuffer, fileType);
-      setData(newData);
-      setButtonReady(true);
-    };
-    reader.readAsText(file);
-  };
-
-  return loading ? (
-    <div className="mb-16 flex items-center justify-center pt-16">
-      <Image src="/images/loading/loading.gif" height={70} width={120} alt="loading animation" />
-    </div>
-  ) : keysExist ? (
-    <div
-      className="relative mx-auto mb-4 mt-1 flex w-full max-w-[calc(100%-1rem)] flex-col items-center justify-center rounded-md bg-mineshaft-900 py-8 px-2 opacity-60 outline-dashed outline-2 outline-chicago-600 duration-200 hover:opacity-100"
-      onDragEnter={handleDragEnter}
-      onDragOver={handleDragOver}
-      onDragLeave={handleDragLeave}
-      onDrop={handleDrop}
-    >
-      <input
-        id="fileSelect"
-        type="file"
-        className="absolute h-full w-full opacity-0"
-        accept=""
-        onChange={handleFileSelect}
-      />
-      {errorDragAndDrop ? <div className="my-3 max-w-xl opacity-80" /> : <div className="" />}
-      <div className="flex flex-row">
-        <FontAwesomeIcon icon={faUpload} className="mr-6 text-3xl text-bunker-300" />
-        <p className="mt-1 text-bunker-300">{t("common.drop-zone-keys")}</p>
-      </div>
-      {errorDragAndDrop && (
-        <div className="mt-8 max-w-xl opacity-80">
-          <Error text="Something went wrong! Make sure you drag the file directly from the folder in which it is located (e.g., not VS code). Tip: click 'Reveal in Finder/Explorer'" />
-        </div>
-      )}
-    </div>
-  ) : (
-    <div
-      className="relative mb-16 flex w-full max-w-2xl flex-col items-center justify-center rounded-md bg-bunker px-4 pt-16 opacity-80 outline-dashed outline-2 outline-gray-700 duration-200 hover:opacity-100"
-      onDragEnter={handleDragEnter}
-      onDragOver={handleDragOver}
-      onDragLeave={handleDragLeave}
-      onDrop={handleDrop}
-    >
-      <FontAwesomeIcon icon={faUpload} className="mb-8 text-7xl" />
-      <p className="">{t("common.drop-zone")}</p>
-      <input
-        id="fileSelect"
-        type="file"
-        className="absolute h-full w-full opacity-0"
-        accept=".txt,.env,.yml"
-        onChange={handleFileSelect}
-      />
-      <div className="mb-6 mt-5 flex w-full flex-row items-center justify-center">
-        <div className="w-1/5 border-t border-gray-700" />
-        <p className="mx-4 text-xs text-gray-400">OR</p>
-        <div className="w-1/5 border-t border-gray-700" />
-      </div>
-      <div className="z-10 mb-6">
-        <Button
-          color="mineshaft"
-          text={String(t("dashboard.add-secret"))}
-          onButtonPressed={createNewFile}
-          size="md"
-        />
-      </div>
-      {errorDragAndDrop ? (
-        <div className="opacity-80">
-          <Error text="Something went wrong! Make sure you drag the file directly from the folder in which it is located (e.g., not VS code). Tip: click 'Reveal in Finder/Explorer'" />
-        </div>
-      ) : (
-        <div className="py-3">
-          {/* <p className="text-xs text-gray-500"> If you are expecting to see a file here, contact your administrator for permission. </p> */}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default DropZone;
diff --git a/frontend-next/src/components/dashboard/GenerateSecretMenu.tsx b/frontend-next/src/components/dashboard/GenerateSecretMenu.tsx
deleted file mode 100644
index e5199d477..000000000
--- a/frontend-next/src/components/dashboard/GenerateSecretMenu.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Fragment, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { faShuffle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Menu, Transition } from "@headlessui/react";
-
-/**
- * This is the menu that is used to (re)generate secrets (currently we only have ranom hex, in future we will have more options)
- * @returns the popup-menu for randomly generating secrets
- */
-const GenerateSecretMenu = ({
-  modifyValue,
-  id
-}: {
-  modifyValue: (value: string, id: string) => void;
-  id: string;
-}) => {
-  const [randomStringLength, setRandomStringLength] = useState(32);
-  const { t } = useTranslation();
-
-  return (
-    <Menu as="div" className="relative inline-block text-left">
-      <div>
-        <Menu.Button className="inline-flex w-full justify-center rounded-md text-sm font-medium text-gray-200 duration-200 hover:bg-white/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75">
-          <div className="rounded-md bg-bunker-800 py-1 px-2 hover:bg-bunker-500">
-            <FontAwesomeIcon icon={faShuffle} className="text-bunker-300" />
-          </div>
-        </Menu.Button>
-      </div>
-      <Transition
-        as={Fragment}
-        enter="transition ease-out duration-100"
-        enterFrom="transform opacity-0 scale-95"
-        enterTo="transform opacity-100 scale-100"
-        leave="transition ease-in duration-75"
-        leaveFrom="transform opacity-100 scale-100"
-        leaveTo="transform opacity-0 scale-95"
-      >
-        <Menu.Items className="absolute right-0 z-50 mt-0.5 w-[20rem] origin-top-right rounded-md border border-mineshaft-500 bg-bunker px-1 py-1 shadow-lg ring-1 ring-black ring-opacity-5 drop-shadow-xl focus:outline-none">
-          <div
-            onKeyDown={() => null}
-            role="button"
-            tabIndex={0}
-            onClick={() => {
-              if (randomStringLength > 32) {
-                setRandomStringLength(32);
-              } else if (randomStringLength < 2) {
-                setRandomStringLength(2);
-              } else {
-                modifyValue(
-                  [...Array(randomStringLength)]
-                    .map(() => Math.floor(Math.random() * 16).toString(16))
-                    .join(""),
-                  id
-                );
-              }
-            }}
-            className="relative flex w-full cursor-pointer select-none flex-row items-center justify-start rounded-md py-2 px-2 text-gray-400 duration-200 hover:bg-white/10 hover:text-gray-200"
-          >
-            <FontAwesomeIcon className="pl-1.5 pr-3 text-lg" icon={faShuffle} />
-            <div className="flex w-full flex-row justify-between text-sm">
-              <p>{t("dashboard.sidebar.generate-random-hex")}</p>
-              <p>{t("dashboard.sidebar.digits")}</p>
-            </div>
-          </div>
-          <div className="absolute bottom-[0.4rem] right-[3.3rem] flex w-16 flex-row rounded-md border border-chicago-700 bg-bunker-800 text-bunker-200 ">
-            <div
-              onKeyDown={() => null}
-              role="button"
-              tabIndex={0}
-              className="m-0.5 cursor-pointer rounded-md px-1 hover:bg-chicago-700"
-              onClick={() => {
-                if (randomStringLength > 1) {
-                  setRandomStringLength(randomStringLength - 1);
-                }
-              }}
-            >
-              -
-            </div>
-            <input
-              onChange={(e) => setRandomStringLength(parseInt(e.target.value, 10))}
-              value={randomStringLength}
-              className="peer z-20 w-full bg-transparent text-center text-sm outline-none"
-              spellCheck="false"
-            />
-            <div
-              onKeyDown={() => null}
-              role="button"
-              tabIndex={0}
-              className="m-0.5 cursor-pointer rounded-md px-1 pb-0.5 hover:bg-chicago-700"
-              onClick={() => {
-                if (randomStringLength < 32) {
-                  setRandomStringLength(randomStringLength + 1);
-                }
-              }}
-            >
-              +
-            </div>
-          </div>
-        </Menu.Items>
-      </Transition>
-    </Menu>
-  );
-};
-
-export default GenerateSecretMenu;
diff --git a/frontend-next/src/components/dashboard/KeyPair.tsx b/frontend-next/src/components/dashboard/KeyPair.tsx
deleted file mode 100644
index d9d0360ae..000000000
--- a/frontend-next/src/components/dashboard/KeyPair.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-import { faEllipsis, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { SecretDataProps, Tag } from "public/data/frequentInterfaces";
-
-import AddTagsMenu from "./AddTagsMenu";
-import DashboardInputField from "./DashboardInputField";
-import { DeleteActionButton } from "./DeleteActionButton";
-
-interface KeyPairProps {
-  keyPair: SecretDataProps;
-  modifyKey: (value: string, id: string) => void;
-  modifyValue: (value: string, id: string) => void;
-  modifyValueOverride: (value: string | undefined, id: string) => void;
-  modifyComment: (value: string, id: string) => void;
-  modifyTags: (value: Tag[], id: string) => void;
-  isBlurred: boolean;
-  isDuplicate: boolean;
-  toggleSidebar: (id: string) => void;
-  sidebarSecretId: string;
-  isSnapshot: boolean;
-  isCapitalized: boolean;
-  deleteRow?: (props: DeleteRowFunctionProps) => void;
-  tags: Tag[];
-  togglePITSidebar?: (value: boolean) => void;
-}
-
-export interface DeleteRowFunctionProps {
-  ids: string[];
-  secretName: string;
-}
-
-const colors = [
-  "bg-[#f1c40f]/40",
-  "bg-[#cb1c8d]/40",
-  "bg-[#badc58]/40",
-  "bg-[#ff5400]/40",
-  "bg-[#3AB0FF]/40",
-  "bg-[#6F1AB6]/40",
-  "bg-[#C40B13]/40",
-  "bg-[#332FD0]/40"
-];
-
-const colorsText = [
-  "text-[#fcf0c3]/70",
-  "text-[#f2c6e3]/70",
-  "text-[#eef6d5]/70",
-  "text-[#ffddcc]/70",
-  "text-[#f0fffd]/70",
-  "text-[#FFE5F1]/70",
-  "text-[#FFDEDE]/70",
-  "text-[#DFF6FF]/70"
-];
-
-/**
- * This component represent a single row for an environemnt variable on the dashboard
- * @param {object} obj
- * @param {SecretDataProps[]} obj.keyPair - data related to the environment variable (id, pos, key, value, public/private)
- * @param {function} obj.modifyKey - modify the key of a certain environment variable
- * @param {function} obj.modifyValue - modify the value of a certain environment variable
- * @param {function} obj.modifyValueOverride - modify the value of a certain environment variable if it is overriden
- * @param {function} obj.modifyComment - modify the comment of a certain environment variable
- * @param {function} obj.modifyTags - modify the tags of a certain environment variable
- * @param {boolean} obj.isBlurred - if the blurring setting is turned on
- * @param {boolean} obj.isDuplicate - list of all the duplicates secret names on the dashboard
- * @param {function} obj.toggleSidebar - open/close/switch sidebar
- * @param {string} obj.sidebarSecretId - the id of a secret for the side bar is displayed
- * @param {boolean} obj.isSnapshot - whether this keyPair is in a snapshot. If so, it won't have some features like sidebar
- * @param {function} obj.deleteRow - a function to delete a certain keyPair
- * @param {function} obj.togglePITSidebar - open or close the Point-in-time recovery sidebar
- * @param {Tag[]} obj.tags - tags for a certain secret
- * @returns
- */
-const KeyPair = ({
-  keyPair,
-  modifyKey,
-  modifyValue,
-  modifyValueOverride,
-  modifyComment,
-  modifyTags,
-  isBlurred,
-  isDuplicate,
-  toggleSidebar,
-  sidebarSecretId,
-  isCapitalized,
-  isSnapshot,
-  deleteRow,
-  togglePITSidebar,
-  tags
-}: KeyPairProps) => {
-  const tagData = tags.map((tag, index) => {
-    return {
-      ...tag,
-      color: colors[index % colors.length],
-      colorText: colorsText[index % colorsText.length]
-    };
-  });
-
-  return (
-    <div
-      className={`group flex flex-col items-center border-b border-mineshaft-500 duration-100 hover:bg-white/[0.03] ${
-        isSnapshot && "pointer-events-none"
-      } ${keyPair.id === sidebarSecretId && "bg-mineshaft-700 duration-200"}`}
-    >
-      <div className="relative mr-auto flex max-h-14 w-full flex-row items-center justify-between">
-        <div className="flex w-[23%] flex-row items-center border-r border-mineshaft-600">
-          <div className="flex h-10 w-14 cursor-default items-center justify-center text-xs text-bunker-400">
-            {keyPair.pos + 1}
-          </div>
-          <div className="flex max-h-16 w-full items-center">
-            <DashboardInputField
-              isCapitalized={isCapitalized}
-              onChangeHandler={modifyKey}
-              type="varName"
-              id={keyPair.id ? keyPair.id : keyPair.idOverride || ""}
-              value={keyPair.key}
-              isDuplicate={isDuplicate}
-              overrideEnabled={keyPair.valueOverride !== undefined}
-              modifyValueOverride={modifyValueOverride}
-              isSideBarOpen={keyPair.id === sidebarSecretId}
-            />
-          </div>
-        </div>
-        <div className="w-5/12 border-r border-mineshaft-600">
-          <div className="mt-4 flex max-h-10 items-center rounded-lg md:mt-0">
-            <DashboardInputField
-              onChangeHandler={
-                keyPair.valueOverride !== undefined ? modifyValueOverride : modifyValue
-              }
-              type="value"
-              id={keyPair.id ? keyPair.id : keyPair.idOverride || ""}
-              value={keyPair.valueOverride !== undefined ? keyPair.valueOverride : keyPair.value}
-              blurred={isBlurred}
-              overrideEnabled={keyPair.valueOverride !== undefined}
-              isSideBarOpen={keyPair.id === sidebarSecretId}
-            />
-          </div>
-        </div>
-        <div className="w-[calc(10%)] border-r border-mineshaft-600">
-          <div className="flex max-h-16 items-center">
-            <DashboardInputField
-              onChangeHandler={modifyComment}
-              type="comment"
-              id={keyPair.id ? keyPair.id : keyPair.idOverride || ""}
-              value={keyPair.comment}
-              isDuplicate={isDuplicate}
-              isSideBarOpen={keyPair.id === sidebarSecretId}
-            />
-          </div>
-        </div>
-      </div>
-      <div className="overflow-r-scroll no-scrollbar::-webkit-scrollbar flex h-10 w-2/12 items-center overflow-visible no-scrollbar">
-        <div className="flex max-h-16 items-center">
-          {keyPair.tags?.map(
-            (tag, index) =>
-              index < 2 && (
-                <div
-                  key={keyPair.pos}
-                  className={`ml-2 px-1.5 ${
-                    tagData.filter((tagDp) => tagDp.id === tag.id)[0]?.color
-                  } rounded-sm text-sm ${
-                    tagData.filter((tagDp) => tagDp.id === tag.id)[0]?.colorText
-                  } flex items-center`}
-                >
-                  <span className="mb-0.5 cursor-default">{tag.name}</span>
-                  <FontAwesomeIcon
-                    icon={faXmark}
-                    className="ml-1 cursor-pointer p-1"
-                    onClick={() =>
-                      modifyTags(
-                        keyPair.tags.filter((ttag) => ttag.id !== tag.id),
-                        keyPair.id
-                      )
-                    }
-                  />
-                </div>
-              )
-          )}
-
-          <AddTagsMenu
-            allTags={tags}
-            currentTags={keyPair.tags}
-            modifyTags={modifyTags}
-            id={keyPair.id ? keyPair.id : keyPair.idOverride || ""}
-          />
-        </div>
-        <div
-          onKeyDown={() => null}
-          role="button"
-          tabIndex={0}
-          onClick={() => {
-            if (togglePITSidebar) {
-              togglePITSidebar(false);
-            }
-            toggleSidebar(keyPair.id);
-          }}
-          className={`invisible z-50 ml-auto flex h-[2.35rem] w-[1.5rem] cursor-pointer flex-row items-center justify-center rounded-md group-hover:visible group-hover:bg-mineshaft-700 ${
-            isSnapshot ?? "invisible"
-          }`}
-        >
-          <FontAwesomeIcon
-            className="text-lg text-bunker-300 hover:text-primary"
-            icon={faEllipsis}
-          />
-        </div>
-        <div className={`z-50 group-hover:bg-mineshaft-700 ${isSnapshot ?? "invisible"}`}>
-          {keyPair.key || keyPair.value ? (
-            <DeleteActionButton
-              onSubmit={() => {
-                if (deleteRow) {
-                  deleteRow({ ids: [keyPair.id], secretName: keyPair?.key });
-                }
-              }}
-              isPlain
-            />
-          ) : (
-            <div className="justfy-center mr-2 flex h-[2.35rem] w-[1.5rem] cursor-pointer items-center">
-              <div
-                onKeyDown={() => null}
-                role="button"
-                tabIndex={0}
-                onClick={() => {
-                  if (deleteRow) {
-                    deleteRow({ ids: [keyPair.id], secretName: keyPair?.key });
-                  }
-                }}
-                className="invisible group-hover:visible"
-              >
-                <FontAwesomeIcon
-                  className="mt-0.5 pl-2 pr-6 text-lg text-bunker-300 hover:text-red"
-                  icon={faXmark}
-                />
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default KeyPair;
diff --git a/frontend-next/src/components/features/FormLabelToolTip.tsx b/frontend-next/src/components/features/FormLabelToolTip.tsx
deleted file mode 100644
index 584c47aae..000000000
--- a/frontend-next/src/components/features/FormLabelToolTip.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { FormLabel, Tooltip } from "../v2";
-
-// To give users example of possible values of TTL
-export const FormLabelToolTip = ({ label, linkToMore, content }: { label: string, linkToMore: string, content: string }) => (
-  <div>
-    <FormLabel
-      label={label}
-      icon={
-        <Tooltip
-          content={
-            <span>
-              {content}{" "}
-              <a
-                href={linkToMore}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-primary-700"
-              >
-                More
-              </a>
-            </span>
-          }
-        >
-          <FontAwesomeIcon
-            icon={faQuestionCircle}
-            size="sm"
-            className="relative bottom-1 right-1"
-          />
-        </Tooltip>
-      }
-    />
-  </div>
-);
diff --git a/frontend-next/src/components/features/TtlFormLabel.tsx b/frontend-next/src/components/features/TtlFormLabel.tsx
deleted file mode 100644
index 5278feec7..000000000
--- a/frontend-next/src/components/features/TtlFormLabel.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { FormLabelToolTip } from "./FormLabelToolTip";
-
-// To give users example of possible values of TTL
-export const TtlFormLabel = ({ label }: { label: string }) => (
-  <div>
-    <FormLabelToolTip
-      label={label}
-      content="1m, 2h, 3d. "
-      linkToMore="https://github.com/vercel/ms?tab=readme-ov-file#examples"
-    />
-  </div>
-);
diff --git a/frontend-next/src/components/features/index.tsx b/frontend-next/src/components/features/index.tsx
deleted file mode 100644
index f00724b65..000000000
--- a/frontend-next/src/components/features/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { TtlFormLabel } from "./TtlFormLabel";
diff --git a/frontend-next/src/components/integrations/NoEnvironmentsBanner.tsx b/frontend-next/src/components/integrations/NoEnvironmentsBanner.tsx
deleted file mode 100644
index 5e185f9d0..000000000
--- a/frontend-next/src/components/integrations/NoEnvironmentsBanner.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useRouter } from "next/router";
-
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { Button } from "../v2";
-
-interface IProps {
-  projectId: string;
-}
-
-export const NoEnvironmentsBanner = ({ projectId }: IProps) => {
-  const router = useRouter();
-
-  return (
-    <div className="mt-4 flex w-full flex-row items-center rounded-md border border-primary-600/70  bg-primary/[.07] p-4 text-base text-white">
-      <div className="flex w-full flex-col text-sm">
-        <span className="mb-2 text-lg font-semibold">
-          No environments in your project was found
-        </span>
-        <p className="prose">
-          In order to use integrations, you need to create at least one environment in your project.
-        </p>
-      </div>
-      <div className="my-2">
-        <Button onClick={() => router.push(`/${ProjectType.SecretManager}/${projectId}/settings#environments`)}>
-          Add environments
-        </Button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/mfa/TotpRegistration.tsx b/frontend-next/src/components/mfa/TotpRegistration.tsx
deleted file mode 100644
index d9d73748f..000000000
--- a/frontend-next/src/components/mfa/TotpRegistration.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { useEffect, useState } from "react";
-import QRCode from "qrcode";
-import { twMerge } from "tailwind-merge";
-
-import { useGetUserTotpRegistration } from "@app/hooks/api";
-import { useVerifyUserTotpRegistration } from "@app/hooks/api/users/mutation";
-
-import { createNotification } from "../notifications";
-import { Button, ContentLoader, Input } from "../v2";
-
-type Props = {
-  onComplete?: () => Promise<void>;
-  shouldCenterQr?: boolean;
-};
-
-const TotpRegistration = ({ onComplete, shouldCenterQr }: Props) => {
-  const { data: registration, isLoading } = useGetUserTotpRegistration();
-  const { mutateAsync: verifyUserTotp, isLoading: isVerifyLoading } =
-    useVerifyUserTotpRegistration();
-  const [qrCodeUrl, setQrCodeUrl] = useState("");
-  const [totp, setTotp] = useState("");
-
-  const handleTotpVerify = async (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    await verifyUserTotp({
-      totp
-    });
-
-    createNotification({
-      text: "Successfully configured mobile authenticator",
-      type: "success"
-    });
-
-    if (onComplete) {
-      onComplete();
-    }
-  };
-
-  useEffect(() => {
-    const generateQRCode = async () => {
-      if (registration?.otpUrl) {
-        const url = await QRCode.toDataURL(registration.otpUrl);
-        setQrCodeUrl(url);
-      }
-    };
-
-    generateQRCode();
-  }, [registration]);
-
-  if (isLoading) {
-    return <ContentLoader />;
-  }
-
-  return (
-    <div className="flex max-w-lg flex-col text-bunker-200">
-      <div className="mb-8">
-        1. Download a two-step verification app (Duo, Google Authenticator, etc.) and scan the QR
-        code.
-      </div>
-      <div className={twMerge("mb-8 flex items-center", shouldCenterQr && "justify-center")}>
-        <img src={qrCodeUrl} alt="registration-qr" />
-      </div>
-      <form onSubmit={handleTotpVerify}>
-        <div className="mb-4">2. Enter the resulting verification code</div>
-        <div className="mb-4 flex flex-row gap-2">
-          <Input
-            onChange={(e) => setTotp(e.target.value)}
-            value={totp}
-            placeholder="Verification code"
-          />
-          <Button isLoading={isVerifyLoading} type="submit">
-            Enable MFA
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
-
-export default TotpRegistration;
diff --git a/frontend-next/src/components/navigation/NavHeader.tsx b/frontend-next/src/components/navigation/NavHeader.tsx
deleted file mode 100644
index 76a60d082..000000000
--- a/frontend-next/src/components/navigation/NavHeader.tsx
+++ /dev/null
@@ -1,235 +0,0 @@
-import { ParsedUrlQuery } from "querystring";
-
-import { useState } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faAngleRight, faCheck, faCopy, faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { useOrganization, useWorkspace } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { createNotification } from "../notifications";
-import { IconButton, Select, SelectItem, Tooltip } from "../v2";
-
-type Props = {
-  pageName: string;
-  isProjectRelated?: boolean;
-  isOrganizationRelated?: boolean;
-  currentEnv?: string;
-  userAvailableEnvs?: any[];
-  onEnvChange?: (slug: string) => void;
-  secretPath?: string;
-  isFolderMode?: boolean;
-  isProtectedBranch?: boolean;
-  protectionPolicyName?: string;
-};
-
-// TODO: make links clickable and clean up
-
-/**
- * This is the component at the top of almost every page.
- * It shows how to navigate to a certain page.
- * It future these links should also be clickable and hoverable
- * @param {object} obj
- * @param {string} obj.pageName - Name of the page
- * @param {boolean} obj.isProjectRelated - whether or not this page is related to project (determine if it's 2 or 3 navigation steps)
- * @param {boolean} obj.isOrganizationRelated - whether or not this page is related to organization (determine if it's 2 or 3 navigation steps)
- * @param {string} obj.currentEnv - current environment inside a project
- * @param {string} obj.userAvailableEnvs - environments that are available to a user in this project (used for the dropdown)
- * @param {string} obj.onEnvChange - the action that happens when an env is changed
- * @returns
- */
-// TODO(akhilmhdh): simply this header and nav system later
-export default function NavHeader({
-  pageName,
-  isProjectRelated,
-  isOrganizationRelated,
-  currentEnv,
-  userAvailableEnvs = [],
-  onEnvChange,
-  isFolderMode,
-  secretPath = "/",
-  isProtectedBranch = false,
-  protectionPolicyName
-}: Props): JSX.Element {
-  const { currentWorkspace } = useWorkspace();
-  const { currentOrg } = useOrganization();
-
-  const [isCopied, { timedToggle: toggleIsCopied }] = useToggle(false);
-  const [isHoveringCopyButton, setIsHoveringCopyButton] = useState(false);
-
-  const router = useRouter();
-
-  const secretPathSegments = secretPath.split("/").filter(Boolean);
-
-  return (
-    <div className="flex flex-row items-center pt-6">
-      <div className="mr-2 flex h-5 w-5 min-w-[1.25rem] items-center justify-center rounded-md bg-primary text-sm text-black">
-        {currentOrg?.name?.charAt(0)}
-      </div>
-      <Link
-        passHref
-        legacyBehavior
-        href={`/org/${currentOrg?.id}/${ProjectType.SecretManager}/overview`}
-      >
-        <a className="truncate pl-0.5 text-sm font-semibold text-primary/80 hover:text-primary">
-          {currentOrg?.name}
-        </a>
-      </Link>
-      {isProjectRelated && (
-        <>
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-3 text-xs text-gray-400" />
-          <div className="truncate text-sm font-semibold text-bunker-300">
-            {currentWorkspace?.name}
-          </div>
-        </>
-      )}
-      {isOrganizationRelated && (
-        <>
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-3 text-xs text-gray-400" />
-          <div className="text-sm font-semibold text-bunker-300">Organization Settings</div>
-        </>
-      )}
-      <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-3 text-sm text-gray-400" />
-      {pageName === "Secrets" ? (
-        <Link
-          passHref
-          legacyBehavior
-          href={{
-            pathname: `/${ProjectType.SecretManager}/[id]/secrets/overview`,
-            query: { id: router.query.id }
-          }}
-        >
-          <a className="text-sm font-semibold text-primary/80 hover:text-primary">{pageName}</a>
-        </Link>
-      ) : (
-        <div className="text-sm text-gray-400">{pageName}</div>
-      )}
-      {currentEnv && secretPath === "/" && (
-        <>
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-1.5 text-xs text-gray-400" />
-          <div className="rounded-md pl-3 hover:bg-bunker-100/10">
-            <Tooltip content="Select environment">
-              <Select
-                value={currentEnv}
-                onValueChange={(value) => {
-                  if (value && onEnvChange) onEnvChange(value);
-                }}
-                className="border-none bg-transparent pl-0 text-sm font-medium text-primary/80 hover:text-primary"
-                dropdownContainerClassName="text-bunker-200 bg-mineshaft-800 border border-mineshaft-600 drop-shadow-2xl"
-              >
-                {userAvailableEnvs?.map(({ name, slug }) => (
-                  <SelectItem value={slug} key={slug}>
-                    {name}
-                  </SelectItem>
-                ))}
-              </Select>
-            </Tooltip>
-          </div>
-        </>
-      )}
-      {isFolderMode && Boolean(secretPathSegments.length) && (
-        <div className="flex items-center space-x-3">
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-1.5 text-xs text-gray-400" />
-          <Link
-            passHref
-            legacyBehavior
-            href={{
-              pathname: `/${ProjectType.SecretManager}/[id]/secrets/[env]`,
-              query: { id: router.query.id, env: router.query.env }
-            }}
-          >
-            <a className="text-sm font-semibold text-primary/80 hover:text-primary">
-              {userAvailableEnvs?.find(({ slug }) => slug === currentEnv)?.name}
-            </a>
-          </Link>
-        </div>
-      )}
-      {isFolderMode &&
-        secretPathSegments?.map((folderName, index) => {
-          const query: ParsedUrlQuery & { secretPath: string } = {
-            ...router.query,
-            secretPath: `/${secretPathSegments.slice(0, index + 1).join("/")}`
-          };
-
-          return (
-            <div
-              className="flex items-center space-x-3"
-              key={`breadcrumb-secret-path-${folderName}`}
-            >
-              <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-1.5 text-xs text-gray-400" />
-              {index + 1 === secretPathSegments?.length ? (
-                <div className="flex items-center space-x-2">
-                  <span
-                    className={twMerge(
-                      "text-sm font-semibold transition-all",
-                      isHoveringCopyButton ? "text-bunker-200" : "text-bunker-300"
-                    )}
-                  >
-                    {folderName}
-                  </span>
-                  <Tooltip
-                    className="relative right-2"
-                    position="bottom"
-                    content="Copy secret path"
-                  >
-                    <IconButton
-                      variant="plain"
-                      ariaLabel="copy"
-                      onMouseEnter={() => setIsHoveringCopyButton(true)}
-                      onMouseLeave={() => setIsHoveringCopyButton(false)}
-                      onClick={() => {
-                        if (isCopied) return;
-
-                        navigator.clipboard.writeText(query.secretPath);
-
-                        createNotification({
-                          text: "Copied secret path to clipboard",
-                          type: "info"
-                        });
-
-                        toggleIsCopied(2000);
-                      }}
-                      className="hover:bg-bunker-100/10"
-                    >
-                      <FontAwesomeIcon
-                        icon={!isCopied ? faCopy : faCheck}
-                        size="sm"
-                        className="cursor-pointer"
-                      />
-                    </IconButton>
-                  </Tooltip>
-                </div>
-              ) : (
-                <Link
-                  passHref
-                  legacyBehavior
-                  href={{
-                    pathname: `/${ProjectType.SecretManager}/[id]/secrets/[env]`,
-                    query
-                  }}
-                >
-                  <a
-                    className={twMerge(
-                      "text-sm font-semibold transition-all hover:text-primary",
-                      isHoveringCopyButton ? "text-primary" : "text-primary/80"
-                    )}
-                  >
-                    {folderName}
-                  </a>
-                </Link>
-              )}
-            </div>
-          );
-        })}
-      {isProtectedBranch && (
-        <Tooltip content={`Protected by policy ${protectionPolicyName}`}>
-          <FontAwesomeIcon icon={faLock} className="ml-2 text-primary" />
-        </Tooltip>
-      )}
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/navigation/NavHeaderSecrets.tsx b/frontend-next/src/components/navigation/NavHeaderSecrets.tsx
deleted file mode 100644
index 39f0d7183..000000000
--- a/frontend-next/src/components/navigation/NavHeaderSecrets.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { useRouter } from "next/router";
-import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useOrganization, useWorkspace } from "@app/context";
-
-import { Select, SelectItem, Tooltip } from "../v2";
-
-/**
- * This is the component at the top of almost every page.
- * It shows how to navigate to a certain page.
- * It future these links should also be clickable and hoverable
- * @param {object} obj
- * @param {string} obj.pageName - Name of the page
- * @param {boolean} obj.isProjectRelated - whether or not this page is related to project (determine if it's 2 or 3 navigation steps)
- * @param {boolean} obj.isOrganizationRelated - whether or not this page is related to organization (determine if it's 2 or 3 navigation steps)
- * @param {string} obj.currentEnv - current environment inside a project
- * @param {string} obj.userAvailableEnvs - environments that are available to a user in this project (used for the dropdown)
- * @param {string} obj.onEnvChange - the action that happens when an env is changed
- * @returns
- */
-export default function NavHeaderSecrets({
-  pageName,
-  isProjectRelated,
-  isOrganizationRelated,
-  isSnapshot,
-  currentEnv,
-  userAvailableEnvs,
-  onEnvChange
-}: {
-  pageName: string;
-  isProjectRelated?: boolean;
-  isOrganizationRelated?: boolean;
-  isSnapshot: boolean;
-  currentEnv?: string;
-  userAvailableEnvs?: any[];
-  onEnvChange?: (slug: string) => void;
-}): JSX.Element {
-  const { currentWorkspace } = useWorkspace();
-  const { currentOrg } = useOrganization();
-  const router = useRouter();
-
-  return (
-    <div
-      className={`${!isSnapshot && "absolute"} ml-6 flex cursor-default flex-row items-center pt-6`}
-    >
-      <div className="mr-3 flex h-6 w-6 items-center justify-center rounded-md bg-primary-900 text-mineshaft-100">
-        {currentOrg?.name?.charAt(0)}
-      </div>
-      <div className="text-md font-medium text-bunker-300">{currentOrg?.name}</div>
-      {isProjectRelated && (
-        <>
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-3 text-sm text-gray-400" />
-          <div className="text-md font-medium text-bunker-300">{currentWorkspace?.name}</div>
-        </>
-      )}
-      {isOrganizationRelated && (
-        <>
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-3 text-sm text-gray-400" />
-          <div className="text-md font-medium text-bunker-300">Organization Settings</div>
-        </>
-      )}
-      <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-3 text-sm text-gray-400" />
-      {pageName === "Secrets" ? (
-        <a
-          className="text-md font-medium text-primary/80 hover:text-primary"
-          href={`${router.asPath.split("?")[0]}`}
-        >
-          {pageName}
-        </a>
-      ) : (
-        <div className="text-md text-gray-400">{pageName}</div>
-      )}
-      {currentEnv && (
-        <>
-          <FontAwesomeIcon icon={faAngleRight} className="ml-3 mr-1.5 text-sm text-gray-400" />
-          <div className="rounded-md pl-3 hover:bg-bunker-100/10">
-            <Tooltip content="Select environment">
-              <Select
-                value={userAvailableEnvs?.filter((uae) => uae.name === currentEnv)[0]?.slug}
-                onValueChange={(value) => {
-                  if (value && onEnvChange) onEnvChange(value);
-                }}
-                className="text-md bg-transparent pl-0 font-medium text-primary/80 hover:text-primary"
-                dropdownContainerClassName="text-bunker-200 bg-mineshaft-800 border border-mineshaft-600 drop-shadow-2xl"
-              >
-                {userAvailableEnvs?.map(({ name, slug }) => (
-                  <SelectItem value={slug} key={slug}>
-                    {name}
-                  </SelectItem>
-                ))}
-              </Select>
-            </Tooltip>
-          </div>
-        </>
-      )}
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/navigation/RegionSelect.tsx b/frontend-next/src/components/navigation/RegionSelect.tsx
deleted file mode 100644
index 51a033244..000000000
--- a/frontend-next/src/components/navigation/RegionSelect.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useRouter } from "next/router";
-import { faCheck } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Modal, ModalContent, ModalTrigger, Select, SelectItem } from "@app/components/v2";
-import { isInfisicalCloud } from "@app/helpers/platform";
-
-enum Region {
-  US = "us",
-  EU = "eu"
-}
-
-const regions = [
-  {
-    value: Region.US,
-    label: "United States",
-    location: "Virginia, USA",
-    flag: (
-      <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-us" viewBox="0 0 640 480">
-        <path fill="#bd3d44" d="M0 0h640v480H0" />
-        <path
-          stroke="#fff"
-          strokeWidth="37"
-          d="M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640"
-        />
-        <path fill="#192f5d" d="M0 0h364.8v258.5H0" />
-        <marker id="us-a" markerHeight="30" markerWidth="30">
-          <path fill="#fff" d="m14 0 9 27L0 10h28L5 27z" />
-        </marker>
-        <path
-          fill="none"
-          markerMid="url(#us-a)"
-          d="m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z"
-        />
-      </svg>
-    )
-  },
-  {
-    value: Region.EU,
-    label: "Europe",
-    location: "Frankfurt, Germany",
-    flag: (
-      <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-eu" viewBox="0 0 512 512">
-        <defs>
-          <g id="eu-d">
-            <g id="eu-b">
-              <path id="eu-a" d="m0-1-.3 1 .5.1z" />
-              <use xlinkHref="#eu-a" transform="scale(-1 1)" />
-            </g>
-            <g id="eu-c">
-              <use xlinkHref="#eu-b" transform="rotate(72)" />
-              <use xlinkHref="#eu-b" transform="rotate(144)" />
-            </g>
-            <use xlinkHref="#eu-c" transform="scale(-1 1)" />
-          </g>
-        </defs>
-        <path fill="#039" d="M0 0h512v512H0z" />
-        <g fill="#fc0" transform="translate(256 258.4)scale(25.28395)">
-          <use xlinkHref="#eu-d" width="100%" height="100%" y="-6" />
-          <use xlinkHref="#eu-d" width="100%" height="100%" y="6" />
-          <g id="eu-e">
-            <use xlinkHref="#eu-d" width="100%" height="100%" x="-6" />
-            <use xlinkHref="#eu-d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)" />
-            <use xlinkHref="#eu-d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)" />
-            <use xlinkHref="#eu-d" width="100%" height="100%" transform="rotate(72 -4.7 -2)" />
-            <use xlinkHref="#eu-d" width="100%" height="100%" transform="rotate(72 -5 .5)" />
-          </g>
-          <use xlinkHref="#eu-e" width="100%" height="100%" transform="scale(-1 1)" />
-        </g>
-      </svg>
-    )
-  }
-];
-
-export const RegionSelect = () => {
-  const router = useRouter();
-
-  const handleRegionSelect = (value: Region) => {
-    router.push(`https://${value}.infisical.com/${router.pathname}`);
-  };
-
-  const shouldDisplay =
-    isInfisicalCloud() || window.location.origin.includes("http://localhost:8080");
-
-  // only display region select for cloud
-  if (!shouldDisplay) return null;
-
-  const [subdomain] = window.location.host.split(".");
-
-  // default to US if not eu
-  const currentRegion = subdomain === Region.EU ? regions[1] : regions[0];
-
-  return (
-    <div className="mb-8 flex flex-col items-center">
-      <Select
-        className="w-44"
-        onValueChange={handleRegionSelect}
-        defaultValue={currentRegion.value}
-      >
-        {regions.map(({ value, label, flag }) => (
-          <SelectItem value={value} key={value}>
-            <div className="flex items-center gap-2">
-              <div className="w-4">{flag}</div>
-              {label}
-            </div>
-          </SelectItem>
-        ))}
-      </Select>
-      <Modal>
-        <ModalTrigger>
-          <button type="button" className="mt-1 text-right text-xs text-mineshaft-400 underline">
-            Help me pick a data region
-          </button>
-        </ModalTrigger>
-        <ModalContent
-          title="Infisical Cloud data regions"
-          subTitle="Select the closest region to you and your team. Contact Infisical if you need to migrate regions."
-        >
-          {regions.map(({ value, label, location, flag }) => (
-            <div className="mb-6" key={value}>
-              <p className="font-medium">
-                <span className="mr-2 inline-block w-4">{flag}</span>
-                {value.toUpperCase()} Region
-              </p>
-              <ul className="ml-6 mt-2 flex flex-col gap-1">
-                <li>
-                  <FontAwesomeIcon size="xs" className="mr-0.5 text-green" icon={faCheck} /> Fastest
-                  option if you are based in {value === Region.US ? "the" : ""} {label}
-                </li>
-                <li>
-                  <FontAwesomeIcon size="xs" className="mr-0.5 text-green" icon={faCheck} /> Data
-                  storage compliance for this region
-                </li>
-                <li>
-                  <FontAwesomeIcon size="xs" className="mr-0.5 text-green" icon={faCheck} /> Hosted
-                  in {location}
-                </li>
-              </ul>
-            </div>
-          ))}
-        </ModalContent>
-      </Modal>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/notifications/Notifications.tsx b/frontend-next/src/components/notifications/Notifications.tsx
deleted file mode 100644
index fdc35b9af..000000000
--- a/frontend-next/src/components/notifications/Notifications.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { ReactNode } from "react";
-import { Id, toast, ToastContainer, ToastOptions, TypeOptions } from "react-toastify";
-import { faCopy, IconDefinition } from "@fortawesome/free-solid-svg-icons";
-import { twMerge } from "tailwind-merge";
-
-import { CopyButton } from "../v2/CopyButton";
-
-export type TNotification = {
-  title?: string;
-  text: ReactNode;
-  children?: ReactNode;
-  callToAction?: ReactNode;
-  copyActions?: { icon?: IconDefinition; value: string; name: string; label?: string }[];
-};
-
-export const NotificationContent = ({
-  title,
-  text,
-  children,
-  callToAction,
-  copyActions
-}: TNotification) => {
-  return (
-    <div className="msg-container">
-      {title && <div className="text-md mb-1 font-medium">{title}</div>}
-      <div className={title ? "text-sm text-neutral-400" : "text-md"}>{text}</div>
-      {children && <div className="mt-2">{children}</div>}
-      {(callToAction || copyActions) && (
-        <div
-          className={twMerge(
-            "mt-2 flex h-7 w-full flex-row items-end gap-2",
-            callToAction ? "justify-between" : "justify-end"
-          )}
-        >
-          {callToAction}
-
-          {copyActions && (
-            <div className="flex h-7 flex-row items-center gap-2">
-              {copyActions.map((action) => (
-                <div className="flex flex-row items-center gap-2" key={`copy-${action.name}`}>
-                  {action.label && (
-                    <span className="ml-2 text-xs text-mineshaft-400">{action.label}</span>
-                  )}
-                  <CopyButton
-                    value={action.value}
-                    name={action.name}
-                    size="xs"
-                    variant="plain"
-                    color="text-mineshaft-400"
-                    icon={action.icon ?? faCopy}
-                  />
-                </div>
-              ))}
-            </div>
-          )}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export const createNotification = (
-  myProps: TNotification & { type?: TypeOptions },
-  toastProps: ToastOptions = {}
-): Id =>
-  toast(<NotificationContent {...myProps} />, {
-    position: "bottom-right",
-    ...toastProps,
-    theme: "dark",
-    type: myProps?.type || "info"
-  });
-
-export const NotificationContainer = () => (
-  <ToastContainer
-    pauseOnHover
-    toastClassName="border border-mineshaft-500"
-    style={{ width: "400px" }}
-  />
-);
diff --git a/frontend-next/src/components/notifications/index.tsx b/frontend-next/src/components/notifications/index.tsx
deleted file mode 100644
index e752e6d26..000000000
--- a/frontend-next/src/components/notifications/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { createNotification, NotificationContainer } from "./Notifications";
diff --git a/frontend-next/src/components/permissions/GlobPermissionInfo.tsx b/frontend-next/src/components/permissions/GlobPermissionInfo.tsx
deleted file mode 100644
index b65b0c307..000000000
--- a/frontend-next/src/components/permissions/GlobPermissionInfo.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useState } from "react";
-import picomatch from "picomatch";
-
-import { FormControl } from "../v2/FormControl";
-import { Input } from "../v2/Input";
-
-export const GlobPermissionInfo = () => {
-  const [pattern, setPattern] = useState("");
-  const [text, setText] = useState("");
-
-  return (
-    <div>
-      <div className="mt-2">A glob pattern uses wildcards to match resources or paths.</div>
-      <div>
-        <FormControl label="Glob pattern" helperText="Examples: /{a,b}, DB_**">
-          <Input value={pattern} onChange={(e) => setPattern(e.target.value)} />
-        </FormControl>
-      </div>
-      <div>
-        <FormControl
-          label="Test string"
-          helperText="Type a value to test glob match"
-          isError={
-            pattern && text ? !picomatch.isMatch(text, pattern, { strictSlashes: false }) : false
-          }
-          errorText="Invalid"
-        >
-          <Input value={text} onChange={(e) => setText(e.target.value)} />
-        </FormControl>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/permissions/OrgPermissionCan.tsx b/frontend-next/src/components/permissions/OrgPermissionCan.tsx
deleted file mode 100644
index 006d43232..000000000
--- a/frontend-next/src/components/permissions/OrgPermissionCan.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { FunctionComponent, ReactNode } from "react";
-import { BoundCanProps, Can } from "@casl/react";
-
-import { TOrgPermission, useOrgPermission } from "@app/context/OrgPermissionContext";
-
-import { Tooltip } from "../v2";
-
-type Props = {
-  label?: ReactNode;
-  // this prop is used when there exist already a tooltip as helper text for users
-  // so when permission is allowed same tooltip will be reused  to show helpertext
-  renderTooltip?: boolean;
-  allowedLabel?: string;
-} & BoundCanProps<TOrgPermission>;
-
-export const OrgPermissionCan: FunctionComponent<Props> = ({
-  label = "Access restricted",
-  children,
-  passThrough = true,
-  renderTooltip,
-  allowedLabel,
-  ...props
-}) => {
-  const { permission } = useOrgPermission();
-
-  return (
-    <Can {...props} passThrough={passThrough} ability={props?.ability || permission}>
-      {(isAllowed, ability) => {
-        // akhilmhdh: This is set as type due to error in casl react type.
-        const finalChild =
-          typeof children === "function"
-            ? children(isAllowed, ability as TOrgPermission)
-            : children;
-
-        if (!isAllowed && passThrough) {
-          return <Tooltip content={label}>{finalChild}</Tooltip>;
-        }
-
-        if (isAllowed && renderTooltip) {
-          return <Tooltip content={allowedLabel}>{finalChild}</Tooltip>;
-        }
-
-        if (!isAllowed) return null;
-
-        return finalChild;
-      }}
-    </Can>
-  );
-};
diff --git a/frontend-next/src/components/permissions/PermissionDeniedBanner.tsx b/frontend-next/src/components/permissions/PermissionDeniedBanner.tsx
deleted file mode 100644
index b3c7a4f53..000000000
--- a/frontend-next/src/components/permissions/PermissionDeniedBanner.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ReactNode } from "react";
-import { faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  containerClassName?: string;
-  className?: string;
-  children?: ReactNode;
-};
-
-export const PermissionDeniedBanner = ({ containerClassName, className, children }: Props) => {
-  return (
-    <div
-      className={twMerge(
-        "container mx-auto flex h-full items-center justify-center",
-        containerClassName
-      )}
-    >
-      <div className={twMerge("rounded-md bg-mineshaft-800 p-16 text-bunker-300", className)}>
-        <div className="flex items-end space-x-12">
-          <div>
-            <FontAwesomeIcon icon={faLock} size="6x" />
-          </div>
-          <div>
-            <div className="mb-2 text-4xl font-medium">Access Restricted</div>
-            {children || (
-              <div className="text-sm">
-                Your role has limited permissions, please <br /> contact your administrator to gain
-                access
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/permissions/ProjectPermissionCan.tsx b/frontend-next/src/components/permissions/ProjectPermissionCan.tsx
deleted file mode 100644
index 4fc5acde9..000000000
--- a/frontend-next/src/components/permissions/ProjectPermissionCan.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { FunctionComponent, ReactNode } from "react";
-import { AbilityTuple, MongoAbility } from "@casl/ability";
-import { Can } from "@casl/react";
-
-import { ProjectPermissionSet, useProjectPermission } from "@app/context/ProjectPermissionContext";
-
-import { Tooltip } from "../v2/Tooltip";
-
-type Props<T extends AbilityTuple> = {
-  label?: ReactNode;
-  // this prop is used when there exist already a tooltip as helper text for users
-  // so when permission is allowed same tooltip will be reused  to show helpertext
-  renderTooltip?: boolean;
-  allowedLabel?: string;
-  children: ReactNode | ((isAllowed: boolean, ability: T) => ReactNode);
-  passThrough?: boolean;
-  I: T[0];
-  a: T[1];
-  ability?: MongoAbility<T>;
-};
-
-export const ProjectPermissionCan: FunctionComponent<Props<ProjectPermissionSet>> = ({
-  label = "Access restricted",
-  children,
-  passThrough = true,
-  renderTooltip,
-  allowedLabel,
-  ...props
-}) => {
-  const { permission } = useProjectPermission();
-  return (
-    <Can {...props} passThrough={passThrough} ability={props?.ability || permission}>
-      {(isAllowed, ability) => {
-        // akhilmhdh: This is set as type due to error in casl react type.
-        const finalChild =
-          typeof children === "function" ? children(isAllowed, ability as any) : children;
-
-        if (!isAllowed && passThrough) {
-          return <Tooltip content={label}>{finalChild}</Tooltip>;
-        }
-
-        if (isAllowed && renderTooltip) {
-          return <Tooltip content={allowedLabel}>{finalChild}</Tooltip>;
-        }
-
-        if (!isAllowed) return null;
-
-        return finalChild;
-      }}
-    </Can>
-  );
-};
diff --git a/frontend-next/src/components/permissions/index.tsx b/frontend-next/src/components/permissions/index.tsx
deleted file mode 100644
index 5103b0f73..000000000
--- a/frontend-next/src/components/permissions/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-export { GlobPermissionInfo } from "./GlobPermissionInfo";
-export { OrgPermissionCan } from "./OrgPermissionCan";
-export { PermissionDeniedBanner } from "./PermissionDeniedBanner";
-export { ProjectPermissionCan } from "./ProjectPermissionCan";
diff --git a/frontend-next/src/components/signup/CodeInputStep.tsx b/frontend-next/src/components/signup/CodeInputStep.tsx
deleted file mode 100644
index a959f8594..000000000
--- a/frontend-next/src/components/signup/CodeInputStep.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading */
-import React, { useState } from "react";
-import ReactCodeInput from "react-code-input";
-import { useTranslation } from "react-i18next";
-
-import { useSendVerificationEmail } from "@app/hooks/api";
-
-import Error from "../basic/Error";
-import { Button } from "../v2";
-
-// The style for the verification code input
-const props = {
-  inputStyle: {
-    fontFamily: "monospace",
-    margin: "4px",
-    MozAppearance: "textfield",
-    width: "55px",
-    borderRadius: "5px",
-    fontSize: "24px",
-    height: "55px",
-    paddingLeft: "7",
-    backgroundColor: "#0d1117",
-    color: "white",
-    border: "1px solid #2d2f33",
-    textAlign: "center",
-    outlineColor: "#8ca542",
-    borderColor: "#2d2f33"
-  }
-} as const;
-const propsPhone = {
-  inputStyle: {
-    fontFamily: "monospace",
-    margin: "4px",
-    MozAppearance: "textfield",
-    width: "40px",
-    borderRadius: "5px",
-    fontSize: "24px",
-    height: "40px",
-    paddingLeft: "7",
-    backgroundColor: "#0d1117",
-    color: "white",
-    border: "1px solid #2d2f33",
-    textAlign: "center",
-    outlineColor: "#8ca542",
-    borderColor: "#2d2f33"
-  }
-} as const;
-
-interface CodeInputStepProps {
-  email: string;
-  incrementStep: () => void;
-  setCode: (value: string) => void;
-  codeError: boolean;
-  isCodeInputCheckLoading: boolean;
-}
-
-/**
- * This is the second step of sign up where users need to verify their email
- * @param {object} obj
- * @param {string} obj.email - user's email to which we just sent a verification email
- * @param {function} obj.incrementStep - goes to the next step of signup
- * @param {function} obj.setCode - state updating function that set the current value of the emai verification code
- * @param {boolean} obj.codeError - whether the code was inputted wrong or now
- * @returns
- */
-export default function CodeInputStep({
-  email,
-  incrementStep,
-  setCode,
-  codeError,
-  isCodeInputCheckLoading
-}: CodeInputStepProps): JSX.Element {
-  const { mutateAsync } = useSendVerificationEmail();
-  const [isLoading, setIsLoading] = useState(false);
-  const [isResendingVerificationEmail, setIsResendingVerificationEmail] = useState(false);
-  const { t } = useTranslation();
-
-  const resendVerificationEmail = async () => {
-    setIsResendingVerificationEmail(true);
-    setIsLoading(true);
-    await mutateAsync({ email });
-    setTimeout(() => {
-      setIsLoading(false);
-      setIsResendingVerificationEmail(false);
-    }, 2000);
-  };
-
-  return (
-    <div className="mx-auto h-full w-full pb-4 md:px-8">
-      <p className="text-md flex justify-center text-bunker-200">{t("signup.step2-message")}</p>
-      <p className="text-md my-1 flex justify-center font-semibold text-bunker-200">{email} </p>
-      <div className="mx-auto hidden w-max min-w-[20rem] md:block">
-        <ReactCodeInput
-          name=""
-          inputMode="tel"
-          type="text"
-          fields={6}
-          onChange={setCode}
-          {...props}
-          className="mt-6 mb-2"
-        />
-      </div>
-      <div className="mx-auto mt-4 block w-max md:hidden">
-        <ReactCodeInput
-          name=""
-          inputMode="tel"
-          type="text"
-          fields={6}
-          onChange={setCode}
-          {...propsPhone}
-          className="mt-2 mb-2"
-        />
-      </div>
-      {codeError && <Error text={t("signup.step2-code-error")} />}
-      <div className="mx-auto mt-2 flex w-1/4 min-w-[20rem] max-w-xs flex-col items-center justify-center text-center text-sm md:max-w-md md:text-left lg:w-[19%]">
-        <div className="text-l w-full py-1 text-lg">
-          <Button
-            type="submit"
-            onClick={incrementStep}
-            size="sm"
-            isFullWidth
-            className="h-14"
-            colorSchema="primary"
-            variant="outline_bg"
-            isLoading={isCodeInputCheckLoading}
-          >
-            {" "}
-            {String(t("signup.verify"))}{" "}
-          </Button>
-        </div>
-      </div>
-      <div className="mx-auto flex max-h-24 w-full max-w-md flex-col items-center justify-center pt-2">
-        <div className="flex flex-row items-baseline gap-1 text-sm">
-          <span className="text-bunker-400">{t("signup.step2-resend-alert")}</span>
-          <div className="text-md mt-2 flex flex-row text-bunker-400">
-            <button disabled={isLoading} onClick={resendVerificationEmail} type="button">
-              <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-                {isResendingVerificationEmail
-                  ? t("signup.step2-resend-progress")
-                  : t("signup.step2-resend-submit")}
-              </span>
-            </button>
-          </div>
-        </div>
-        <p className="pb-2 text-sm text-bunker-400">{t("signup.step2-spam-alert")}</p>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/signup/DonwloadBackupPDFStep.tsx b/frontend-next/src/components/signup/DonwloadBackupPDFStep.tsx
deleted file mode 100644
index bf9aabcff..000000000
--- a/frontend-next/src/components/signup/DonwloadBackupPDFStep.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useToggle } from "@app/hooks";
-import { generateUserBackupKey } from "@app/lib/crypto";
-
-import { createNotification } from "../notifications";
-import { generateBackupPDFAsync } from "../utilities/generateBackupPDF";
-import { Button } from "../v2";
-
-interface DownloadBackupPDFStepProps {
-  incrementStep: () => void;
-  email: string;
-  password: string;
-  name: string;
-}
-
-/**
- * This is the step of the signup flow where the user downloads the backup pdf
- * @param {object} obj
- * @param {function} obj.incrementStep - function that moves the user on to the next stage of signup
- * @param {string} obj.email - user's email
- * @param {string} obj.password - user's password
- * @param {string} obj.name - user's name
- * @returns
- */
-export default function DonwloadBackupPDFStep({
-  incrementStep,
-  email,
-  password,
-  name
-}: DownloadBackupPDFStepProps): JSX.Element {
-  const { t } = useTranslation();
-  
-  const [isLoading, setIsLoading] = useToggle();
-
-  const handleBackupKeyGenerate = async () => {
-    try {
-      setIsLoading.on();
-      const generatedKey = await generateUserBackupKey(email, password);
-      await generateBackupPDFAsync({
-        generatedKey,
-        personalEmail: email,
-        personalName: name
-      });
-      incrementStep();
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to generate backup key"
-      });
-    } finally {
-      setIsLoading.off();
-    }
-  };
-
-  return (
-    <div className="mx-auto mb-36 flex h-full w-full flex-col items-center md:mb-16 md:px-6">
-      <p className="flex flex-col items-center justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        <FontAwesomeIcon
-          icon={faWarning}
-          className="ml-2 mr-3 mb-6 pt-1 text-6xl text-bunker-200"
-        />
-        {t("signup.step4-message")}
-      </p>
-      <div className="text-md mt-8 flex w-full max-w-md flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 pb-2 text-center text-bunker-300 md:min-w-[24rem] lg:w-1/6">
-        <div className="m-2 mx-auto mt-4 flex w-full w-full flex-row items-center rounded-md px-3 text-center text-bunker-300 md:mt-8 md:min-w-[23rem] lg:w-1/6 lg:w-1/6">
-          <span className="mb-2">
-            {t("signup.step4-description1")} {t("signup.step4-description3")}
-          </span>
-        </div>
-        <div className="mx-auto mt-0 mb-2 mt-2 flex w-full flex-col items-center justify-center px-3 text-center text-sm md:mt-4 md:mb-4 md:min-w-[20rem] md:max-w-md md:text-left lg:w-1/6">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              onClick={handleBackupKeyGenerate}
-              size="sm"
-              isFullWidth
-              isLoading={isLoading}
-              isDisabled={isLoading}
-              className="h-12"
-              colorSchema="primary"
-              variant="outline_bg"
-            >
-              Download PDF
-            </Button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/signup/EnterEmailStep.tsx b/frontend-next/src/components/signup/EnterEmailStep.tsx
deleted file mode 100644
index 1b1a5c8a3..000000000
--- a/frontend-next/src/components/signup/EnterEmailStep.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import axios from "axios";
-
-import { createNotification } from "@app/components/notifications";
-import { useSendVerificationEmail } from "@app/hooks/api";
-
-import { Button, Input } from "../v2";
-
-interface DownloadBackupPDFStepProps {
-  incrementStep: () => void;
-  email: string;
-  setEmail: (value: string) => void;
-}
-
-/**
- * This is the first step of the sign up process - users need to enter their email
- * @param {object} obj
- * @param {string} obj.email - email of a user signing up
- * @param {function} obj.setEmail - funciton that manages the state of the email variable
- * @param {function} obj.incrementStep - function to go to the next step of the signup flow
- * @returns
- */
-export default function EnterEmailStep({
-  email,
-  setEmail,
-  incrementStep
-}: DownloadBackupPDFStepProps): JSX.Element {
-  
-  const { mutateAsync, isLoading } = useSendVerificationEmail();
-  const [emailError, setEmailError] = useState(false);
-  const { t } = useTranslation();
-
-  /**
-   * Verifies if the entered email "looks" correct
-   */
-  const emailCheck = async () => {
-    let emailCheckBool = false;
-    if (!email) {
-      setEmailError(true);
-      emailCheckBool = true;
-    } else if (!email.includes("@") || !email.includes(".") || !/[a-z]/.test(email)) {
-      setEmailError(true);
-      emailCheckBool = true;
-    } else {
-      setEmailError(false);
-    }
-
-    // If everything is correct, go to the next step
-    if (!emailCheckBool) {
-      try {
-        await mutateAsync({ email: email.toLowerCase() });
-        setEmail(email.toLowerCase())
-        incrementStep();
-      } catch (e) {
-        if (axios.isAxiosError(e)) {
-          const { message = "Something went wrong" } = e.response?.data as { message: string };
-          createNotification({
-            type: "error",
-            text: message
-          });
-        }
-      }
-    }
-  };
-
-  return (
-    <div>
-      <div className="mx-auto w-full md:px-6">
-        <p className="flex justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-xl font-medium text-transparent">
-          {t("signup.step1-start")}
-        </p>
-        <div className="m-auto mt-8 flex w-1/4 min-w-[20rem] flex-col items-center justify-center rounded-lg lg:w-1/6">
-          <Input
-            placeholder="Enter your email address..."
-            onChange={(e) => setEmail(e.target.value)}
-            value={email}
-            isRequired
-            autoComplete="username"
-            className="h-12"
-          />
-          {emailError && (
-            <p className="ml-1.5 mt-1.5 w-full text-left text-xs text-red-600">
-              Please enter a valid email.
-            </p>
-          )}
-        </div>
-        <div className="mx-auto mt-2 flex w-1/4 min-w-[20rem] max-w-xs flex-col items-center justify-center text-center text-sm md:max-w-md md:text-left lg:w-1/6">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              type="submit"
-              onClick={emailCheck}
-              size="sm"
-              isFullWidth
-              className="h-14"
-              colorSchema="primary"
-              variant="outline_bg"
-              isLoading={isLoading}
-              isDisabled={isLoading}
-            >
-              {" "}
-              {String(t("signup.step1-submit"))}{" "}
-            </Button>
-          </div>
-        </div>
-      </div>
-      <div className="mx-auto mb-48 mt-2 flex w-full max-w-md flex-col items-center justify-center pt-2 md:mb-16 md:pb-2">
-        <Link href="/login">
-          <button type="button" className="w-max pb-3 duration-200 hover:opacity-90">
-            <span className="cursor-pointer text-sm text-mineshaft-400 duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-              {t("signup.already-have-account")}
-            </span>
-          </button>
-        </Link>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/signup/InitialSignupStep.tsx b/frontend-next/src/components/signup/InitialSignupStep.tsx
deleted file mode 100644
index fd63f33f0..000000000
--- a/frontend-next/src/components/signup/InitialSignupStep.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { faGithub, faGitlab, faGoogle } from "@fortawesome/free-brands-svg-icons";
-import { faEnvelope } from "@fortawesome/free-regular-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { RegionSelect } from "@app/components/navigation/RegionSelect";
-import { useServerConfig } from "@app/context";
-import { LoginMethod } from "@app/hooks/api/admin/types";
-
-import { Button } from "../v2";
-
-export default function InitialSignupStep({
-  setIsSignupWithEmail
-}: {
-  setIsSignupWithEmail: (value: boolean) => void;
-}) {
-  const { t } = useTranslation();
-  const { config } = useServerConfig();
-
-  const shouldDisplaySignupMethod = (method: LoginMethod) =>
-    !config.enabledLoginMethods || config.enabledLoginMethods.includes(method);
-
-  return (
-    <div className="mx-auto flex w-full flex-col items-center justify-center">
-      <h1 className="mb-8 bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        {t("signup.initial-title")}
-      </h1>
-      <RegionSelect />
-      {shouldDisplaySignupMethod(LoginMethod.GOOGLE) && (
-        <div className="w-1/4 min-w-[20rem] rounded-md lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="solid"
-            onClick={() => {
-              window.open("/api/v1/sso/redirect/google");
-              window.close();
-            }}
-            leftIcon={<FontAwesomeIcon icon={faGoogle} className="mr-2" />}
-            className="mx-0 h-12 w-full"
-          >
-            {t("signup.continue-with-google")}
-          </Button>
-        </div>
-      )}
-      {shouldDisplaySignupMethod(LoginMethod.GITHUB) && (
-        <div className="mt-4 w-1/4 min-w-[20rem] rounded-md lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={() => {
-              window.open("/api/v1/sso/redirect/github");
-              window.close();
-            }}
-            leftIcon={<FontAwesomeIcon icon={faGithub} className="mr-2" />}
-            className="mx-0 h-12 w-full"
-          >
-            Continue with GitHub
-          </Button>
-        </div>
-      )}
-      {shouldDisplaySignupMethod(LoginMethod.GITLAB) && (
-        <div className="mt-4 w-1/4 min-w-[20rem] rounded-md lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={() => {
-              window.open("/api/v1/sso/redirect/gitlab");
-              window.close();
-            }}
-            leftIcon={<FontAwesomeIcon icon={faGitlab} className="mr-2" />}
-            className="mx-0 h-12 w-full"
-          >
-            Continue with GitLab
-          </Button>
-        </div>
-      )}
-      {shouldDisplaySignupMethod(LoginMethod.EMAIL) && (
-        <div className="mt-4 w-1/4 min-w-[20rem] rounded-md text-center lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={() => {
-              setIsSignupWithEmail(true);
-            }}
-            leftIcon={<FontAwesomeIcon icon={faEnvelope} className="mr-2" />}
-            className="mx-0 h-12 w-full"
-          >
-            Continue with Email
-          </Button>
-        </div>
-      )}
-      <div className="mt-6 w-1/4 min-w-[20rem] px-8 text-center text-xs text-bunker-400 lg:w-1/6">
-        {t("signup.create-policy")}
-      </div>
-      <div className="mt-2 flex flex-row text-xs text-bunker-400">
-        <Link href="/login">
-          <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-            {t("signup.already-have-account")}
-          </span>
-        </Link>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/signup/TeamInviteStep.tsx b/frontend-next/src/components/signup/TeamInviteStep.tsx
deleted file mode 100644
index 63588ca5c..000000000
--- a/frontend-next/src/components/signup/TeamInviteStep.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useRouter } from "next/router";
-
-import { useAddUsersToOrg } from "@app/hooks/api";
-import { useFetchServerStatus } from "@app/hooks/api/serverDetails";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { Button, EmailServiceSetupModal } from "../v2";
-
-/**
- * This is the last step of the signup flow. People can optionally invite their teammates here.
- */
-export default function TeamInviteStep(): JSX.Element {
-  const { t } = useTranslation();
-  const router = useRouter();
-  const [emails, setEmails] = useState("");
-  const { data: serverDetails } = useFetchServerStatus();
-
-  const { mutateAsync } = useAddUsersToOrg();
-  const { handlePopUpToggle, popUp, handlePopUpOpen } = usePopUp(["setUpEmail"] as const);
-
-  // Redirect user to the getting started page
-  const redirectToHome = async () => {
-    router.push(`/org/${localStorage.getItem("orgData.id")}/${ProjectType.SecretManager}/overview`);
-  };
-
-  const inviteUsers = async ({ emails: inviteEmails }: { emails: string }) => {
-    inviteEmails
-      .split(",")
-      .map((email) => email.trim())
-      .map(async (email) => {
-        mutateAsync({
-          inviteeEmails: [email],
-          organizationId: String(localStorage.getItem("orgData.id")),
-          organizationRoleSlug: "member"
-        });
-      });
-
-    await redirectToHome();
-  };
-
-  return (
-    <div className="min-w-lg mx-auto mb-64 h-full w-max px-8 pb-4 md:mb-32">
-      <p className="flex justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-2xl font-semibold text-transparent">
-        {t("signup.step5-invite-team")}
-      </p>
-      <p className="mb-6 mt-4 flex justify-center text-center text-bunker-400 md:mx-8">
-        {t("signup.step5-subtitle")}
-      </p>
-      <div className="mx-auto mb-6 w-max rounded-xl border border-mineshaft-500 bg-mineshaft-800 px-8 pt-6 pb-4 drop-shadow-xl">
-        <div>
-          <div className="pl-1 pb-1 text-sm font-medium text-bunker-300">
-            <span>Emails</span>
-          </div>
-          <textarea
-            className="h-20 w-full min-w-[30rem] rounded-md border border-mineshaft-500 bg-mineshaft-900/70 py-1 px-2 text-sm text-bunker-300 outline-none ring-primary-800 ring-opacity-70 placeholder:text-bunker-400 focus:ring-2"
-            value={emails}
-            onChange={(e) => setEmails(e.target.value)}
-            placeholder="email@example.com, email2@example.com..."
-          />
-        </div>
-        <div className="mx-auto mt-2 flex w-full flex-row items-end justify-end text-sm md:mt-4 md:mb-2 md:min-w-[30rem] md:max-w-md">
-          <Button
-            onClick={() => {
-              if (serverDetails?.emailConfigured) {
-                inviteUsers({ emails });
-              } else {
-                handlePopUpOpen("setUpEmail");
-              }
-            }}
-            size="sm"
-            // isFullWidth
-            className="h-10"
-            colorSchema="primary"
-            variant="solid"
-          >
-            {" "}
-            {t("signup.step5-send-invites") ?? ""}{" "}
-          </Button>
-        </div>
-        <EmailServiceSetupModal
-          isOpen={popUp.setUpEmail?.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("setUpEmail", isOpen)}
-        />
-      </div>
-      <div className="min-w-28 mx-auto mt-4 mb-2 flex max-h-24 min-w-[20rem] max-w-max flex-row items-center justify-center px-4 text-lg md:p-2">
-        <Button
-          onClick={redirectToHome}
-          size="sm"
-          isFullWidth
-          className="h-12"
-          colorSchema="secondary"
-          variant="outline"
-        >
-          {" "}
-          {t("signup.step5-skip") ?? "Skip"}{" "}
-        </Button>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/signup/UserInfoStep.tsx b/frontend-next/src/components/signup/UserInfoStep.tsx
deleted file mode 100644
index 705b490bb..000000000
--- a/frontend-next/src/components/signup/UserInfoStep.tsx
+++ /dev/null
@@ -1,336 +0,0 @@
-import crypto from "crypto";
-
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import jsrp from "jsrp";
-import nacl from "tweetnacl";
-import { encodeBase64 } from "tweetnacl-util";
-
-import { completeAccountSignup, useSelectOrganization } from "@app/hooks/api/auth/queries";
-import { fetchOrganizations } from "@app/hooks/api/organization/queries";
-import ProjectService from "@app/services/ProjectService";
-
-import InputField from "../basic/InputField";
-import checkPassword from "../utilities/checks/password/checkPassword";
-import Aes256Gcm from "../utilities/cryptography/aes-256-gcm";
-import { deriveArgonKey } from "../utilities/cryptography/crypto";
-import { saveTokenToLocalStorage } from "../utilities/saveTokenToLocalStorage";
-import SecurityClient from "../utilities/SecurityClient";
-import { Button, Input } from "../v2";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-interface UserInfoStepProps {
-  incrementStep: () => void;
-  email: string;
-  password: string;
-  setPassword: (value: string) => void;
-  name: string;
-  setName: (value: string) => void;
-  organizationName: string;
-  setOrganizationName: (value: string) => void;
-  attributionSource: string;
-  setAttributionSource: (value: string) => void;
-  providerAuthToken?: string;
-}
-
-type Errors = {
-  tooShort?: string;
-  tooLong?: string;
-  noLetterChar?: string;
-  noNumOrSpecialChar?: string;
-  repeatedChar?: string;
-  escapeChar?: string;
-  lowEntropy?: string;
-  breached?: string;
-};
-
-/**
- * This is the step of the sign up flow where people provife their name/surname and password
- * @param {object} obj
- * @param {string} obj.verificationToken - the token which we use to verify the legitness of a user
- * @param {string} obj.incrementStep - a function to move to the next signup step
- * @param {string} obj.email - email of a user who is signing up
- * @param {string} obj.password - user's password
- * @param {string} obj.setPassword - function managing the state of user's password
- * @param {string} obj.firstName - user's first name
- * @param {string} obj.setFirstName  - function managing the state of user's first name
- * @param {string} obj.lastName - user's lastName
- * @param {string} obj.setLastName - function managing the state of user's last name
- */
-export default function UserInfoStep({
-  incrementStep,
-  email,
-  password,
-  setPassword,
-  name,
-  setName,
-  organizationName,
-  setOrganizationName,
-  attributionSource,
-  setAttributionSource,
-  providerAuthToken
-}: UserInfoStepProps): JSX.Element {
-  const [nameError, setNameError] = useState(false);
-  const [organizationNameError, setOrganizationNameError] = useState(false);
-
-  const [errors, setErrors] = useState<Errors>({});
-
-  const { mutateAsync: selectOrganization } = useSelectOrganization();
-  const [isLoading, setIsLoading] = useState(false);
-  const { t } = useTranslation();
-
-  // Verifies if the information that the users entered (name, workspace)
-  // is there, and if the password matches the criteria.
-  const signupErrorCheck = async () => {
-    setIsLoading(true);
-    let errorCheck = false;
-    if (!name) {
-      setNameError(true);
-      errorCheck = true;
-    } else {
-      setNameError(false);
-    }
-    if (!organizationName) {
-      setOrganizationNameError(true);
-      errorCheck = true;
-    } else {
-      setOrganizationNameError(false);
-    }
-
-    errorCheck = await checkPassword({
-      password,
-      setErrors
-    });
-
-    if (!errorCheck) {
-      // Generate a random pair of a public and a private key
-      const pair = nacl.box.keyPair();
-      const secretKeyUint8Array = pair.secretKey;
-      const publicKeyUint8Array = pair.publicKey;
-      const privateKey = encodeBase64(secretKeyUint8Array);
-      const publicKey = encodeBase64(publicKeyUint8Array);
-      localStorage.setItem("PRIVATE_KEY", privateKey);
-
-      client.init(
-        {
-          username: email,
-          password
-        },
-        async () => {
-          client.createVerifier(async (err: any, result: { salt: string; verifier: string }) => {
-            try {
-              // TODO: moduralize into KeyService
-              const derivedKey = await deriveArgonKey({
-                password,
-                salt: result.salt,
-                mem: 65536,
-                time: 3,
-                parallelism: 1,
-                hashLen: 32
-              });
-
-              if (!derivedKey) throw new Error("Failed to derive key from password");
-
-              const key = crypto.randomBytes(32);
-
-              // create encrypted private key by encrypting the private
-              // key with the symmetric key [key]
-              const {
-                ciphertext: encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag
-              } = Aes256Gcm.encrypt({
-                text: privateKey,
-                secret: key
-              });
-
-              // create the protected key by encrypting the symmetric key
-              // [key] with the derived key
-              const {
-                ciphertext: protectedKey,
-                iv: protectedKeyIV,
-                tag: protectedKeyTag
-              } = Aes256Gcm.encrypt({
-                text: key.toString("hex"),
-                secret: Buffer.from(derivedKey.hash)
-              });
-
-              const response = await completeAccountSignup({
-                email,
-                password,
-                firstName: name.split(" ")[0],
-                lastName: name.split(" ").slice(1).join(" "),
-                protectedKey,
-                protectedKeyIV,
-                protectedKeyTag,
-                publicKey,
-                encryptedPrivateKey,
-                encryptedPrivateKeyIV,
-                encryptedPrivateKeyTag,
-                providerAuthToken,
-                salt: result.salt,
-                verifier: result.verifier,
-                organizationName,
-                attributionSource
-              });
-
-              // unset signup JWT token and set JWT token
-              SecurityClient.setSignupToken("");
-              SecurityClient.setToken(response.token);
-              SecurityClient.setProviderAuthToken("");
-
-              if (response.organizationId) {
-                await selectOrganization({ organizationId: response.organizationId });
-              }
-
-              saveTokenToLocalStorage({
-                publicKey,
-                encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag,
-                privateKey
-              });
-
-              const userOrgs = await fetchOrganizations();
-
-              const orgId = userOrgs[0]?.id;
-              const project = await ProjectService.initProject({
-                projectName: "Example Project"
-              });
-
-              localStorage.setItem("orgData.id", orgId);
-              localStorage.setItem("projectData.id", project.id);
-
-              incrementStep();
-            } catch (error) {
-              setIsLoading(false);
-              console.error(error);
-            }
-          });
-        }
-      );
-    } else {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div className="mx-auto mb-36 h-full w-max rounded-xl md:mb-16 md:px-8">
-      <p className="text-medium mx-8 mb-6 flex justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-xl font-bold text-transparent md:mx-16">
-        {t("signup.step3-message")}
-      </p>
-      <div className="mx-auto mb-36 h-full w-max rounded-xl py-6 md:mb-16 md:border md:border-mineshaft-600 md:bg-mineshaft-800 md:px-8">
-        <div className="relative z-0 flex w-1/4 w-full min-w-[20rem] flex-col items-center justify-end rounded-lg py-2 lg:w-1/6">
-          <p className="mb-1 ml-1 w-full text-left text-sm font-medium text-bunker-300">
-            Your Name
-          </p>
-          <Input
-            placeholder="Jane Doe"
-            onChange={(e) => setName(e.target.value)}
-            value={name}
-            isRequired
-            autoComplete="given-name"
-            className="h-12"
-          />
-          {nameError && (
-            <p className="mt-1 ml-1 w-full text-left text-xs text-red-600">
-              Please, specify your name
-            </p>
-          )}
-        </div>
-        <div className="relative z-0 flex w-1/4 w-full min-w-[20rem] flex-col items-center justify-end rounded-lg py-2 lg:w-1/6">
-          <p className="mb-1 ml-1 w-full text-left text-sm font-medium text-bunker-300">
-            Organization Name
-          </p>
-          <Input
-            placeholder="Infisical"
-            onChange={(e) => setOrganizationName(e.target.value)}
-            value={organizationName}
-            maxLength={64}
-            isRequired
-            className="h-12"
-          />
-          {organizationNameError && (
-            <p className="mt-1 ml-1 w-full text-left text-xs text-red-600">
-              Please, specify your organization name
-            </p>
-          )}
-        </div>
-        <div className="relative z-0 flex w-1/4 w-full min-w-[20rem] flex-col items-center justify-end rounded-lg py-2 lg:w-1/6">
-          <p className="mb-1 ml-1 w-full text-left text-sm font-medium text-bunker-300">
-            Where did you hear about us? <span className="font-light">(optional)</span>
-          </p>
-          <Input
-            placeholder=""
-            onChange={(e) => setAttributionSource(e.target.value)}
-            value={attributionSource}
-            className="h-12"
-          />
-        </div>
-        <div className="mt-2 flex max-h-60 w-1/4 w-full min-w-[20rem] flex-col items-center justify-center rounded-lg py-2 lg:w-1/6">
-          <InputField
-            label={t("section.password.password")}
-            onChangeHandler={async (pass: string) => {
-              setPassword(pass);
-              await checkPassword({
-                password: pass,
-                setErrors
-              });
-            }}
-            type="password"
-            value={password}
-            isRequired
-            error={Object.keys(errors).length > 0}
-            autoComplete="new-password"
-            id="new-password"
-          />
-          {Object.keys(errors).length > 0 && (
-            <div className="mt-4 flex w-full flex-col items-start rounded-md bg-white/5 px-2 py-2">
-              <div className="mb-2 text-sm text-gray-400">
-                {t("section.password.validate-base")}
-              </div>
-              {Object.keys(errors).map((key) => {
-                if (errors[key as keyof Errors]) {
-                  return (
-                    <div className="items-top ml-1 flex flex-row justify-start" key={key}>
-                      <div>
-                        <FontAwesomeIcon
-                          icon={faXmark}
-                          className="text-md ml-0.5 mr-2.5 text-red"
-                        />
-                      </div>
-                      <p className="text-sm text-gray-400">{errors[key as keyof Errors]}</p>
-                    </div>
-                  );
-                }
-
-                return null;
-              })}
-            </div>
-          )}
-        </div>
-        <div className="mx-auto mt-2 flex w-1/4 min-w-[20rem] max-w-xs flex-col items-center justify-center text-center text-sm md:max-w-md md:text-left lg:w-[19%]">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              type="submit"
-              onClick={signupErrorCheck}
-              size="sm"
-              isFullWidth
-              className="h-14"
-              colorSchema="primary"
-              variant="outline_bg"
-              isLoading={isLoading}
-            >
-              {" "}
-              {String(t("signup.signup"))}{" "}
-            </Button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/components/tags/CreateTagModal/CreateTagModal.tsx b/frontend-next/src/components/tags/CreateTagModal/CreateTagModal.tsx
deleted file mode 100644
index 23389cbca..000000000
--- a/frontend-next/src/components/tags/CreateTagModal/CreateTagModal.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Tooltip
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useCreateWsTag } from "@app/hooks/api";
-import { slugSchema } from "@app/lib/schemas";
-
-export const secretTagsColors = [
-  {
-    id: 1,
-    hex: "#bec2c8",
-    rgba: "rgb(128,128,128, 0.8)",
-    name: "Grey"
-  },
-  {
-    id: 2,
-    hex: "#95a2b3",
-    rgba: "rgb(0,0,255, 0.8)",
-    name: "blue"
-  },
-  {
-    id: 3,
-    hex: "#5e6ad2",
-    rgba: "rgb(128,0,128, 0.8)",
-    name: "Purple"
-  },
-  {
-    id: 4,
-    hex: "#26b5ce",
-    rgba: "rgb(0,128,128, 0.8)",
-    name: "Teal"
-  },
-  {
-    id: 5,
-    hex: "#4cb782",
-    rgba: "rgb(0,128,0, 0.8)",
-    name: "Green"
-  },
-  {
-    id: 6,
-    hex: "#f2c94c",
-    rgba: "rgb(255,255,0, 0.8)",
-    name: "Yellow"
-  },
-  {
-    id: 7,
-    hex: "#f2994a",
-    rgba: "rgb(128,128,0, 0.8)",
-    name: "Orange"
-  },
-  {
-    id: 8,
-    hex: "#f7c8c1",
-    rgba: "rgb(128,0,0, 0.8)",
-    name: "Pink"
-  },
-  {
-    id: 9,
-    hex: "#eb5757",
-    rgba: "rgb(255,0,0, 0.8)",
-    name: "Red"
-  }
-];
-
-const isValidHexColor = (hexColor: string) => {
-  const hexColorPattern = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
-
-  return hexColorPattern.test(hexColor);
-};
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-};
-
-const createTagSchema = z.object({
-  slug: slugSchema({ min: 1, field: "Tag Slug" }),
-  color: z.string().trim()
-});
-
-type FormData = z.infer<typeof createTagSchema>;
-type TagColor = {
-  id: number;
-  hex: string;
-  rgba: string;
-  name: string;
-};
-
-export const CreateTagModal = ({ isOpen, onToggle }: Props): JSX.Element => {
-  const {
-    control,
-    reset,
-    watch,
-    setValue,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<FormData>({
-    resolver: zodResolver(createTagSchema),
-    defaultValues: {
-      color: secretTagsColors[0].hex
-    }
-  });
-
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-
-  const { mutateAsync: createWsTag } = useCreateWsTag();
-
-  const [showHexInput, setShowHexInput] = useState<boolean>(false);
-  const selectedTagColor = watch("color", secretTagsColors[0].hex);
-
-  useEffect(() => {
-    if (!isOpen) reset();
-  }, [isOpen]);
-
-  const onFormSubmit = async ({ slug, color }: FormData) => {
-    try {
-      await createWsTag({
-        workspaceID: workspaceId,
-        tagColor: color,
-        tagSlug: slug
-      });
-      onToggle(false);
-      reset();
-      createNotification({
-        text: "Successfully created a tag",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to create a tag",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onToggle}>
-      <ModalContent
-        title="Create tag"
-        subTitle="Specify your tag name, and the slug will be created automatically."
-      >
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="slug"
-            defaultValue=""
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Tag Slug" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="Type your tag slug" />
-              </FormControl>
-            )}
-          />
-          <div className="mt-2">
-            <div className="mb-0.5 ml-1 block text-sm font-normal text-mineshaft-400">
-              Tag Color
-            </div>
-            <div className="flex space-x-2">
-              <div className="flex items-center justify-center rounded border border-mineshaft-500 bg-mineshaft-900 p-2 ">
-                <div
-                  className="h-6 w-6 rounded-full"
-                  style={{ background: `${selectedTagColor}` }}
-                />
-              </div>
-              <div className="flex flex-grow items-center rounded border-mineshaft-500 bg-mineshaft-900 px-1 pr-2">
-                {!showHexInput ? (
-                  <div className="inline-flex items-center gap-3 pl-3">
-                    {secretTagsColors.map(($tagColor: TagColor) => {
-                      return (
-                        <div key={`tag-color-${$tagColor.id}`}>
-                          <Tooltip content={`${$tagColor.name}`}>
-                            <div
-                              className=" flex h-[26px] w-[26px] items-center justify-center rounded-full border-2 border-transparent bg-[#bec2c8] p-2 hover:border-black hover:shadow-lg hover:ring-2 hover:ring-offset-2"
-                              key={`tag-${$tagColor.id}`}
-                              style={{ backgroundColor: `${$tagColor.hex}` }}
-                              onClick={() => setValue("color", $tagColor.hex)}
-                              tabIndex={0}
-                              role="button"
-                              onKeyDown={() => {}}
-                            >
-                              {$tagColor.hex === selectedTagColor && (
-                                <FontAwesomeIcon icon={faCheck} style={{ color: "#00000070" }} />
-                              )}
-                            </div>
-                          </Tooltip>
-                        </div>
-                      );
-                    })}
-                  </div>
-                ) : (
-                  <div className="tags-hex-wrapper flex flex-grow items-center px-2">
-                    <div className="relative flex items-center rounded-md ">
-                      {isValidHexColor(selectedTagColor) && (
-                        <div
-                          className="flex h-7 w-7 items-center justify-center rounded-full"
-                          style={{ background: `${selectedTagColor}` }}
-                        >
-                          <FontAwesomeIcon icon={faCheck} style={{ color: "#00000070" }} />
-                        </div>
-                      )}
-                      {!isValidHexColor(selectedTagColor) && (
-                        <div className="bg-blue h-7 w-7 rounded-full border border-dashed border-mineshaft-500" />
-                      )}
-                    </div>
-                    <div className="flex-grow">
-                      <Input
-                        variant="plain"
-                        value={selectedTagColor}
-                        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                          setValue("color", e.target.value)
-                        }
-                      />
-                    </div>
-                  </div>
-                )}
-                <div className="mx-4 h-8 border border-mineshaft-500" />
-                <div className="flex h-7 w-7 items-center justify-center">
-                  <div
-                    className={`flex h-7 w-7 cursor-pointer items-center  justify-center rounded-sm border border-mineshaft-500 bg-transparent bg-mineshaft-900 p-2 hover:ring-2  hover:ring-offset-1 ${
-                      showHexInput ? "tags-conic-bg rounded-full" : ""
-                    }`}
-                    onClick={() => setShowHexInput((prev) => !prev)}
-                    style={{ border: "1px solid rgba(220, 216, 254, 0.376)" }}
-                    tabIndex={0}
-                    role="button"
-                    onKeyDown={() => {}}
-                  >
-                    {!showHexInput && <span>#</span>}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              type="submit"
-              isDisabled={isSubmitting}
-              isLoading={isSubmitting}
-            >
-              Create
-            </Button>
-            <ModalClose asChild>
-              <Button variant="plain" colorSchema="secondary">
-                Cancel
-              </Button>
-            </ModalClose>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/components/tags/CreateTagModal/index.tsx b/frontend-next/src/components/tags/CreateTagModal/index.tsx
deleted file mode 100644
index e9d283b3c..000000000
--- a/frontend-next/src/components/tags/CreateTagModal/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CreateTagModal } from "./CreateTagModal";
diff --git a/frontend-next/src/components/utilities/SecurityClient.ts b/frontend-next/src/components/utilities/SecurityClient.ts
deleted file mode 100644
index f4011c2f0..000000000
--- a/frontend-next/src/components/utilities/SecurityClient.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { getAuthToken, setAuthToken, setMfaTempToken, setSignupTempToken } from "@app/reactQuery";
-
-export const PROVIDER_AUTH_TOKEN_KEY = "infisical__provider-auth-token";
-
-// depreciated: go for apiRequest module in config/api
-export default class SecurityClient {
-  static setProviderAuthToken(tokenStr: string) {
-    localStorage.setItem(PROVIDER_AUTH_TOKEN_KEY, tokenStr || "");
-  }
-
-  static getProviderAuthToken() {
-    return localStorage.getItem(PROVIDER_AUTH_TOKEN_KEY);
-  }
-
-  static setSignupToken(tokenStr: string) {
-    setSignupTempToken(tokenStr);
-  }
-
-  static setMfaToken(tokenStr: string) {
-    setMfaTempToken(tokenStr);
-  }
-
-  static setToken(tokenStr: string) {
-    setAuthToken(tokenStr);
-  }
-
-  static async fetchCall(resource: RequestInfo, options?: RequestInit | undefined) {
-    const req = new Request(resource, options);
-
-    const token = getAuthToken();
-
-    if (token) {
-      req.headers.set("Authorization", `Bearer ${token}`);
-    }
-
-    return fetch(req);
-  }
-}
diff --git a/frontend-next/src/components/utilities/attemptChangePassword.ts b/frontend-next/src/components/utilities/attemptChangePassword.ts
deleted file mode 100644
index 45281f2f2..000000000
--- a/frontend-next/src/components/utilities/attemptChangePassword.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-/* eslint-disable new-cap */
-import crypto from "crypto";
-
-import jsrp from "jsrp";
-
-import { changePassword, srp1 } from "@app/hooks/api/auth/queries";
-
-import Aes256Gcm from "./cryptography/aes-256-gcm";
-import { deriveArgonKey } from "./cryptography/crypto";
-import { saveTokenToLocalStorage } from "./saveTokenToLocalStorage";
-
-const clientOldPassword = new jsrp.client();
-const clientNewPassword = new jsrp.client();
-
-type Params = {
-  email: string;
-  currentPassword: string;
-  newPassword: string;
-};
-
-const attemptChangePassword = ({ email, currentPassword, newPassword }: Params): Promise<void> => {
-  return new Promise((resolve, reject) => {
-    clientOldPassword.init({ username: email, password: currentPassword }, async () => {
-      let serverPublicKey;
-      let salt;
-
-      try {
-        const clientPublicKey = clientOldPassword.getPublicKey();
-
-        const res = await srp1({ clientPublicKey });
-
-        serverPublicKey = res.serverPublicKey;
-        salt = res.salt;
-
-        clientOldPassword.setSalt(salt);
-        clientOldPassword.setServerPublicKey(serverPublicKey);
-
-        const clientProof = clientOldPassword.getProof();
-
-        clientNewPassword.init({ username: email, password: newPassword }, async () => {
-          clientNewPassword.createVerifier(async (err, result) => {
-            try {
-              const derivedKey = await deriveArgonKey({
-                password: newPassword,
-                salt: result.salt,
-                mem: 65536,
-                time: 3,
-                parallelism: 1,
-                hashLen: 32
-              });
-
-              if (!derivedKey) throw new Error("Failed to derive key from password");
-
-              const key = crypto.randomBytes(32);
-
-              const {
-                ciphertext: encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag
-              } = Aes256Gcm.encrypt({
-                text: localStorage.getItem("PRIVATE_KEY") as string,
-                secret: key
-              });
-
-              const {
-                ciphertext: protectedKey,
-                iv: protectedKeyIV,
-                tag: protectedKeyTag
-              } = Aes256Gcm.encrypt({
-                text: key.toString("hex"),
-                secret: Buffer.from(derivedKey.hash)
-              });
-
-              await changePassword({
-                password: newPassword,
-                clientProof,
-                protectedKey,
-                protectedKeyIV,
-                protectedKeyTag,
-                encryptedPrivateKey,
-                encryptedPrivateKeyIV,
-                encryptedPrivateKeyTag,
-                salt: result.salt,
-                verifier: result.verifier
-              });
-
-              saveTokenToLocalStorage({
-                encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag
-              });
-
-              resolve();
-            } catch (err2) {
-              console.error(err2);
-              reject(err2);
-            }
-          });
-        });
-      } catch (err) {
-        console.error(err);
-        reject(err);
-      }
-    });
-  });
-};
-
-export default attemptChangePassword;
diff --git a/frontend-next/src/components/utilities/attemptCliLogin.ts b/frontend-next/src/components/utilities/attemptCliLogin.ts
deleted file mode 100644
index 6eba08d61..000000000
--- a/frontend-next/src/components/utilities/attemptCliLogin.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import jsrp from "jsrp";
-
-import { login1, login2 } from "@app/hooks/api/auth/queries";
-import KeyService from "@app/services/KeyService";
-
-import Telemetry from "./telemetry/Telemetry";
-import { saveTokenToLocalStorage } from "./saveTokenToLocalStorage";
-import SecurityClient from "./SecurityClient";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-export interface IsCliLoginSuccessful {
-  mfaEnabled: boolean;
-  loginResponse?: {
-    email: string;
-    privateKey: string;
-    JTWToken: string;
-  };
-  success: boolean;
-}
-
-/**
- * Return whether or not login is successful for user with email [email]
- * and password [password]
- * @param {string} email - email of user to log in
- * @param {string} password - password of user to log in
- */
-const attemptLogin = async ({
-  email,
-  password,
-  providerAuthToken,
-  captchaToken
-}: {
-  email: string;
-  password: string;
-  providerAuthToken?: string;
-  captchaToken?: string;
-}): Promise<IsCliLoginSuccessful> => {
-  const telemetry = new Telemetry().getInstance();
-  return new Promise((resolve, reject) => {
-    client.init(
-      {
-        username: email,
-        password
-      },
-      async () => {
-        try {
-          const clientPublicKey = client.getPublicKey();
-          const { serverPublicKey, salt } = await login1({
-            email,
-            clientPublicKey,
-            providerAuthToken
-          });
-
-          client.setSalt(salt);
-          client.setServerPublicKey(serverPublicKey);
-          const clientProof = client.getProof(); // called M1
-
-          const {
-            mfaEnabled,
-            encryptionVersion,
-            protectedKey,
-            protectedKeyIV,
-            protectedKeyTag,
-            token,
-            publicKey,
-            encryptedPrivateKey,
-            iv,
-            tag
-          } = await login2({
-            email,
-            password,
-            clientProof,
-            providerAuthToken,
-            captchaToken
-          });
-          if (mfaEnabled) {
-            // case: MFA is enabled
-
-            // set temporary (MFA) JWT token
-            SecurityClient.setMfaToken(token);
-
-            resolve({
-              mfaEnabled,
-              success: true
-            });
-          } else if (
-            !mfaEnabled &&
-            encryptionVersion &&
-            encryptedPrivateKey &&
-            iv &&
-            tag &&
-            token
-          ) {
-            // case: MFA is not enabled
-
-            // unset provider auth token in case it was used
-            SecurityClient.setProviderAuthToken("");
-            // set JWT token
-            SecurityClient.setToken(token);
-
-            const privateKey = await KeyService.decryptPrivateKey({
-              encryptionVersion,
-              encryptedPrivateKey,
-              iv,
-              tag,
-              password,
-              salt,
-              protectedKey,
-              protectedKeyIV,
-              protectedKeyTag
-            });
-
-            saveTokenToLocalStorage({
-              publicKey,
-              encryptedPrivateKey,
-              iv,
-              tag,
-              privateKey
-            });
-
-            if (email) {
-              telemetry.identify(email, email);
-              telemetry.capture("User Logged In");
-            }
-
-            resolve({
-              mfaEnabled: false,
-              loginResponse: {
-                email,
-                privateKey,
-                JTWToken: token
-              },
-              success: true
-            });
-          }
-        } catch (err) {
-          reject(err);
-        }
-      }
-    );
-  });
-};
-
-export default attemptLogin;
diff --git a/frontend-next/src/components/utilities/attemptCliLoginMfa.ts b/frontend-next/src/components/utilities/attemptCliLoginMfa.ts
deleted file mode 100644
index b2fd19093..000000000
--- a/frontend-next/src/components/utilities/attemptCliLoginMfa.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import jsrp from "jsrp";
-
-import { login1, verifyMfaToken } from "@app/hooks/api/auth/queries";
-import KeyService from "@app/services/KeyService";
-
-import { saveTokenToLocalStorage } from "./saveTokenToLocalStorage";
-import SecurityClient from "./SecurityClient";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-interface IsMfaLoginSuccessful {
-  success: boolean;
-  loginResponse: {
-    privateKey: string;
-    JTWToken: string;
-  };
-}
-
-/**
- * Return whether or not MFA-login is successful for user with email [email]
- * and MFA token [mfaToken]
- * @param {Object} obj
- * @param {String} obj.email - email of user
- * @param {String} obj.mfaToken - MFA code/token
- */
-const attemptLoginMfa = async ({
-  email,
-  password,
-  providerAuthToken,
-  mfaToken
-}: {
-  email: string;
-  password: string;
-  providerAuthToken?: string;
-  mfaToken: string;
-}): Promise<IsMfaLoginSuccessful> => {
-  return new Promise((resolve, reject) => {
-    client.init(
-      {
-        username: email,
-        password
-      },
-      async () => {
-        try {
-          const clientPublicKey = client.getPublicKey();
-          const { salt } = await login1({
-            email,
-            clientPublicKey,
-            providerAuthToken
-          });
-
-          const {
-            encryptionVersion,
-            protectedKey,
-            protectedKeyIV,
-            protectedKeyTag,
-            token,
-            publicKey,
-            encryptedPrivateKey,
-            iv,
-            tag
-          } = await verifyMfaToken({
-            email,
-            mfaCode: mfaToken
-          });
-
-          // unset temporary (MFA) JWT token and set JWT token
-          SecurityClient.setMfaToken("");
-          SecurityClient.setToken(token);
-          SecurityClient.setProviderAuthToken("");
-
-          const privateKey = await KeyService.decryptPrivateKey({
-            encryptionVersion,
-            encryptedPrivateKey,
-            iv,
-            tag,
-            password,
-            salt,
-            protectedKey,
-            protectedKeyIV,
-            protectedKeyTag
-          });
-
-          saveTokenToLocalStorage({
-            publicKey,
-            encryptedPrivateKey,
-            iv,
-            tag,
-            privateKey
-          });
-
-          resolve({
-            success: true,
-            loginResponse: {
-              privateKey,
-              JTWToken: token
-            }
-          });
-        } catch (err) {
-          reject(err);
-        }
-      }
-    );
-  });
-};
-
-export default attemptLoginMfa;
diff --git a/frontend-next/src/components/utilities/attemptLogin.ts b/frontend-next/src/components/utilities/attemptLogin.ts
deleted file mode 100644
index 120ae62ec..000000000
--- a/frontend-next/src/components/utilities/attemptLogin.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import jsrp from "jsrp";
-
-import { login1, login2 } from "@app/hooks/api/auth/queries";
-import KeyService from "@app/services/KeyService";
-
-import Telemetry from "./telemetry/Telemetry";
-import { saveTokenToLocalStorage } from "./saveTokenToLocalStorage";
-import SecurityClient from "./SecurityClient";
-
-interface IsLoginSuccessful {
-  mfaEnabled: boolean;
-  success: boolean;
-}
-
-/**
- * Return whether or not login is successful for user with email [email]
- * and password [password]
- * @param {string} email - email of user to log in
- * @param {string} password - password of user to log in
- */
-const attemptLogin = async ({
-  email,
-  password,
-  providerAuthToken,
-  captchaToken
-}: {
-  email: string;
-  password: string;
-  providerAuthToken?: string;
-  captchaToken?: string;
-}): Promise<IsLoginSuccessful> => {
-  const telemetry = new Telemetry().getInstance();
-  // eslint-disable-next-line new-cap
-  const client = new jsrp.client();
-  await new Promise((resolve) => {
-    client.init({ username: email, password }, () => resolve(null));
-  });
-  const clientPublicKey = client.getPublicKey();
-
-  const { serverPublicKey, salt } = await login1({
-    email,
-    clientPublicKey,
-    providerAuthToken
-  });
-
-  client.setSalt(salt);
-  client.setServerPublicKey(serverPublicKey);
-  const clientProof = client.getProof(); // called M1
-
-  const {
-    mfaEnabled,
-    encryptionVersion,
-    protectedKey,
-    protectedKeyIV,
-    protectedKeyTag,
-    token,
-    publicKey,
-    encryptedPrivateKey,
-    iv,
-    tag
-  } = await login2({
-    captchaToken,
-    email,
-    password,
-    clientProof,
-    providerAuthToken
-  });
-
-  if (mfaEnabled) {
-    // case: MFA is enabled
-
-    // set temporary (MFA) JWT token
-    SecurityClient.setMfaToken(token);
-
-    return {
-      mfaEnabled,
-      success: true
-    };
-  }
-  if (!mfaEnabled && encryptionVersion && encryptedPrivateKey && iv && tag && token) {
-    // case: MFA is not enabled
-
-    // unset provider auth token in case it was used
-    SecurityClient.setProviderAuthToken("");
-    // set JWT token
-    SecurityClient.setToken(token);
-
-    const privateKey = await KeyService.decryptPrivateKey({
-      encryptionVersion,
-      encryptedPrivateKey,
-      iv,
-      tag,
-      password,
-      salt,
-      protectedKey,
-      protectedKeyIV,
-      protectedKeyTag
-    });
-
-    saveTokenToLocalStorage({
-      publicKey,
-      encryptedPrivateKey,
-      iv,
-      tag,
-      privateKey
-    });
-
-    if (email) {
-      telemetry.identify(email, email);
-      telemetry.capture("User Logged In");
-    }
-
-    return {
-      mfaEnabled: false,
-      success: true
-    };
-  }
-  return { success: false, mfaEnabled: false };
-};
-
-export default attemptLogin;
diff --git a/frontend-next/src/components/utilities/attemptLoginMfa.ts b/frontend-next/src/components/utilities/attemptLoginMfa.ts
deleted file mode 100644
index 672cecea5..000000000
--- a/frontend-next/src/components/utilities/attemptLoginMfa.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import jsrp from "jsrp";
-
-import { login1, verifyMfaToken } from "@app/hooks/api/auth/queries";
-import KeyService from "@app/services/KeyService";
-
-import { saveTokenToLocalStorage } from "./saveTokenToLocalStorage";
-import SecurityClient from "./SecurityClient";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-/**
- * Return whether or not MFA-login is successful for user with email [email]
- * and MFA token [mfaToken]
- * @param {Object} obj
- * @param {String} obj.email - email of user
- * @param {String} obj.mfaToken - MFA code/token
- */
-const attemptLoginMfa = async ({
-  email,
-  password,
-  providerAuthToken,
-  mfaToken
-}: {
-  email: string;
-  password: string;
-  providerAuthToken?: string;
-  mfaToken: string;
-}): Promise<Boolean> => {
-  return new Promise((resolve, reject) => {
-    client.init(
-      {
-        username: email,
-        password
-      },
-      async () => {
-        try {
-          const clientPublicKey = client.getPublicKey();
-          const { salt } = await login1({
-            email,
-            clientPublicKey,
-            providerAuthToken
-          });
-
-          const {
-            encryptionVersion,
-            protectedKey,
-            protectedKeyIV,
-            protectedKeyTag,
-            token,
-            publicKey,
-            encryptedPrivateKey,
-            iv,
-            tag
-          } = await verifyMfaToken({
-            email,
-            mfaCode: mfaToken
-          });
-
-          // unset temporary (MFA) JWT token and set JWT token
-          SecurityClient.setMfaToken("");
-          SecurityClient.setToken(token);
-          SecurityClient.setProviderAuthToken("");
-
-          const privateKey = await KeyService.decryptPrivateKey({
-            encryptionVersion,
-            encryptedPrivateKey,
-            iv,
-            tag,
-            password,
-            salt,
-            protectedKey,
-            protectedKeyIV,
-            protectedKeyTag
-          });
-
-          saveTokenToLocalStorage({
-            publicKey,
-            encryptedPrivateKey,
-            iv,
-            tag,
-            privateKey
-          });
-
-          resolve(true);
-        } catch (err) {
-          reject(err);
-        }
-      }
-    );
-  });
-};
-
-export default attemptLoginMfa;
diff --git a/frontend-next/src/components/utilities/checks/OnboardingCheck.ts b/frontend-next/src/components/utilities/checks/OnboardingCheck.ts
deleted file mode 100644
index b3abc9b85..000000000
--- a/frontend-next/src/components/utilities/checks/OnboardingCheck.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { fetchOrgUsers, fetchUserAction } from "@app/hooks/api/users/queries";
-
-interface OnboardingCheckProps {
-  orgId: string;
-  setTotalOnboardingActionsDone?: (value: number) => void;
-  setHasUserClickedSlack?: (value: boolean) => void;
-  setHasUserClickedIntro?: (value: boolean) => void;
-  setHasUserPushedSecrets?: (value: boolean) => void;
-  setUsersInOrg?: (value: boolean) => void;
-}
-
-/**
- * This function checks which onboarding steps a user has already finished.
- */
-const onboardingCheck = async ({
-  orgId,
-  setTotalOnboardingActionsDone,
-  setHasUserClickedSlack,
-  setHasUserClickedIntro,
-  setHasUserPushedSecrets,
-  setUsersInOrg
-}: OnboardingCheckProps) => {
-  let countActions = 0;
-  const userActionSlack = await fetchUserAction("slack_cta_clicked");
-
-  if (userActionSlack) {
-    countActions += 1;
-  }
-  if (setHasUserClickedSlack) setHasUserClickedSlack(!!userActionSlack);
-
-  const userActionSecrets = await fetchUserAction("first_time_secrets_pushed");
-
-  if (userActionSecrets) {
-    countActions += 1;
-  }
-  if (setHasUserPushedSecrets) setHasUserPushedSecrets(!!userActionSecrets);
-
-  const userActionIntro = await fetchUserAction("intro_cta_clicked");
-  if (userActionIntro) {
-    countActions += 1;
-  }
-  if (setHasUserClickedIntro) setHasUserClickedIntro(!!userActionIntro);
-
-  const orgUsers = await fetchOrgUsers(orgId || "");
-
-  if (orgUsers.length > 1) {
-    countActions += 1;
-  }
-  if (setUsersInOrg) setUsersInOrg(orgUsers.length > 1);
-  if (setTotalOnboardingActionsDone) setTotalOnboardingActionsDone(countActions);
-};
-
-export default onboardingCheck;
diff --git a/frontend-next/src/components/utilities/checks/password/PasswordCheck.ts b/frontend-next/src/components/utilities/checks/password/PasswordCheck.ts
deleted file mode 100644
index e37abd475..000000000
--- a/frontend-next/src/components/utilities/checks/password/PasswordCheck.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { checkIsPasswordBreached } from "./checkIsPasswordBreached";
-import {
-  escapeCharRegex,
-  letterCharRegex,
-  lowEntropyRegexes,
-  numAndSpecialCharRegex,
-  repeatedCharRegex
-} from "./passwordRegexes";
-
-interface PasswordCheckProps {
-  password: string;
-  setPasswordErrorTooShort: (value: boolean) => void;
-  setPasswordErrorTooLong: (value: boolean) => void;
-  setPasswordErrorNoLetterChar: (value: boolean) => void;
-  setPasswordErrorNoNumOrSpecialChar: (value: boolean) => void;
-  setPasswordErrorRepeatedChar: (value: boolean) => void;
-  setPasswordErrorEscapeChar: (value: boolean) => void;
-  setPasswordErrorLowEntropy: (value: boolean) => void;
-  setPasswordErrorBreached: (value: boolean) => void;
-}
-
-const passwordCheck = async ({
-  password,
-  setPasswordErrorTooShort,
-  setPasswordErrorTooLong,
-  setPasswordErrorNoLetterChar,
-  setPasswordErrorNoNumOrSpecialChar,
-  setPasswordErrorRepeatedChar,
-  setPasswordErrorEscapeChar,
-  setPasswordErrorLowEntropy,
-  setPasswordErrorBreached
-}: PasswordCheckProps) => {
-  let errorCheck = false;
-  const tests = [
-    {
-      name: "tooShort",
-      validator: (pwd: string) => pwd.length >= 14,
-      setError: setPasswordErrorTooShort
-    },
-    {
-      name: "tooLong",
-      validator: (pwd: string) => pwd.length < 101,
-      setError: setPasswordErrorTooLong
-    },
-    {
-      name: "noLetterChar",
-      validator: (pwd: string) => letterCharRegex.test(pwd),
-      setError: setPasswordErrorNoLetterChar
-    },
-    {
-      name: "noNumOrSpecialChar",
-      validator: (pwd: string) => numAndSpecialCharRegex.test(pwd),
-      setError: setPasswordErrorNoNumOrSpecialChar
-    },
-    {
-      name: "repeatedChar",
-      validator: (pwd: string) => !repeatedCharRegex.test(pwd),
-      setError: setPasswordErrorRepeatedChar
-    },
-    {
-      name: "escapeChar",
-      validator: (pwd: string) => !escapeCharRegex.test(pwd),
-      setError: setPasswordErrorEscapeChar
-    },
-    {
-      name: "lowEntropy",
-      validator: (pwd: string) => !lowEntropyRegexes.some((regex) => regex.test(pwd)),
-      setError: setPasswordErrorLowEntropy
-    }
-  ];
-
-  const isBreached = await checkIsPasswordBreached(password);
-
-  if (isBreached) {
-    errorCheck = true;
-    setPasswordErrorBreached(true);
-  } else {
-    setPasswordErrorBreached(false);
-  }
-
-  tests.forEach((test) => {
-    if (!test.validator(password)) {
-      errorCheck = true;
-      test.setError(true);
-    } else {
-      test.setError(false);
-    }
-  });
-
-  return errorCheck;
-};
-
-export default passwordCheck;
diff --git a/frontend-next/src/components/utilities/checks/password/checkIsPasswordBreached.ts b/frontend-next/src/components/utilities/checks/password/checkIsPasswordBreached.ts
deleted file mode 100644
index 3e2500260..000000000
--- a/frontend-next/src/components/utilities/checks/password/checkIsPasswordBreached.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import axios from "axios";
-
-// SHA-1 hash the password using the SubtleCrypto API
-async function hashPassword(passwordBytes: ArrayBuffer): Promise<ArrayBuffer> {
-  const buffer = await window.crypto.subtle.digest("SHA-1", passwordBytes);
-  return buffer;
-}
-
-// Convert the hashed password buffer to a hexadecimal string
-function bufferToHex(buffer: ArrayBuffer): string {
-  const byteArray = new Uint8Array(buffer);
-  const hexParts: string[] = [];
-  byteArray.forEach((byte) => {
-    const hex = byte.toString(16).padStart(2, "0");
-    hexParts.push(hex);
-  });
-  return hexParts.join("");
-}
-
-// see API details here: https://haveibeenpwned.com/API/v3#SearchingPwnedPasswordsByRange
-// in short, the pending password is hashed (SHA-1), the first 5 chars are sliced and compared against a ranged hash table
-// this hash table is formed from the 5 char hash prefix (ie. 00000-FFFFF) so 16^5 results
-// returns a hash table of 800-1000 results
-// padding has been added to prevent MitM attacker determining which hash table was called by the response size
-// the last 35 chars of the password hash are compared client-side against the table
-// if there is a match, that password has been involved in a password breach (ie. pwnd) and should NOT be accepted
-// the database consists of ~700 mln breached passwords and is continuously updated, including with law enforcement ingestion
-// https://www.troyhunt.com/open-source-pwned-passwords-with-fbi-feed-and-225m-new-nca-passwords-is-now-live/
-
-// The HIBP API follows NIST guidance (pg.14) https://nvlpubs.nist.gov/nistpubs/SpecialPublications/NIST.SP.800-63b.pdf
-// "When processing requests to establish and change memorized secrets, verifiers SHALL compare
-// the prospective secrets against a list that contains values known to be commonly-used, expected,
-// or compromised. For example, the list MAY include, but is not limited to:
-// • Passwords obtained from previous breach corpuses.
-// • Dictionary words.
-// • Repetitive or sequential characters (e.g. ‘aaaaaa’, ‘1234abcd’).
-// • Context-specific words, such as the name of the service, the username, and derivatives
-//   thereof."
-
-export const checkIsPasswordBreached = async (password: string): Promise<boolean> => {
-  const HAVE_I_BEEN_PWNED_API_URL = "https://api.pwnedpasswords.com";
-  const maxRetryAttempts = 3;
-
-  let encodedPwd: Uint8Array | undefined;
-  let hashedPwdBuffer: ArrayBuffer | undefined;
-
-  try {
-    // Convert the password to a Uint8Array (UTF-8 encoded bytes)
-    const textEncoder = new TextEncoder();
-    encodedPwd = textEncoder.encode(password);
-
-    // Hash the password and convert it to a useful format for the HIBP API
-    hashedPwdBuffer = await hashPassword(encodedPwd!.buffer);
-    const hashedPwd = bufferToHex(hashedPwdBuffer).toUpperCase();
-    // ONLY send the first 5 hash chars (over HTTPS)
-    const hashedPwdToSend = hashedPwd.slice(0, 5);
-    const safeHashedPwdToSend = encodeURIComponent(hashedPwdToSend); // Ensure URL safety
-    const rangedHashTableUri = `${HAVE_I_BEEN_PWNED_API_URL}/range/${safeHashedPwdToSend}`;
-
-    let response;
-    let retryAttempt = 0;
-
-    /* eslint-disable no-await-in-loop */
-    while (retryAttempt < maxRetryAttempts) {
-      try {
-        response = await axios.get(rangedHashTableUri, {
-          headers: {
-            "Add-Padding": "true", // see https://www.troyhunt.com/enhancing-pwned-passwords-privacy-with-padding/
-            "Content-Type": "text/plain"
-          }
-        });
-
-        if (response.status === 200) {
-          // now we get back one of 16^5 hash prefix tables with random padding
-          const responseData = response.data.toUpperCase();
-          // check the last 35 hash chars to see if there's a match
-          const isBreachedPassword: boolean = responseData.includes(hashedPwd.slice(5, 40));
-          return isBreachedPassword;
-        }
-        retryAttempt += 1;
-      } catch (err) {
-        if (!axios.isAxiosError(err)) {
-          throw err;
-        }
-        retryAttempt += 1;
-      }
-    }
-
-    console.error(
-      `Received a non-200 response (${
-        response ? response.status : "unknown"
-      }) from the Pwnd Passwords API`
-    );
-    return false;
-  } catch (err: any) {
-    console.error("An unexpected error has occurred:", err.message);
-    return false;
-  } finally {
-    // Clear the UTF-8 encoded password from memory
-
-    if (encodedPwd) {
-      const zeroEncodedPwdBuffer = new Uint8Array(encodedPwd.length);
-      encodedPwd.set(zeroEncodedPwdBuffer);
-    }
-
-    // Clear the hashed password buffer from memory
-
-    if (hashedPwdBuffer) {
-      const zeroHashedPwdBuffer = new Uint8Array(hashedPwdBuffer);
-      zeroHashedPwdBuffer.fill(0);
-    }
-  }
-};
diff --git a/frontend-next/src/components/utilities/checks/password/checkPassword.ts b/frontend-next/src/components/utilities/checks/password/checkPassword.ts
deleted file mode 100644
index 6e8acaaba..000000000
--- a/frontend-next/src/components/utilities/checks/password/checkPassword.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { checkIsPasswordBreached } from "./checkIsPasswordBreached";
-import {
-  escapeCharRegex,
-  letterCharRegex,
-  lowEntropyRegexes,
-  numAndSpecialCharRegex,
-  repeatedCharRegex
-} from "./passwordRegexes";
-
-type Errors = {
-  tooShort?: string;
-  tooLong?: string;
-  noLetterChar?: string;
-  noNumOrSpecialChar?: string;
-  repeatedChar?: string;
-  escapeChar?: string;
-  lowEntropy?: string;
-  breached?: string;
-};
-
-interface CheckPasswordParams {
-  password: string;
-  setErrors: (value: Errors) => void;
-}
-
-/**
- * Validate that the password [password]:
- * - Contains at least 14 characters
- * - Contains at most 100 characters
- * - Contains at least 1 letter character (many languages supported) (case insensitive)
- * - Contains at least 1 number (0-9) or special character (emojis included)
- * - Does not contain 3 repeat, consecutive characters
- * - Does not contain any escape characters/sequences
- * - Does not contain PII and/or low entropy data (eg. email address, URL, phone number, DoB, SSN, driver's license, passport)
- * - Is not in a database of breached passwords
- *
- * The function returns whether or not the password [password]
- * passes the minimum requirements above. It sets errors on
- * an erorr object via [setErrors].
- *
- * @param {Object} obj
- * @param {String} obj.password - the password to check
- * @param {Function} obj.setErrors - set state function to set error object
- */
-
-const checkPassword = async ({ password, setErrors }: CheckPasswordParams): Promise<boolean> => {
-  const errors: Errors = {};
-
-  const tests = [
-    {
-      name: "tooShort",
-      validator: (pwd: string) => pwd.length >= 14,
-      errorText: "at least 14 characters"
-    },
-    {
-      name: "tooLong",
-      validator: (pwd: string) => pwd.length < 101,
-      errorText: "at most 100 characters"
-    },
-    {
-      name: "noLetterChar",
-      validator: (pwd: string) => letterCharRegex.test(pwd),
-      errorText: "at least 1 letter character"
-    },
-    {
-      name: "noNumOrSpecialChar",
-      validator: (pwd: string) => numAndSpecialCharRegex.test(pwd),
-      errorText: "at least 1 number or special character"
-    },
-    {
-      name: "repeatedChar",
-      validator: (pwd: string) => !repeatedCharRegex.test(pwd),
-      errorText: "at most 3 repeated, consecutive characters"
-    },
-    {
-      name: "escapeChar",
-      validator: (pwd: string) => !escapeCharRegex.test(pwd),
-      errorText: "No escape characters allowed."
-    },
-    {
-      name: "lowEntropy",
-      validator: (pwd: string) => !lowEntropyRegexes.some((regex) => regex.test(pwd)),
-      errorText: "Password contains personal info."
-    }
-  ];
-
-  const isBreached = await checkIsPasswordBreached(password);
-
-  if (isBreached) {
-    errors.breached = "Password was found in a data breach.";
-  }
-
-  tests.forEach((test) => {
-    if (test.validator && !test.validator(password)) {
-      errors[test.name as keyof Errors] = test.errorText;
-    }
-  });
-
-  setErrors(errors);
-  return Object.keys(errors).length > 0;
-};
-
-export default checkPassword;
diff --git a/frontend-next/src/components/utilities/checks/password/passwordRegexes.ts b/frontend-next/src/components/utilities/checks/password/passwordRegexes.ts
deleted file mode 100644
index 7a70aa8f8..000000000
--- a/frontend-next/src/components/utilities/checks/password/passwordRegexes.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// This regex covers letters (case insensitive) for the top 50 most spoken languages
-/* eslint-disable no-misleading-character-class */
-export const letterCharRegex =
-  /[A-Za-z\u00C0-\u00D6\u00D8-\u00DE\u00DF-\u00F6\u00F8-\u00FF\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FFF\u0600-\u06FF\u0400-\u04FF\u0500-\u052F\u2DE0-\u2DFF\uA640-\uA69F\u05B0-\u05FF\u0980-\u09FF\u1F00-\u1FFF\u0130\u015E\u011E\u00C7\u00FC\u00FB\u00EB\u00E7]/u;
-
-// This regex covers digits, special characters, symbols, and emojis.
-export const numAndSpecialCharRegex = /[\d!@#$%^&*(),.?":{}|<>]|[^\p{L}\p{N}\s]/u;
-
-// This regex covers 3 repeated consecutive chars (incl. spaces)
-export const repeatedCharRegex = /(.)\1\1\1|\s{4,}/;
-
-// This regex covers the escape sequences as a precaution
-export const escapeCharRegex = /[\n\t\r\\]/;
-
-// This regex covers some PII and/or low entropy data
-export const lowEntropyRegexes = [
-  // Email address
-  /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/,
-
-  // URL (incl. subdomains, paths, top-level domains & query params)
-  /^(?:(?:https?|ftp):\/\/)?(?:\w+\.)?[a-zA-Z0-9.-]+\.(?:com|org|net|edu)(?:\/\S*)?(?:\?\S*)?$/,
-
-  // Date in various formats
-  /(\b\d{1,4}[-/.]?\d{1,2}[-/.]?\d{1,4}\b)|(\b\d{1,4}[-/.]?\w{3}[-/.]?\d{1,4}\b)/,
-
-  // Phone numbers (generalized)
-  /(?:\+(?:[1-9]\d{0,2})\s?)?(?:\(\d{1,4}\)\s?)?(?:\d[-.\s]?){5,}\d/,
-
-  // Passport numbers (generalized)
-  /\b(?:[A-Z0-9]{6,9}|[A-Z0-9]{8,9}|[A-Z0-9]{9}|[A-Z0-9]{10,11})\b/,
-
-  // Driver's license numbers (generalized)
-  /\b(?:[A-Z0-9]{7,10}|[A-Z0-9]{10,11}|[A-Z0-9]{7,10})\b/,
-
-  // US social security number
-  /\b\d{3}[-\s]?\d{2}[-\s]?\d{4}\b/
-];
diff --git a/frontend-next/src/components/utilities/checks/tempLocalStorage.ts b/frontend-next/src/components/utilities/checks/tempLocalStorage.ts
deleted file mode 100644
index f24d53aeb..000000000
--- a/frontend-next/src/components/utilities/checks/tempLocalStorage.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// this is temporary util function. create error handling logic for localStorage and delete this.
-export const tempLocalStorage = (key: string) => {
-  const value = localStorage.getItem(key);
-
-  if (value === null || value === "") {
-    console.warn("No value found in localStorage for key");
-    return "";
-  }
-
-  return value;
-};
diff --git a/frontend-next/src/components/utilities/config/index.ts b/frontend-next/src/components/utilities/config/index.ts
deleted file mode 100644
index 9b3bf37f1..000000000
--- a/frontend-next/src/components/utilities/config/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-const ENV = process.env.NEXT_PUBLIC_ENV! || "development"; // investigate
-const POSTHOG_API_KEY = process.env.NEXT_PUBLIC_POSTHOG_API_KEY!;
-const POSTHOG_HOST = process.env.NEXT_PUBLIC_POSTHOG_HOST! || "https://app.posthog.com";
-const INTERCOMid = process.env.NEXT_PUBLIC_INTERCOMid!;
-const CAPTCHA_SITE_KEY = process.env.NEXT_PUBLIC_CAPTCHA_SITE_KEY!;
-
-export { CAPTCHA_SITE_KEY, ENV, INTERCOMid, POSTHOG_API_KEY, POSTHOG_HOST };
diff --git a/frontend-next/src/components/utilities/cryptography/aes-256-gcm.ts b/frontend-next/src/components/utilities/cryptography/aes-256-gcm.ts
deleted file mode 100644
index b9bd72519..000000000
--- a/frontend-next/src/components/utilities/cryptography/aes-256-gcm.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * @fileoverview Provides easy encryption/decryption methods using AES 256 GCM.
- */
-
-import crypto from "crypto";
-
-const ALGORITHM = "aes-256-gcm";
-const BLOCK_SIZE_BYTES = 16; // 128 bit
-
-interface EncryptProps {
-  text: string;
-  secret: string | Buffer;
-}
-
-interface DecryptProps {
-  ciphertext: string;
-  iv: string;
-  tag: string;
-  secret: string | Buffer;
-}
-
-interface EncryptOutputProps {
-  ciphertext: string;
-  iv: string;
-  tag: string;
-}
-
-/**
- * Provides easy encryption/decryption methods using AES 256 GCM.
- */
-class Aes256Gcm {
-  /**
-   * No need to run the constructor. The class only has static methods.
-   */
-
-  /**
-   * Encrypts text with AES 256 GCM.
-   * @param {object} obj
-   * @param {string} obj.text - Cleartext to encode.
-   * @param {string} obj.secret - Shared secret key, must be 32 bytes.
-   * @returns {object}
-   */
-  // { ciphertext: string; iv: string; tag: string; }
-  static encrypt({ text, secret }: EncryptProps): EncryptOutputProps {
-    const iv = crypto.randomBytes(BLOCK_SIZE_BYTES);
-    const cipher = crypto.createCipheriv(ALGORITHM, secret, iv);
-
-    let ciphertext = cipher.update(text, "utf8", "base64");
-    ciphertext += cipher.final("base64");
-    return {
-      ciphertext,
-      iv: iv.toString("base64"),
-      tag: cipher.getAuthTag().toString("base64")
-    };
-  }
-
-  /**
-   * Decrypts AES 256 CGM encrypted text.
-   * @param {object} obj
-   * @param {string} obj.ciphertext - Base64-encoded ciphertext.
-   * @param {string} obj.iv - The base64-encoded initialization vector.
-   * @param {string} obj.tag - The base64-encoded authentication tag generated by getAuthTag().
-   * @param {string} obj.secret - Shared secret key, must be 32 bytes.
-   * @returns {string}
-   */
-  static decrypt({ ciphertext, iv, tag, secret }: DecryptProps): string {
-    const decipher = crypto.createDecipheriv(ALGORITHM, secret, Buffer.from(iv, "base64"));
-    decipher.setAuthTag(Buffer.from(tag, "base64"));
-
-    let cleartext = decipher.update(ciphertext, "base64", "utf8");
-    cleartext += decipher.final("utf8");
-
-    return cleartext;
-  }
-}
-
-export default Aes256Gcm;
diff --git a/frontend-next/src/components/utilities/cryptography/crypto.ts b/frontend-next/src/components/utilities/cryptography/crypto.ts
deleted file mode 100644
index c0e5d4c21..000000000
--- a/frontend-next/src/components/utilities/cryptography/crypto.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-import argon2 from "argon2-browser";
-
-import aes from "./aes-256-gcm";
-
-const nacl = require("tweetnacl");
-nacl.util = require("tweetnacl-util");
-
-/**
- * Return new base64, NaCl, public-private key pair.
- * @returns {Object} obj
- * @returns {String} obj.publicKey - base64, NaCl, public key
- * @returns {String} obj.privateKey - base64, NaCl, private key
- */
-const generateKeyPair = () => {
-  const pair = nacl.box.keyPair();
-
-  return {
-    publicKey: nacl.util.encodeBase64(pair.publicKey),
-    privateKey: nacl.util.encodeBase64(pair.secretKey)
-  };
-};
-
-type EncryptAsymmetricProps = {
-  plaintext: string;
-  publicKey: string;
-  privateKey: string;
-};
-
-/**
- * Verify that private key [privateKey] is the one that corresponds to
- * the public key [publicKey]
- * @param {Object}
- * @param {String} - base64-encoded Nacl private key
- * @param {String} - base64-encoded Nacl public key
- */
-const verifyPrivateKey = ({ privateKey, publicKey }: { privateKey: string; publicKey: string }) => {
-  const derivedPublicKey = nacl.util.encodeBase64(
-    nacl.box.keyPair.fromSecretKey(nacl.util.decodeBase64(privateKey)).publicKey
-  );
-
-  if (derivedPublicKey !== publicKey) {
-    throw new Error("Failed to verify private key");
-  }
-};
-
-/**
- * Derive a key from password [password] and salt [salt] using Argon2id
- * @param {Object} obj
- * @param {String} obj.password - password to derive key from
- * @param {String} obj.salt - salt to derive key from
- * @param {Number} obj.mem - used memory, in KiB
- * @param {Number} obj.time - number of iterations
- * @param {Number} obj.parallelism - desired parallelism
- * @param {Number} obj.hashLen - desired hash length (i.e. byte-length of derived key)
- * @returns
- */
-const deriveArgonKey = async ({
-  password,
-  salt,
-  mem,
-  time,
-  parallelism,
-  hashLen
-}: {
-  password: string;
-  salt: string;
-  mem: number;
-  time: number;
-  parallelism: number;
-  hashLen: number;
-}) => {
-  let derivedKey;
-  try {
-    derivedKey = await argon2.hash({
-      pass: password,
-      salt,
-      type: argon2.ArgonType.Argon2id,
-      mem,
-      time,
-      parallelism,
-      hashLen
-    });
-  } catch (err) {
-    console.error(err);
-  }
-
-  return derivedKey;
-};
-
-/**
- * Return assymmetrically encrypted [plaintext] using [publicKey] where
- * [publicKey] likely belongs to the recipient.
- * @param {Object} obj
- * @param {String} obj.plaintext - plaintext to encrypt
- * @param {String} obj.publicKey - public key of the recipient
- * @param {String} obj.privateKey - private key of the sender (current user)
- * @returns {Object} obj
- * @returns {String} ciphertext - base64-encoded ciphertext
- * @returns {String} nonce - base64-encoded nonce
- */
-const encryptAssymmetric = ({
-  plaintext,
-  publicKey,
-  privateKey
-}: EncryptAsymmetricProps): {
-  ciphertext: string;
-  nonce: string;
-} => {
-  const nonce = nacl.randomBytes(24);
-  const ciphertext = nacl.box(
-    nacl.util.decodeUTF8(plaintext),
-    nonce,
-    nacl.util.decodeBase64(publicKey),
-    nacl.util.decodeBase64(privateKey)
-  );
-
-  return {
-    ciphertext: nacl.util.encodeBase64(ciphertext),
-    nonce: nacl.util.encodeBase64(nonce)
-  };
-};
-
-type DecryptAsymmetricProps = {
-  ciphertext: string;
-  nonce: string;
-  publicKey: string;
-  privateKey: string;
-};
-
-/**
- * Return assymmetrically decrypted [ciphertext] using [privateKey] where
- * [privateKey] likely belongs to the recipient.
- * @param {Object} obj
- * @param {String} obj.ciphertext - ciphertext to decrypt
- * @param {String} obj.nonce - nonce
- * @param {String} obj.publicKey - base64-encoded public key of the sender
- * @param {String} obj.privateKey - base64-encoded private key of the receiver (current user)
- */
-const decryptAssymmetric = ({
-  ciphertext,
-  nonce,
-  publicKey,
-  privateKey
-}: DecryptAsymmetricProps): string => {
-  const plaintext = nacl.box.open(
-    nacl.util.decodeBase64(ciphertext),
-    nacl.util.decodeBase64(nonce),
-    nacl.util.decodeBase64(publicKey),
-    nacl.util.decodeBase64(privateKey)
-  );
-
-  return nacl.util.encodeUTF8(plaintext);
-};
-
-type EncryptSymmetricProps = {
-  plaintext: string;
-  key: string;
-};
-
-type EncryptSymmetricReturn = {
-  ciphertext: string;
-  iv: string;
-  tag: string;
-};
-/**
- * Return symmetrically encrypted [plaintext] using [key].
- */
-const encryptSymmetric = ({ plaintext, key }: EncryptSymmetricProps): EncryptSymmetricReturn => {
-  let ciphertext;
-  let iv;
-  let tag;
-  try {
-    const obj = aes.encrypt({ text: plaintext, secret: key });
-    ciphertext = obj.ciphertext;
-    iv = obj.iv;
-    tag = obj.tag;
-  } catch (err) {
-    console.log("Failed to perform encryption");
-    console.log(err);
-    process.exit(1);
-  }
-
-  return {
-    ciphertext,
-    iv,
-    tag
-  };
-};
-
-type DecryptSymmetricProps = {
-  ciphertext: string;
-  iv: string;
-  tag: string;
-  key: string;
-};
-
-/**
- * Return symmetrically decypted [ciphertext] using [iv], [tag],
- * and [key].
- * @param {Object} obj
- * @param {String} obj.ciphertext - ciphertext to decrypt
- * @param {String} obj.iv - iv
- * @param {String} obj.tag - tag
- * @param {String} obj.key - 32-byte hex key
- *
- */
-const decryptSymmetric = ({ ciphertext, iv, tag, key }: DecryptSymmetricProps): string => {
-  if (!ciphertext) return "";
-  let plaintext;
-  try {
-    plaintext = aes.decrypt({ ciphertext, iv, tag, secret: key });
-  } catch (err) {
-    console.log("Failed to decrypt with the following parameters", {
-      ciphertext,
-      iv,
-      tag,
-      key
-    });
-    console.log("Failed to perform decryption", err);
-
-    process.exit(1);
-  }
-
-  return plaintext;
-};
-
-export {
-  decryptAssymmetric,
-  decryptSymmetric,
-  deriveArgonKey,
-  encryptAssymmetric,
-  encryptSymmetric,
-  generateKeyPair,
-  verifyPrivateKey
-};
diff --git a/frontend-next/src/components/utilities/cryptography/issueBackupKey.ts b/frontend-next/src/components/utilities/cryptography/issueBackupKey.ts
deleted file mode 100644
index e65c53748..000000000
--- a/frontend-next/src/components/utilities/cryptography/issueBackupKey.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/* eslint-disable new-cap */
-import crypto from "crypto";
-
-import jsrp from "jsrp";
-
-import { issueBackupPrivateKey, srp1 } from "@app/hooks/api/auth/queries";
-
-import generateBackupPDF from "../generateBackupPDF";
-import Aes256Gcm from "./aes-256-gcm";
-
-const clientPassword = new jsrp.client();
-const clientKey = new jsrp.client();
-
-interface BackupKeyProps {
-  email: string;
-  password: string;
-  personalName: string;
-  setBackupKeyError: (value: boolean) => void;
-  setBackupKeyIssued: (value: boolean) => void;
-}
-
-/**
- * This function issue a backup key for a user
- * @param {obkect} obj
- * @param {string} obj.email - email of a user issuing a backup key
- * @param {string} obj.password - password of a user issuing a backup key
- * @param {string} obj.personalName - name of a user issuing a backup key
- * @param {function} obj.setBackupKeyError - state function that turns true if there is an erorr with a backup key
- * @param {function} obj.setBackupKeyIssued - state function that turns true if a backup key was issued correctly
- * @returns
- */
-const issueBackupKey = async ({
-  email,
-  password,
-  personalName,
-  setBackupKeyError,
-  setBackupKeyIssued
-}: BackupKeyProps) => {
-  try {
-    setBackupKeyError(false);
-    setBackupKeyIssued(false);
-    clientPassword.init(
-      {
-        username: email,
-        password
-      },
-      async () => {
-        const clientPublicKey = clientPassword.getPublicKey();
-
-        let serverPublicKey;
-        let salt;
-        try {
-          const res = await srp1({
-            clientPublicKey
-          });
-          serverPublicKey = res.serverPublicKey;
-          salt = res.salt;
-        } catch (err) {
-          setBackupKeyError(true);
-          console.log("Wrong current password", err, 1);
-        }
-
-        clientPassword.setSalt(salt as string);
-        clientPassword.setServerPublicKey(serverPublicKey as string);
-        const clientProof = clientPassword.getProof(); // called M1
-
-        const generatedKey = crypto.randomBytes(16).toString("hex");
-
-        clientKey.init(
-          {
-            username: email,
-            password: generatedKey
-          },
-          async () => {
-            clientKey.createVerifier(
-              async (err: any, result: { salt: string; verifier: string }) => {
-                const { ciphertext, iv, tag } = Aes256Gcm.encrypt({
-                  text: String(localStorage.getItem("PRIVATE_KEY")),
-                  secret: generatedKey
-                });
-
-                try {
-                  await issueBackupPrivateKey({
-                    encryptedPrivateKey: ciphertext,
-                    iv,
-                    tag,
-                    salt: result.salt,
-                    verifier: result.verifier,
-                    clientProof
-                  });
-
-                  generateBackupPDF({
-                    personalName,
-                    personalEmail: email,
-                    generatedKey
-                  });
-                  setBackupKeyIssued(true);
-                } catch {
-                  setBackupKeyError(true);
-                }
-              }
-            );
-          }
-        );
-      }
-    );
-  } catch (error) {
-    setBackupKeyError(true);
-    console.log("Failed to issue a backup key");
-  }
-  return true;
-};
-
-export default issueBackupKey;
diff --git a/frontend-next/src/components/utilities/generateBackupPDF.ts b/frontend-next/src/components/utilities/generateBackupPDF.ts
deleted file mode 100644
index bf3b430c6..000000000
--- a/frontend-next/src/components/utilities/generateBackupPDF.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { jsPDF } from "jspdf";
-
-interface PDFProps {
-  personalName: string;
-  personalEmail: string;
-  generatedKey: string;
-}
-
-const imgData =
-  "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAC7IAAAGRCAYAAADi5G4AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAHFMSURBVHgB7P1dsFXluS/6vuDHhVkBPHX0QkBxV6RqD/DIyjym+JhV0VSJC6w6iwtYkpu4CkqYF0uXHKI3cevWbW40llY8FxMtWMfcBDbMc7gJTHDV1FTNAey4k6kljFmlcxVEwL1KahcfmebCL3Z/2rAZRD5a66P19tH775caQaADffT+ttZbe97/+7zTUssdPb1qVvr0mnuuvXb6bV9+8eXt06Zdc9v5dH5e77dmpWm9r/O9LwAAAAAAAAAAAACAUTItnUnn05lpKR2Ln54//+W706+ZfvTzL8+/m679/J3bb9x9JrXYtNQyR/+PVfOuvf66f3/+i7To/LR0T++X5iUAAAAAAAAAAAAAAMo4Ni1Ne2f6tLT7sy/Pv3v7zTvfSS3SiiD70VOr75l+/vyqNG36v0+C6wAAAAAAAAAAAAAAVTs2bVp664vz51+//aZdb6WGNRZkP3p61axrP7/+P3+Zzq/q/XRRAgAAAAAAAAAAAACgDkevmTbtmc+u+fS3t9+4+1hqQO1B9qMfr1k0PX35H9P06Q+l82lWAgAAAAAAAAAAAACgEdOmpf/vF9d89kzdgfbaguxHT6+dd83nX/yX8yndkwAAAAAAAAAAAAAAaI26A+0DD7IfPb1q1jWfX//0+XT+sQQAAAAAAAAAAAAAQGvVFWgfaJD9+P/54H/+8vyX/3M6n2YlAAAAAAAAAAAAAAC64Og106Y9M+f//r++ngZkIEH2o6fXzrvm8y/+y/mU7kkAAAAAAAAAAAAAAHTOtJTe/OLaz9YNojv79FSx6MI+/Ysv/kmIHQAAAAAAAAAAAACgu86ndO/0z6/7w9H//h8eSxWrrCP70dOrZl3z+fVPn0/nK3+SAAAAAAAAAAAAAAA0Z1qa9tKtN/2v/+9UkUqC7EdPr503/fMv/v+9/1yUAAAAAAAAAAAAAAAYRke/vPazH91+4+5jaYqmHGT/KsT+Zu8/5yUAAAAAAAAAAAAAAIZZJWH2KQXZj55es2j6F+nNdD7NSgAAAAAAAAAAAAAAjILTX55PP7r95p3vpD71HWQXYgcAAAAAAAAAAAAAGFlTCrP3FWQXYgcAAAAAAAAAAAAAGHl9h9lLB9mPnl47b/oXX/yTEDsAAAAAAAAAAAAAwMg7/eW1n33/9ht3Hyvzh6aXeXAWYv/8C53YAQAAAAAAAAAAAAAIN07//Lp/OHp61bwyf6hUkD0Lsac0LwEAAAAAAAAAAAAAwKTbp39+3f/v6OlVhRumFw6yf3jqP7yUhNgBAAAAAAAAAAAAAPi2f3vN59c/VfTBhYLsx//PB//z+XT+sQQAAAAAAAAAAAAAAJcQmfOj//0/FMqdT7vaA46eXjtv+hdf/FPvby3c5h0AAAAAAAAAAAAAgJF0+strP/v+7TfuPnalB121I/s1n3/xX4TYAQAAAAAAAAAAAAAo4MZrPr9u29UedMUg+9GP1/zH8yndkwAAAAAAAAAAAAAAoIDIoB/97//hsSs9ZtrlfuPo6bXzpn/+xZu9/5yXAAAAAAAAAAAAAACguNNfXvvZ/3D7jbvPXOo3L9uRffpnn//PSYgdAAAAAAAAAAAAAIDybrzm8+ufutxvXrIj+1fd2I8mAAAAAAAAAAAAAADoz/mvurIfu/g3LtmR/atu7AAAAAAAAAAAAAAA0K9p13x+3bZL/sbFv6AbOwAAAAAAAAAAAAAAFTn/5fn0/dtv3vnOhb/4rY7surEDAAAAAAAAAAAAAFCRaSl9+dAlfvEvdGMHAAAAAAAAAAAAAKBip7+89rP/4fYbd5/Jf+GbHdk/++KeBAAAAAAAAAAAAAAA1bkxfXrtYxf+wjeC7NOnpacTAAAAAAAAAAAAAABUaPr0af+vb/w8/4+jp1bf0/thXgIAAAAAAAAAAAAAgGot+iqznvk6yD79fPqPCQAAAAAAAAAAAAAAqjctnT//7/OfTP/LL0/7YQIAAAAAAAAAAAAAgAGYPm36N4PsRz9es6j3w7wEAAAAAAAAAAAAAACDMe/o/7FqXvxH3pF9UQIAAAAAAAAAAAAAgEGadu2q+CELsl8z/fy/TwAAAAAAAAAAAAAAMDjTrpk+7f8R/5EF2c+fn6YjOwAAAAAAAAAAAAAAA3V+Wronfpx29PSqWdM/v+50AgAAAAAAAAAAAACAwTr/5bWf/d+mp8+v1Y0dAAAAAAAAAAAAAIBaXP/FtT+cns4nQXYAAAAAAAAAAAAAAGrx6efp9ukpnZ+XAAAAAAAAAAAAAABg8Kal6edvm37NtOl3JQAAAAAAAAAAAAAAqMP56fOmJwAAAAAAAAAAAAAAqMn06em26edTmpcAAAAAAAAAAAAAAKAes6Ij+6wEAAAAAAAAAAAAAAD1EGQHAAAAAAAAAAAAAKBWWZAdAAAAAAAAAAAAAABqI8gOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKiVIDsAAAAAAAAAAAAAALUSZAcAAAAAAAAAAAAAoFaC7AAAAAAAAAAAAAAA1EqQHQAAAAAAAAAAAACAWgmyAwAAAAAAAAAAAABQK0F2AAAAAAAAAAAAAABqJcgOAAAAAAAAAAAAAECtBNkBAAAAAAAAAAAAAKjVtQkA+nDu7Gfp+PF/Tf/83tnej5+kE8f/nM6d+zRNvHcm+/34+ZXMmHFdmjHzujTn1u9kP58z9zu9rxvSgoWzsl8fW3hj9iPdc7mxceLD3o9nP80ec7XxEWNhxszrszEQX3N742P2V+PD2AAAAAAAAAAAAOi+aX88teZ8AoCrOHL4dDo0fipNHD7b+/HjqwaRqxBh97E7Z6XFS29KS5bdJMDcQhFaj/Fw6MCpLLR+6B9PpXPnPkuDZmwAAAAAAAAAAAB02nlBdgAuKQLK+/ecTAcPnMp+rCOcXMTiZTd9HV5evOzmRL1iXMSihjf2fpT29cZFHQsaioqxsXzFLen+FbO/7vQPAAAAAAAAAABAKwmyA/AXEVLeuf1o2r/3o6z7etvNmfudLLy8Zu1tQu0DlC9q2LnjWJp470xrFjVcydjCWWl1b1wItQMAAAAAAAAAALSSIDsAKR0c/zjrsL3z18c6EVK+lAi1P/bEWFqy9CbB5YoMw7gIsdhh9dp5aU3vCwAAAAAAAAAAgFYQZAcYZfv2nEzbXv2gE93Xy5gMLevS3o+s+/rek2nn9mNDNy7yxQ4C7QAAAAAAAAAAAI0TZAcYRbu2H0svPX8knTj+5zTMBJeLiwD71lffT9v+9oNOd18vwrgAAAAAAAAAAABonCA7wCgZlQD7xQSXr2zrlvfTy89PDH2A/WLGBQAAAAAAAAAAQGME2QFGwcHxj9PLL0ykQ+On0igTXP6mGBc/feTtkVvYcLEYF6/9akkaW3hjAmhC7IpxqHdOjh/DjJnXZV+Ll92caJcTxz9JE++d+cZ7NfvWG9ICnyEAAAAAAAAAUJYgO8Awi5DVs0++k3ZuP5b4iwguv/jK/3NkA4InPvwkbX707ZFf2HCx1WvnpU2Pj6U5t34nAaMhPiePH//X9M/vnc1+fvbcp18HlOfOnTwXzLn1huzHWOwSoeUqXW2h2YwZ16XlK2c7NzUsxsTWV99P+/d8lCYOn7nkY+LaYt3ffC/d/+9me68AAAAAAAAAoBhBdoBhtXXL++nl5yfSuXOfJS5t1ILLeRAvxgWXpms/DLc4D+7cfjRNHD6bdUAvuyNFBMvH7pyVFiyclWbPvSEtXnZTX524+1lQFOemTY8vSNSr7O4l8Tny9HOL0vKVtyQAAAAAAAAA4IoE2QGGTYT0Nj/yu7R/70eJq8s7qK7fMD8Ns7JBvFGnOzsMl6t1Pp+KPNy+Y/c9hR4fIfYHV73V1/k4zk0vvnJ3oh6xo018dvbDwgMAAAAAAIqKeYw3evP7+/ac/Hr+YGzhrOxrzdrbRnancQBgJAiyAwwTYeX+RVfdF39599AFly1s6F8scnjtV0uzAhHQTXHue+Zn/zTwz8X47Bj//cqrPm4qIfacMHs9Yuw8/JPxNBVP/fyuoV8oBwAAAADA1Dzz5Dtp25YPrviYdRvvyJqnzJh5XQIAGDKC7ADD4qXnj2TdZulf3PhHB9VhCZ1t3fJ+evn5iXTu3GeJ/umq210njn+SqjJjxvWKgx0SgfHNj749kA7sl1I0XB4h9iqek4D0YFWx4CDEOWPvP9xndw9aJRY5njv3aapKLPwDgGFT9edl27i/BQCgH2XmXLp0zTmV6/8qamObH3k77dp+rNBjo/lW7A7reh4AGDKC7ABdFzfXsUq76A0uVxeBxE2Pj3U2eKYLe/Wiy8HTzy1KdMuy7/+msk7csWtDFAdpv9idZMNPDtS6iCdC7PHZcSXxOR0F6SpEkXr89w8oVg9I7G6zs6LrKucO2mbXr49lC32q0qspJQAYNmWCJF30WK/mtekJC/YBACinTKOWrlxzTrx3Jvu++plPiO8vvs+p6KdRnTlLAGAInZ+eAOisvGOoEHu14vV8cNVv0/493QuCR4Bzxb37hdgrFtv5rbj3jeyYA9orwsdre+fvuneiGFs486qP2b/nZKpKLFjauf1oYjDis7QqMbET7xcAAAAAAO0Rc34PPzTe13zC+o3zpxxij7pxP3P8MWdpvhIAGDaC7AAdlYfYJw6fSVQvtseL4sVLLxxJXRGd+SPAWVUHar4pjrVY4KA4BO0UC3h++kh1XYaLiq7oYwtvvOrjDh4o1qmmqInDZxPVixB71Z+j+ypcxAAAAAAAwNTk8+z91ILXrJ2XnnrurjRVB8dP9V2L3rdXzRkAGC6C7AAdNJWba8p5+fmJ1nfijucWzzFW4DNYscBBmB3aJ47Jzf/pd6kJi5fddNXHxLmj6q7c8XdSvXNnP09V814BAAAAALRD1Or7nWcfu3NW+sUrd6cqTBw+nfql0Q0AMGwE2QE6Roi9fnkn7jZ2v4/OsRFi15m/PsLs0D7xudjP9p9VWLz06kF2uuNPZz9NAAAAAAAMp6mE2HfsvidVZSrNbzRPAQCGjSA7QIcIsTcnCgIRGN/66vupLbZueT+tXfXbxsKbo0yYHdrjpeePNPq5uGDhjVd9zIwZ1ydG14yZ1yUAAAAAAJq1+ZG3+2oONufW76TXXl/aq/VXV+udc+sNqV9jC2clAIBhcm0CoBOE2Nvh2Z+9m62Q3/T4gtSkZ558J23b8kGiOXmYfcfuH2YFLKB+8dn48gsTqSkRUF687KZCj4uvqXRYuZhC9WAs/uvqO+wXWewAAAAAAMDgRFOcXduPpbJiDjCbC5xb7VzgVOrGCwY0PxBzLjsLvkZLlt1caH4EAKAIQXaADhBib5eXn5/IVuu/+Msf1N5lNUKQDz80ng6Nn0o0Lw+z733zPh13oQFbt/xLalKZMPnqB+elba9WtwDp/hWzE9WLyYgqFx0UXewAAAAAAMBgRIi9n6Y4gwqxh6gbx1fZOd94TqvXzkuDcPx4ueZBat8AQFWmJwBa7+GHDgixt8z+PR+lFfe+kS0yqEv8Wyvu3S/E3jIRZo/FBUD99u89kZq0eGnxIu39K6sLnkehWoF4cNZtuCNVZbkFBwAAAAAAjWljiD339HOLSjfKij8DADBsdGQHaLm4uY7u37RP3o07K2LcOrgiRvZv6crfarG44Jkn31E8ghodHP+48XNibJ1ZVATP122Yn7a9+n6aqtdeX5oYnPUb56ddO471PnunNr7i2mDTE2MJAIDhFaGTGTO6tUPbTDvKAQAwInZuP9ZXiD2u86MOP8gQe4hdX2MH8M2P/q7QLqEvvnJ3Wr7ilgQAMGwE2QFabOuW9/u6uaY+dYTZhdi7YduWD3pj4Ia0fsP8BAxe7IzRtCgylxGh5v1/f2JKAelNTywo/e9STkxS7Nh9T7bzSpHJg8v9HXVMdAAA0KzYgSfCJAAAQLtMvHcm/fSRt1M/oj5cVx1++cpb0t4770svPz+RBe8vJRrlRDMtcwMAwLASZAdoqQgvxw0r7TfIMHsUWSLEfu5cf0E66hXH7P3/bvbAO/QDKR06cCoNwuq189L9K2ansTtnfiOEHOf6CKBPHD6dDo6fStOmpdJbfuYB6WxxUh9h9gixP/a4Dt91iPc+3quHHxov/V7l77NJBQAAAACA+uVNwvoRC1Xrru1GPfoXvX/3sSfGsl2gj/eef4jdlBYvu1mtGQAYeoLsAC0lvNwteZj9tV8trayYIMTePdG5N8bB3jfvKx1wBcqZOHwmVSkWoGQLki7TQTt+Pb6i88m6jf3vvBB/x/jvH8gWvrz0wpFif6b33F785d3Zv0194vM8AulX6oRzsXiPYqJDJ3YAAAAAgPrlIfZ+5lej63k0u2lK1JVXr1VbBgBGz/QEQOu89PyRdOJ4+U6tNGsyzP5WJeFKIfbuinFQNJwK9KfqEHu4Uoh9EKKzyvgfVqY1vaL4pRZAzcg6rcR2oXdli2OE2JuRd8KJQHu8V3NuveFbj4n3KiY34jHxJcQOAAAAAFC/PMTezzx77Ii6buMdCQCA+unIDtAycYP98gsTiW6a7Mj9VhZk67czuxB7923b8kG6f8VswVMYkLNnP01VihByE+HjPCQd4px/7oLvSxi6XeJ8np/TvVcAAAAAAO0Sc7QPP3Sg7xD7Y4+PJQAAmqEjO0DLRICZbssKJT85kC1KKEuIfXhsfuTtbCwA1Tv5YbW7lqxpcKvQ3IwZ12WB6PyL9vJeAQAAAAC0y+ZHftfXbq5C7AAAzdORHaBFXnr+SF+rxNtgxszrsg7kC3pfc+bekGbMuD7NufU7va8bvvG4E1+FDyPkffz4J1lBIULbh8ZPpWFy4nhsXffbtGP3D7PXodCf6b0mDz80PpQh9hgTi5fdnP04d+53euPl+mzMXG58TBw+nR0LR3rjIxsjHQyExxjY+ur7adPjCxJQrbPnqu3IbvcEAAAAAADopmeefCft3/tRKiua3AixAwA0T5AdoCUixPzyCxOpSyL4t2TpzdmPRUOAX3cuvcTjI8weAeZ9vULDMATb8zD73jfvy0LbV3zsh59kndi7upDhYheOjbE7Z2Xda4vIx8fF4ynC7IfGP+7c2Ni25YO05sF5hRczAMVUubhFR20AAAAAAOimaBQX83FlLV9xS/rFK3cnAACaJ8gO0BJdCbFHIHv9hvmlwutF5X/nuo3zsxB4BJZ3bj/W6VD7ZJj9rbRj9z1XDLM//NCBzofY4727v1f0Wf3j2wsH14uKbv/xlY+NbX/7L2nf35/4uoN7W0XYdvOjb2fvPwAAAAAAAFCNCLH3M8ceTbhe/P/8IAEA0A7TEwCNi27cEdhuswhhb3p8QRr/wwPpsSfGKg+xXyw65K5eOy8LAI//YWW2tVtXRTfx2NLucuL34jFdlC1s2HhH9j7FVwTNqw6xXyzGxlM/vyuN//6B9OIrd6c5t96Q2iwWYgzDDgMAAAAAAADQBlu3vN9XiD12Uc4akA14PhMAgOIE2QFaoO3d2NdvnP91gL2Jm/oILsfWbl0OtO/afiy99MKRb/16v9vdNe3ChQ1PPbdo4AsbLicWO0SgPZ5Lm13qvQcAAAAAAADK2b/3o/Tsk++msiZD7D8UYgcAaBlBdoCGtbkbe4ST9755X3rqubtacUPf9UD7y89PpK2vvv/1zw+Of9z6RQwXu7gzf1sKPfFcYlw0Fai/Gl3ZAQAAAAAAYGom3juTNv+n36Wy8hB7zDcDANAu1yYAGtXWIPPTzy1K6zbekdooD7RHePnBVW+lEx/+OXXFsz97Ny1YcGPve7gh/fSRt1OXRGf+NoXXLxbjIrYCjAUDbeyAHs9px7J7EjTp3NnP0pHDp9PE4TPp5PE/p7O9n58792n26yEWq8yYcX12jlqwcFaafWv8eGOCK4nxc/z4v6Z/fu9s78dP0p/OfZaNrXCi9/ML5ZMEMcZivM3t/dw4a068PzHxE+9bfk7If/1C8b7N7L1f3+1dA8S5Id67sd57Fj8OuyKvUX7uDPnYjtfpu9mPxjYAQL/iXuPQ+MffuBa78Dosv06d/dU97OJlN6c6Xer5XXyPHfc8+XX0WO8rAlTDLN6fQ/94Kp3tvQ4Th89+/Wu5C+sO8drM6d0Pjsq9xaXkr9fEkcl7jrj3uJQZM6/PXqOofTbh4vv+E73xfuFYDxcej/HejsJ4L8px0Z9L3Y9f7nUbtTrm1T5/wsW1HPU3hkU0iHv4ofHemP+s1J8TYgcAaDdBdoAGtbEbe9zIv/jLu1vb2fpCUWwY//0DaVfvNYyQcFcC7VFgieceBf8uGLtzVnr6f1nUiTERImy/fOUt2evcpjGRd2XvyutItfbtiW0u/ylVIXZEKCMmMGI3iH53BojFK3EeWL12Xlqy9KaBTkIWfZ0unJSZqpgAW/b936SyIiDx4it3F358lWMglB0HVYodRWIxxKEDp7IJxXKfZ5cfg2NfBTviPDnosXYlzzz5Ttq/52SqQtlxMmjx3sX7FueCeO+KT/hc+n3L37P7V9ySfa9dn2TPF/u8sfej3mt1KrtWLzspdrH8HLq4N6aX9MZ23eEqAIBBKnrtXOa6uNw97Ld/P2pCy1fMHthujnFNHdeL+3rfdz+1vbh+juvCdRvuGIqQb9xTx2uxv/ealLvH+Kb8dVn+1b1Fm0w2Uvnkqo+LpjDRCORq+qrTNFBHvvD+sdjz/PZjogYe9/ibHh8rNd7L1FCarI9cjuPiL4oeF7n8HLvz18f6et3qrGPWKQ+u7+u9NvFjsc+fbx+T+esTY+r+3mdlna9P0TET4jm+9vqy1EbxPcT3UtTTz/3b7NqEauSvf9lrsMnFYO0NsZf53Hvq54uy47esMsdgUdu2fJDN0fej3+8DABheguwADWpbN/aurkaPomQUxKMTd9sWBlxKFB0nzp5JXRBF5qeeuyt1TRT5o0NR2zr2x/gUZB9Nfzr7ae2LV2LiJz5n+gmvXygmjS6ctIxzbtkJyKKaeJ1CP//mxR2rr6ap760qU51ILCLC8fGVF7/jfNnExOO5rMNXNe9V2XEyCIN87y73ng0qNDQo+flyKgGDy7nwHPryC5OTxstXRrDqNqF2AKDzil47F7kujmBNXJNNtba3f89H2VfUCaPZQVXXpnHNG89tqvfY+TX01i0fZNfPT/fqbmMd7JBb1euRu/B16Tf8PCgxNouM86stus8D7Nv+9oOB3VdPVTzHnduPZgHsKt7bOPZ3bf8kGy9l6kldraE4Lr6taDOKrVvezwKRU33f66xj1qHqms6Fr8+zT76bzaPEYoM66jixwP/lgsdGtutDb+y0sWHC1pLjdOzOmYlqTC3Efk+r577LfO6dO9PfuaDoebuMOKf0e27q9/sAAIaXIDtAg6II1RaTHQ6WdnZLtXjev3hlspN8dIOqslvvKOpSZ/7LiTHRtjD7/r0ne2Nz0chvC8tgRUFy86NvVzZpdrGYlIuvrKPSkHSQ4/KqnoQtY5gmHptQ1WKWMr4ObD8/kVb/+La05sF5rX3PmgqRxL+Vn0fjWqXKcBUAQFdFgDGuIau8LosA7U8feTv7e7PGHX1el8Z1dfw9gwjVxrXzinv/a6fudwbxXl2s3/Bzmw1yHFUldjwd5P1Rfh8U90DrN8wfqvqo46J/gz428nHXtdesrppOLJTIPyujjjPIYzOaJpVp7hU1m02PL0htE3M8RcX8WlfnXNsm6ngPP3Sgr3PF088tyhZtAADQbtMTAI2I4llbCteTndjbvRq9qChI7n3zvt73dEOiP1Fci9dwGDqH52H2toyHvKsRDEoEjlfc+0YtwdXokvTgqt82EnBm8GLCbNn3f5M2P/J2K97juG5a9ld7sol1i9WuLN67WMS1tsHjMybYYxI0zhEx8dg2ETKI8T3ooMHV5OGqZd/f04ldhQAAqpZ31oyusIO6LotrrriXKHtdGvcd0SwjrqsHXcON+52231/n94iDfK8uJb8XjHvTGC9d9NLzR2oZR/3K39u67o/i34naVVffzws5LqamzmMjP8+2/d47PnuiTlB3TSev48SxOajXKALyZeac2viZGMH/MuNV44LqxDVZvP5lvfjK3dm8MQAA7SfIDtCQthTMJkPsP0wzZgxPB5QIL4///oG0bsP8RDmbnliQBb+HbTy0KcweW/PCIMTkT0x01DlxFpMcETqIcDHDIQ+StHWSPZ9Us4Di2y4M2rTl9YlzxLM/ezcLardhcn3ivTPZ+Kk7ZHA1FwbahyHMAQBQRH7vUde1a1yXFr13jee24t792QLuuuT3121bCFpnoP9K8hDq/j3dqqtF0LhMB+K6NfXexnhf8aM3+goltoHjYmqyzso/Ga/92Mjvvdtax4x5g1gY0eTcYf4aDWqRxPIVtxR+7IU7NbZFmeuCCO4LUFcjzre7+jguYr7TewAA0B2C7AANiAJQGwowUUjJttYd0q3tnv75XdmWcVxdjIXoTPDY42NpGMUYf+31ZakN4tiPgjBUqemJ0QgXC7N3X0yYdSEkbgHFt0UXuLqDNmXkXTCbfM+iC3vbgxJteJ0AAOqQh9jrDoAWuXdt6rnlInDfljB7/lq05T4jrpcffmi8M9fL/Qbv6jC5WOONRt/bCDPH+OpamN1xMTX5+95ks5c21jHjfBHh/rYsus8XSVQdZl+z9vZsLqqogwc+Tm0S9beilq+YnZi6aN7Tz/k2QuzDOt8JADCsBNkBGnDoQDsCYhHyHtYQe27dxjvS3jfvK1UcGzWTXfnvGfrOBGMLZ7VmYUPbtzClW6KY24aJUWH2botx1KYJsyJizMVE36iLgHabt6m/ULxnMcEeE9d1inESXdi7wtgGAIZdk0HxuNa6XPfipkPsuQizN91hOd/NqI0h43gPY0F/m/UbvKtDPs7b8N7moeau7EzluJi6zY/8rhWvX1vqmPkx0MbzRb5zQpWfRzFPVybgvevXf0xtESH2MtcHa3QCn7L4LO2neY8QOwBANwmyAzSgDSHW9Rvnj8yWahFgjjD7nFtvSHzTZIj9h9lrNApiYcPiZTelprW92zHdEQHWNm1RHZNAFmp0T7+TAm0QE31dmKgdlHjvuhTQDjEBGpO0dYXZY3y0NUByJaM+tgGA4RXXsE0HxTc/+rtvBWe/DtS2ZIHopZ5jXSKsm12zt3ihcyzoj0Bx3Ytki4j3ra332G1ZrHGheA8ffuhAajvHxdTF+b/JTuwXu9LCpjrknzttniuYPD7HK633lgl4R5i+La/P320vHqqPebc2zEN1WYy5fj5LY+5biB0AoJsE2QFqFoWfpgsvUUR57InRupGPzvPRdVyY/S/yEPuwd+W/2Iuv3N14h/44B7R1QoHuyCZGn2/fxOizT77TmU5atG8xRD9ionYUu1dHyLmr7110X6sjzB6vURt2rOjXqI5tAGB49RvwnTP3huyrKnEduvnRby4azO5l+wz3Vv38wqWeYx0GEdaNOtwgXqO4r4jAf9vE69dGgwqx5+/tVOqt8V62+d7HcTF1U1ngMajXKjS1aCgPsVfdnb6K4/FS4jOyqucaAe8yz2/f3pOpDaIje1Gr196W6F+cc3/aR3OHWCTx1HN3JQAAuunaBECtDrage8Cmx8fSjBnNBnmbkIfZJ7crbU/XmSaMaog9xPe8bsMdjYf/9u05mdb8eF6CfsUYbmMXqHyyPc63tFtM1HWtm/flRPfqWKy2fsP8NAqii1mXA9ohn1x/7fVlaRCG4TUKoza2AYDhVqQWE+G2CCItXnpzGrtz5rdqV3EfHAGn/XtPZuG2fmt80WQgviJQF9eNRbrNxnOLXQ3vX3FL78/dnNXXLq6x5s9v4vDp3vP7aEoNTS58jnXIg85TqTXEc13Qe40u9/6F/DWKTrtRHzt0oP+GD9FNOQLQTz+3KLXBvt7zKRsUjzEVXzN74+u7F42n+LvidYr7p6kuBJ5qiD3G/+KlN6Ulvff4cuM/pckOynFclj0G4t5nSW/cLF95S2oTx0U1ii7wiGMhG2MFXqsqzrPxGj/zP70zsNrE5Wx+5HdTCoZf+Hk0tvDGrG5wqdcqPx4jhB1jqt/XKuvM/pMDk3NKt059TqnM/Ex8Rjc9luP1K3P+XDMiu2EPQn7OLWvszlnpF6/cnbi8F1/5QaHHxbn1mYJzBjHW+939Pd4zAIALCbID1OxQiVX7gxCF4NUjXETJw+xRdKu620VXRHEgXoNRXMyQ2/TEgrRrx7FGFzRE4ViQnX5F8XxniwOaMSkSz0/Rvt3a2iWuX7FDwf3/bnYlE2ptFgHtrnfRz8Xk+ksvHEmbHl+QqrSrz+2H22pUxjYAMNwimHSl+9i41onmG1erW0Y9a3EWpL0pPfXcouz+c7KjbvkaT1yL7lh2T3aNfcV/c+Z12cLCdX9zx1XraRc+v3Ub52chwrie6/cePn+OgzaVsG7++qz+8W2Fmmbkr1FKN339fsc1fHyv/byPEYCOQGfTNYgIOUa972ri9Vq+Ynb2fKNOW7RGO5Ug9TNT2HEgnuOaB2/rvb+3F3quMQbi68JjIO79tr76/lXf3ziWx5c9kNoi75rtuJia+D6uNv7ie84WMRVYuFP1eTbGZ52LhuIzZ//ej1I/ynwehQuPxzCV1yr+bFXNS5Ysu7lw3Sbf5bqu9+dS/m77Hws/Np7nKDaQqkK/1yL5nCdXVvQYOt/7X1Gz597Q6LEJAAyX6QmAWk0caTY83aYuHE3Jw+xRyB01Qux/8eIvi3UfGJRDLdidge7qQkAztpydarcwBicmzareTrxp+W4AwywmOocpoB1iArXKz8SY9LpaEKlrRmFsAwDDLa73Vtz7xmV/f/3G+Wnvm/f11XwjwjPjv3+gr8WR8byWff83V7w3yv7+PzyQHnuivx0uow4ZHULH/7Ay65jbz3Os49467jP6uUeM9y5/faYS3Iv3Pt7HF3uvVT+vU9Qg4l6gSRHWvdK9TQRQY5zG6xXfZ4ytMmOq33puPK8INZcVzzfmEvb+w31ZWLjffz/bHXPjHVlN+mrHaYz1OFe81JL73mf7XADguPiLGHvP/Oydy/7+5Dl25dfHRD+mep4NsWCgDv0uvL/w/NHv51G48LXq5/WOc1wsSpmqfCFCUbEDS5PK/Psau/QnD7GXPefGQsjXXl9qzhMAYAgIsgPUrMnwahQ+dQKYFIW/UQuzC7F/UxRKm3z/o4OJkC/9iIBmFxZCxPjeuf1oon3ivdnV4o7+UxHHxrAuFIoJnWd+9k9pGG1+5O3KPhP7DeC03TCPbQBgNFyqu2Zen3vqubumXK+KYF9W95pZ7u+50rVj7OhXVS0tarIRSF23YX4qq4rQ4JXE/WHZ7rwRHKvqvbtQ1K/j712+4pZSfy7uJ575n95JbRV1yFisMZUAaj/6XegbdeR4vhFAr0ocA/H9x997pbBx1Ezjq2mOi2rEuf9y3ZVjoUR8X1XNWeXn2X6CxHG/PXH4dBqkqR6PVZ4/8mZP/SwCi4YEVdRwyoznJuuY+/Z8VOr7jR03KCff/aKfEPuO3T807w0AMCQE2QFqdHD849QknQC+KZ8s67dLR5fkRXQh9m9avfa21KRDB5o9J9BNXerGvKvEtqvUZ//ekwML+mZbHPcmul/85d3ZJNt7/21V+uOpNdlX/Hf82muvL8uuSQb1+VtXF626DWtAO0RIoYpwTkwK7xzg5GaM75hojTH+9HN3ZeM8vh57fCz7tUEvkBvWsQ0AjKa8LtdvB95Lib8r7jeqECH2uM6r2tM/v6t0mH2QCxr7CVZONsv4YaXv3YUikPbar5aVDlju3/NRKxd/5gsimgjabX31g9L3kWu+Ck0P6vnGfVPba/KOi8GLDuxVLpS4UHQc72cubN/ej9Ig9VPXie8jdkUY1PEY4fiyYypCx1XUcNasvb3wY+PfbGocv1GiG3ssOim7oI4kxA4AQObaBEBtTjYYPoqb+kEVUbssnzTLCiUfDmc4LC/oCLF/WxRLo4DcVGf04x82310IBmni8JlskqHo58+MmdcXemzWnavCc3Y/n48LOryjxyCCvvFZs+nxsbR85ezLft7Er8eEdXwtXznZdSk6KkU4t8r3M8ZcjJFhmsjopxNcP+JYiLE9Z+4Nvffr+uzXzp37NJtMOvLV8Twosd34+g3zpzThN4iFPvF8YuI4OmoVPT/t+vUf084dRyu/tsy7srumBwCGwaB2SoxrpQigT+XaMP87BmXTE2Np/9+fKHy9GNeAUbsaRDiubLAyro2f+vmiWuqMEbAMZRZ0xmN3LLsntcWgFkQUEWHsuM8qI97fCAEPWt4Nuq01ecfFYEWIffWAmy7FOI46RtQmi4rjpZ8O5UUcOXy6dF2nrvNHP2OqihpO/Nn4vC1aa4rXr+56yOSOo8cKP14zsfJil8Yyx2mYnNcVYgcAGDaC7AA1OvJeuZvxKq3b8L3EpeWF8xX3vtFYoHlQdCW4ssnOqrMb25py4vDZBINyuUDq2ehgc+BUViCu45y3b+/JwpMMEW7OA85XEl2xqgqs5p8BoyImsqsOI09lwjYmLmN8PPOzd9L+CjtfxSTToCYfm9DP1tNFZV30e5OP6/7mjqu+hxHSjvFT9eKDkHf06vd9G0Q39hibMcFe5joqHhuTwKt/fFt6+CcHSk/GXc3BAx8LsgMAnRfhvEHuZhN//64dx/q6Zo1a2osDDvLGNfiLv/xBFuItKnb1ixpWlcpeQ0fH6TpCzheKa+u4Dyn6PNu0+LPJEHsoWzeJsR/39nVpa03ecTFYcVysrins+9qvlpYaX/G4icOne59PN6aq/fSR/73U49dvnF/r+aPsmJoMeB/NnudURA3owfG3Cj02dpg8d3ZRrR3P95foxq6ZWHlR7yw7N/f1TtvmPAEAhs70BEBtJo40F2RfooByRdnWnBVtPdwmr72+VEHnKqqeBCyj6nAbRCE3JgDe+2+rsoLuU88tSut6Ewqrfzwv+4r/zre0fu9fVk0GNAe8lXNsYUx7HKl4AU1MWMWE7VS6juXbY1fZtaiN22b3KyZ0TgxoV594/8b/8EA2YVnkPYz3avVX28wPostUdPTqN8Cwr8TkYhH5ubLf66g8lFF1QMs5FQDourg+qiOc1+8CybjOraOWFmG3MteKg9jVr0zQOQJ6UWdsQtQ2ytQuynQVHpTlK25pNMReNozd1I6ecaw9/Vx94fkiHBeDE69XncdFjK91G+4o9WcODqCeFHWdMvMA2ev0RP3nj7JjqoqGFPE5WDSYPrnQoN75lDLn0cVLzcGW0W+jmpjHHevwTqkAAFyeIDtAjZrqLBKFr0F0kRg2MYHUtsL5VMT3oqBzdU0u8hi2HQBoVtlAaohA6vjvHxjouS+6+Rjr7RGdpaoS1xfrNla340sE4qv63Iog+7CMu0F0Y49Jwlg88NRzd/UVVIjJ4Hi/qu56P5VJyV3b/5iqUlXnxMnXeWml3cLq2k0DAGBQ4vqoDtG4oOx1WHaPUzL0OBURdi6q6l39ygadm9zxMe9gX1TT94PxfJ/+ebM15rLhwE29+5+m3t98p7Y2cFwMVhOh/6iXlvksGMQOqmV3j2tiUUnIG6QUVcWYin9z9YPzCj++zgUZZXe13PREc4uXumbrlvf7CrFHUx5d7wEAhte1CYDaRJivCWMLZyaKWbfxjnT8wz+nba++n7osAljxvXB1USyN4GQT3dGbOicwXLKJq1d+UGoC/GJxvogicGxrPohJrUFsgU5/quzsHZ2Gqp6wjQmJ2Pa5CsMw7gbVjb2qTuGxcOZs75xR5XVTTPCWnZSKycWqPser7hCXd4DrZ4Luck4c/9c0NtMiVQBogwg4bX7k7dR2cX01iB11ylpdU7fzEPfKS3r3LPtKdIyNe5wqFyFezZJlNxe+Tqy6hlTm+jTqjE3v+BhjOL6Khgq39u5Rql54W1QEZ5t+vQ6Of1z4sXEPtLrh80PUApZ9f09qmuNicJavvKWRpjt5UHrbqx8UenzVO/yVD0M3O67iXLB1yweFayxV1N7uXzm78PuTL+6v47P60IHi71uMbTsjFxOd/J998t1UVhwbTX9WAQAwWILsADVqquOFLe3Kefrnd6WJI6crL1rWZezOWY1uXdtFcYw0EWQPMRGpyMlUTDXEnouCe2zNGWH2qg1iC3T6U2X4YRCTRjEOy0zCXskwjLuYPKxa1Tu2VH3dtH/vyd7/313qz5SZXLya6HxWtTIBpSKOvHfWbksA0BJxfb1rezeuO9sQZK/7OfyPveveMkH2up9fmevyEx9Wu8C1aNB5MuR8W2qDCOA+OP5Wocdm9yePp0Y0/Xrt2/NRqQXRL/6y3P3XIERtNI6/sp2rq+a4GJwmP4PKBKWbXDRU9cL6fsXYfvbJYnMlB3tjaqpB9qgDzpl7Q6HzVsyx7ttzMq358bw0aGXOR+s1lSpk4r0zafN/+l3qx3dnijUBAAw7V3wANWmy8/ICQZfSIsy54kf7K58kGrQodjaxRWfXLWigG0zu3NlPUxJkp0/RiaSKEHsuJg7WbZhf+a4Ug9iWl+YNapvjNQ/O+0YoOgLz+b8Vn3Px3zNmXj/5895EV5j71Xk0fn/yxxu+fkxXxQKrqhdZReeiQezYEuH4qjrpx6TkxOHTpYLa8X0t701MR6ez+POTX5+m473r7z+d+yzrGh/X4vmvX25ydHLytPrP5Ph7YxxXtajVji4AQBfFtXrZnXemam7Ja7u6uwXHNWLR8F6VygSdNz0+1poGDGW6T8djmmgeEV2nm3693sgWBxeTv6ZtEDt+NRlkd1wMTpz/m9wxL87tZe7Jq3yNyuyOsKklzYnWrL29cMfsquoTUdcpGvrftePYwIPsZTvpt+U82mbxmj780Hg6d66/2tizP3s3LVhwo9caAGCICbID1KTJrqAR5qKcKGzu2H1PFspqqpN+PyLErrt3ed9tMOx47uznCfoxqC49m3oTh7t2HK303Cd0OZwmjgxmJ4vVvcmoxX89OSkxyp9pO399LFUtju9BiEnhKrvn9dNxPBY4lAkexcRZFmr/atFiTKjlCyEGIZ5fl64pAQCqNrZwZqrb7BI10TzoWLdsAW6B8GyV99VFg87xerQtMBaL+YuGC6Nr7/qN81Od7m8wrJsrE5xtw04Nubj/r2qHtn44Lgan6R2DJxcNfSdNnC1Wx6qq8Uwci0UXR0x2+Z+X2iBer/E/rEx1ijFZNMgeYz3qK4P8zC6z818bFjC1XdTcYhfYqS7c2/zI29lOioOs3wEA0JzpCYChp4jSn3jdXvzlD1JXRDfUsQY7i3fZgjvrn0zNNbnIhW4bVJeemARYt6Hajs1d292CYrJOXgM6h8Vn8Khfv+wv0UWviJgQHeRrWuWE66AWSVwoguV5UCK+sgUUAwwjmGQDAEZd00HGq2kixN7Uv1s06BwdlNt2XxadgotqYne4JhZsXKhMcDbGXluCs7kqdx0sy3ExOEtaEPwvM29S1S4Zf7f9j4Uf27bPyLwuV+SrCmUXiOzcfjQNUplGDW1aENRGVYXYs7/r+Cdp86NvJwAAhpMgO8CQa2oSZlhEN4VNjy9IbbfpiQVp3cZqg6ejZMaM5jqyQz8G3aVn0Nuz0pwqJ1uj+9HDDx3QZXoAYpKnqonT3KC6sediwrGq685h3MXhhIVrAMCIW1Byx526jcpC2jJB5zaG8+Keo2ggtYnO3mMNj/OJw8UXBS9vQff4i5UJZFfJcTFYTS/wCHPmFt+h4+yZaupcR0ocj+s3fi+NujILWfbv/SgNStRvih4nUaNv47m0LbZt+SDb9brKGme8N888+U4CAGD4CLIDDDkB3al77Imx1m0XeqGxO2elxx4fbDht2FnwQdcMukvPZEed4hM8V3Pu3KeJdqjyfQ0xSZ5NSAjpVqrMFsZF1LXNcVWTdxPv1d8hbpAGsTABAKBrZsy8NtG8okHnst1x61S0JhILZOtceN2GxRD/W4mQchu6ZF+sqXHnuBisphd4hLk1H59RByg6riIM3YbXqGmxkKXoPE2EmQc1jveV2CGx7bvNNO3cuc+yr6pFQL6JRTkAAAyWIDtATU5+KLzSZa+9viy1URT2Xnt9aQJGSx2TjYuX3ZyqomN3ewxiYiwmQZf91Z60+ZG305HDpxNTV/VkzP01dYdqQ5e1tsl3LgAAGHUzZmq20QZFg85tbuqxoGDn6XDi+L+mUXK8xALatr7HYwuKv79VcVwMzqg2kDlyuPgCfWHoSTFWlpR4LXZuP5oGYdf2PxZ+rE76zXn4oXGNVQAAhowWGABQwNYt76c2inBUdIhYv2F+AkZHHV2+ZsywU8EwGuQiiF3bj2VfsZ11/DuxJXAE5+16UV6Z7aeLqGuyff3G+dkXk9do+3vXaC89f0Q3dgAAWqNo0LmJMHFR3y2xKOLIe2dHptNx3IMU7QAd9+1t6CB/KdFYYdurH6Q6OS4GZ1R3DJ4o0ejh/pW3JCat69WU9u39qNBj9/ceV3UNKs6hOuk3J2rIRRvi5I0j9r55XwIAYDgIsgPUZPatNyS6KVb1v/zCRGqrZ3/2blqw4MZWd4RpO92i6ZqxhYOfOJvjc2so5dtgD3L71XzSZ+uWyYnnbIK8N56iw1R0CBNuv7qJCoPsbQ4oDJPYmeD4V1uHHzpwKh36x1MD2T4ZAAD6VSbovODO9gZ2F9xZfCeoc+c+TaMi7kmKanPNp8z7WwXHBYPwzyXqOnPmqsHmomZZNMwctc0471VZ89r562OFH7vp8bFEdTY9sSBbLBSd1ouKc/czT76Tnn5uUQIAoPsE2QGGXJkCNt8WBbMHV72V2m7zI29nnQcEA/ujeE/X1HGszxzRjkmjIDqlDzLIfrE82L5/z186Kgm3X16VIfZgUUo14po6Fjee+PDP6WzvuuHk8T+n471fm3jvTHa9KLQOAKMpAldrHpyX2m7Oba4JKVcnHpYuyqO0O9LxD4t/r23uLB6h1DJdeafKccEgFO3yH2NdV+9vWrfhjsKNpXZuP5Y2Pb4gVSV21itKY6nqRIj9sa8WBqzbMD9te7X4DtnbtnyQ1ZnXrJ2XAADoNkF2gBEQRV/hsP48++Q7nSjsRsE9OhXs2H1PorzooNqUubfqkgvUa83a27MJoSZ3oygSbo/txEfR2bPVLq6K15Nijhw+nf75vbNp4siZ3vsw2ZUvwutC6gDA5UTgcvWP5yXogjJB5317T6aD4x+nNipzLztKuzCeOP6vhR/b9l27ZsyoL8juuGAQii6QqGPXza5Z0qsHFg2yZ406Hk+ViGO76FxghNjtfliN9Rvnfx1iD0///K506MDHpRp9xDzukl79c465NgCAThNkB6hJk2HVKGKPzdTVoaytW97POjp0RRTtXnrhSKUdKEbFubOfJ4BREYvb4rMitl5tk4vD7TFxvfivb0rLV8weqcmIkx9Wu4DOgqlLi4n7CK6/sfej3o9nJjurC6wDADDEygSdo8PpMBilXRjLhJPbfp8Y9/91NZdxXFC1bNe2gsejBlTfFiHx+Cqym2Q8Jr6q6I7+d9v/WPixun9XI963p56761u//tqvlqYV975R+Dia3Fn7t3atBgDouOkJgFo0ue3kkffOJsqJ7pvPPvlu6pqXn58oVODjmyYOn05Nie7DAHVbt/GO1m+BG6HiCLX/9JG307K/2tObkHirUwvM+nX8eLW7hAzL1udViImtWKgYY+nO7+1Oa3uTXFu3fJBdOwmxAwAw7EaxC/Mofc9lvtcZM9vd56zOTseOC6pWZqGArt6XtnzFLYUfe/BANbskFN1tIYLSqwXZpywWLL32q2WX/r3ecfHiL3+QyohdENrWtAUAgHIE2QFq0uQq8IkjxbdgYzLEHgGnrnr4ofHse6C4fz7c3DEiYAg05cVX7u7UYpoIG2eh9u/vyXYg8VlXjAVTk5P0MWaWff832UJFi/4AABhFwqvDrczi3Bkz1SNzjguqdrxEvSp2I+Tb1qy9vfBjd/26eCf1y4kQe9FdIGLnSKYmQuw7dv/wiuN/+cpb0roN81MZu7YfS1tffT8BANBNguwANZozt5kg0cRhQfYyHn7oQG1blw5Cvo2eInxxBw80E2iLBS62OgSaEt1tXnt9WefOQ9FhJ3Ygic+6CCcPmy5fg7TNhQH2GDO6rgMAMMpcD8O3OS6gfaJWWXQnyagTTrVhwd9tLx6GX6Mb+5TkIfYiuxFsemIsjS2clcqI+p85cQCAbhJkB6jRgpI33FWJIo5QczGx9dwwFDmieBed2bm6eL+bOj5sHQo0LSYDduy+p5Ndu/NAe3Ro152di0U3rRX37hdgBwAAAOiY9SW6ce/bezJNRdSQiogQdtGAPd8WCxRee31p4Xmx7PG/WlqqCUvM9T38kwPmxAEAOkiQHaBG321wy859e6ZWyBkFLz1/JG3b8kEaFrGAIYL5XFnRIuUgdDE4CgyfLofZQwTal/3VHlvH8rW4plu76re62wMAAAB0UATGiwaYd20/lvq1b89HhetHq9felujf088tKt1hPULv8efKiFrx5kd/lwAA6BZBdoAajS2cmZqya8exxOVt3fJ+evmFiTRsIpj/0gtHEpe3q8S2kVUbW9DMLg0AF4tJgfHfP5A2Pb4gddWzP3vXZx5p8yNvD+U1HQAAAMCoiBD76gfnFXpsdN+Oxk79eKNEN/c1a+cl+rPpiQVpdZ+vX/y5dSU69If9ez7S9AQAoGME2QFqNGfuv0lNmTh8xlZql7Fz+7H07JPvpmH18vMTCjaXEcdFfDVlwZ2C7EC7PPbEWBr/w8rOTswMw2fejBnFt8vlm6IT+1S6cA1KTL7ahQUAAKCYP539NAHcv3J24cfu29vfrtRF/1x0iI9GIJQXIfbHHh9LU7GpV7Mu2809mp70u8ABAID6XZsAqM2SXqGjKRFij2BXlzutDsLEe2d6xYx30rCLgs2MGdfrGHGR6FjfpDlzhdqA9olJmV+8cncWao9geEzodGkxXHzmLVl6c+nJjbYoum1yUeciADACE21t3F0nxuD9K2andX9zR3qmd72568NjCQAAuiCuZau+N2nCgo7eF/ajTJ3xxId/bnUg8+y5dtYgHBcUMXPm9YUfe66lY70tIjwex1yRumQ0Nnj6uUWpjPgzRWue5tb6s37j/CmH2EOMg9d+tTStuPeNUnXq2Llxx+4fpjm3WoQAANB2guwANcq6MfYKyieO/zk1IUK76zfMH4piaxUixP7gqrdGplj4017BJii4TTrx4SdZN/6mxHE4tvDGBNBWeaD9qXOL0v49J9O+3tf+vR+lLnj4JweyzvJdVPV1Wlx3DvvnTXymx6KLJk1+rs/KAgFjC2al5Q/M1l0fAIBWKRN0jrCYzrPdUuZe8njvHmpxg013rqbOxfSOC6pW5li0i/LVrdtwR6HGBfFaRvftMue2qHcWtXxF8e7wTIr34qnn7kpVifNvLFbY/NVcZxEnjn+SNj8aYfZ7EgAA7SbIDlCzxctuzlb5N0FX9r8YtRB77tkn35kMWOm60njX1jZPFgFcKMK4q9fOy75CTArt33syHTl8Jk30vto46RaTFHHNEwv4umbmjOKdu4qIgMKwi8/0uq7pIuQQ11Fzb/1OFlifMfP6tPivbxJaBwCg9cqFK0djZ6dhUuZeMu6Z26zO5+e4oGozhuhYbIM1P55XeC4nGhcVnXeJeua+gg07oiaqQVh5i5dWPwcW78WR986mbb26b1FRy36mNzdatmM/AAD1EmQHqNnYwpmpSbqyj26IPURxLr736D4wymH2pruxh0EU8QDqEBNCF04KRZg9tiU/dODjVoXbt/3tv3QyyD52Z7Wfz03tBFSXQX+mx1i/f8UtWVf7eG8E1gEA6KpyQefh39lp2My+tXhn8TbfJ0Y9oc6aguOCqsXcW3wVGcdRT+PKogt31GYijHw10Xjj3NlFheY/47FF2eW4XTY9MZbVoaMGXVTMjS9ZenNavvKWBABAO01PANTq/pXNbj8XxbOXXjiSRlUEnUY1xJ7Lw+xFCn/Dqulu7GGJjuzAkIiFUTEJ8NRzi7KFUu/9y6q098370muvL0vrN96RTTY1sYAuulp18bOu6teqzKROFw3iMz3eg9jB6L3/tiob0+s2zp8cx0LsAAB0WJlFs2fPjG7ttKti16ii2nyvfOTw6VQnxwWDMKdg5/6oXbVxp8O2Wb6iWPg4XsuidbCiTRHm3Podu+u2TNTtXvvV0tI11M2P/i5riAEAQDsJsgPULApYc+YW744yCLHyfBRDzFu3vJ9++sjbIx1iz+Vh9qa7kjdhV+97bvr7juKn7j3AMLtauL2uXUH2leiu1BZxrVhlmH3Yg+xVv8cxORlj9bEnxgTXAQAYKkWDlWHiyHDfRwyjMveSbQ7P1j1v4bhgEMrUvYa9blOFNWtvL3x+K9LIK8LMRc81dtZtpzh3P92rO5cRn3sPP3TA4hEAgJa6NgFQu+UrZqdtr36QmrT5kbezkE4THVKb8NLzR1rRhbttItgfExfRdXQURIEyxkLTFD+BURSTeHnAPcTnz65f/zHt3HF0YFspd3UyMF6nqibvY3Im/q46ukcd7P07uypYLBbXp0Umow6Of1zp5FNsFf2LV+5OAAAwjOI6O76KXEMLVnZTmXvJfXtOpjU/npfa5tCBeoPsjgsGYWzhzMKPjV0IdPy+sjhGl/TmVPbt/eiqj43jNI7nK819ljnPbHpiLNFOq3t1vCPvne3Nt79f+M/E+IjFDmVD8AAADJ4gO0AD7l/ZfJA9wmPPPPlOenHIwzpRsIrvc9cIdh4v6uXnJwP+oxBm3/xoBPcHE5YsI4JyAKMuOudE1+v4is+iIh2TyupskH3BrEq70EXX8jomRffvOVnJNVfRrkpVvkaxW8ogQ+x/OvtpAgCAppUJAtI9Ze4lI8jZtiB7mS7JVXJcULU5c/9N4cfu74299RvnJ65sXe81KnKcxpzg1RbqFN2xNxYHldm1gfrFQoNDBz4udX6OXcvjvTVPBwDQLtMTALWLIFEbOqFH0GgQobG2iML3g6veEmIvIAKEK+59I3vNhlV0Ym9iIuRiEZTTYQXgmyLMPoidYmLyqovbxS5ednOqUl3XQlVtsz7n1hsKPe6fKwwRvPjLwS7uPHvOtsUAADTvf1w4q9Dj8p2d6JYy95L7955s3f1y3d3Yc44LqrakRP0/7yDOlZWZV92149hlf6/Mgpn1G+9ItFuMidd+tbR0TfnZJ98Z6vlQAIAuEmQHaMi6De0ogESAeecQBr0Pjn+cBbN1SSkuXqsHV/12KF+zrVveTy+/MJHaYPFSIXaAS4lOOIPYHeTcue51wl5S8YKnOibbq+ycV7TbVVXh8DoWmbkmBQCgDZaUCDofPPBxolvK3EvGfeLO7UdTmzQ1T+G4oGoRqh0rsUAiOohzdasfnFfocVGfutzigDILZjQk6oaoI5atKcf4iPlQi0gAANpDkB2gIUsq7rQ5FT995O2hCrM/8+Q7aW0UIHS+LO3E8U+yBQDD1Kk/xvazT76b2mL9xu8lgK6Jz4evvwbYrWbdxjtasWtN0+I1qHqybNCf7VV2zhtbOLPQ46oai0X/vX7F8zQxBgBAG0SwsnBH21//MdEtZe8l9+/9KLVFlYujy3JcMAhlGtpcqYM4f3H/ytmFH3u5hTpbt3yQili+8pbCjRZoXtSU122YX+rPRJ075pMBAGiHaxMAjYiCcny1ZSvKCLOHNWvnpa6aeO9M2vzo2zpeViA69cfYfPGXd2ddSrsqQuz52G6DOObHFt6YAOoWE8KTIfQ/Zz8/e+7TLFj7p3OfpbNfBWzPffVrk1+TXcxPHP/zt/6umBh4+rlFaVCWr5iddg3hbjFlLV9xS6XXifF3bX31/bS+5KROUS89X11QfkHNn5UzZlyfBqnKkD8AAExF3iW4yL1G3EPG43Sk7ZYy95LxuP17PsoCm01rcjdNxwWDEKHrba8WC03HmIraXVvmYnb9+lihx8259YbesVBf064y86qxUGf9xm/WwOI1Ljp/2OW50lG16YmxtP/vT3xd/y4iatBjd84cWL0UAIDiBNkBGhQ3xm0JsocI/EYhtuwWbG0QXUYjfE11Ymyu+NEb6bFe8aeLRZwI1DU5AXIpip9AU6LbUNHJs6uJAv8gg+xz5t6QqtTV7klr1t5e+Y4ica10/7+bXfnEaHzmXmrRQ78Kb7/dkd13qgz5AwDAVJUJOkfNdceyexLdEfeSURMtuitUdKONYGiTu6NFuLTpHWMdF1QtP66KHosv9Y7bF1+5OzUtgt7RMKqIWASzuObdp6PTfZFjNR4Tr/2F57Z9e0+mIqJuFo026JZ4r3fsvifbdbrMzojP/uzdtGTpzYXrkQAADMb0BEBjosjTZIH4UiLgtPmRt0vd5Dfp4PjHWVGiSyH2sTtnld7irikxDqKIE69xTCh0QTznGMNtC7FH8XO1IDvQkAUVFuLjPDvIhXj/XOHOKm27ziqj7JbwRcR79/BDByq9zosdcar8zC0ToJgxo5r3N3YjGJSqQ/4AADBVEXQues0d935tasQSln3/N+nBVW+lrVveT0cOn058U7y3qx+cV/jx0dgmgtlNivvUpjkuGIR1G+4o/NhoHNGGOZhtW4o3wohQed0u7rJ+JTu3H/3Gz4t+b018X1QjGpr006zt4Z8c6My8OADAsBJkB2hYmUJWXaJg1vbgchQUooP82lW/LbwVYBtEmPm115emp39+V6e2H43XeNlf7ck69LR5XESYbsW9+7Mx3DabHh9LAE1ZvrLaLkKDWvQWnzEHD1Q3Gdz1TjqD2CUnPtNjcruK9y/er4cfGk9VamL3kkEFEOL1advCOgAAKBt0jnpgW2RBz+N/zq7hYwerlff+17Ts+3uye9SdLQmBtsH9JWsAEe5sqiN6BK/bUN93XDAIZY/Fop3QBymaRxW1YOGNqW5lGj/s3/vR1/8d55mijQbWb/xeorvWbbyjdDOxWNRVdY1zFHRlt0wAoBsE2QEaFt0D2tgtNG7a2xhcjtBVdIiJDiNNbzdaVoTYd+z+YdYRIMQ2kXNuvSF1SUxqPLjqt6177WNcxFhd8aM3Wtn1VDd2oGlxrVFlqDuuEwYxabv11Q8qDch3vYNSTMwNYuFbTN5NddFivitO1Z+7Zb7fGTOvT1WIMVf1tU28trFgAAAA2qhMuDLuH5ru2J2LHY8uFvenEeSNpidRz477lGd796sTI9yVup97ycnXrN5AebyfEbxuC8cFVYtaXJljMRYjbH31/dSUfFFEETHn0VSzpjUFF53E6xnHQtj562OF/kx8X2MNBPSp1qYnxkrPvzZ9/HVRfnwBAFRBkB2gYREsa2NX9lxbgssXBthffn6ik6u8oxN7HmIP8d+vvb4sdU0UJrIC+Pf3ZOOi6e32JncQ2F9qy8u66cYOtMHyFbekKsX5t8owe0y8Vn0uX7Ls5tR1g+jKHvJFi3F9VSbQHo/Nd8Wp+nosFn1deK10NVUuzojry6oWb+Yh9jYurgMAgFA26BzXy4PayaiouGcsco0dAeOtvXvLgw0/36ZFE5UyosYb9zF1hdmjrty2HawcFwxC2bpOlfWJMuLfvNSiiMtpsnlE7DxZtEFYPre5f+/JQo83lzMcYnzs2H1P6UZyz/7s3cbP610y8d7ZBABQFUF2gBaIruxt7sx9cXC5ziJadPuMTiFdDrCHp59bdMmwVfxa/F4X5eMiurnENqVHauzmEhMrse1sjIv4t9scFNONHWiLuN6oWgTP4/rgUIlthy+Wh36rnsBusjNUlQbVlT0X11cRaM+3HL/48zw+c7NObr8+lr1P8dhBLXBcU/LzcmzhzFSV+B5j8eZUr3Pj+mQQneoBAKBqZcOVDz803tjOnfHvlr1nLNNdexjFIuHHSgYy8zD7oDvSxoLqqCu3keOCqpWt60weh7+tfVxluzOXqGWsaXDOI8LJq0t0Zd+356PC39sw1BKZFJ+D/TQIyeYcW7RTed3m3lq8yUjUUwX/AYCqCLIDtEAUXZ7+X/5taruvA+1fhZ327ynWwaCsCK/n3dej22d0CulqgD1semJBWrfx8l334/fWbag+XFiXfJvSlff+1yzMGAsPphJovJILFzbEtrNdCInp4AG0RVxvDGIyJg8Ax2R30QVvMSkX5/SHfzKeXVcMouA9TOffOha95VuOx+f5bTft/Prrzu/tzj7fNz/69kAnJvoJ7C+oeKvnfCz3E9SP8RzHQFyfdPm6FQCA0RHX32V27moqXJkvfi6j7G5Pw6qfBjrxPkdH2kEE+SbeOzO5kP35dnViv5DjgkEoG6aN+sTDDx2obVxFJ/b9ez8q/Pg2NI8ouigjalkbHhov9Nj4nhwjw6Wf+dc4/qIOOqrKHgNN7+gOAAyPaxMArbB85S1ZkaQrK5cj7LTrq5vTLHi09Ka0pPfj2MIbS23VFgWBKGAfj1XbB06lQ/94aqjCPzFZUKTzzdM/vytNHDnd+ZXr8X7GwoP4mjHjujR256xsbCxYOCvN7k2alAmcxSRAdIWNbU+7OjZ0YwfaJibOHhx/Kw1CfIbln2P5Z8DFhe9z5z7NPvcHvRBpWLqx52IHl7ieaNu261Uqu+19iNclrjvjmqEq+cLNCFbk4fq5c2/IxlSM5/i3YhyfPftpNt4nDp/NFncKrwMA0EVP/3xRVncrek0d18srfvRGeuq5RbV0483DumXvITc9obFEiPulF3/5g9KB5xC1/7jniXuiWCg+59b+w52x8Pfvtv/xqmG3eL47dt+TheijJtwUxwVVi+MowrTbSux2EMdALJLYsfuHUzr+riZC7GXrTW1oHhGvadU1oTXmcoZSnPv2//2J3rmz+DkzPv9il4Ku7qg9VVFzLfo5HNcLcezYzQAAmCpBdoAWiQBPdLzsmjy49vILf/m1PFgU8hBbhH6y8E/29WknumlPRdy0P/XcXYUf/9rry7ICdJNF+ipFoOvCUGNuztwbemPj+suOjyjET4bEuh8IiyIzQJvkncXKdFnqR/4ZkFIzC7SySfYh66AUO7zE+zYs1wkXyroE9vF+xbVEXHMOYiHg5I4zn3y9cBMAAIZRXIfHgucIaxUVdbtY/BnX4VMNOF/J1i3vZwtMy9YIdZ3+pqgDRBCvzHucu/C+KK8nRMOSxctuvuKfyxuUZM1JLlEfvpwYixfOKzTFccEg9BOmzXeOe6z3Z6sOWceYffih8dI1lThG29K8Z92GOypr+qAp0fDKF0mtuPeNUgsftm35IC1ZenPWiG7URIOyMjXoWIA26EU3AMDwE2QHaJEoJA5Lt81v3uB2u8t4P+Jm/bVfLSv1Z6KY8tqvlk52U/lweEP+2QKGbyxiGM7x0W8oD2DQynYW65qYXB/Wiae4Tig76dJ2cc302BS6wg1ylwEAABgF6zbekXXMLrvgOe/YHdfz96+YXVn4OJ5L1Mf7WbAa9xe6Tn9bvMdRr985hYW6FwfS53y1c9WFptLAJu7j43m2heOCqvW7Q0K+c1yViyT6XRARojbVFmt+PK+y+dQI7jK8+lmgFDY/+ru0d+F9IxfQvn/l7LTt1Q8KPz7OU8v+as/kopsH5wm0AwB9EWQHaJlh7rY5KuIGPVaez5hRvkgdxZToDDDsYfZhN9VQHsAgxWdNTJxF16VhE+ff2OFmWMV7l+/gMgwmOyL1d82Ui4UL8TWIruxVis6FcX0/7DsSAcCoicBiF3dwidpTXENB7sVXfpBW/Gh/6XpkHrB8ee5ENqbWrL3tqt26LyUC0Pv3nEw7dxyb0rX9MO7OVZVffHWvvLOic1bc21R1f9PWoLXjgqrFeIgw7UsvHEll5dcc0R06gqLLV84u9edjPG199f207W8/6Hs33Ji/bNNYiudSVU1ojW7sQy8WKB3vnc+39Y6DoiZ3LjiQXTs3vVtIneK4mnPrDaU//2KBTHzFzg3x58cWzPrG78d1Q9RH891iAAAuJMgO0EIRwIpum3RPHmKfSjFPmL37Xnt96ZRCeQCDFpNe/U6ctVW2s0nv/Dvsk7NR6I9rxdiytetiwqKK96vtXdnj+jB2Qoj3TJAdAIA2mlxk2n89MoK7u7Z/koUsoyY2duestGDhrCzAFEGm8N2vAmB/yrp2f5aO9/7Myd718cHxU5U0dYndEYd1d66qVB1mr0pb7+UdFwxCNMCJsdHvcbh/z0fZVz6mopN4jKs8ZBs1iBMffvLVDgmfpYkjZyoZT1GPih2l2yYaB0w1yB6vmQV+oyEWTe3/+xOlzulx7EQNfdSC11Fv7bf+HK9ZfMW56lJGaVEAAFCcIDtAC8VK5bghLrvFGc2qIsT+9d8lzN5Z0ZUkjmGAtpvqxFnbxLXTqJx/80noLofZ4/Oyqsn0mGxct2F+qY5KddL9DgCALrhwB6gIP/YrOv1GqLDOXZPinuCp5+5KXF2E2eO9bsvC9rbXUh0XDEIch7FoYSrjoc4x1eYdENesvT29/MLElI7PdRu+lxgNk41Qyp/Tt235IFuAtL5XfxwVUbeNeYNBnGPi74zXX6AdALjQ9ARAK8UWZ9FJgG6oMsT+9d/5VZg9785C+0UHlDZ2JQG4nJg4i+4qXZZ3SBu1DmPx/cbESxcL/rHooOrPy+io1MZrJt3vAADokggU733zvk7VI6Me99qvliWKi4XtcV/W9P1khNi7UEt1XDAIUdPpwhzgIOa+qhTnsakuhrl/5ezE6Ijx0k89/OXnJ7LdDkZJLGAZ1LVCFbuOAADDRZAdoMVefOUHQswdMMhCnjB7d8Q4iG1wAbomJrC7GmaPc29MJo/q9r/LV97Sqcn0rOtRbyI9FmwO4u9u2zVTBAd0vwMAoGu6VI9cs3Ze9lxnzNDRs6y4L4v7yfsbCNLG/VuE47rUEMRxQdW+rpG0uMNz20PsuanUNaOmaBe90ROfgWtKNp6IDuIPrvrtlLr/d00cGy/+8gdpEI4cPp0AAC4kyA7QYnkgx9Za7VVHIU+YvRsixK7gCXRVhNm79lkTna6zEPeIn3vz64Q1Le/6HaHueL8G2W2sTddM8f3GcwEAgC6Ka+u9/7C81fcZ0VE8dhkT1u1fvM+v/mpZFiqv6z4qQqNxb9jFnascFwzC0z+/q5UNJvJjtQt1t3iu/c6jtr2exuA81Ttflv3sO3H8k/TMk++kURKNVOI6oWqHDpxKAAAXEmQHaLkoEsUWg7TPZECpnm4UeTBrqlskMhgxQeC9AbouJn26EIieXER2T9bp2sTspLhOiInqOsMHRcVEYkzI7v2H+2q9ZmqyS3+2yKL3/RqfAAB0WVzLt/E+I78nHMROT6MqQuXjv38ge68HdS+Vd2HPFh93eEG644JBiAYT439Y2YoxFWM85ju61tV/9YPzUj+Wr5idGE3Zrgi9+feyiyB2bT+Wtr76fholcZ0Qr1WV56hD44LsAMA3CbIDdEAUj6NwRHvk23PWWXTPg1lt3mpyFG16YoEJAmBo5IHomDxrW6A9JmVjonj89ysbDSm3WR4+iOB4GyY/4/lE966YkK1Tfs0Ur0OdOxvlk72xyAIAAIbF6q/qoE3fI+aLZN0TDk7+XkdN4OnefU0Vr/Pk3MZdvb/zgU52Yb8cxwVVi1pG0zWdvAt7F+c77l9ZPpAex7EdsUdbNKjqZ0eEZ3/2bpo4fCaNkujMXmXzkHNnP8s63AMA5K5NAHRCFI7ipu6lF44kmhXB5ccerzeQlcsCUj+/K83s/WgsNK/JsQAwSHmgPQLILz8/kQ4e+Did+PDPqQlRHI8JBROyxcX7tvrHt2WdbeJ6oc73Lq5VYiI/rl2b7rKXvw4xhnduP5YGJb7n9Rvmp3V/c4cu7AAADKWL7xEHeX19Mdfb9Yv3e93G+dnXuXOfpYn3zqSJw6fTkcNns9BZzFOcO/vpt//crd/J/uyChTN7P/6btPivbxrq98xxwSBcWMuoqx43DLW3eO7xVabLc9t3paQeUcOMUHrZc/jDPzmQLfwYpcUQefOQ6EpfRc354D+eSmt+3N1dWgCAagmyA3RI3s1SgLkZeZfNNnSOibEQnQI2P/q7bOKA+kWRU4gdGHb5pGzYv+ejtH/vyVom0WLi6f4Vt/Qm7m43IduneO9Wr/1Odt0Sk3gxwTCo9y6ukeK6pI3v2YXBgqqD/YIDAACMmouvryP0VSY0WFR+j2FRc/PiXicPiHJpjguqlo+pWEiyf8/JgYypvBHB8hWzh2Y8LV5aPMgeC28cR+Se6s39lq2bxsKuhx8az4LdoybqzfGVzxf0s5ArzkF/OvdpAgDITfvjqTXnEwCdEp0YhNnrFUWtHbt/2Hhn0YtFoeTBVW811iV3VEWBNw92Aoyi6FITnz2HegX+I9l/f9L7TCr/WRQF68lJ8Zuzjm1jC29MY3fOEgoeoHjv4ism9o73riPiv8suipsz94Zs8nxB7/2KSb+uvWdx/RTf/77eZHCM26JbAeehgSVLbxbkAACAr8T19cR7Z7++P+znHiO/1l7Q+4pQpfvC0Rb17qJh1N48d2ojxwVVy2sZ8ZWPqTJGYTzFa7Li3jcKPTZCuC+a44HKxLnp4PjHk5935z7L5gsuNGPm9V+dg8wBAACXdF6QHaCjhNnrE6Hlp36+qLU31FEAf6k3Hra9+n5i8NZvnJ+eeu6uBMC3xaRavrjqUluNR8E6Js7m3HpD9vO2LRAbVfnkwuR79u33LRb0ZYsO4r0b0vfswrGb/bz3esT3HWK8ZmPX5AoAABSSX1/n9xfnzn2azn4V4p371T1FXGPHtXZ2v+FamwsMQ5D9UhwXVC1fIJEHRqNhQZiZNY64PvvvLCw6xPWcC/30kbcLd4Ye/8NKdUkAAGgPQXaALhNmH6wo7sU2nes23pG6YNuWD7LxULazC8VtemJBeuzxsQQAAAAAQPWGNcgODNay7/+m0I6RscPejt33JAAAoDXOT08AdNZjT4yl115flgWuqVZ0qdj75n2dCbGHeK7xnPMut1Tr6ecWCbEDAAAAAAyQRi1AWfv2fFQoxB5iF2YAAKBdBNkBOm75yluElyu2fuP8tPcf7uvktoLxnMd//0DWSZ5qxDau0Z2jS4saAAAAAAC66MTxTwo9rov1e2Aw3th7svBjoyM7AADQLoLsAEMgCrYRtNVFYGrywPJTz92Vui669Y//YaUFDlM0ucXkDxU2AQAAAAAGbOLwmcId2e1UC4QTH36Sdm4/Vuixq3vzqBbBAABA+wiyAwyJKLz84pW7deLuU7xu0dl+mALLurNPTXTmj4UNipoAAAAAAIN3/MM/F36sJi5AOHTgVOHH3r/ylgQAALSPIDvAkNGJu5wIrsfrFa/bjBnD2cElHxNjC2clrm6YOvMDAAAAAFwouhe31Rt7TxZ+rAYkQHjp+SOFHhdzP8tXzE4AAED7CLIDDCGduK8uDyuPSsft+B6j4/yLr9xtkcMVRBf2YevMDwAAAAAQtm55Py37qz3ppReKBT/rtq9EkH2JGi6MvIPjH6cTx4vt5LB4qXMGAAC0lSA7wBDTifvbZsy8Lgv4j/9+5UiGlVevnff1IgeB9r+IsZB3YR/WzvwAAAAAwGiKLuwPrnorPfvku9nPX35+Iu3f81Fqk13bj6VzZz8r/HjzHsDLL0wUfuz6jd9LAABAO03746k15xMAQy+KwNFl5cSHxToTDJsIsK/fMD+t+5s7BJW/cuL4J2nXr/+Ydu44OtLj4unnFmUBfwAAAACAYbOzNzfw7M/eSefOfTMkHrXRaO7RhkB4HrQv2lk5dlyNZjXA6Nq352Ta8NCBQo91zgAAgFY7L8gOMGJGLdAexak1D84TYL+CCLRH952tr74/MuPCwgYAAAAAYJhFd/NnnnwnmxO4nDlzv5N27P5hVkdv0k8feTsL3Be1buMdWYMSYHQt+/5vCi9+efGVuzU0AgCA9hJkBxhVwx5oX7zsprTp8QXZjxQ37ONCgB0AAAAAGHYHxz/OwuFFQp5Nh9lfev5IevmFiVJ/ZvwPK7PnDYymWKSzbcsHhR4b57bsHOecAQAAbSXIDjDqIri8tVfsmTh8JnVdhJTXrJ2Xlq+YLcA+RYfGT2Vjo0wXnDaL8XD/ilvS6h/fLsAOAAAAAAytCHdGyLOMpsLs/YTYo9a7Y/c9CRhNZc8b0Yk9OrIDAACtJcgOwKQIskeB++CBjzvVjTvC62MLZ2Xd18funCWkXLETxz/JQu0RaI8fu8TCBgAAAABg1EQd98FVb6Wyop762BNj2Y6Wg3biw0/S5kff7qvmvPfN+7I5AWC0nDv7WbajcNFO7CHOa3HO0I0dAABaTZAdgG/bv+ejtH/vydaG2qPwtHhpdNienZY/MFt4vSZdCLXH2IjgegTYLWwAAAAAAEbRy89PZIHPfkRI/LXXlw6kO3sEUbe++n7a9rcfpHPnPktl6awMwyd2B54z94beuefGbI7nYnHe2Ln9aBZgP3G83JzlpicWpMceH0sAAECrCbIDcGURWJ44fDrt2/tR1rU9CkZ1y7uuL1l6c9ZZW0C5eTHJMPHemWzBw5HeuGjL2NB5HQAAAAAgZV3Zp9KQZPnKW9L6DXf0aq43p6k60ptj2N+bY+g3wB4iWL9j9w91VoYhc9tNO7/+75j7i2M9D7TH7g1lw+u5+HvGf78yAQAArSfIDkA5EViOLu2HDnycBZgjvBy/VoUoTEWRKoLJc3sFprEFs7LQum1CuyEfGzEpkf13r7gYXdyrCrhPduQwNgAAAAAAribqsit+tH/Ku65GcDxvIjL3Cl2TL/x3z537NB36x1Np4siZtG/Pyb6DqBfasfsejUxgyBwc/zitXfXbNAjOGQAA0BmC7ABUIwLLeUE8OiREofrsZQLMM7PA+vXZf0dHhDm33tArfF+vy/qQig472ZiICYzs69NC4yPGxOTYuE6XHQAAAACAkqJuH53Zpxpmv5RoPHKxyRB79Tt3bnpiQXrs8bEEDJefPvJ22rn9WKqacwYAAHSKIDsAAAAAAADAMBpkmL0OAqkwvJZ9/zeV7NhwoTVr56VfvHJ3AgAAOuP89AQAAAAAAADA0IndLnfsvieNLZyVuubp5xYJscOQip18qw6xj905S4gdAAA6SJAdAAAAAAAAYEhFmH3vm/elTY8vSF0wY+Z1Wfh+3cY7EjCcDh04laoUndjjvAEAAHSPIDsAAAAAAADAkHvsibEs6Dnn1htSWy1edlMWuo8fgeG1c/uxVJXYvSE6sc+YcV0CAAC6Z9ofT605nwAAAAAAAAAYCS8/P5F27jiaTnz459QGEVyPjvEC7DD8zp39LN35vd1pquJ8ESH2sYWzEgAJALrq/LUJAAAAAAAAgJER3dlX//i2dGj8VHrphSONBdoF2GH0HOydd6bCeQMAAIaLjuwAAAAAAAAAI2z/no/S/r0n077eV3RLHqQIny5ZenMWpJ8z9zsJGD2xiObg+Mfp0IFTaeLwmSued+bMvaF33rg5LVg4s3feuD3NmHFdAgAAhsZ5QXYAAAAAAAAAMhEwjVD7kcNnrhowLSIPoS5ZelNa/Nc3Ca8Dl3Ti+Cff+jXnCwAAGHqC7AAAAAAAAABcWh5mP/HhJ+n4V0HTE8f//K3HzZx5XfrujOvS3LnfSTNmXp/G7pyZ/ah7MgAAAHAZguwAAAAAAAAAAAAAANTq/PQEAAAAAAAAAAAAAAA1EmQHAAAAAAAAAAAAAKBWguwAAAAAAAAAAAAAANRKkB0AAAAAAAAAAAAAgFoJsgMAAAAAAAAAAAAAUCtBdgAAAAAAAAAAAAAAaiXIDgAAAAAAAAAAAABArQTZAQAAAAAAAAAAAAColSA7AAAAAAAAAAAAAAC1EmQHAAAAAAAAAAAAAKBWguwAAAAAAAAAAAAAANRKkB0AAAAAAAAAAAAAgFoJsgMAAAAAAAAAAAAAUCtBdgAAAAAAAAAAAAAAaiXIDgAAAAAAAAAAAABArQTZAQAAAAAAAAAAAAColSA7AAAAAAAAAAAAAAC1EmQHAAAAAAAAAAAAAKBWguwAAAAAAAAAAAAAANRKkB0AAAAAAAAAAAAAgFoJsgMAAAAAAAAAAAAAUCtBdgAAAAAAAAAAAAAAaiXIDgAAAAAAAAAAAPxf7dxBbiTVGcDxr6o7uyzwAku9wsUFsMIBMhn2URTGEjsiXyDkAhPMBcAXiJisRvJEaucAYHKAjDlBl9kgjSXcErChq+rRxYzBAza2x93PHvz7WV316nWVqw/w1wcAWQnZAQAAAAAAAAAAAADISsgOAAAAAAAAAAAAAEBWQnYAAAAAAAAAAAAAALISsgMAAAAAAAAAAAAAkJWQHQAAAAAAAAAAAACArITsAAAAAAAAAAAAAABkJWQHAAAAAAAAAAAAACArITsAAAAAAAAAAAAAAFkJ2QEAAAAAAAAAAAAAyErIDgAAAAAAAAAAAABAVkJ2AAAAAAAAAAAAAACyErIDAAAAAAAAAAAAAJCVkB0AAAAAAAAAAAAAgKyE7AAAAAAAAAAAAAAAZCVkBwAAAAAAAAAAAAAgKyE7AAAAAAAAAAAAAABZCdkBAAAAAAAAAAAAAMhKyA4AAAAAAAAAAAAAQFZCdgAAAAAAAAAAAAAAshKyAwAAAAAAAAAAAACQlZAdAAAAAAAAAAAAAICshOwAAAAAAAAAAAAAAGQlZAcAAAAAAAAAAAAAICshOwAAAAAAAAAAAAAAWQnZAQAAAAAAAAAAAADISsgOAAAAAAAAAAAAAEBWQnYAAAAAAAAAAAAAALISsgMAAAAAAAAAAAAAkJWQHQAAAAAAAAAAAACArITsAAAAAAAAAAAAAABkJWQHAAAAAAAAAAAAACArITsAAAAAAAAAAAAAAFkJ2QEAAAAAAAAAAAAAyErIDgAAAAAAAAAAAABAVkJ2AAAAAAAAAAAAAACyErIDAAAAAAAAAAAAAJCVkB0AAAAAAAAAAAAAgKyE7AAAAAAAAAAAAAAAZCVkBwAAAAAAAAAAAAAgKyE7AAAAAAAAAAAAAABZCdkBAAAAAAAAAAAAAMhKyA4AAAAAAAAAAAAAQFZCdgAAAAAAAAAAAAAAshKyAwAAAAAAAAAAAACQlZAdAAAAAAAAAAAAAICshOwAAAAAAAAAAAAAAGQlZAcAAAAAAAAAAAAAICshOwAAAAAAAAAAAAAAWQnZAQAAAAAAAAAAAADISsgOAAAAAAAAAAAAAEBWQnYAAAAAAAAAAAAAALISsgMAAAAAAAAAAAAAkJWQHQAAAAAAAAAAAACArITsAAAAAAAAAAAAAABk1Yfs0wAAAAAAAAAAAAAAgDymQnYAAAAAAAAAAAAAAHLqQ/YkZAcAAAAAAAAAAAAAIIsUqS6LIuoAAAAAAAAAAAAAAIBMyrZLBwEAAAAAAAAAAAAAABmklD4vI4o6AAAAAAAAAAAAAABg+VJ0xUEZZaoDAAAAAAAAAAAAAAByGMR+GYN2LwAAAAAAAAAAAAAAIIdhs19WK+PpfFkHAAAAAAAAAAAAAAAsU4q6b9jLft116bMAAAAAAAAAAAAAAIAl6lJ83p9/CNmjiP0AAAAAAAAAAAAAAIDlSb8bFON+8TRkb4fjAAAAAAAAAAAAAACAJZp16YeJ7MXxxsHhxmR+WgsAAAAAAAAAAAAAAFi0FJPXVnde75fl8V6Xut0AAAAAAAAAAAAAAIAlKMrYO16XP+0W4wAAAAAAAAAAAAAAgMVLbUr/Pr4oTn5zcHjv8XxrPQAAAAAAAAAAAAAAYFFSTF5b3Xn9+LI8+V0XsRsAAAAAAAAAAAAAALA4aVAW75/ceC5kj2Hz0fw4DQAAAAAAAAAAAAAAWJDZ7Lv/nbx+LmSvVsbTLnUPAgAAAAAAAAAAAAAAFqAo4uNqNK5P7pW/vK38OAAAAAAAAAAAAAAA4OpSO5t98PPNX4Ts1erOfhHxaQAAAAAAAAAAAAAAwBWcNo29V552c9sMNgMAAAAAAAAAAAAAAF7cqdPYe6eG7NXoYd1F91EAAAAAAAAAAAAAAMDlpbOmsffKMx8btlvz41EAAAAAAAAAAAAAAMBlpKjPmsbeOzNkr1bG0y6lMx8EAAAAAAAAAAAAAIBTpEFZvH/WNPZeEef44nDjkxTxpwAAAAAAAAAAAAAAgHOkSJ+uvfro7q/dU8Y52mawOT8dBQAAAAAAAAAAAAAA/Lqj1DSb5910bshejR7WXUofBAAAAAAAAAAAAAAAnC11KW1Vo3F93o1FXNDk8O0PyyjfCwAAAAAAAAAAAAAAeF7qUrddrf7nHxe5+dyJ7D8atlvz4+MAAAAAAAAAAAAAAICTUkwuGrH3LhyyVyvjadcM/tq/IAAAAAAAAAAAAAAAoJdi0rWzty7zSBGXNPnynbVy2P5/vlwJAAAAAAAAAAAAAABus6+6ZvZmNRrXl3nowhPZj1Wjh3WX4u58eRQAAAAAAAAAAAAAANxWX3Up3rpsxN679ET2Y5MnG+tlEZ+EyewAAAAAAAAAAAAAALfN04h9dWc/XsALh+w9MTsAAAAAAAAAAAAAwK1zpYi9V8YV9C/umsEfIsUkAAAAAAAAAAAAAAD4bUsx6ZrZm1eJ2HtXCtl71ehh3bWDu2J2AAAAAAAAAAAAAIDfrDT/e9y1s7vVaFzHFRWxQJPDtz8so/z7ov8vAAAAAAAAAAAAAADXJnWp245v262qGk9jARYenE+e3HuvLIr78+VKAAAAAAAAAAAAAADwMjvqUtqqVh9txwItZXL65Mt31gbD9l8p4k6Yzg4AAAAAAAAAAAAA8LJJKdJeaprNajSuY8GWGplPnmz8rYy4P39LFQAAAAAAAAAAAAAAvAyWMoX9pKVPS++ns8eg+WdZFO+G6ewAAAAAAAAAAAAAADdV6lK3Hd+2W1U1nsYSZQvLBe0AAAAAAAAAAAAAADdSSpH2UtNsVqNxHRlkD8p/FrRfy28AAAAAAAAAAAAAALjl0vwz7VL3IKJ8UK3u7EdG1xaRPw3a2ztlxP35r1gLQTsAAAAAAAAAAAAAwLL109f3U8RufNNsV9V4GtfgRsTjk8N7dyLFu2UUf3wWtfeE7QAAAAAAAAAAAAAAV5OenesudbtRFLvVq4/24prduFh88mRjfX5aHxTpzykV6yfC9p64HQAAAAAAAAAAAADgdOnEui5S7BWD2G++m/23Go3ruEFufBg+mfzllfj9cH1YFm80bbc2KIo3+v0Uxdr89MqzDwAAAAAAAAAAAADAbTLtPynStIyo25QOhoNy0qTuIL5uP6uq8TRusO8BkItlzgpagAwAAAAASUVORK5CYII=";
-
-const today = new Date();
-const dd = String(today.getDate()).padStart(2, "0");
-const mm = String(today.getMonth() + 1).padStart(2, "0"); // January is 0!
-const yyyy = today.getFullYear();
-
-const todayFormatted = `${mm}/${dd}/${yyyy}`;
-
-function createPdfHeader(doc: jsPDF, personalName: string) {
-  doc.setFillColor(255, 255, 255);
-  doc.rect(0, 0, 600, 900, "F");
-  doc.setTextColor(23, 23, 23);
-  doc.addImage(imgData, "png", 30, 35, 535, 72, undefined, "FAST");
-  doc.addFont("helvetica", "normal", "");
-  doc.setFontSize(12);
-  doc.text(`Created for ${personalName} on ${todayFormatted}.`, 290, 130, { align: "center" });
-}
-
-function createPdfContent(doc: jsPDF, personalEmail: string, generatedKey: string) {
-  const { protocol, hostname, port } = window.location;
-  const portSuffix = port && port !== "80" ? `:${port}` : "";
-  const siteURL = `${protocol}//${hostname}${portSuffix}`;
-
-  doc.setFontSize(14);
-  doc.text(
-    "In case you get locked out of you Infisical account, you`ll need these account details",
-    32,
-    180
-  );
-  doc.text("to sign in —", 32, 200);
-  doc.setFont("helvetica", "bold");
-  doc.text("including your Secret Key, which we absolutely cannot access or", 110, 200);
-  doc.text("recover for you. ", 32, 220);
-  doc.setFont("helvetica", "normal");
-  doc.text("Recommendations:", 32, 250);
-  doc.text(
-    "1. We recommend to get your Emergency Kit off your computer and print a copy.",
-    32,
-    280
-  );
-  doc.text(
-    "2. Store it somewhere safe (such as with your birth certificate, your will, or on your",
-    32,
-    310
-  );
-  doc.text("personal cloud storage).", 32, 330);
-  doc.setFillColor(251, 255, 158);
-  doc.roundedRect(32, 350, 530, 190, 5, 5, "F");
-  doc.setDrawColor(228, 255, 0);
-  doc.setLineWidth(1);
-  doc.roundedRect(32, 350, 530, 190, 5, 5, "S");
-  doc.setTextColor(43, 43, 43);
-  doc.setFont("helvetica", "bold");
-  doc.setFontSize(15);
-  doc.text("Infisical Account Details", 290, 375, { align: "center" });
-  doc.setFontSize(12);
-  doc.text("SIGN-IN URL", 50, 420);
-  doc.text("EMAIL ADDRESS", 50, 465);
-  doc.text("SECRET KEY", 50, 510);
-  doc.setFont("helvetica", "normal");
-  doc.setFillColor(254, 255, 235);
-  doc.roundedRect(170, 398, 375, 35, 5, 5, "F");
-  doc.roundedRect(170, 443, 375, 35, 5, 5, "F");
-  doc.roundedRect(170, 488, 375, 35, 5, 5, "F");
-  doc.setTextColor(23, 23, 23);
-  doc.setFontSize(14);
-  doc.text(`${siteURL}/login`, 180, 420);
-  doc.text(personalEmail, 180, 465);
-  doc.text(generatedKey, 180, 510);
-  doc.text("Need help? Contact us at support@infisical.com", 32, 575);
-}
-
-/**
- * This function generate a pdf with a secret key for a user.
- */
-function generateBackupPDF({ personalName, personalEmail, generatedKey }: PDFProps) {
-  // eslint-disable-next-line new-cap
-  const doc = new jsPDF("p", "pt", "a4", true);
-  createPdfHeader(doc, personalName);
-  createPdfContent(doc, personalEmail, generatedKey);
-  doc.save("Infisical Emergency Kit.pdf");
-}
-
-/**
- * This function generate a pdf with a secret key for a user.
- */
-export function generateBackupPDFAsync({ personalName, personalEmail, generatedKey }: PDFProps) {
-  // eslint-disable-next-line new-cap
-  const doc = new jsPDF("p", "pt", "a4", true);
-  createPdfHeader(doc, personalName);
-  createPdfContent(doc, personalEmail, generatedKey);
-  return doc.save("Infisical Emergency Kit.pdf", { returnPromise: true });
-}
-
-export default generateBackupPDF;
diff --git a/frontend-next/src/components/utilities/intercom/intercom.ts b/frontend-next/src/components/utilities/intercom/intercom.ts
deleted file mode 100644
index 7228fceb7..000000000
--- a/frontend-next/src/components/utilities/intercom/intercom.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/* eslint-disable prefer-template */
-/* eslint-disable prefer-rest-params */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-/* eslint-disable no-nested-ternary */
-/* eslint-disable no-unexpected-multiline */
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable vars-on-top */
-/* eslint-disable no-var */
-/* eslint-disable func-names */
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
-import { INTERCOMid as APPid } from "@app/components/utilities/config";
-
-// Loads Intercom with the snippet
-// This must be run before boot, it initializes window.Intercom
-
-// prettier-ignore
-export const load = () => {
-  (function(){
-    var w=window;
-    var ic=w.Intercom;
-    
-    if(typeof ic==="function"){
-      ic("reattach_activator");
-      ic("update",w.intercomSettings);
-    } else {
-      var d=document;
-      var i=function() {
-        i.c(arguments);
-      };
-      i.q=[];
-      i.c=function(args) {
-        i.q.push(args);
-      };
-      w.Intercom=i;
-      var l=function() {
-        var s=d.createElement("script");
-        s.type="text/javascript";
-        s.async=true;
-        s.src="https://widget.intercom.io/widget/" + APPid;
-        var x=d.getElementsByTagName("script")[0];
-        x.parentNode.insertBefore(s, x);
-      };
-      if (document.readyState==="complete") {
-        l();
-      } else if (w.attachEvent) {
-        w.attachEvent("onload",l);
-      } else {
-        w.addEventListener("load",l,false);
-      }
-    }
-  })();
-}
-
-// Initializes Intercom
-export const boot = (options = {}) => {
-  window && window.Intercom && window.Intercom("boot", { appid: APPid, ...options });
-};
-
-export const update = () => {
-  window && window.Intercom && window.Intercom("update");
-};
diff --git a/frontend-next/src/components/utilities/intercom/intercomProvider.ts b/frontend-next/src/components/utilities/intercom/intercomProvider.ts
deleted file mode 100644
index ef586261d..000000000
--- a/frontend-next/src/components/utilities/intercom/intercomProvider.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-
-import { useUser } from "@app/context";
-
-import { boot as bootIntercom, load as loadIntercom, update as updateIntercom } from "./intercom";
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const IntercomProvider = ({ children }: { children: any }) => {
-  const { user } = useUser();
-  const router = useRouter();
-
-  if (typeof window !== "undefined") {
-    loadIntercom();
-    bootIntercom({
-      name: `${user?.firstName || ""} ${user?.lastName || ""}`,
-      email: user?.email || "",
-      created_at: Math.floor((new Date(user?.createdAt)?.getTime() || 0) / 1000)
-    });
-  }
-
-  useEffect(() => {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const handleRouteChange = (url: string) => {
-      if (typeof window !== "undefined") {
-        updateIntercom();
-      }
-    };
-
-    router.events.on("routeChangeStart", handleRouteChange);
-
-    // If the component is unmounted, unsubscribe
-    // from the event with the `off` method:
-    return () => {
-      router.events.off("routeChangeStart", handleRouteChange);
-    };
-  }, [router.events]);
-
-  return children;
-};
diff --git a/frontend-next/src/components/utilities/isValidHexColor.ts b/frontend-next/src/components/utilities/isValidHexColor.ts
deleted file mode 100644
index f64ef0490..000000000
--- a/frontend-next/src/components/utilities/isValidHexColor.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const isValidHexColor = (hexColor: string) => {
-  const hexColorPattern = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
-
-  return hexColorPattern.test(hexColor);
-};
diff --git a/frontend-next/src/components/utilities/parseSecrets.ts b/frontend-next/src/components/utilities/parseSecrets.ts
deleted file mode 100644
index d1df7cd68..000000000
--- a/frontend-next/src/components/utilities/parseSecrets.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-const LINE =
-  /(?:^|^)\s*(?:export\s+)?([\w.:-]+)(?:\s*=\s*?|:\s+?)(\s*'(?:\\'|[^'])*'|\s*"(?:\\"|[^"])*"|\s*`(?:\\`|[^`])*`|[^#\r\n]+)?\s*(?:#.*)?(?:$|$)/gm;
-
-/**
- * Return text that is the buffer parsed
- * @param {ArrayBuffer} src - source buffer
- * @returns {String} text - text of buffer
- */
-export function parseDotEnv(src: ArrayBuffer | string) {
-  const object: {
-    [key: string]: { value: string; comments: string[] };
-  } = {};
-
-  // Convert buffer to string
-  let lines = src.toString();
-
-  // Convert line breaks to same format
-  lines = lines.replace(/\r\n?/gm, "\n");
-
-  let comments: string[] = [];
-
-  lines
-    .split("\n")
-    .map((line) => {
-      // collect comments of each env variable
-      if (line.startsWith("#")) {
-        comments.push(line.replace("#", "").trim());
-      } else if (line) {
-        let match;
-        let item: [string, string, string[]] | [] = [];
-
-        // eslint-disable-next-line no-cond-assign
-        while ((match = LINE.exec(line)) !== null) {
-          const key = match[1];
-
-          // Default undefined or null to empty string
-          let value = match[2] || "";
-
-          // Remove whitespace
-          value = value.trim();
-
-          // Check if double quoted
-          const maybeQuote = value[0];
-
-          // Remove surrounding quotes
-          value = value.replace(/^(['"`])([\s\S]*)\1$/gm, "$2");
-
-          // Expand newlines if double quoted
-          if (maybeQuote === '"') {
-            value = value.replace(/\\n/g, "\n");
-            value = value.replace(/\\r/g, "\r");
-          }
-          item = [key, value, comments];
-        }
-        comments = [];
-        return item;
-      }
-      return [];
-    })
-    .filter((line) => line.length > 1)
-    .forEach((line) => {
-      const [key, value, cmnts] = line;
-      object[key as string] = { value, comments: cmnts };
-    });
-
-  return object;
-}
-
-export const parseJson = (src: ArrayBuffer | string) => {
-  const file = src.toString();
-  const formatedData: Record<string, string> = JSON.parse(file);
-  const env: Record<string, { value: string; comments: string[] }> = {};
-  Object.keys(formatedData).forEach((key) => {
-    if (typeof formatedData[key] === "string") {
-      env[key] = { value: formatedData[key], comments: [] };
-    }
-  });
-  return env;
-};
diff --git a/frontend-next/src/components/utilities/randomId.ts b/frontend-next/src/components/utilities/randomId.ts
deleted file mode 100644
index 9c9382c14..000000000
--- a/frontend-next/src/components/utilities/randomId.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * This function returns a random identifier.
- * @returns
- */
-const guidGenerator = () => {
-  const S4 = () => {
-    // eslint-disable-next-line no-bitwise
-    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
-  };
-  return `${S4() + S4()}-${S4()}-${S4()}-${S4()}-${S4()}${S4()}${S4()}`;
-};
-
-export default guidGenerator;
diff --git a/frontend-next/src/components/utilities/saveTokenToLocalStorage.ts b/frontend-next/src/components/utilities/saveTokenToLocalStorage.ts
deleted file mode 100644
index 1539438f4..000000000
--- a/frontend-next/src/components/utilities/saveTokenToLocalStorage.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-interface Props {
-  protectedKey?: string;
-  protectedKeyIV?: string;
-  protectedKeyTag?: string;
-  publicKey?: string;
-  encryptedPrivateKey?: string;
-  iv?: string;
-  tag?: string;
-  privateKey?: string;
-}
-
-export const saveTokenToLocalStorage = ({
-  protectedKey,
-  protectedKeyIV,
-  protectedKeyTag,
-  publicKey,
-  encryptedPrivateKey,
-  iv,
-  tag,
-  privateKey
-}: Props) => {
-  try {
-    if (protectedKey) {
-      localStorage.removeItem("protectedKey");
-      localStorage.setItem("protectedKey", protectedKey);
-    }
-
-    if (protectedKeyIV) {
-      localStorage.removeItem("protectedKeyIV");
-      localStorage.setItem("protectedKeyIV", protectedKeyIV);
-    }
-
-    if (protectedKeyTag) {
-      localStorage.removeItem("protectedKeyTag");
-      localStorage.setItem("protectedKeyTag", protectedKeyTag);
-    }
-
-    if (publicKey) {
-      localStorage.removeItem("publicKey");
-      localStorage.setItem("publicKey", publicKey);
-    }
-
-    if (encryptedPrivateKey) {
-      localStorage.removeItem("encryptedPrivateKey");
-      localStorage.setItem("encryptedPrivateKey", encryptedPrivateKey);
-    }
-
-    if (iv) {
-      localStorage.removeItem("iv");
-      localStorage.setItem("iv", iv);
-    }
-
-    if (tag) {
-      localStorage.removeItem("tag");
-      localStorage.setItem("tag", tag);
-    }
-
-    if (privateKey) {
-      localStorage.removeItem("PRIVATE_KEY");
-      localStorage.setItem("PRIVATE_KEY", privateKey);
-    }
-  } catch (err) {
-    if (err instanceof Error) {
-      throw new Error(`Unable to send the tokens in local storage:${err.message}`);
-    }
-  }
-};
diff --git a/frontend-next/src/components/utilities/secrets/checkOverrides.ts b/frontend-next/src/components/utilities/secrets/checkOverrides.ts
deleted file mode 100644
index 7f311a252..000000000
--- a/frontend-next/src/components/utilities/secrets/checkOverrides.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { SecretDataProps } from "public/data/frequentInterfaces";
-
-import { SecretType } from "@app/hooks/api/types";
-
-/**
- * This function downloads the secrets as a .env file
- * @param {object} obj
- * @param {SecretDataProps[]} obj.data - secrets that we want to check for overrides
- * @returns
- */
-const checkOverrides = async ({ data }: { data: SecretDataProps[] }) => {
-  let secrets: SecretDataProps[] = data!.map((secret) => Object.create(secret));
-  const overridenSecrets = data!.filter((secret) =>
-    secret.valueOverride === undefined || secret?.value !== secret?.valueOverride
-      ? SecretType.Shared
-      : SecretType.Personal
-  );
-  if (overridenSecrets.length) {
-    overridenSecrets.forEach((secret) => {
-      const index = secrets!.findIndex(
-        (_secret) =>
-          _secret.key === secret.key &&
-          (secret.valueOverride === undefined || secret?.value !== secret?.valueOverride)
-      );
-      secrets![index].value = secret.value;
-    });
-    secrets = secrets!.filter(
-      (secret) => secret.valueOverride === undefined || secret?.value !== secret?.valueOverride
-    );
-  }
-  return secrets;
-};
-
-export default checkOverrides;
diff --git a/frontend-next/src/components/utilities/secrets/downloadDotEnv.ts b/frontend-next/src/components/utilities/secrets/downloadDotEnv.ts
deleted file mode 100644
index ef71352b8..000000000
--- a/frontend-next/src/components/utilities/secrets/downloadDotEnv.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { SecretDataProps } from "public/data/frequentInterfaces";
-
-import checkOverrides from "./checkOverrides";
-
-/**
- * This function downloads the secrets as a .env file
- * @param {object} obj
- * @param {SecretDataProps[]} obj.data - secrets that we want to download
- * @param {string} obj.env - the environment which we're downloading (used for naming the file)
- */
-const downloadDotEnv = async ({ data, env }: { data: SecretDataProps[]; env: string }) => {
-  if (!data) return;
-  const secrets = await checkOverrides({ data });
-
-  const file = secrets!
-    .map(
-      (item: SecretDataProps) =>
-        `${
-          item.comment
-            ? `${item.comment
-                .split("\n")
-                .map((comment) => "# ".concat(comment))
-                .join("\n")}\n`
-            : ""
-        }${[item.key, item.value].join("=")}`
-    )
-    .join("\n");
-
-  const blob = new Blob([file]);
-  const fileDownloadUrl = URL.createObjectURL(blob);
-  const alink = document.createElement("a");
-  alink.href = fileDownloadUrl;
-  alink.download = `${env}.env`;
-  alink.click();
-};
-
-export default downloadDotEnv;
diff --git a/frontend-next/src/components/utilities/secrets/downloadYaml.ts b/frontend-next/src/components/utilities/secrets/downloadYaml.ts
deleted file mode 100644
index e8e6e0ab8..000000000
--- a/frontend-next/src/components/utilities/secrets/downloadYaml.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// import YAML from 'yaml';
-// import { YAMLSeq } from 'yaml/types';
-
-import { SecretDataProps } from "public/data/frequentInterfaces";
-
-// import { envMapping } from "../../../public/data/frequentConstants";
-// import checkOverrides from './checkOverrides';
-
-/**
- * This function downloads the secrets as a .yml file
- * @param {object} obj
- * @param {SecretDataProps[]} obj.data - secrets that we want to download
- * @param {string} obj.env - used for naming the file
- * @returns
- */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const downloadYaml = async ({ data, env }: { data: SecretDataProps[]; env: string }) => {
-  // if (!data) return;
-  // const doc = new YAML.Document();
-  // doc.contents = new YAMLSeq();
-  // const secrets = await checkOverrides({ data });
-  // secrets.forEach((secret) => {
-  //   const pair = YAML.createNode({ [secret.key]: secret.value });
-  //   pair.commentBefore = secret.comment
-  //     .split('\n')
-  //     .map((line) => (line ? ' '.concat(line) : ''))
-  //     .join('\n');
-  //   doc.add(pair);
-  // });
-  // const file = doc
-  //   .toString()
-  //   .split('\n')
-  //   .map((line) => (line.startsWith('-') ? line.replace('- ', '') : line))
-  //   .join('\n');
-  // const blob = new Blob([file]);
-  // const fileDownloadUrl = URL.createObjectURL(blob);
-  // const alink = document.createElement('a');
-  // alink.href = fileDownloadUrl;
-  // alink.download = envMapping[env] + '.yml';
-  // alink.click();
-};
-
-export default downloadYaml;
diff --git a/frontend-next/src/components/utilities/secrets/encryptSecrets.ts b/frontend-next/src/components/utilities/secrets/encryptSecrets.ts
deleted file mode 100644
index 121f3ab73..000000000
--- a/frontend-next/src/components/utilities/secrets/encryptSecrets.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { SecretDataProps } from "public/data/frequentInterfaces";
-/**
- * Encypt secrets before pushing the to the DB
- * @param {object} obj
- * @param {object} obj.secretsToEncrypt - secrets that we want to encrypt
- * @param {object} obj.workspaceId - the id of a project in which we are encrypting secrets
- * @returns
- */
-const encryptSecrets = async ({
-  secretsToEncrypt,
-  env
-}: {
-  secretsToEncrypt: SecretDataProps[];
-  workspaceId: string;
-  env: string;
-}) => {
-  let secrets;
-  try {
-    secrets = secretsToEncrypt.map((secret) => {
-      const result = {
-        id: secret.id,
-        createdAt: "",
-        environment: env,
-        secretKey: secret.key,
-        secretValue: secret.value,
-        secretComment: secret.comment,
-        tags: secret.tags
-      };
-
-      return result;
-    });
-  } catch (error) {
-    console.log("Error while encrypting secrets");
-  }
-
-  return secrets;
-};
-
-export default encryptSecrets;
diff --git a/frontend-next/src/components/utilities/telemetry/Telemetry.ts b/frontend-next/src/components/utilities/telemetry/Telemetry.ts
deleted file mode 100644
index 860314d16..000000000
--- a/frontend-next/src/components/utilities/telemetry/Telemetry.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/* eslint-disable */
-import { PostHog } from "posthog-js";
-import { initPostHog } from "@app/components/analytics/posthog";
-import { ENV } from "@app/components/utilities/config";
-
-declare let TELEMETRY_CAPTURING_ENABLED: any;
-
-class Capturer {
-  api: PostHog;
-
-  constructor() {
-    this.api = initPostHog()!;
-  }
-
-  capture(item: string) {
-    if (ENV === "production" && TELEMETRY_CAPTURING_ENABLED === true) {
-      try {
-        this.api.capture(item);
-      } catch (error) {
-        console.error("PostHog", error);
-      }
-    }
-  }
-
-  identify(id: string, email?: string) {
-    if (ENV === "production" && TELEMETRY_CAPTURING_ENABLED === true) {
-      try {
-        this.api.identify(id, {
-          email: email
-        });
-      } catch (error) {
-        console.error("PostHog", error);
-      }
-    }
-  }
-}
-
-export default class Telemetry {
-  static instance: Capturer;
-
-  constructor() {
-    if (!Telemetry.instance) {
-      Telemetry.instance = new Capturer();
-    }
-  }
-
-  getInstance() {
-    return Telemetry.instance;
-  }
-}
diff --git a/frontend-next/src/components/v2/Accordion/Accordion.stories.tsx b/frontend-next/src/components/v2/Accordion/Accordion.stories.tsx
deleted file mode 100644
index d49f2b62b..000000000
--- a/frontend-next/src/components/v2/Accordion/Accordion.stories.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./Accordion";
-
-const meta: Meta<typeof Accordion> = {
-  title: "Components/Accordion",
-  component: Accordion,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof Accordion>;
-
-export const Basic: Story = {
-  render: (args) => (
-    <div className="flex w-full justify-center">
-      <Accordion {...args}>
-        <AccordionItem value="section-1">
-          <AccordionTrigger>Section 1</AccordionTrigger>
-          <AccordionContent>Description of Section 1</AccordionContent>
-        </AccordionItem>
-        <AccordionItem value="section-2">
-          <AccordionTrigger>Section 2</AccordionTrigger>
-          <AccordionContent>Description of Section 2</AccordionContent>
-        </AccordionItem>
-      </Accordion>
-    </div>
-  )
-};
diff --git a/frontend-next/src/components/v2/Accordion/Accordion.tsx b/frontend-next/src/components/v2/Accordion/Accordion.tsx
deleted file mode 100644
index c37649393..000000000
--- a/frontend-next/src/components/v2/Accordion/Accordion.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { forwardRef } from "react";
-import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { twMerge } from "tailwind-merge";
-
-export const AccordionItem = forwardRef<HTMLDivElement, AccordionPrimitive.AccordionItemProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <AccordionPrimitive.Item
-      className={twMerge(
-        "mt-px overflow-hidden border-transparent transition-all first:mt-0 data-[state=open]:border-l data-[state=open]:border-primary",
-        className
-      )}
-      {...props}
-      ref={forwardedRef}
-    >
-      {children}
-    </AccordionPrimitive.Item>
-  )
-);
-AccordionItem.displayName = "AccordionItem";
-
-export const AccordionTrigger = forwardRef<
-  HTMLButtonElement,
-  AccordionPrimitive.AccordionTriggerProps
->(({ children, className, ...props }, forwardedRef) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      className={twMerge(
-        "group flex h-11 flex-1 items-center justify-between py-2 px-4 outline-none hover:text-primary data-[state=open]:text-primary",
-        className
-      )}
-      {...props}
-      ref={forwardedRef}
-    >
-      {children}
-      <FontAwesomeIcon
-        icon={faChevronDown}
-        className="text-sm transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180"
-        aria-hidden
-      />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-));
-
-AccordionTrigger.displayName = "AccordionTrigger";
-
-export const AccordionContent = forwardRef<
-  HTMLDivElement,
-  AccordionPrimitive.AccordionContentProps
->(({ children, className, ...props }, forwardedRef) => (
-  <AccordionPrimitive.Content
-    className={twMerge(
-      "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp",
-      className
-    )}
-    {...props}
-    ref={forwardedRef}
-  >
-    <div className="py-2 px-4 text-sm">{children}</div>
-  </AccordionPrimitive.Content>
-));
-
-AccordionContent.displayName = "AccordionContent";
-
-// ref: https://www.radix-ui.com/primitives/docs/components/accordion#root
-export const Accordion = ({
-  children,
-  ...props
-}: AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) => (
-  <AccordionPrimitive.Root {...props} className={twMerge("w-80 text-bunker-300", props.className)}>
-    {children}
-  </AccordionPrimitive.Root>
-);
diff --git a/frontend-next/src/components/v2/Accordion/index.tsx b/frontend-next/src/components/v2/Accordion/index.tsx
deleted file mode 100644
index fd2e2ddd3..000000000
--- a/frontend-next/src/components/v2/Accordion/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./Accordion";
diff --git a/frontend-next/src/components/v2/Alert/Alert.stories.tsx b/frontend-next/src/components/v2/Alert/Alert.stories.tsx
deleted file mode 100644
index 49e8ca43c..000000000
--- a/frontend-next/src/components/v2/Alert/Alert.stories.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Alert, AlertDescription } from "./Alert";
-
-const meta: Meta<typeof Alert> = {
-  title: "Components/Alert",
-  component: Alert,
-  tags: ["v2"]
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Alert>;
-
-const ExampleComponent = () => <AlertDescription>this is a description</AlertDescription>;
-
-export const Default: Story = {
-  args: {
-    children: <ExampleComponent />
-  }
-};
-
-export const Warning: Story = {
-  args: {
-    children: <ExampleComponent />,
-    variant: "warning"
-  }
-};
-
-export const Danger: Story = {
-  args: {
-    children: <ExampleComponent />,
-    variant: "danger"
-  }
-};
-
-export const WithCustomIcon: Story = {
-  args: {
-    children: <ExampleComponent />,
-    variant: "warning",
-    icon: <FontAwesomeIcon icon={faPlus} />
-  }
-};
-
-export const WithOutIcon: Story = {
-  args: {
-    children: <ExampleComponent />,
-    variant: "warning",
-    icon: null
-  }
-};
-
-export const WithOutTitle: Story = {
-  args: {
-    children: <ExampleComponent />,
-    variant: "warning",
-    hideTitle: true
-  }
-};
diff --git a/frontend-next/src/components/v2/Alert/Alert.tsx b/frontend-next/src/components/v2/Alert/Alert.tsx
deleted file mode 100644
index 9b68f83bb..000000000
--- a/frontend-next/src/components/v2/Alert/Alert.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { forwardRef } from "react";
-import {
-  faExclamationCircle,
-  faExclamationTriangle,
-  faInfoCircle
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { type VariantProps, cva } from "cva";
-import { twMerge } from "tailwind-merge";
-
-const alertVariants = cva(
-  "w-full bg-mineshaft-800 rounded-lg border border-bunker-400 px-4 py-3 text-sm flex items-center gap-x-4",
-  {
-    variants: {
-      variant: {
-        default: "",
-        danger: "text-red border-red",
-        warning: "text-yellow border-yellow"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-
-type AlertProps = {
-  title?: string;
-  hideTitle?: boolean;
-  icon?: React.ReactNode;
-};
-
-const variantTitleMap = {
-  default: "Info",
-  danger: "Danger",
-  warning: "Warning"
-};
-
-const variantIconMap = {
-  default: faInfoCircle,
-  danger: faExclamationCircle,
-  warning: faExclamationTriangle
-};
-
-const Alert = forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & AlertProps
->(({ className, variant, title, icon, hideTitle = false, children, ...props }, ref) => {
-  const defaultTitle = title ?? variantTitleMap[variant ?? "default"];
-  return (
-    <div
-      ref={ref}
-      role="alert"
-      className={twMerge(alertVariants({ variant }), className)}
-      {...props}
-    >
-      <div>
-        {typeof icon !== "undefined" ? (
-          <>{icon} </>
-        ) : (
-          <FontAwesomeIcon
-            className="text-lg text-primary"
-            icon={variantIconMap[variant ?? "default"]}
-          />
-        )}
-      </div>
-      <div className="flex flex-col gap-y-1">
-        {hideTitle ? null : (
-          <h5 className="font-medium leading-6 tracking-tight" {...props}>
-            {defaultTitle}
-          </h5>
-        )}
-        {children}
-      </div>
-    </div>
-  );
-});
-Alert.displayName = "Alert";
-
-const AlertDescription = forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={twMerge("text-sm", className)} {...props} />
-));
-AlertDescription.displayName = "AlertDescription";
-
-export { Alert, AlertDescription };
diff --git a/frontend-next/src/components/v2/Alert/index.tsx b/frontend-next/src/components/v2/Alert/index.tsx
deleted file mode 100644
index 7851a0943..000000000
--- a/frontend-next/src/components/v2/Alert/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Alert, AlertDescription } from "./Alert";
diff --git a/frontend-next/src/components/v2/Badge/Badge.tsx b/frontend-next/src/components/v2/Badge/Badge.tsx
deleted file mode 100644
index 321c03296..000000000
--- a/frontend-next/src/components/v2/Badge/Badge.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-interface IProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-const badgeVariants = cva(
-  [
-    "inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-xs text-yellow opacity-80 hover:opacity-100"
-  ],
-  {
-    variants: {
-      variant: {
-        primary: "bg-yellow/20 text-yellow",
-        danger: "bg-red/20 text-red",
-        success: "bg-green/20 text-green"
-      }
-    }
-  }
-);
-
-export type BadgeProps = VariantProps<typeof badgeVariants> & IProps;
-
-export const Badge = ({ children, className, variant }: BadgeProps) => {
-  return (
-    <div className={twMerge(badgeVariants({ variant: variant || "primary" }), className)}>
-      {children}
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/Badge/index.tsx b/frontend-next/src/components/v2/Badge/index.tsx
deleted file mode 100644
index 5c7042709..000000000
--- a/frontend-next/src/components/v2/Badge/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Badge } from "./Badge";
diff --git a/frontend-next/src/components/v2/Button/Button.stories.tsx b/frontend-next/src/components/v2/Button/Button.stories.tsx
deleted file mode 100644
index a4a3a01f1..000000000
--- a/frontend-next/src/components/v2/Button/Button.stories.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Button } from "./Button";
-
-const meta: Meta<typeof Button> = {
-  title: "Components/Button",
-  component: Button,
-  tags: ["v2"],
-  argTypes: {
-    isRounded: {
-      defaultValue: true,
-      type: "boolean"
-    },
-    isFullWidth: {
-      defaultValue: false,
-      type: "boolean"
-    }
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof Button>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Primary: Story = {
-  args: {
-    children: "Hello Infisical"
-  }
-};
-
-export const Secondary: Story = {
-  args: {
-    children: "Hello Infisical",
-    colorSchema: "secondary",
-    variant: "outline"
-  }
-};
-
-export const Star: Story = {
-  args: {
-    children: "Hello Infisical",
-    variant: "star"
-  }
-};
-
-export const Danger: Story = {
-  args: {
-    children: "Hello Infisical",
-    colorSchema: "danger",
-    variant: "solid"
-  }
-};
-
-export const Plain: Story = {
-  args: {
-    children: "Hello Infisical",
-    variant: "plain"
-  }
-};
-
-export const Disabled: Story = {
-  args: {
-    children: "Hello Infisical",
-    disabled: true
-  }
-};
-
-export const FullWidth: Story = {
-  args: {
-    children: "Hello Infisical",
-    isFullWidth: true
-  }
-};
-
-export const Loading: Story = {
-  args: {
-    children: "Hello Infisical",
-    isLoading: true
-  }
-};
-
-export const LeftIcon: Story = {
-  args: {
-    children: "Hello Infisical",
-    leftIcon: <FontAwesomeIcon icon={faPlus} className="pr-0.5" />
-  }
-};
-
-export const RightIcon: Story = {
-  args: {
-    children: "Hello Infisical",
-    rightIcon: <FontAwesomeIcon icon={faPlus} className="pr-0.5" />
-  }
-};
diff --git a/frontend-next/src/components/v2/Button/Button.tsx b/frontend-next/src/components/v2/Button/Button.tsx
deleted file mode 100644
index 7707805e9..000000000
--- a/frontend-next/src/components/v2/Button/Button.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-import { ButtonHTMLAttributes, forwardRef, ReactNode } from "react";
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  children: ReactNode;
-  isDisabled?: boolean;
-  leftIcon?: ReactNode;
-  rightIcon?: ReactNode;
-  // loading state
-  isLoading?: boolean;
-};
-
-// refactor(akhilmhdh): both color and size variants are together need to split it
-// colorSchema should handle all color class names
-// variant should handle how the button padding and other  types should be set
-const buttonVariants = cva(
-  [
-    "button",
-    "transition-all",
-    "font-inter font-medium",
-    "cursor-pointer",
-    "inline-flex items-center justify-center",
-    "relative",
-    "whitespace-nowrap"
-  ],
-  {
-    variants: {
-      colorSchema: {
-        primary: ["bg-primary", "text-black", "border-primary bg-opacity-90 hover:bg-opacity-100"],
-        secondary: ["bg-mineshaft", "text-gray-300", "border-mineshaft hover:bg-opacity-80"],
-        danger: ["!bg-red", "!text-white", "!border-red hover:!bg-opacity-90"],
-        gray: ["bg-bunker-500", "text-bunker-200"]
-      },
-      variant: {
-        solid: "",
-        outline: ["bg-transparent", "border-2", "border-solid"],
-        plain: "",
-        selected: "",
-        outline_bg: "",
-        // a constant color not in use on hover or click goes colorSchema color
-        star: "text-bunker-200 bg-mineshaft-700 border-mineshaft-600",
-        link: "text-primary !p-0 bg-transparent outline-none border-none"
-      },
-      isDisabled: {
-        true: "bg-mineshaft-700 border border-mineshaft-600 text-white opacity-50 cursor-not-allowed",
-        false: "border"
-      },
-      isFullWidth: {
-        true: "w-full",
-        false: ""
-      },
-      isRounded: {
-        true: "rounded-md",
-        false: ""
-      },
-      size: {
-        xs: ["text-xs", "py-1", "px-2"],
-        sm: ["text-sm", "py-2", "px-4"],
-        md: ["text-md", "py-2", "px-5"],
-        lg: ["text-lg", "py-2", "px-6"]
-      }
-    },
-    compoundVariants: [
-      {
-        colorSchema: "primary",
-        variant: "star",
-        className:
-          "bg-mineshaft-700 border border-mineshaft-600 hover:bg-primary hover:text-black hover:border-primary-400 duration-100"
-      },
-      {
-        colorSchema: "primary",
-        variant: "solid",
-        className: "text-black bg-primary-500 bg-opacity-90 hover:bg-primary-500 hover:text-black"
-      },
-      {
-        colorSchema: "primary",
-        variant: "selected",
-        className: "bg-primary/10 border border-primary/50 text-bunker-200"
-      },
-      {
-        colorSchema: "primary",
-        variant: "outline_bg",
-        className:
-          "bg-mineshaft-600 border border-mineshaft-500 hover:bg-primary/[0.1] hover:border-primary/40 text-bunker-200"
-      },
-      {
-        colorSchema: "secondary",
-        variant: "star",
-        className:
-          "bg-mineshaft-700 border border-mineshaft-600 hover:bg-mineshaft hover:text-white"
-      },
-      {
-        colorSchema: "danger",
-        variant: "star",
-        className: "hover:bg-red hover:text-white"
-      },
-      {
-        colorSchema: "primary",
-        variant: "outline",
-        className: "text-primary hover:bg-primary hover:text-black"
-      },
-      {
-        colorSchema: "secondary",
-        variant: "outline",
-        className: "border-mineshaft-700 hover:border-mineshaft-500"
-      },
-      {
-        colorSchema: "danger",
-        variant: "outline",
-        className: "text-red hover:bg-red hover:text-black"
-      },
-      {
-        colorSchema: "danger",
-        variant: "outline_bg",
-        className:
-          "bg-mineshaft-600 border border-red-500 hover:bg-red/[0.1] hover:border-red/40 text-red-500"
-      },
-      {
-        colorSchema: "primary",
-        variant: "plain",
-        className: "text-primary"
-      },
-      {
-        colorSchema: "gray",
-        variant: "plain",
-        className: "bg-transparent text-bunker-200"
-      },
-      {
-        colorSchema: "secondary",
-        variant: "plain",
-        className: "text-mineshaft-300 hover:text-mineshaft-200 border-none"
-      },
-      {
-        colorSchema: "danger",
-        variant: "plain",
-        className: "text-red"
-      },
-      {
-        colorSchema: ["danger", "primary", "secondary"],
-        variant: ["plain"],
-        className: "bg-transparent py-1 px-1"
-      }
-    ]
-  }
-);
-
-export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
-  VariantProps<typeof buttonVariants> &
-  Props;
-
-export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  (
-    {
-      children,
-      isDisabled = false,
-      className = "",
-      size = "sm",
-      variant = "solid",
-      isFullWidth,
-      isRounded = true,
-      leftIcon,
-      rightIcon,
-      isLoading,
-      colorSchema = "primary",
-      ...props
-    },
-    ref
-  ): JSX.Element => {
-    const loadingToggleClass = isLoading ? "opacity-0" : "opacity-100";
-
-    return (
-      <button
-        ref={ref}
-        aria-disabled={isDisabled}
-        type="button"
-        className={twMerge(
-          buttonVariants({
-            colorSchema,
-            size,
-            variant,
-            isRounded,
-            isDisabled,
-            isFullWidth,
-            className
-          })
-        )}
-        disabled={isDisabled}
-        {...props}
-      >
-        {isLoading && (
-          <img
-            src="/images/loading/loading.gif"
-            width={36}
-            alt="loading animation"
-            className="absolute rounded-xl opacity-80"
-          />
-        )}
-        {leftIcon && (
-          <div
-            className={twMerge(
-              "inline-flex shrink-0 cursor-pointer items-center justify-center transition-all",
-              loadingToggleClass,
-              size === "xs" ? "mr-1" : "mr-2"
-            )}
-          >
-            {leftIcon}
-          </div>
-        )}
-        <span
-          className={twMerge(
-            "transition-all",
-            isFullWidth ? "w-full" : "w-min",
-            loadingToggleClass
-          )}
-        >
-          {children}
-        </span>
-        {rightIcon && (
-          <div
-            className={twMerge(
-              "inline-flex shrink-0 cursor-pointer items-center justify-center transition-all",
-              loadingToggleClass
-            )}
-          >
-            {rightIcon}
-          </div>
-        )}
-      </button>
-    );
-  }
-);
-
-Button.displayName = "Button";
diff --git a/frontend-next/src/components/v2/Button/index.tsx b/frontend-next/src/components/v2/Button/index.tsx
deleted file mode 100644
index b3cb34cc8..000000000
--- a/frontend-next/src/components/v2/Button/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { ButtonProps } from "./Button";
-export { Button } from "./Button";
diff --git a/frontend-next/src/components/v2/Card/Card.stories.tsx b/frontend-next/src/components/v2/Card/Card.stories.tsx
deleted file mode 100644
index e69039f85..000000000
--- a/frontend-next/src/components/v2/Card/Card.stories.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Card, CardBody, CardFooter, CardProps, CardTitle } from "./Card";
-
-const meta: Meta<typeof Card> = {
-  title: "Components/Card",
-  component: Card,
-  tags: ["v2"],
-  argTypes: {
-    isRounded: {
-      type: "boolean",
-      defaultValue: true
-    }
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof Card>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-const Template = (args: CardProps) => (
-  <div className="w-96">
-    <Card {...args}>
-      <CardTitle subTitle="Please add your subtitle here">Title</CardTitle>
-      <CardBody>Content</CardBody>
-      <CardFooter>Footer</CardFooter>
-    </Card>
-  </div>
-);
-
-export const Basic: Story = {
-  render: (args) => <Template {...args} />
-};
-
-export const Hoverable: Story = {
-  render: (args) => <Template {...args} />,
-  args: {
-    isHoverable: true
-  }
-};
diff --git a/frontend-next/src/components/v2/Card/Card.tsx b/frontend-next/src/components/v2/Card/Card.tsx
deleted file mode 100644
index a0a1f8338..000000000
--- a/frontend-next/src/components/v2/Card/Card.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { CSSProperties, forwardRef, ReactNode } from "react";
-import { twMerge } from "tailwind-merge";
-
-export type CardTitleProps = {
-  children: ReactNode;
-  subTitle?: ReactNode;
-  className?: string;
-};
-
-export const CardTitle = ({ children, className, subTitle }: CardTitleProps) => (
-  <div
-    className={twMerge(
-      "mb-5 break-words border-b border-mineshaft-600 px-6 py-4 font-sans text-lg font-normal",
-      className
-    )}
-  >
-    {children}
-    {subTitle && <p className="pt-2 text-sm font-normal text-gray-400">{subTitle}</p>}
-  </div>
-);
-
-export type CardFooterProps = {
-  children: ReactNode;
-  className?: string;
-};
-
-export const CardFooter = ({ children, className }: CardFooterProps) => (
-  <div className={twMerge("p-4 pt-0", className)}>{children}</div>
-);
-
-export type CardBodyProps = {
-  children: ReactNode;
-  className?: string;
-  style?: CSSProperties;
-};
-
-export const CardBody = ({ children, className, style }: CardBodyProps) => (
-  <div className={twMerge("px-6 pb-6 pt-0", className)} style={style}>
-    {children}
-  </div>
-);
-
-export type CardProps = {
-  children: ReactNode;
-  className?: string;
-  isFullHeight?: boolean;
-  isRounded?: boolean;
-  isPlain?: boolean;
-  isHoverable?: boolean;
-  style?: CSSProperties;
-};
-
-export const Card = forwardRef<HTMLDivElement, CardProps>(
-  (
-    { children, isFullHeight, isRounded, isHoverable, isPlain, className, style },
-    ref
-  ): JSX.Element => {
-    return (
-      <div
-        ref={ref}
-        className={twMerge(
-          "flex w-full flex-col bg-mineshaft-800 font-inter text-gray-200 shadow-md",
-          isFullHeight && "h-full",
-          isRounded && "rounded-md",
-          isPlain && "shadow-none",
-          isHoverable && "hover:shadow-xl",
-          className
-        )}
-        style={style}
-      >
-        {children}
-      </div>
-    );
-  }
-);
-
-Card.displayName = "Card";
diff --git a/frontend-next/src/components/v2/Card/index.tsx b/frontend-next/src/components/v2/Card/index.tsx
deleted file mode 100644
index 48b09705d..000000000
--- a/frontend-next/src/components/v2/Card/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { CardBodyProps, CardFooterProps, CardProps, CardTitleProps } from "./Card";
-export { Card, CardBody, CardFooter, CardTitle } from "./Card";
diff --git a/frontend-next/src/components/v2/Checkbox/Checkbox.stories.tsx b/frontend-next/src/components/v2/Checkbox/Checkbox.stories.tsx
deleted file mode 100644
index f9d4a2943..000000000
--- a/frontend-next/src/components/v2/Checkbox/Checkbox.stories.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Checkbox } from "./Checkbox";
-
-const meta: Meta<typeof Checkbox> = {
-  title: "Components/Checkbox",
-  component: Checkbox,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof Checkbox>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Simple: Story = {
-  args: {
-    children: "Accept the condition"
-  }
-};
-
-export const Disabled: Story = {
-  args: {
-    children: "Accept the condition",
-    isDisabled: true
-  }
-};
-
-export const Required: Story = {
-  args: {
-    children: "Accept the condition",
-    isRequired: true
-  }
-};
diff --git a/frontend-next/src/components/v2/Checkbox/Checkbox.tsx b/frontend-next/src/components/v2/Checkbox/Checkbox.tsx
deleted file mode 100644
index 6a1086996..000000000
--- a/frontend-next/src/components/v2/Checkbox/Checkbox.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { ReactNode } from "react";
-import { faCheck, faMinus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { twMerge } from "tailwind-merge";
-
-export type CheckboxProps = Omit<
-  CheckboxPrimitive.CheckboxProps,
-  "checked" | "disabled" | "required"
-> & {
-  children?: ReactNode;
-  id: string;
-  isDisabled?: boolean;
-  isChecked?: boolean;
-  isRequired?: boolean;
-  checkIndicatorBg?: string | undefined;
-  isError?: boolean;
-  isIndeterminate?: boolean;
-  containerClassName?: string;
-};
-
-export const Checkbox = ({
-  children,
-  className,
-  id,
-  isChecked,
-  isDisabled,
-  isRequired,
-  checkIndicatorBg,
-  isError,
-  isIndeterminate,
-  containerClassName,
-  ...props
-}: CheckboxProps): JSX.Element => {
-  return (
-    <div className={twMerge("flex items-center font-inter text-bunker-300", containerClassName)}>
-      <CheckboxPrimitive.Root
-        className={twMerge(
-          "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-mineshaft-400 bg-mineshaft-600 shadow transition-all hover:bg-mineshaft-500",
-          isDisabled && "bg-bunker-400 hover:bg-bunker-400",
-          isChecked && "bg-primary hover:bg-primary",
-          Boolean(children) && "mr-3",
-          className
-        )}
-        required={isRequired}
-        checked={isChecked}
-        disabled={isDisabled}
-        {...props}
-        id={id}
-      >
-        <CheckboxPrimitive.Indicator className={`${checkIndicatorBg || "text-bunker-800"}`}>
-          {isIndeterminate ? (
-            <FontAwesomeIcon icon={faMinus} size="sm" />
-          ) : (
-            <FontAwesomeIcon icon={faCheck} size="sm" />
-          )}
-        </CheckboxPrimitive.Indicator>
-      </CheckboxPrimitive.Root>
-      <label
-        className={twMerge("truncate whitespace-nowrap text-sm", isError && "text-red-400")}
-        htmlFor={id}
-      >
-        {children}
-        {isRequired && <span className="pl-1 text-red">*</span>}
-      </label>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/Checkbox/index.tsx b/frontend-next/src/components/v2/Checkbox/index.tsx
deleted file mode 100644
index 374e8e394..000000000
--- a/frontend-next/src/components/v2/Checkbox/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { CheckboxProps } from "./Checkbox";
-export { Checkbox } from "./Checkbox";
diff --git a/frontend-next/src/components/v2/ComboBox/ComboBox.tsx b/frontend-next/src/components/v2/ComboBox/ComboBox.tsx
deleted file mode 100644
index c590110c3..000000000
--- a/frontend-next/src/components/v2/ComboBox/ComboBox.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { useState } from "react";
-import { faCaretDown, faCheck } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Combobox, Transition } from "@headlessui/react";
-import { ByComparator } from "@headlessui/react/dist/types";
-import { twMerge } from "tailwind-merge";
-
-type ComboBoxProps<T extends object> = {
-  value?: T;
-  className?: string;
-  items: {
-    value: T;
-    key: string;
-    label: string;
-  }[];
-  by: ByComparator<T>;
-  defaultValue?: T;
-  displayValue: (value: T) => string;
-  onSelectChange: (value: T) => void;
-  onFilter: (value: { value: T }, filterQuery: string) => boolean;
-};
-
-// TODO(akhilmhdh): This is a very temporary one due to limitation of present situation
-// don't mind the api for now will be switched to aria later
-export const ComboBox = <T extends object>({
-  onSelectChange,
-  onFilter,
-  displayValue,
-  by,
-  items,
-  ...props
-}: ComboBoxProps<T>) => {
-  const [query, setQuery] = useState("");
-
-  const filteredResult =
-    query === "" ? items.slice(0, 20) : items.filter((el) => onFilter(el, query)).slice(0, 20);
-
-  return (
-    <Combobox by={by} {...props} onChange={onSelectChange}>
-      <div className="relative">
-        <Combobox.Input
-          onChange={(event) => setQuery(event.target.value)}
-          displayValue={displayValue}
-          className=" inline-flex w-full items-center justify-between rounded-md bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none focus:bg-mineshaft-700/80 data-[placeholder]:text-mineshaft-200"
-        />
-        <Combobox.Button className="absolute inset-y-0 right-0 flex items-center pr-2">
-          <FontAwesomeIcon icon={faCaretDown} size="sm" aria-hidden="true" />
-        </Combobox.Button>
-        <Transition
-          leave="transition ease-in duration-100"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-          afterLeave={() => setQuery("")}
-        >
-          <Combobox.Options className="absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-md  bg-mineshaft-900 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm">
-            {filteredResult.map(({ value, key, label }) => (
-              <Combobox.Option
-                key={key}
-                value={value}
-                className={({ active }) =>
-                  `relative cursor-pointer  select-none py-2 pl-10 pr-4 transition-all hover:bg-mineshaft-500 ${
-                    active ? "text-primary" : "text-white"
-                  }`
-                }
-              >
-                {({ selected }) => (
-                  <>
-                    {label}
-                    {selected ? (
-                      <div className={twMerge("absolute top-2 left-3 text-primary")}>
-                        <FontAwesomeIcon icon={faCheck} />
-                      </div>
-                    ) : null}
-                  </>
-                )}
-              </Combobox.Option>
-            ))}
-          </Combobox.Options>
-        </Transition>
-      </div>
-    </Combobox>
-  );
-};
diff --git a/frontend-next/src/components/v2/ComboBox/index.tsx b/frontend-next/src/components/v2/ComboBox/index.tsx
deleted file mode 100644
index 912296adf..000000000
--- a/frontend-next/src/components/v2/ComboBox/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ComboBox } from "./ComboBox";
diff --git a/frontend-next/src/components/v2/ContentLoader/ContentLoader.tsx b/frontend-next/src/components/v2/ContentLoader/ContentLoader.tsx
deleted file mode 100644
index dd34e9941..000000000
--- a/frontend-next/src/components/v2/ContentLoader/ContentLoader.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-// this will show a loading animation with text below
-// if you pass array it will say it one by one giving user clear instruction on what's happening
-
-import { useEffect, useState } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  text?: string | string[];
-  frequency?: number;
-  className?: string;
-};
-
-export const ContentLoader = ({ text, frequency = 2000, className }: Props) => {
-  const [pos, setPos] = useState(0);
-  const isTextArray = Array.isArray(text);
-  useEffect(() => {
-    let interval: NodeJS.Timeout;
-    if (isTextArray) {
-      interval = setInterval(() => {
-        setPos((state) => (state + 1) % text.length);
-      }, frequency);
-    }
-    return () => clearInterval(interval);
-  }, []);
-
-  return (
-    <div
-      className={twMerge(
-        "container relative mx-auto flex h-screen w-full flex-col items-center justify-center space-y-8 px-8 text-mineshaft-50 dark:[color-scheme:dark]",
-        className
-      )}
-    >
-      <img
-        src="/images/loading/loading.gif"
-        height={70}
-        width={120}
-        alt="loading animation"
-        decoding="async"
-        loading="lazy"
-      />
-      {text && isTextArray && (
-        <AnimatePresence exitBeforeEnter>
-          <motion.div
-            className="text-primary"
-            key={`content-loader-${pos}`}
-            initial={{ opacity: 0, translateY: 20 }}
-            animate={{ opacity: 1, translateY: 0 }}
-            exit={{ opacity: 0, translateY: -20 }}
-          >
-            {text[pos]}
-          </motion.div>
-        </AnimatePresence>
-      )}
-      {text && !isTextArray && <div className="text-xs text-primary">{text}</div>}
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/ContentLoader/index.tsx b/frontend-next/src/components/v2/ContentLoader/index.tsx
deleted file mode 100644
index 78b373523..000000000
--- a/frontend-next/src/components/v2/ContentLoader/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ContentLoader } from "./ContentLoader";
diff --git a/frontend-next/src/components/v2/CopyButton/CopyButton.tsx b/frontend-next/src/components/v2/CopyButton/CopyButton.tsx
deleted file mode 100644
index ff1161ca9..000000000
--- a/frontend-next/src/components/v2/CopyButton/CopyButton.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { faCheck, faCopy, IconDefinition } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { useTimedReset } from "@app/hooks";
-
-import { IconButton } from "../IconButton";
-import { Tooltip } from "../Tooltip";
-
-export type CopyButtonProps = {
-  value: string;
-  size?: "xs" | "sm" | "md" | "lg";
-  variant?: "solid" | "outline" | "plain" | "star" | "outline_bg";
-  color?: string;
-  name?: string;
-  icon?: IconDefinition;
-};
-
-export const CopyButton = ({
-  value,
-  size = "sm",
-  variant = "solid",
-  color,
-  name,
-  icon = faCopy
-}: CopyButtonProps) => {
-  const [copyText, isCopying, setCopyText] = useTimedReset<string>({
-    initialState: name ? `Copy ${name}` : "Copy to clipboard"
-  });
-
-  async function handleCopyText() {
-    setCopyText("Copied");
-    navigator.clipboard.writeText(value);
-  }
-
-  return (
-    <div>
-      <Tooltip content={copyText} size={size === "xs" || size === "sm" ? "sm" : "md"}>
-        <IconButton
-          ariaLabel={copyText}
-          variant={variant}
-          className={twMerge("group relative", color)}
-          size={size}
-          onClick={() => {
-            handleCopyText();
-          }}
-        >
-          <FontAwesomeIcon icon={isCopying ? faCheck : icon} />
-        </IconButton>
-      </Tooltip>
-    </div>
-  );
-};
-
-CopyButton.displayName = "CopyButton";
diff --git a/frontend-next/src/components/v2/CopyButton/index.tsx b/frontend-next/src/components/v2/CopyButton/index.tsx
deleted file mode 100644
index 9a7bc5991..000000000
--- a/frontend-next/src/components/v2/CopyButton/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { CopyButtonProps } from "./CopyButton";
-export { CopyButton } from "./CopyButton";
diff --git a/frontend-next/src/components/v2/CreatableSelect/CreatableSelect.tsx b/frontend-next/src/components/v2/CreatableSelect/CreatableSelect.tsx
deleted file mode 100644
index b662ab121..000000000
--- a/frontend-next/src/components/v2/CreatableSelect/CreatableSelect.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { GroupBase } from "react-select";
-import ReactSelectCreatable, { CreatableProps } from "react-select/creatable";
-import { twMerge } from "tailwind-merge";
-
-import { ClearIndicator, DropdownIndicator, MultiValueRemove, Option } from "../Select/components";
-
-export const CreatableSelect = <T,>({
-  isMulti,
-  closeMenuOnSelect,
-  ...props
-}: CreatableProps<T, boolean, GroupBase<T>>) => {
-  return (
-    <ReactSelectCreatable
-      isMulti={isMulti}
-      closeMenuOnSelect={closeMenuOnSelect ?? !isMulti}
-      hideSelectedOptions={false}
-      unstyled
-      styles={{
-        input: (base) => ({
-          ...base,
-          "input:focus": {
-            boxShadow: "none"
-          }
-        }),
-        multiValueLabel: (base) => ({
-          ...base,
-          whiteSpace: "normal",
-          overflow: "visible"
-        }),
-        control: (base) => ({
-          ...base,
-          transition: "none"
-        })
-      }}
-      components={{ DropdownIndicator, ClearIndicator, MultiValueRemove, Option }}
-      classNames={{
-        container: () => "w-full font-inter",
-        control: ({ isFocused }) =>
-          twMerge(
-            isFocused ? "border-primary-400/50" : "border-mineshaft-600 hover:border-gray-400",
-            "border w-full p-0.5 rounded-md text-mineshaft-200 font-inter bg-mineshaft-900 hover:cursor-pointer"
-          ),
-        placeholder: () => "text-mineshaft-400 text-sm pl-1 py-0.5",
-        input: () => "pl-1 py-0.5",
-        valueContainer: () => `p-1 max-h-[14rem] ${isMulti ? "!overflow-y-scroll" : ""} gap-1`,
-        singleValue: () => "leading-7 ml-1",
-        multiValue: () => "bg-mineshaft-600 rounded items-center py-0.5 px-2 gap-1.5",
-        multiValueLabel: () => "leading-6 text-sm",
-        multiValueRemove: () => "hover:text-red text-bunker-400",
-        indicatorsContainer: () => "p-1 gap-1",
-        clearIndicator: () => "p-1 hover:text-red text-bunker-400",
-        indicatorSeparator: () => "bg-bunker-400",
-        dropdownIndicator: () => "text-bunker-200 p-1",
-        menu: () =>
-          "mt-2 border text-sm text-mineshaft-200 bg-mineshaft-900 border-mineshaft-600 rounded-md",
-        groupHeading: () => "ml-3 mt-2 mb-1 text-mineshaft-400 text-sm",
-        option: ({ isFocused, isSelected }) =>
-          twMerge(
-            isFocused && "bg-mineshaft-700 active:bg-mineshaft-600",
-            isSelected && "text-mineshaft-200",
-            "hover:cursor-pointer text-xs px-3 py-2"
-          ),
-        noOptionsMessage: () => "text-mineshaft-400 p-2 rounded-md"
-      }}
-      {...props}
-    />
-  );
-};
diff --git a/frontend-next/src/components/v2/CreatableSelect/index.tsx b/frontend-next/src/components/v2/CreatableSelect/index.tsx
deleted file mode 100644
index 7a8676c3b..000000000
--- a/frontend-next/src/components/v2/CreatableSelect/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./CreatableSelect";
diff --git a/frontend-next/src/components/v2/DatePicker/DatePicker.stories.tsx b/frontend-next/src/components/v2/DatePicker/DatePicker.stories.tsx
deleted file mode 100644
index 4c6e95b5e..000000000
--- a/frontend-next/src/components/v2/DatePicker/DatePicker.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { DatePicker } from "./DatePicker";
-
-const meta: Meta<typeof DatePicker> = {
-  title: "Components/DatePicker",
-  component: DatePicker,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof DatePicker>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Primary: Story = {
-  args: {}
-};
diff --git a/frontend-next/src/components/v2/DatePicker/DatePicker.tsx b/frontend-next/src/components/v2/DatePicker/DatePicker.tsx
deleted file mode 100644
index 528e25ca8..000000000
--- a/frontend-next/src/components/v2/DatePicker/DatePicker.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { ChangeEventHandler, useState } from "react";
-import { DayPicker, DayPickerProps } from "react-day-picker";
-import { faCalendar } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { PopoverContentProps, PopoverProps } from "@radix-ui/react-popover";
-import { format, setHours, setMinutes } from "date-fns";
-
-import { Button } from "../Button";
-import { Input } from "../Input";
-import { Popover, PopoverContent, PopoverTrigger } from "../Popoverv2";
-
-export type DatePickerProps = Omit<DayPickerProps, "selected"> & {
-  value?: Date;
-  onChange: (date?: Date) => void;
-  popUpProps: PopoverProps;
-  popUpContentProps: PopoverContentProps;
-  dateFormat?: "PPP" | "PP" | "P"; // extend as needed
-};
-
-// Doc: https://react-day-picker.js.org/
-export const DatePicker = ({
-  value,
-  onChange,
-  popUpProps,
-  popUpContentProps,
-  dateFormat = "PPP",
-  ...props
-}: DatePickerProps) => {
-  const [timeValue, setTimeValue] = useState<string>(value ? format(value, "HH:mm") : "00:00");
-
-  const handleTimeChange: ChangeEventHandler<HTMLInputElement> = (e) => {
-    const time = e.target.value;
-    if (time) {
-      setTimeValue(time);
-      if (value) {
-        const [hours, minutes] = time.split(":").map((str) => parseInt(str, 10));
-        const newSelectedDate = setHours(setMinutes(value, minutes), hours);
-        onChange(newSelectedDate);
-      }
-    }
-  };
-
-  const handleDaySelect = (date: Date | undefined) => {
-    if (!timeValue || !date) {
-      onChange(date);
-      return;
-    }
-
-    const [hours, minutes] = timeValue.split(":").map((str) => parseInt(str, 10));
-    const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), hours, minutes);
-    onChange(newDate);
-  };
-
-  return (
-    <Popover {...popUpProps}>
-      <PopoverTrigger asChild>
-        <Button variant="outline_bg" leftIcon={<FontAwesomeIcon icon={faCalendar} />}>
-          {value ? format(value, dateFormat) : "Pick a date and time"}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-fit p-2" {...popUpContentProps}>
-        <div className="mx-4 my-4">
-          <Input
-            type="time"
-            value={timeValue}
-            onChange={handleTimeChange}
-            className="bg-mineshaft-700 text-white [color-scheme:dark]"
-          />
-        </div>
-        <DayPicker
-          {...props}
-          mode="single"
-          selected={value}
-          onSelect={handleDaySelect}
-          modifiersStyles={{
-            selected: {
-              background: "#cad62d"
-            }
-          }}
-        />
-      </PopoverContent>
-    </Popover>
-  );
-};
diff --git a/frontend-next/src/components/v2/DatePicker/index.tsx b/frontend-next/src/components/v2/DatePicker/index.tsx
deleted file mode 100644
index 86fa9e298..000000000
--- a/frontend-next/src/components/v2/DatePicker/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { DatePickerProps } from "./DatePicker";
-export { DatePicker } from "./DatePicker";
diff --git a/frontend-next/src/components/v2/DeleteActionModal/DeleteActionModal.tsx b/frontend-next/src/components/v2/DeleteActionModal/DeleteActionModal.tsx
deleted file mode 100644
index 299b23bb5..000000000
--- a/frontend-next/src/components/v2/DeleteActionModal/DeleteActionModal.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { ReactNode, useEffect, useState } from "react";
-
-import { useToggle } from "@app/hooks";
-
-import { Button } from "../Button";
-import { FormControl } from "../FormControl";
-import { Input } from "../Input";
-import { Modal, ModalClose, ModalContent } from "../Modal";
-
-type Props = {
-  isOpen?: boolean;
-  onClose?: () => void;
-  onChange?: (isOpen: boolean) => void;
-  deleteKey: string;
-  title: string;
-  subTitle?: string;
-  onDeleteApproved: () => Promise<void>;
-  buttonText?: string;
-  children?: ReactNode;
-};
-
-export const DeleteActionModal = ({
-  isOpen,
-  onClose,
-  onChange,
-  deleteKey,
-  onDeleteApproved,
-  title,
-  subTitle = "This action is irreversible.",
-  buttonText = "Delete",
-  children
-}: Props): JSX.Element => {
-  const [inputData, setInputData] = useState("");
-  const [isLoading, setIsLoading] = useToggle();
-
-  useEffect(() => {
-    setInputData("");
-  }, [isOpen]);
-
-  const onDelete = async () => {
-    setIsLoading.on();
-    try {
-      await onDeleteApproved();
-    } catch {
-      setIsLoading.off();
-    } finally {
-      setIsLoading.off();
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onOpenChange={(isOpenState) => {
-        setInputData("");
-        if (onChange) onChange(isOpenState);
-      }}
-    >
-      <ModalContent
-        title={title}
-        subTitle={subTitle}
-        footerContent={
-          <div className="mx-2 flex items-center">
-            <Button
-              className="mr-4"
-              colorSchema="danger"
-              isDisabled={!(deleteKey === inputData) || isLoading}
-              onClick={onDelete}
-              isLoading={isLoading}
-            >
-              {buttonText}
-            </Button>
-            <ModalClose asChild>
-              <Button variant="plain" colorSchema="secondary" onClick={onClose}>
-                Cancel
-              </Button>
-            </ModalClose>{" "}
-          </div>
-        }
-        onClose={onClose}
-      >
-        <form
-          onSubmit={(evt) => {
-            evt.preventDefault();
-            if (deleteKey === inputData) onDelete();
-          }}
-        >
-          <FormControl
-            label={
-              <div className="break-words pb-2 text-sm">
-                Type <span className="font-bold">{deleteKey}</span> to perform this action
-              </div>
-            }
-            className="mb-0"
-          >
-            <Input
-              value={inputData}
-              onChange={(e) => setInputData(e.target.value)}
-              placeholder={`Type ${deleteKey} here`}
-            />
-          </FormControl>
-          {children}
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/components/v2/DeleteActionModal/index.tsx b/frontend-next/src/components/v2/DeleteActionModal/index.tsx
deleted file mode 100644
index 92db0d89d..000000000
--- a/frontend-next/src/components/v2/DeleteActionModal/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { DeleteActionModal } from "./DeleteActionModal";
diff --git a/frontend-next/src/components/v2/Divider/Divider.tsx b/frontend-next/src/components/v2/Divider/Divider.tsx
deleted file mode 100644
index 39b0f84c5..000000000
--- a/frontend-next/src/components/v2/Divider/Divider.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { twMerge } from "tailwind-merge";
-
-interface IProps {
-  className?: string;
-}
-
-export const Divider = ({ className }: IProps): JSX.Element => {
-  return (
-    <div className={twMerge("flex items-center px-2 opacity-50", className)}>
-      <div aria-hidden="true" className="h-5 w-full grow border border-t border-mineshaft-200" />
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/Divider/index.tsx b/frontend-next/src/components/v2/Divider/index.tsx
deleted file mode 100644
index ac407aa37..000000000
--- a/frontend-next/src/components/v2/Divider/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Divider } from "./Divider";
diff --git a/frontend-next/src/components/v2/Drawer/Drawer.stories.tsx b/frontend-next/src/components/v2/Drawer/Drawer.stories.tsx
deleted file mode 100644
index 5bf669a07..000000000
--- a/frontend-next/src/components/v2/Drawer/Drawer.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Button } from "../Button";
-import { Drawer, DrawerContent, DrawerContentProps, DrawerTrigger } from "./Drawer";
-
-const meta: Meta<typeof Drawer> = {
-  title: "Components/Drawer",
-  component: Drawer,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof DrawerContent>;
-
-const Template = (args: DrawerContentProps) => (
-  <Drawer>
-    <DrawerTrigger asChild>
-      <Button>Open</Button>
-    </DrawerTrigger>
-    <DrawerContent {...args}>Hello world</DrawerContent>
-  </Drawer>
-);
-
-export const Basic: Story = {
-  render: (args) => <Template {...args} />,
-  args: {
-    title: "Title",
-    subTitle: "Something as subtitle",
-    footerContent: "footer content"
-  }
-};
diff --git a/frontend-next/src/components/v2/Drawer/Drawer.tsx b/frontend-next/src/components/v2/Drawer/Drawer.tsx
deleted file mode 100644
index 027946a2e..000000000
--- a/frontend-next/src/components/v2/Drawer/Drawer.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { forwardRef, ReactNode } from "react";
-import { faTimes } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-import { Card, CardBody, CardFooter, CardTitle } from "../Card";
-import { IconButton } from "../IconButton";
-
-export type DrawerContentProps = DialogPrimitive.DialogContentProps & {
-  title?: ReactNode;
-  subTitle?: ReactNode;
-  footerContent?: ReactNode;
-  onClose?: () => void;
-} & VariantProps<typeof drawerContentVariation>;
-
-const drawerContentVariation = cva(
-  "fixed ease-in-out duration-300 z-[90] border border-mineshaft-600 drop-shadow-2xl",
-  {
-    variants: {
-      direction: {
-        right: [
-          "right-0 top-0",
-          "h-full w-96",
-          "data-[state=open]:animate-drawerRightIn data-[state=closed]:animate-drawerRightOut"
-        ]
-      }
-    }
-  }
-);
-
-export const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(
-  (
-    { children, title, subTitle, className, footerContent, direction = "right", onClose, ...props },
-    forwardedRef
-  ) => (
-    <DialogPrimitive.Portal>
-      <DialogPrimitive.Overlay
-        className="fixed inset-0 z-20 h-full w-full"
-        style={{ backgroundColor: "rgba(0, 0, 0, 0.7)" }}
-      />
-      <DialogPrimitive.Content
-        {...props}
-        ref={forwardedRef}
-        className={twMerge(drawerContentVariation({ direction, className }))}
-      >
-        <Card isRounded={false} className="dark h-full w-full">
-          {title && (
-            <CardTitle subTitle={subTitle} className="px-4">
-              {title}
-            </CardTitle>
-          )}
-          <CardBody className="flex-grow overflow-y-auto overflow-x-hidden px-4 dark:[color-scheme:dark]">
-            {children}
-          </CardBody>
-          {footerContent && <CardFooter>{footerContent}</CardFooter>}{" "}
-          <DialogPrimitive.Close aria-label="Close" asChild onClick={onClose}>
-            <IconButton
-              variant="plain"
-              ariaLabel="close"
-              className="absolute top-4 right-6 rounded text-bunker-400 hover:text-bunker-50"
-            >
-              <FontAwesomeIcon icon={faTimes} size="lg" className="cursor-pointer" />
-            </IconButton>
-          </DialogPrimitive.Close>
-        </Card>
-      </DialogPrimitive.Content>
-    </DialogPrimitive.Portal>
-  )
-);
-
-DrawerContent.displayName = "ModalContent";
-
-export type DrawerProps = Omit<DialogPrimitive.DialogProps, "open"> & { isOpen?: boolean };
-export const Drawer = ({ isOpen, ...props }: DrawerProps) => (
-  <DialogPrimitive.Root open={isOpen} {...props} />
-);
-
-export const DrawerTrigger = DialogPrimitive.Trigger;
-export type DrawerTriggerProps = DialogPrimitive.DialogTriggerProps;
-
-export const DrawerClose = DialogPrimitive.Close;
-export type DrawerCloseProps = DialogPrimitive.DialogCloseProps;
diff --git a/frontend-next/src/components/v2/Drawer/index.tsx b/frontend-next/src/components/v2/Drawer/index.tsx
deleted file mode 100644
index 4f1a34981..000000000
--- a/frontend-next/src/components/v2/Drawer/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Drawer, DrawerClose, DrawerContent, DrawerTrigger } from "./Drawer";
diff --git a/frontend-next/src/components/v2/Dropdown/Dropdown.stories.tsx b/frontend-next/src/components/v2/Dropdown/Dropdown.stories.tsx
deleted file mode 100644
index 7ae57deb9..000000000
--- a/frontend-next/src/components/v2/Dropdown/Dropdown.stories.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { faPlus, faTrash, faUndo } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { IconButton } from "../IconButton";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "./Dropdown";
-
-const meta: Meta<typeof DropdownMenu> = {
-  title: "Components/DropdownMenu",
-  component: DropdownMenu,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof DropdownMenuContent>;
-
-export const Basic: Story = {
-  render: (args) => (
-    <div className="flex w-full justify-center">
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <IconButton ariaLabel="add">
-            <FontAwesomeIcon icon={faPlus} />
-          </IconButton>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="start" {...args}>
-          <DropdownMenuItem>Delete</DropdownMenuItem>
-          <DropdownMenuItem>Undo</DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
-  )
-};
-
-export const Icons: Story = {
-  render: (args) => (
-    <div className="flex w-full justify-center">
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <IconButton ariaLabel="add">
-            <FontAwesomeIcon icon={faPlus} />
-          </IconButton>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="start" {...args}>
-          <DropdownMenuItem icon={<FontAwesomeIcon icon={faTrash} size="sm" />}>
-            Delete
-          </DropdownMenuItem>
-          <DropdownMenuItem icon={<FontAwesomeIcon icon={faUndo} size="sm" />}>
-            Undo
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
-  )
-};
-
-export const WithDivider: Story = {
-  render: (args) => (
-    <div className="flex w-full justify-center">
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <IconButton ariaLabel="add">
-            <FontAwesomeIcon icon={faPlus} />
-          </IconButton>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="start" {...args}>
-          <DropdownMenuItem>Delete</DropdownMenuItem>
-          <DropdownMenuSeparator />
-          <DropdownMenuItem>Undo</DropdownMenuItem>
-          <DropdownMenuSeparator />
-          <DropdownMenuItem>Redo</DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
-  )
-};
-
-export const Group: Story = {
-  render: (args) => (
-    <div className="flex w-full justify-center">
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <IconButton ariaLabel="add">
-            <FontAwesomeIcon icon={faPlus} />
-          </IconButton>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="start" {...args}>
-          <DropdownMenuGroup>
-            <DropdownMenuLabel>Group</DropdownMenuLabel>
-            <DropdownMenuItem>Undo</DropdownMenuItem>
-            <DropdownMenuItem>Delete</DropdownMenuItem>
-          </DropdownMenuGroup>
-          <DropdownMenuGroup>
-            <DropdownMenuLabel>Group#2</DropdownMenuLabel>
-            <DropdownMenuItem>Undo</DropdownMenuItem>
-            <DropdownMenuItem>Delete</DropdownMenuItem>
-          </DropdownMenuGroup>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
-  )
-};
diff --git a/frontend-next/src/components/v2/Dropdown/Dropdown.tsx b/frontend-next/src/components/v2/Dropdown/Dropdown.tsx
deleted file mode 100644
index a2d5f0322..000000000
--- a/frontend-next/src/components/v2/Dropdown/Dropdown.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import { ComponentPropsWithRef, ElementType, forwardRef, ReactNode, Ref } from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { twMerge } from "tailwind-merge";
-
-// Main menu or parent container
-export type DropdownMenuProps = DropdownMenuPrimitive.DropdownMenuProps;
-export const DropdownMenu = DropdownMenuPrimitive.Root;
-
-export type DropdownSubMenuProps = DropdownMenuPrimitive.DropdownMenuSubProps;
-export const DropdownSubMenu = DropdownMenuPrimitive.Sub;
-
-// trigger
-export type DropdownMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuTriggerProps;
-export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-
-// item container
-export type DropdownMenuContentProps = DropdownMenuPrimitive.MenuContentProps;
-export const DropdownMenuContent = forwardRef<HTMLDivElement, DropdownMenuContentProps>(
-  ({ children, className, ...props }, forwardedRef) => {
-    return (
-      <DropdownMenuPrimitive.Portal>
-        <DropdownMenuPrimitive.Content
-          sideOffset={10}
-          {...props}
-          ref={forwardedRef}
-          className={twMerge(
-            "z-30 min-w-[220px] overflow-y-auto rounded-md border border-mineshaft-600 bg-mineshaft-900 text-bunker-300 shadow will-change-auto data-[side=top]:animate-slideDownAndFade data-[side=left]:animate-slideRightAndFade data-[side=right]:animate-slideLeftAndFade data-[side=bottom]:animate-slideUpAndFade",
-            className
-          )}
-        >
-          {children}
-        </DropdownMenuPrimitive.Content>
-      </DropdownMenuPrimitive.Portal>
-    );
-  }
-);
-
-DropdownMenuContent.displayName = "DropdownMenuContent";
-
-// item container
-export type DropdownSubMenuContentProps = DropdownMenuPrimitive.MenuSubContentProps;
-export const DropdownSubMenuContent = forwardRef<HTMLDivElement, DropdownSubMenuContentProps>(
-  ({ children, className, ...props }, forwardedRef) => {
-    return (
-      <DropdownMenuPrimitive.Portal>
-        <DropdownMenuPrimitive.SubContent
-          sideOffset={2}
-          {...props}
-          ref={forwardedRef}
-          className={twMerge(
-            "z-30 min-w-[220px] rounded-md border border-mineshaft-600 bg-mineshaft-900 text-bunker-300 shadow will-change-auto data-[side=top]:animate-slideDownAndFade data-[side=left]:animate-slideRightAndFade data-[side=right]:animate-slideLeftAndFade data-[side=bottom]:animate-slideUpAndFade",
-            className
-          )}
-        >
-          {children}
-        </DropdownMenuPrimitive.SubContent>
-      </DropdownMenuPrimitive.Portal>
-    );
-  }
-);
-
-DropdownSubMenuContent.displayName = "DropdownMenuContent";
-
-// item label component
-export type DropdownLabelProps = DropdownMenuPrimitive.MenuLabelProps;
-export const DropdownMenuLabel = ({ className, ...props }: DropdownLabelProps) => (
-  <DropdownMenuPrimitive.Label
-    {...props}
-    className={twMerge("px-4 pt-2 pb-1 text-xs text-bunker-400", className)}
-  />
-);
-
-// dropdown items
-export type DropdownMenuItemProps<T extends ElementType> =
-  DropdownMenuPrimitive.MenuContentProps & {
-    icon?: ReactNode;
-    as?: T;
-    inputRef?: Ref<T>;
-    iconPos?: "left" | "right";
-  };
-
-export const DropdownMenuItem = <T extends ElementType = "button">({
-  children,
-  inputRef,
-  className,
-  icon,
-  as: Item = "button",
-  iconPos = "left",
-  isDisabled = false,
-  ...props
-}: DropdownMenuItemProps<T> & ComponentPropsWithRef<T> & { isDisabled?: boolean }) => (
-  <DropdownMenuPrimitive.Item
-    {...props}
-    className={twMerge(
-      "block cursor-pointer rounded-sm px-4 py-2 font-inter text-xs text-mineshaft-200 outline-none data-[highlighted]:bg-mineshaft-700",
-      className,
-      isDisabled ? "pointer-events-none opacity-50" : ""
-    )}
-  >
-    <Item type="button" role="menuitem" className="flex w-full items-center" ref={inputRef}>
-      {icon && iconPos === "left" && <span className="mr-2 flex items-center">{icon}</span>}
-      <span className="flex-grow text-left">{children}</span>
-      {icon && iconPos === "right" && <span className="ml-2 flex items-center">{icon}</span>}
-    </Item>
-  </DropdownMenuPrimitive.Item>
-);
-
-// trigger
-export type DropdownSubMenuTriggerProps<T extends ElementType> =
-  DropdownMenuPrimitive.DropdownMenuSubTriggerProps & {
-    icon?: ReactNode;
-    as?: T;
-    inputRef?: Ref<T>;
-    iconPos?: "left" | "right";
-  };
-
-export const DropdownSubMenuTrigger = <T extends ElementType = "button">({
-  children,
-  inputRef,
-  className,
-  icon,
-  as: Item = "button",
-  iconPos = "left",
-  ...props
-}: DropdownMenuItemProps<T> & ComponentPropsWithRef<T>) => (
-  <DropdownMenuPrimitive.SubTrigger
-    {...props}
-    className={twMerge(
-      "block cursor-pointer rounded-sm px-4 py-2 font-inter text-xs text-mineshaft-200 outline-none data-[highlighted]:bg-mineshaft-700",
-      className
-    )}
-  >
-    <Item type="button" role="menuitem" className="flex w-full items-center" ref={inputRef}>
-      {icon && iconPos === "left" && <span className="mr-2 flex items-center">{icon}</span>}
-      <span className="flex-grow text-left">{children}</span>
-      {icon && iconPos === "right" && <span className="ml-2 flex items-center">{icon}</span>}
-    </Item>
-  </DropdownMenuPrimitive.SubTrigger>
-);
-
-// grouping items into 1
-export type DropdownMenuGroupProps = DropdownMenuPrimitive.DropdownMenuGroupProps;
-
-export const DropdownMenuGroup = forwardRef<HTMLDivElement, DropdownMenuGroupProps>(
-  ({ ...props }, ref) => (
-    <DropdownMenuPrimitive.Group
-      {...props}
-      className={twMerge("py-2 pl-3 text-xs", props.className)}
-      ref={ref}
-    />
-  )
-);
-
-DropdownMenuGroup.displayName = "DropdownMenuGroup";
-
-// Divider
-export const DropdownMenuSeparator = forwardRef<
-  HTMLDivElement,
-  DropdownMenuPrimitive.DropdownMenuSeparatorProps
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    {...props}
-    className={twMerge("m-1 h-[1px] bg-gray-700", className)}
-  />
-));
-
-DropdownMenuSeparator.displayName = "DropdownMenuSeperator";
-
-DropdownMenuSeparator.displayName = "DropdownMenuSeperator";
diff --git a/frontend-next/src/components/v2/Dropdown/index.tsx b/frontend-next/src/components/v2/Dropdown/index.tsx
deleted file mode 100644
index bde01449e..000000000
--- a/frontend-next/src/components/v2/Dropdown/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-export type {
-  DropdownLabelProps,
-  DropdownMenuContentProps,
-  DropdownMenuGroupProps,
-  DropdownMenuItemProps,
-  DropdownMenuProps,
-  DropdownMenuTriggerProps,
-  DropdownSubMenuContentProps,
-  DropdownSubMenuProps,
-  DropdownSubMenuTriggerProps
-} from "./Dropdown";
-export {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  DropdownSubMenu,
-  DropdownSubMenuContent,
-  DropdownSubMenuTrigger
-} from "./Dropdown";
diff --git a/frontend-next/src/components/v2/EmailServiceSetupModal/EmailServiceSetupModal.tsx b/frontend-next/src/components/v2/EmailServiceSetupModal/EmailServiceSetupModal.tsx
deleted file mode 100644
index a81321cd5..000000000
--- a/frontend-next/src/components/v2/EmailServiceSetupModal/EmailServiceSetupModal.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button } from "../Button";
-import { Modal, ModalContent } from "../Modal";
-
-type Props = {
-  isOpen?: boolean;
-  onOpenChange?: (isOpen: boolean) => void;
-};
-
-export const EmailServiceSetupModal = ({ isOpen, onOpenChange }: Props): JSX.Element => (
-  <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-    <ModalContent title="Email service not configured">
-      <p className="mb-4 text-bunker-300">
-        The administrators of this Infisical instance have not yet set up an email service provider
-        required to perform this action
-      </p>
-
-      <a href="https://infisical.com/docs/self-hosting/configuration/email">
-        <Button className="mr-4">Learn more</Button>
-      </a>
-    </ModalContent>
-  </Modal>
-);
diff --git a/frontend-next/src/components/v2/EmailServiceSetupModal/index.tsx b/frontend-next/src/components/v2/EmailServiceSetupModal/index.tsx
deleted file mode 100644
index c9989623f..000000000
--- a/frontend-next/src/components/v2/EmailServiceSetupModal/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EmailServiceSetupModal } from "./EmailServiceSetupModal";
diff --git a/frontend-next/src/components/v2/EmptyState/EmptyState.stories.tsx b/frontend-next/src/components/v2/EmptyState/EmptyState.stories.tsx
deleted file mode 100644
index 6e26bfdb3..000000000
--- a/frontend-next/src/components/v2/EmptyState/EmptyState.stories.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { EmptyState } from "./EmptyState";
-
-const meta: Meta<typeof EmptyState> = {
-  title: "Components/EmptyState",
-  component: EmptyState,
-  tags: ["v2"],
-  argTypes: {},
-  args: {
-    title: "No members found"
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof EmptyState>;
-
-export const Basic: Story = {
-  render: (args) => <EmptyState {...args} />
-};
diff --git a/frontend-next/src/components/v2/EmptyState/EmptyState.tsx b/frontend-next/src/components/v2/EmptyState/EmptyState.tsx
deleted file mode 100644
index 9816a3fe2..000000000
--- a/frontend-next/src/components/v2/EmptyState/EmptyState.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ReactNode } from "react";
-import { SizeProp } from "@fortawesome/fontawesome-svg-core";
-import { faCubesStacked, IconDefinition } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  title: ReactNode;
-  className?: string;
-  children?: ReactNode;
-  icon?: IconDefinition;
-  iconSize?: SizeProp;
-};
-
-export const EmptyState = ({
-  title,
-  className,
-  children,
-  icon = faCubesStacked,
-  iconSize = "2x"
-}: Props) => (
-  <div
-    className={twMerge(
-      "flex w-full flex-col items-center bg-mineshaft-800 px-2 pt-4 text-bunker-300",
-      className
-    )}
-  >
-    <FontAwesomeIcon icon={icon} size={iconSize} />
-    <div className="flex flex-col items-center py-4">
-      <div className="text-sm text-bunker-300">{title}</div>
-      <div>{children}</div>
-    </div>
-  </div>
-);
diff --git a/frontend-next/src/components/v2/EmptyState/index.tsx b/frontend-next/src/components/v2/EmptyState/index.tsx
deleted file mode 100644
index aac2d4d67..000000000
--- a/frontend-next/src/components/v2/EmptyState/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EmptyState } from "./EmptyState";
diff --git a/frontend-next/src/components/v2/FilterableSelect/FilterableSelect.tsx b/frontend-next/src/components/v2/FilterableSelect/FilterableSelect.tsx
deleted file mode 100644
index dd8ba330d..000000000
--- a/frontend-next/src/components/v2/FilterableSelect/FilterableSelect.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import Select, { Props } from "react-select";
-import { twMerge } from "tailwind-merge";
-
-import { ClearIndicator, DropdownIndicator, MultiValueRemove, Option } from "../Select/components";
-
-export const FilterableSelect = <T,>({
-  isMulti,
-  closeMenuOnSelect,
-  tabSelectsValue = false,
-  ...props
-}: Props<T>) => (
-  <Select
-    isMulti={isMulti}
-    closeMenuOnSelect={closeMenuOnSelect ?? !isMulti}
-    hideSelectedOptions={false}
-    unstyled
-    styles={{
-      input: (base) => ({
-        ...base,
-        "input:focus": {
-          boxShadow: "none"
-        }
-      }),
-      multiValueLabel: (base) => ({
-        ...base,
-        whiteSpace: "normal",
-        overflow: "visible"
-      }),
-      control: (base) => ({
-        ...base,
-        transition: "none"
-      })
-    }}
-    tabSelectsValue={tabSelectsValue}
-    components={{
-      DropdownIndicator,
-      ClearIndicator,
-      MultiValueRemove,
-      Option,
-      ...props.components
-    }}
-    classNames={{
-      container: ({ isDisabled }) =>
-        twMerge("w-full text-sm font-inter", isDisabled && "!pointer-events-auto opacity-50"),
-      control: ({ isFocused, isDisabled }) =>
-        twMerge(
-          isFocused ? "border-primary-400/50" : "border-mineshaft-600 ",
-          `border w-full p-0.5 rounded-md text-mineshaft-200 font-inter bg-mineshaft-900 ${
-            isDisabled ? "!cursor-not-allowed" : "hover:border-gray-400 hover:cursor-pointer"
-          } `
-        ),
-      placeholder: () =>
-        `${isMulti ? "py-[0.22rem]" : "leading-7"} text-mineshaft-400 text-sm pl-1`,
-      input: () => "pl-1",
-      valueContainer: () =>
-        `px-1 max-h-[8.2rem] ${
-          isMulti ? "!overflow-y-auto thin-scrollbar py-1" : "py-[0.1rem]"
-        } gap-1`,
-      singleValue: () => "leading-7 ml-1",
-      multiValue: () => "bg-mineshaft-600 text-sm rounded items-center py-0.5 px-2 gap-1.5",
-      multiValueLabel: () => "leading-6 text-sm",
-      multiValueRemove: () => "hover:text-red text-bunker-400",
-      indicatorsContainer: () => "p-1 gap-1",
-      clearIndicator: () => "p-1 hover:text-red text-bunker-400",
-      indicatorSeparator: () => "bg-bunker-400",
-      dropdownIndicator: () => "text-bunker-200 p-1",
-      menuList: () => "flex flex-col gap-1",
-      menu: () =>
-        "my-2 p-2 border text-sm text-mineshaft-200 thin-scrollbar bg-mineshaft-900 border-mineshaft-600 rounded-md",
-      groupHeading: () => "ml-3 mt-2 mb-1 text-mineshaft-400 text-sm",
-      option: ({ isFocused, isSelected }) =>
-        twMerge(
-          isFocused && "bg-mineshaft-700 active:bg-mineshaft-600",
-          isSelected && "text-mineshaft-200",
-          "hover:cursor-pointer rounded text-xs px-3 py-2"
-        ),
-      noOptionsMessage: () => "text-mineshaft-400 p-2 rounded-md"
-    }}
-    {...props}
-  />
-);
diff --git a/frontend-next/src/components/v2/FilterableSelect/index.tsx b/frontend-next/src/components/v2/FilterableSelect/index.tsx
deleted file mode 100644
index 03113e4fd..000000000
--- a/frontend-next/src/components/v2/FilterableSelect/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./FilterableSelect";
diff --git a/frontend-next/src/components/v2/FontAwesomeSymbol/FontAwesomeSymbol.tsx b/frontend-next/src/components/v2/FontAwesomeSymbol/FontAwesomeSymbol.tsx
deleted file mode 100644
index 69639ae5f..000000000
--- a/frontend-next/src/components/v2/FontAwesomeSymbol/FontAwesomeSymbol.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { forwardRef, HTMLAttributes } from "react";
-
-type Props = {
-  symbolName: string;
-} & HTMLAttributes<HTMLDivElement>;
-
-export const FontAwesomeSymbol = forwardRef<HTMLDivElement, Props>(
-  ({ symbolName, ...props }, ref) => {
-    return (
-      <div ref={ref} {...props}>
-        <svg className="w-inherit h-inherit">
-          <use href={`#${symbolName}`} />
-        </svg>
-      </div>
-    );
-  }
-);
-
-FontAwesomeSymbol.displayName = "FontAwesomeSymbol";
diff --git a/frontend-next/src/components/v2/FontAwesomeSymbol/index.tsx b/frontend-next/src/components/v2/FontAwesomeSymbol/index.tsx
deleted file mode 100644
index baaa34e7e..000000000
--- a/frontend-next/src/components/v2/FontAwesomeSymbol/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { FontAwesomeSymbol } from "./FontAwesomeSymbol";
diff --git a/frontend-next/src/components/v2/FormControl/FormControl.stories.tsx b/frontend-next/src/components/v2/FormControl/FormControl.stories.tsx
deleted file mode 100644
index 9bfbcc4ce..000000000
--- a/frontend-next/src/components/v2/FormControl/FormControl.stories.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-// Be careful on dep cycle
-import { Input } from "../Input/Input";
-import { FormControl } from "./FormControl";
-
-const meta: Meta<typeof FormControl> = {
-  title: "Components/FormControl",
-  component: FormControl,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof FormControl>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Basic: Story = {
-  args: {
-    children: <Input />,
-    label: "Email",
-    id: "email",
-    helperText: "Type something.."
-  }
-};
-
-export const RequiredInput: Story = {
-  args: {
-    ...Basic.args,
-    isRequired: true
-  }
-};
-
-export const ErrorInput: Story = {
-  args: {
-    ...Basic.args,
-    errorText: "Some random error",
-    isError: true
-  }
-};
diff --git a/frontend-next/src/components/v2/FormControl/FormControl.tsx b/frontend-next/src/components/v2/FormControl/FormControl.tsx
deleted file mode 100644
index 4d5446519..000000000
--- a/frontend-next/src/components/v2/FormControl/FormControl.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import { cloneElement, ReactElement, ReactNode } from "react";
-import { faExclamationTriangle, faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as Label from "@radix-ui/react-label";
-import { twMerge } from "tailwind-merge";
-
-import { Tooltip } from "../Tooltip";
-
-export type FormLabelProps = {
-  id?: string;
-  isRequired?: boolean;
-  isOptional?: boolean;
-  label?: ReactNode;
-  icon?: ReactNode;
-  className?: string;
-  tooltipClassName?: string;
-  tooltipText?: ReactNode;
-};
-
-export const FormLabel = ({
-  id,
-  label,
-  isRequired,
-  icon,
-  className,
-  isOptional,
-  tooltipClassName,
-  tooltipText
-}: FormLabelProps) => (
-  <Label.Root
-    className={twMerge(
-      "mb-0.5 flex items-center text-sm font-normal text-mineshaft-400",
-      className
-    )}
-    htmlFor={id}
-  >
-    {label}
-    {isRequired && <span className="ml-1 text-red">*</span>}
-    {isOptional && <span className="ml-1 text-xs italic text-gray-500">- Optional</span>}
-    {icon && !tooltipText && (
-      <span className="ml-2 cursor-default text-mineshaft-300 hover:text-mineshaft-200">
-        {icon}
-      </span>
-    )}
-    {tooltipText && (
-      <Tooltip content={tooltipText} className={tooltipClassName}>
-        <FontAwesomeIcon icon={faQuestionCircle} size="sm" className="ml-1" />
-      </Tooltip>
-    )}
-  </Label.Root>
-);
-
-export type FormHelperTextProps = {
-  isError?: boolean;
-  text?: ReactNode;
-};
-
-export const FormHelperText = ({ isError, text }: FormHelperTextProps) => (
-  <div
-    className={twMerge(
-      "mt-2 flex items-center font-inter text-xs text-mineshaft-300 opacity-90",
-      isError && "text-red-600"
-    )}
-  >
-    {isError && (
-      <span>
-        <FontAwesomeIcon icon={faExclamationTriangle} size="sm" className="mr-1" />
-      </span>
-    )}
-    <span>{text}</span>
-  </div>
-);
-
-export type FormControlProps = {
-  id?: string;
-  isRequired?: boolean;
-  isOptional?: boolean;
-  isError?: boolean;
-  label?: ReactNode;
-  helperText?: ReactNode;
-  errorText?: ReactNode;
-  children: JSX.Element;
-  className?: string;
-  icon?: ReactNode;
-  tooltipText?: ReactElement | string;
-  tooltipClassName?: string;
-};
-
-export const FormControl = ({
-  children,
-  isRequired,
-  isOptional,
-  label,
-  helperText,
-  errorText,
-  id,
-  isError,
-  icon,
-  className,
-  tooltipText,
-  tooltipClassName
-}: FormControlProps): JSX.Element => {
-  return (
-    <div className={twMerge("mb-4", className)}>
-      {typeof label === "string" ? (
-        <FormLabel
-          label={label}
-          isOptional={isOptional}
-          isRequired={isRequired}
-          id={id}
-          icon={icon}
-          tooltipText={tooltipText}
-          tooltipClassName={tooltipClassName}
-        />
-      ) : (
-        label
-      )}
-      {cloneElement(children, { isRequired, "data-required": isRequired, isError })}
-      {!isError && helperText && <FormHelperText isError={isError} text={helperText} />}
-      {isError && errorText && <FormHelperText isError={isError} text={errorText} />}
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/FormControl/index.tsx b/frontend-next/src/components/v2/FormControl/index.tsx
deleted file mode 100644
index b48b788d4..000000000
--- a/frontend-next/src/components/v2/FormControl/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { FormControlProps, FormHelperTextProps, FormLabelProps } from "./FormControl";
-export { FormControl, FormHelperText, FormLabel } from "./FormControl";
diff --git a/frontend-next/src/components/v2/HoverCard/HoverCard.tsx b/frontend-next/src/components/v2/HoverCard/HoverCard.tsx
deleted file mode 100644
index 32393a238..000000000
--- a/frontend-next/src/components/v2/HoverCard/HoverCard.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as HoverCard from "@radix-ui/react-hover-card";
-
-type Props = {
-  text: string;
-  icon: IconProp;
-  color: string;
-};
-
-export type HoverCardProps = Props;
-
-export const HoverObject = ({ text, icon, color }: Props): JSX.Element => (
-  <HoverCard.Root openDelay={50}>
-    <HoverCard.Trigger asChild>
-      <a className="ImageTrigger z-20">
-        <FontAwesomeIcon icon={icon} className={`text-${color}`} />
-      </a>
-    </HoverCard.Trigger>
-    <HoverCard.Portal>
-      <HoverCard.Content className="HoverCardContent z-[300]" sideOffset={5}>
-        <div className="rounded-md border border-mineshaft-600 bg-bunker-700 p-2 text-bunker-300 drop-shadow-xl">
-          <div style={{ display: "flex", flexDirection: "column", gap: 15 }}>
-            <div>
-              <div className="Text bold">{text}</div>
-            </div>
-          </div>
-        </div>
-
-        <HoverCard.Arrow className="border-mineshaft-600" />
-      </HoverCard.Content>
-    </HoverCard.Portal>
-  </HoverCard.Root>
-);
-
-HoverObject.displayName = "HoverCard";
diff --git a/frontend-next/src/components/v2/HoverCard/index.tsx b/frontend-next/src/components/v2/HoverCard/index.tsx
deleted file mode 100644
index 13b7ee520..000000000
--- a/frontend-next/src/components/v2/HoverCard/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { HoverCardProps } from "./HoverCard";
-export { HoverObject } from "./HoverCard";
diff --git a/frontend-next/src/components/v2/HoverCardv2/HoverCardv2.stories.tsx b/frontend-next/src/components/v2/HoverCardv2/HoverCardv2.stories.tsx
deleted file mode 100644
index af88ec3e7..000000000
--- a/frontend-next/src/components/v2/HoverCardv2/HoverCardv2.stories.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Button } from "../Button";
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardContentProps,
-  HoverCardTrigger
-} from "./HoverCardv2";
-
-const meta: Meta<typeof HoverCardContent> = {
-  title: "Components/HoverCard",
-  component: HoverCard,
-  tags: ["v2"]
-};
-
-export default meta;
-type Story = StoryObj<typeof HoverCardContent>;
-
-const Template = (args: HoverCardContentProps) => (
-  <HoverCard>
-    <HoverCardTrigger>
-      <Button>Hello world</Button>
-    </HoverCardTrigger>
-    <HoverCardContent {...args} sideOffset={10}>
-      <div className="bg-mineshaft-600 p-4 text-gray-400">
-        <h1>This is hover card</h1>
-      </div>
-    </HoverCardContent>
-  </HoverCard>
-);
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Primary: Story = {
-  render: (args) => <Template {...args} />
-};
diff --git a/frontend-next/src/components/v2/HoverCardv2/HoverCardv2.tsx b/frontend-next/src/components/v2/HoverCardv2/HoverCardv2.tsx
deleted file mode 100644
index 816287349..000000000
--- a/frontend-next/src/components/v2/HoverCardv2/HoverCardv2.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ReactNode } from "react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { twMerge } from "tailwind-merge";
-
-export const HoverCardTrigger = HoverCardPrimitive.Trigger;
-
-export const HoverCard = HoverCardPrimitive.Root;
-
-export type HoverCardContentProps = {
-  children?: ReactNode;
-} & HoverCardPrimitive.HoverCardContentProps;
-
-export const HoverCardContent = ({ children, className, ...props }: HoverCardContentProps) => (
-  <HoverCardPrimitive.Portal>
-    <HoverCardPrimitive.Content
-      {...props}
-      className={twMerge(
-        "relative w-64 rounded-md bg-mineshaft-600 fill-mineshaft-600 p-4 pt-6 font-inter text-gray-200 shadow-md",
-        className
-      )}
-    >
-      {children}
-      <HoverCardPrimitive.Arrow className="fill-inherit stroke-inherit" />
-    </HoverCardPrimitive.Content>
-  </HoverCardPrimitive.Portal>
-);
diff --git a/frontend-next/src/components/v2/HoverCardv2/index.tsx b/frontend-next/src/components/v2/HoverCardv2/index.tsx
deleted file mode 100644
index 30419fca6..000000000
--- a/frontend-next/src/components/v2/HoverCardv2/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { HoverCard, HoverCardContent, HoverCardTrigger } from "./HoverCardv2";
diff --git a/frontend-next/src/components/v2/IconButton/IconButton.stories.tsx b/frontend-next/src/components/v2/IconButton/IconButton.stories.tsx
deleted file mode 100644
index 9c485cfd2..000000000
--- a/frontend-next/src/components/v2/IconButton/IconButton.stories.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { IconButton } from "./IconButton";
-
-const meta: Meta<typeof IconButton> = {
-  title: "Components/IconButton",
-  component: IconButton,
-  tags: ["v2"],
-  argTypes: {
-    isRounded: {
-      defaultValue: true,
-      type: "boolean"
-    },
-    ariaLabel: {
-      defaultValue: "Some buttons..."
-    }
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof IconButton>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Primary: Story = {
-  args: {
-    children: <FontAwesomeIcon icon={faPlus} />
-  }
-};
-
-export const Secondary: Story = {
-  args: {
-    children: <FontAwesomeIcon icon={faPlus} />,
-    colorSchema: "secondary",
-    variant: "outline"
-  }
-};
-
-export const Danger: Story = {
-  args: {
-    children: <FontAwesomeIcon icon={faPlus} />,
-    colorSchema: "danger",
-    variant: "solid"
-  }
-};
-
-export const Plain: Story = {
-  args: {
-    children: <FontAwesomeIcon icon={faPlus} />,
-    variant: "plain"
-  }
-};
-
-export const Disabled: Story = {
-  args: {
-    children: <FontAwesomeIcon icon={faPlus} />,
-    disabled: true
-  }
-};
diff --git a/frontend-next/src/components/v2/IconButton/IconButton.tsx b/frontend-next/src/components/v2/IconButton/IconButton.tsx
deleted file mode 100644
index 2f6a2837a..000000000
--- a/frontend-next/src/components/v2/IconButton/IconButton.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import { ButtonHTMLAttributes, forwardRef, ReactNode } from "react";
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  children: ReactNode;
-  // This is kept as required because by accessibility convention and eslint
-  // when button doesn't have text an aria-label needs to be passed
-  ariaLabel: string;
-  isDisabled?: boolean;
-};
-
-const iconButtonVariants = cva(
-  [
-    "button",
-    "transition-all",
-    "font-inter font-medium user-select-none",
-    "cursor-pointer",
-    "inline-flex items-center justify-center",
-    "relative"
-  ],
-  {
-    variants: {
-      colorSchema: {
-        primary: ["bg-primary", "text-black", "border-primary hover:opacity-80"],
-        secondary: ["bg-mineshaft", "text-gray-300", "border-mineshaft hover:bg-bunker-400"],
-        danger: ["bg-[#973939]", "text-white", "border-red"]
-      },
-      variant: {
-        solid: "",
-        outline: ["bg-transparent", "border-2", "border-solid"],
-        plain: "",
-        star: "text-bunker-200 bg-mineshaft-500",
-        outline_bg: ""
-      },
-      isDisabled: {
-        true: "bg-opacity-70 cursor-not-allowed",
-        false: ""
-      },
-      isRounded: {
-        true: "rounded-md",
-        false: ""
-      },
-      size: {
-        xs: ["text-xs", "rounded-sm", "py-1.5", "px-2"],
-        sm: ["text-sm", "py-3", "px-3"],
-        md: ["text-md", "py-4", "px-4"],
-        lg: ["text-lg", "py-6", "px-6"]
-      }
-    },
-    compoundVariants: [
-      {
-        colorSchema: "primary",
-        variant: "star",
-        className: "hover:bg-primary hover:text-black"
-      },
-      {
-        colorSchema: "primary",
-        variant: "outline_bg",
-        className:
-          "bg-mineshaft-700 border border-mineshaft-600 hover:bg-primary/[0.15] hover:border-primary/60 text-bunker-200 hover:text-bunker-100 duration-100"
-      },
-      {
-        colorSchema: "danger",
-        variant: "star",
-        className: "hover:bg-red hover:text-white"
-      },
-      {
-        colorSchema: "primary",
-        variant: "outline",
-        className: "text-primary hover:bg-primary hover:text-black"
-      },
-      {
-        colorSchema: "secondary",
-        variant: "outline",
-        className: "hover:bg-mineshaft"
-      },
-      {
-        colorSchema: "danger",
-        variant: "outline",
-        className: "text-red hover:bg-red hover:text-black"
-      },
-      {
-        colorSchema: "primary",
-        variant: "plain",
-        className: "hover:text-primary"
-      },
-      {
-        colorSchema: "secondary",
-        variant: "plain",
-        className: "text-mineshaft"
-      },
-      {
-        colorSchema: "danger",
-        variant: "plain",
-        className: "hover:text-red"
-      },
-      {
-        colorSchema: ["danger", "primary", "secondary"],
-        variant: ["plain"],
-        className: "bg-transparent py-1 px-1 text-bunker-300"
-      }
-    ]
-  }
-);
-
-export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> &
-  VariantProps<typeof iconButtonVariants> &
-  Props;
-
-export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
-  (
-    {
-      children,
-      ariaLabel,
-      isDisabled = false,
-      className,
-      size = "sm",
-      variant = "solid",
-      isRounded = true,
-      colorSchema = "primary",
-      ...props
-    },
-    ref
-  ): JSX.Element => (
-    <button
-      ref={ref}
-      aria-disabled={isDisabled}
-      type="button"
-      aria-label={ariaLabel}
-      className={twMerge(
-        iconButtonVariants({
-          className,
-          colorSchema,
-          size,
-          variant,
-          isRounded,
-          isDisabled
-        })
-      )}
-      disabled={isDisabled}
-      {...props}
-    >
-      {children}
-    </button>
-  )
-);
-
-IconButton.displayName = "IconButton";
diff --git a/frontend-next/src/components/v2/IconButton/index.tsx b/frontend-next/src/components/v2/IconButton/index.tsx
deleted file mode 100644
index a12a262b3..000000000
--- a/frontend-next/src/components/v2/IconButton/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { IconButtonProps } from "./IconButton";
-export { IconButton } from "./IconButton";
diff --git a/frontend-next/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx b/frontend-next/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx
deleted file mode 100644
index 45b45b01a..000000000
--- a/frontend-next/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx
+++ /dev/null
@@ -1,354 +0,0 @@
-import { forwardRef, TextareaHTMLAttributes, useCallback, useMemo, useRef, useState } from "react";
-import { faCircle, faFolder, faKey } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as Popover from "@radix-ui/react-popover";
-
-import { useWorkspace } from "@app/context";
-import { useDebounce, useToggle } from "@app/hooks";
-import { useGetProjectFolders, useGetProjectSecrets } from "@app/hooks/api";
-
-import { SecretInput } from "../SecretInput";
-
-const getIndexOfUnclosedRefToTheLeft = (value: string, pos: number) => {
-  // take substring up to pos in order to consider edits for closed references
-  for (let i = pos; i >= 1; i -= 1) {
-    if (value[i] === "}") return -1;
-    if (value[i - 1] === "$" && value[i] === "{") {
-      return i;
-    }
-  }
-  return -1;
-};
-
-const getIndexOfUnclosedRefToTheRight = (value: string, pos: number) => {
-  // use it with above to identify an open ${
-  for (let i = pos; i < value.length; i += 1) {
-    if (value[i] === "}") return i - 1;
-  }
-  return -1;
-};
-
-const getClosingSymbol = (isSelectedSecret: boolean, isClosed: boolean) => {
-  if (!isClosed) {
-    return isSelectedSecret ? "}" : ".";
-  }
-  if (!isSelectedSecret) return ".";
-  return "";
-};
-
-const mod = (n: number, m: number) => ((n % m) + m) % m;
-
-export enum ReferenceType {
-  ENVIRONMENT = "environment",
-  FOLDER = "folder",
-  SECRET = "secret"
-}
-
-type Props = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & {
-  value?: string;
-  onChange: (val: string) => void;
-  isImport?: boolean;
-  isVisible?: boolean;
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  secretPath?: string;
-  environment?: string;
-  containerClassName?: string;
-};
-
-type ReferenceItem = {
-  label: string;
-  type: ReferenceType;
-  slug: string;
-};
-
-export const InfisicalSecretInput = forwardRef<HTMLTextAreaElement, Props>(
-  (
-    {
-      value = "",
-      onChange,
-      containerClassName,
-      secretPath: propSecretPath,
-      environment: propEnvironment,
-      ...props
-    },
-    ref
-  ) => {
-    const { currentWorkspace } = useWorkspace();
-    const workspaceId = currentWorkspace?.id || "";
-
-    const [debouncedValue] = useDebounce(value, 500);
-
-    const [highlightedIndex, setHighlightedIndex] = useState(-1);
-
-    const inputRef = useRef<HTMLTextAreaElement>(null);
-    const popoverContentRef = useRef<HTMLDivElement>(null);
-    const [isFocused, setIsFocused] = useToggle(false);
-    const currentCursorPosition = inputRef.current?.selectionStart || 0;
-
-    const suggestionSource = useMemo(() => {
-      const left = getIndexOfUnclosedRefToTheLeft(debouncedValue, currentCursorPosition - 1);
-      if (left === -1) return { left, value: "", predicate: "", isDeep: false };
-
-      const suggestionSourceValue = debouncedValue.slice(left + 1, currentCursorPosition);
-      let suggestionSourceEnv: string | undefined = propEnvironment;
-      let suggestionSourceSecretPath: string | undefined = propSecretPath || "/";
-
-      // means its like <environment>.<folder1>.<...more folder>.secret
-      const isDeep = suggestionSourceValue.includes(".");
-      let predicate = suggestionSourceValue;
-      if (isDeep) {
-        const [envSlug, ...folderPaths] = suggestionSourceValue.split(".");
-        const isValidEnvSlug = currentWorkspace?.environments.find((e) => e.slug === envSlug);
-        suggestionSourceEnv = isValidEnvSlug ? envSlug : undefined;
-        suggestionSourceSecretPath = `/${folderPaths.slice(0, -1)?.join("/")}`;
-        predicate = folderPaths[folderPaths.length - 1];
-      }
-
-      return {
-        left: left + 1,
-        // the full value inside a ${<value>}
-        value: suggestionSourceValue,
-        // the final part after staging.dev.<folder1>.<predicate>
-        predicate,
-        isOpen: left !== -1,
-        isDeep,
-        environment: suggestionSourceEnv,
-        secretPath: suggestionSourceSecretPath
-      };
-    }, [debouncedValue]);
-
-    const isPopupOpen = Boolean(suggestionSource.isOpen) && isFocused;
-    const { data: secrets } = useGetProjectSecrets({
-      environment: suggestionSource.environment || "",
-      secretPath: suggestionSource.secretPath || "",
-      workspaceId,
-      options: {
-        enabled: isPopupOpen
-      }
-    });
-    const { data: folders } = useGetProjectFolders({
-      environment: suggestionSource.environment || "",
-      path: suggestionSource.secretPath || "",
-      projectId: workspaceId,
-      options: {
-        enabled: isPopupOpen
-      }
-    });
-
-    const suggestions = useMemo(() => {
-      if (!isPopupOpen) return [];
-      // reset highlight whenever recomputation happens
-      setHighlightedIndex(-1);
-      const suggestionsArr: ReferenceItem[] = [];
-      const predicate = suggestionSource.predicate.toLowerCase();
-
-      if (!suggestionSource.isDeep) {
-        // At first level only environments and secrets
-        (currentWorkspace?.environments || []).forEach(({ name, slug }) => {
-          if (name.toLowerCase().startsWith(predicate))
-            suggestionsArr.push({
-              label: name,
-              slug,
-              type: ReferenceType.ENVIRONMENT
-            });
-        });
-      } else {
-        // one deeper levels its based on an environment folders and secrets
-        (folders || []).forEach(({ name }) => {
-          if (name.toLowerCase().startsWith(predicate))
-            suggestionsArr.push({
-              label: name,
-              slug: name,
-              type: ReferenceType.FOLDER
-            });
-        });
-      }
-      (secrets || []).forEach(({ key }) => {
-        if (key.toLowerCase().startsWith(predicate))
-          suggestionsArr.push({
-            label: key,
-            slug: key,
-            type: ReferenceType.SECRET
-          });
-      });
-      return suggestionsArr;
-    }, [secrets, folders, currentWorkspace?.environments, isPopupOpen, suggestionSource.value]);
-
-    const handleSuggestionSelect = (selectIndex?: number) => {
-      const selectedSuggestion =
-        suggestions[typeof selectIndex !== "undefined" ? selectIndex : highlightedIndex];
-      if (!selectedSuggestion) {
-        return;
-      }
-
-      const rightBracketIndex = getIndexOfUnclosedRefToTheRight(value, suggestionSource.left);
-      const isEnclosed = rightBracketIndex !== -1;
-      // <lhsValue>${}<rhsvalue>
-      const lhsValue = value.slice(0, suggestionSource.left);
-      const rhsValue = value.slice(
-        rightBracketIndex !== -1 ? rightBracketIndex + 1 : currentCursorPosition
-      );
-      // mid will be computed value inside the interpolation
-      const mid = suggestionSource.isDeep
-        ? `${suggestionSource.value.slice(0, -suggestionSource.predicate.length || undefined)}${
-            selectedSuggestion.slug
-          }`
-        : selectedSuggestion.slug;
-      // whether we should append . or closing bracket on selecting suggestion
-      const closingSymbol = getClosingSymbol(
-        selectedSuggestion.type === ReferenceType.SECRET,
-        isEnclosed
-      );
-
-      const newValue = `${lhsValue}${mid}${closingSymbol}${rhsValue}`;
-      onChange?.(newValue);
-      // this delay is for cursor adjustment
-      // cannot do this without a delay because what happens in onChange gets propogated after the cursor change
-      // Thus the cursor goes last to avoid that we put a slight delay on cursor change to make it happen later
-      const delay = setTimeout(() => {
-        clearTimeout(delay);
-        if (inputRef.current)
-          inputRef.current.selectionEnd =
-            lhsValue.length +
-            mid.length +
-            closingSymbol.length +
-            (isEnclosed && selectedSuggestion.type === ReferenceType.SECRET ? 1 : 0); // if secret is selected the cursor should move after the closing bracket -> }
-      }, 10);
-      setHighlightedIndex(-1); // reset highlight
-    };
-
-    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-      // key operation should trigger only when popup is open
-      if (isPopupOpen) {
-        if (e.key === "ArrowDown" || (e.key === "Tab" && !e.shiftKey)) {
-          setHighlightedIndex((prevIndex) => {
-            const pos = mod(prevIndex + 1, suggestions.length);
-            popoverContentRef.current?.children?.[pos]?.scrollIntoView({
-              block: "nearest",
-              behavior: "smooth"
-            });
-            return pos;
-          });
-        } else if (e.key === "ArrowUp" || (e.key === "Tab" && e.shiftKey)) {
-          setHighlightedIndex((prevIndex) => {
-            const pos = mod(prevIndex - 1, suggestions.length);
-            popoverContentRef.current?.children?.[pos]?.scrollIntoView({
-              block: "nearest",
-              behavior: "smooth"
-            });
-            return pos;
-          });
-        } else if (e.key === "Enter" && highlightedIndex >= 0) {
-          e.preventDefault();
-          handleSuggestionSelect();
-        }
-        if (["ArrowDown", "ArrowUp", "Tab"].includes(e.key)) {
-          e.preventDefault();
-        }
-      }
-    };
-
-    const handlePopUpOpen = () => {
-      setHighlightedIndex(-1);
-    };
-
-    // to handle multiple ref for single component
-    const handleRef = useCallback((el: HTMLTextAreaElement) => {
-      // @ts-expect-error this is for multiple ref single component
-      inputRef.current = el;
-      if (ref) {
-        if (typeof ref === "function") {
-          ref(el);
-        } else {
-          // eslint-disable-next-line
-          ref.current = el;
-        }
-      }
-    }, []);
-
-    return (
-      <Popover.Root open={isPopupOpen} onOpenChange={handlePopUpOpen}>
-        <Popover.Trigger asChild>
-          <SecretInput
-            {...props}
-            ref={handleRef}
-            onKeyDown={handleKeyDown}
-            value={value}
-            onFocus={() => setIsFocused.on()}
-            onBlur={(evt) => {
-              // should not on blur when its mouse down selecting a item from suggestion
-              if (!(evt.relatedTarget?.getAttribute("aria-label") === "suggestion-item"))
-                setIsFocused.off();
-            }}
-            onChange={(e) => onChange?.(e.target.value)}
-            containerClassName={containerClassName}
-          />
-        </Popover.Trigger>
-        <Popover.Content
-          align="start"
-          onOpenAutoFocus={(e) => e.preventDefault()}
-          className="relative top-2 z-[100] max-h-64 overflow-auto rounded-md border border-mineshaft-600 bg-mineshaft-900 font-inter text-bunker-100 shadow-md"
-          style={{
-            width: "var(--radix-popover-trigger-width)"
-          }}
-        >
-          <div
-            className="max-w-60 h-full w-full flex-col items-center justify-center rounded-md text-white"
-            ref={popoverContentRef}
-          >
-            {suggestions.map((item, i) => {
-              let entryIcon;
-              if (item.type === ReferenceType.SECRET) {
-                entryIcon = faKey;
-              } else if (item.type === ReferenceType.ENVIRONMENT) {
-                entryIcon = faCircle;
-              } else {
-                entryIcon = faFolder;
-              }
-
-              return (
-                <div
-                  tabIndex={0}
-                  role="button"
-                  onKeyDown={(e) => {
-                    if (e.key === "Enter") handleSuggestionSelect(i);
-                  }}
-                  aria-label="suggestion-item"
-                  onClick={(e) => {
-                    inputRef.current?.focus();
-                    e.preventDefault();
-                    e.stopPropagation();
-                    handleSuggestionSelect(i);
-                  }}
-                  onMouseEnter={() => setHighlightedIndex(i)}
-                  style={{ pointerEvents: "auto" }}
-                  className="flex items-center justify-between border-mineshaft-600 text-left"
-                  key={`secret-reference-secret-${i + 1}`}
-                >
-                  <div
-                    className={`${
-                      highlightedIndex === i ? "bg-gray-600" : ""
-                    } text-md relative mb-0.5 flex w-full cursor-pointer select-none items-center justify-between rounded-md px-2 py-2 outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-500`}
-                  >
-                    <div className="flex w-full gap-2">
-                      <div className="flex items-center text-yellow-700">
-                        <FontAwesomeIcon
-                          icon={entryIcon}
-                          size={item.type === ReferenceType.ENVIRONMENT ? "xs" : "1x"}
-                        />
-                      </div>
-                      <div className="text-md w-10/12 truncate text-left">{item.label}</div>
-                    </div>
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-        </Popover.Content>
-      </Popover.Root>
-    );
-  }
-);
-
-InfisicalSecretInput.displayName = "InfisicalSecretInput";
diff --git a/frontend-next/src/components/v2/InfisicalSecretInput/index.tsx b/frontend-next/src/components/v2/InfisicalSecretInput/index.tsx
deleted file mode 100644
index bf5be9452..000000000
--- a/frontend-next/src/components/v2/InfisicalSecretInput/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { InfisicalSecretInput } from "./InfisicalSecretInput";
diff --git a/frontend-next/src/components/v2/Input/Input.stories.tsx b/frontend-next/src/components/v2/Input/Input.stories.tsx
deleted file mode 100644
index 5fa9d26d4..000000000
--- a/frontend-next/src/components/v2/Input/Input.stories.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { faEye, faMailBulk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Input } from "./Input";
-
-const meta: Meta<typeof Input> = {
-  title: "Components/Input",
-  component: Input,
-  tags: ["v2"],
-  argTypes: {
-    isRounded: {
-      defaultValue: true,
-      type: "boolean"
-    },
-    placeholder: {
-      defaultValue: "Type anything",
-      type: "string"
-    }
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof Input>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Filled: Story = {
-  args: {}
-};
-
-export const Outline: Story = {
-  args: {
-    variant: "outline"
-  }
-};
-
-export const Plain: Story = {
-  args: {
-    variant: "plain"
-  }
-};
-
-export const Error: Story = {
-  args: {
-    isError: true
-  }
-};
-
-export const AutoWidth: Story = {
-  args: {
-    isFullWidth: false,
-    className: "w-auto"
-  }
-};
-
-export const RightIcon: Story = {
-  args: {
-    rightIcon: <FontAwesomeIcon icon={faEye} />
-  }
-};
-
-export const LeftIcon: Story = {
-  args: {
-    leftIcon: <FontAwesomeIcon icon={faMailBulk} />
-  }
-};
diff --git a/frontend-next/src/components/v2/Input/Input.tsx b/frontend-next/src/components/v2/Input/Input.tsx
deleted file mode 100644
index d325719e6..000000000
--- a/frontend-next/src/components/v2/Input/Input.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { ChangeEvent, forwardRef, InputHTMLAttributes, ReactNode } from "react";
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  placeholder?: string;
-  isFullWidth?: boolean;
-  isRequired?: boolean;
-  leftIcon?: ReactNode;
-  rightIcon?: ReactNode;
-  isDisabled?: boolean;
-  isReadOnly?: boolean;
-  autoCapitalization?: boolean;
-  containerClassName?: string;
-};
-
-const inputVariants = cva(
-  "input w-full py-[0.375rem] text-gray-400 placeholder:text-sm placeholder-gray-500 placeholder-opacity-50 outline-none focus:ring-2 hover:ring-bunker-400/60 duration-100",
-  {
-    variants: {
-      size: {
-        xs: ["text-xs"],
-        sm: ["text-sm"],
-        md: ["text-md"],
-        lg: ["text-lg"]
-      },
-      isRounded: {
-        true: ["rounded-md"],
-        false: ""
-      },
-      variant: {
-        filled: ["bg-mineshaft-900", "text-gray-400"],
-        outline: ["bg-transparent"],
-        plain: "bg-transparent outline-none"
-      },
-      isError: {
-        true: "focus:ring-red/50 placeholder-red-300",
-        false: "focus:ring-primary-400/50 focus:ring-1"
-      }
-    },
-    compoundVariants: []
-  }
-);
-
-const inputParentContainerVariants = cva("inline-flex font-inter items-center border relative", {
-  variants: {
-    isRounded: {
-      true: ["rounded-md"],
-      false: ""
-    },
-    isError: {
-      true: "border-red",
-      false: "border-mineshaft-500"
-    },
-    isFullWidth: {
-      true: "w-full",
-      false: ""
-    },
-    variant: {
-      filled: ["bg-bunker-800", "text-gray-400"],
-      outline: ["bg-transparent"],
-      plain: "border-none"
-    }
-  }
-});
-
-export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> &
-  VariantProps<typeof inputVariants> &
-  Props;
-
-export const Input = forwardRef<HTMLInputElement, InputProps>(
-  (
-    {
-      className,
-      containerClassName,
-      isRounded = true,
-      isFullWidth = true,
-      isDisabled,
-      isError = false,
-      isRequired,
-      leftIcon,
-      rightIcon,
-      variant = "filled",
-      size = "md",
-      isReadOnly,
-      autoCapitalization,
-      ...props
-    },
-    ref
-  ): JSX.Element => {
-    const handleInput = (event: ChangeEvent<HTMLInputElement>) => {
-      if (autoCapitalization) {
-        // eslint-disable-next-line no-param-reassign
-        event.target.value = event.target.value.toUpperCase();
-      }
-    };
-
-    return (
-      <div
-        className={inputParentContainerVariants({
-          isRounded,
-          isError,
-          isFullWidth,
-          variant,
-          className: containerClassName
-        })}
-      >
-        {leftIcon && <span className="absolute left-0 ml-3 text-sm">{leftIcon}</span>}
-        <input
-          {...props}
-          required={isRequired}
-          aria-required={isRequired}
-          ref={ref}
-          readOnly={isReadOnly}
-          disabled={isDisabled}
-          onInput={handleInput}
-          className={twMerge(
-            leftIcon ? "pl-10" : "pl-2.5",
-            rightIcon ? "pr-10" : "pr-2.5",
-            inputVariants({ className, isError, size, isRounded, variant })
-          )}
-        />
-        {rightIcon && <span className="absolute right-0 mr-3">{rightIcon}</span>}
-      </div>
-    );
-  }
-);
-
-Input.displayName = "Input";
diff --git a/frontend-next/src/components/v2/Input/index.tsx b/frontend-next/src/components/v2/Input/index.tsx
deleted file mode 100644
index ef5c3cc4e..000000000
--- a/frontend-next/src/components/v2/Input/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { InputProps } from "./Input";
-export { Input } from "./Input";
diff --git a/frontend-next/src/components/v2/LeaveProjectModal/LeaveProjectModal.tsx b/frontend-next/src/components/v2/LeaveProjectModal/LeaveProjectModal.tsx
deleted file mode 100644
index 563c33bef..000000000
--- a/frontend-next/src/components/v2/LeaveProjectModal/LeaveProjectModal.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { useToggle } from "@app/hooks";
-
-import { Button } from "../Button";
-import { FormControl } from "../FormControl";
-import { Input } from "../Input";
-import { Modal, ModalClose, ModalContent } from "../Modal";
-
-type Props = {
-  deleteKey: string;
-  title: string;
-  onLeaveApproved: () => Promise<void>;
-  onClose?: () => void;
-  onChange?: (isOpen: boolean) => void;
-  isOpen?: boolean;
-  subTitle?: string;
-  buttonText?: string;
-};
-
-export const LeaveProjectModal = ({
-  isOpen,
-  onClose,
-  onChange,
-  deleteKey,
-  onLeaveApproved,
-  title,
-  subTitle,
-  buttonText = "Leave Project"
-}: Props): JSX.Element => {
-  const [inputData, setInputData] = useState("");
-  const [isLoading, setIsLoading] = useToggle();
-
-  useEffect(() => {
-    setInputData("");
-  }, [isOpen]);
-
-  const onDelete = async () => {
-    setIsLoading.on();
-    try {
-      await onLeaveApproved();
-    } catch {
-      setIsLoading.off();
-    } finally {
-      setIsLoading.off();
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onOpenChange={(isOpenState) => {
-        setInputData("");
-        if (onChange) onChange(isOpenState);
-      }}
-    >
-      <ModalContent
-        title={title}
-        subTitle={subTitle}
-        footerContent={
-          <div className="mx-2 flex items-center">
-            <Button
-              className="mr-4"
-              colorSchema="danger"
-              isDisabled={!(deleteKey === inputData) || isLoading}
-              onClick={onDelete}
-              isLoading={isLoading}
-            >
-              {buttonText}
-            </Button>
-            <ModalClose asChild>
-              <Button variant="plain" colorSchema="secondary" onClick={onClose}>
-                Cancel
-              </Button>
-            </ModalClose>{" "}
-          </div>
-        }
-        onClose={onClose}
-      >
-        <form
-          onSubmit={(evt) => {
-            evt.preventDefault();
-            if (deleteKey === inputData) onDelete();
-          }}
-        >
-          <FormControl
-            label={
-              <div className="break-words pb-2 text-sm">
-                Type <span className="font-bold">{deleteKey}</span> to leave the project
-              </div>
-            }
-            className="mb-0"
-          >
-            <Input
-              value={inputData}
-              onChange={(e) => setInputData(e.target.value)}
-              placeholder="Type to confirm..."
-            />
-          </FormControl>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/components/v2/LeaveProjectModal/index.tsx b/frontend-next/src/components/v2/LeaveProjectModal/index.tsx
deleted file mode 100644
index 5d33aa108..000000000
--- a/frontend-next/src/components/v2/LeaveProjectModal/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { LeaveProjectModal } from "./LeaveProjectModal";
diff --git a/frontend-next/src/components/v2/Menu/Menu.stories.tsx b/frontend-next/src/components/v2/Menu/Menu.stories.tsx
deleted file mode 100644
index 49431b11e..000000000
--- a/frontend-next/src/components/v2/Menu/Menu.stories.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { Meta, StoryObj } from "@storybook/react";
-
-import { Menu, MenuGroup, MenuItem } from "./Menu";
-
-const meta: Meta<typeof Menu> = {
-  title: "Components/Menu",
-  component: Menu,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof Menu>;
-
-export const Basic: Story = {
-  render: (args) => (
-    <Menu {...args}>
-      <MenuItem>Secrets</MenuItem>
-      <MenuItem>Members</MenuItem>
-      <MenuItem>Integrations</MenuItem>
-    </Menu>
-  ),
-  args: {}
-};
-
-export const SelectedItem: Story = {
-  render: (args) => (
-    <Menu {...args}>
-      <MenuItem isSelected>Secrets</MenuItem>
-      <MenuItem>Members</MenuItem>
-      <MenuItem>Integrations</MenuItem>
-    </Menu>
-  ),
-  args: {}
-};
-
-export const GroupedItem: Story = {
-  render: (args) => (
-    <Menu {...args}>
-      <MenuGroup title="Group 1">
-        <MenuItem>Secrets</MenuItem>
-        <MenuItem>Members</MenuItem>
-      </MenuGroup>
-      <MenuGroup title="Group 2">
-        <MenuItem>Secrets</MenuItem>
-        <MenuItem>Members</MenuItem>
-      </MenuGroup>
-    </Menu>
-  ),
-  args: {}
-};
-
-export const DisabledItem: Story = {
-  render: (args) => (
-    <Menu {...args}>
-      <MenuGroup title="Group 1">
-        <MenuItem isDisabled>Secrets</MenuItem>
-        <MenuItem>Members</MenuItem>
-      </MenuGroup>
-      <MenuGroup title="Group 2">
-        <MenuItem>Secrets</MenuItem>
-        <MenuItem>Members</MenuItem>
-      </MenuGroup>
-    </Menu>
-  ),
-  args: {}
-};
-
-export const WithIcons: Story = {
-  render: (args) => (
-    <Menu {...args}>
-      <MenuGroup title="Group 1">
-        <MenuItem isDisabled icon="system-outline-90-lock-closed">
-          Secrets
-        </MenuItem>
-        <MenuItem icon="system-outline-96-groups">Members</MenuItem>
-      </MenuGroup>
-      <MenuGroup title="Group 2">
-        <MenuItem icon="system-outline-90-lock-closed">Secrets</MenuItem>
-        <MenuItem icon="system-outline-96-groups">Members</MenuItem>
-      </MenuGroup>
-    </Menu>
-  ),
-  args: {}
-};
-
-export const WithDescription: Story = {
-  render: (args) => (
-    <Menu {...args}>
-      <MenuItem
-        isDisabled
-        icon="system-outline-90-lock-closed"
-        description="Some random description"
-      >
-        Secrets
-      </MenuItem>
-      <MenuItem icon="system-outline-96-groups" description="Some random description">
-        Members
-      </MenuItem>
-    </Menu>
-  ),
-  args: {}
-};
diff --git a/frontend-next/src/components/v2/Menu/Menu.tsx b/frontend-next/src/components/v2/Menu/Menu.tsx
deleted file mode 100644
index 0555ef826..000000000
--- a/frontend-next/src/components/v2/Menu/Menu.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable global-require */
-import { ComponentPropsWithRef, ElementType, ReactNode, Ref, useRef } from "react";
-import { motion } from "framer-motion";
-import Lottie from "lottie-react";
-import { twMerge } from "tailwind-merge";
-
-export type MenuProps = {
-  children: ReactNode;
-  className?: string;
-};
-
-export const Menu = ({ children, className }: MenuProps): JSX.Element => {
-  return <ul className={twMerge("p-2", className)}>{children}</ul>;
-};
-
-export type MenuItemProps<T extends ElementType> = {
-  // Kudos to https://itnext.io/react-polymorphic-components-with-typescript-f7ce72ea7af2
-  as?: T;
-  children: ReactNode;
-  icon?: string;
-  description?: ReactNode;
-  isDisabled?: boolean;
-  isSelected?: boolean;
-  className?: string;
-  inputRef?: Ref<T>;
-};
-
-export const MenuItem = <T extends ElementType = "button">({
-  children,
-  icon,
-  className,
-  isDisabled,
-  isSelected,
-  as: Item = "button",
-  description,
-  // wrapping in forward ref with generic component causes the loss of ts definitions on props
-  inputRef,
-  ...props
-}: MenuItemProps<T> & ComponentPropsWithRef<T>): JSX.Element => {
-  const iconRef = useRef();
-
-  return (
-    <div onMouseEnter={() => iconRef.current?.play()} onMouseLeave={() => iconRef.current?.stop()}>
-      <li
-        className={twMerge(
-          "duration-50 group mt-0.5 flex cursor-pointer flex-col rounded px-1 py-2 font-inter text-sm text-bunker-100 transition-all hover:bg-mineshaft-700",
-          isSelected && "bg-mineshaft-600 hover:bg-mineshaft-600",
-          isDisabled && "cursor-not-allowed hover:bg-transparent",
-          className
-        )}
-      >
-        <motion.span className="flex w-full flex-row items-center justify-start rounded-sm">
-          <Item
-            type="button"
-            role="menuitem"
-            className="relative flex items-center"
-            ref={inputRef}
-            {...props}
-          >
-            <div
-              className={`${
-                isSelected ? "visisble" : "invisible"
-              } absolute -left-[0.28rem] h-5 w-[0.07rem] rounded-md bg-primary`}
-            />
-            {/* {icon && <span className="mr-3 ml-4 w-5 block group-hover:hidden">{icon}</span>} */}
-            {icon && (
-              <Lottie
-                lottieRef={iconRef}
-                style={{ width: 22, height: 22 }}
-                // eslint-disable-next-line import/no-dynamic-require
-                animationData={require(`../../../../public/lotties/${icon}.json`)}
-                loop={false}
-                autoplay={false}
-                className="my-auto ml-[0.1rem] mr-3"
-              />
-            )}
-            <span className="flex-grow text-left">{children}</span>
-          </Item>
-          {description && <span className="mt-2 text-xs">{description}</span>}
-        </motion.span>
-      </li>
-    </div>
-  );
-};
-
-export const SubMenuItem = <T extends ElementType = "button">({
-  children,
-  icon,
-  className,
-  isDisabled,
-  isSelected,
-  as: Item = "button",
-  description,
-  // wrapping in forward ref with generic component causes the loss of ts definitions on props
-  inputRef,
-  ...props
-}: MenuItemProps<T> & ComponentPropsWithRef<T>): JSX.Element => {
-  const iconRef = useRef();
-
-  return (
-    <a onMouseEnter={() => iconRef.current?.play()} onMouseLeave={() => iconRef.current?.stop()}>
-      <li
-        className={twMerge(
-          "duration-50 group mt-0.5 flex cursor-pointer flex-col rounded px-1 py-1 font-inter text-sm text-mineshaft-300 transition-all hover:bg-mineshaft-700 hover:text-mineshaft-100",
-          isDisabled && "cursor-not-allowed hover:bg-transparent",
-          className
-        )}
-      >
-        <motion.span className="flex w-full flex-row items-center justify-start rounded-sm pl-6">
-          <Item
-            type="button"
-            role="menuitem"
-            className="relative flex items-center"
-            ref={inputRef}
-            {...props}
-          >
-            <Lottie
-              lottieRef={iconRef}
-              style={{ width: 16, height: 16 }}
-              // eslint-disable-next-line import/no-dynamic-require
-              animationData={require(`../../../../public/lotties/${icon}.json`)}
-              loop={false}
-              autoplay={false}
-              className="my-auto ml-[0.1rem] mr-3"
-            />
-            <span className="flex-grow text-left text-sm">{children}</span>
-          </Item>
-          {description && <span className="mt-2 text-xs">{description}</span>}
-        </motion.span>
-      </li>
-    </a>
-  );
-};
-
-MenuItem.displayName = "MenuItem";
-
-export type MenuGroupProps = {
-  children: ReactNode;
-  title: ReactNode;
-};
-
-export const MenuGroup = ({ children, title }: MenuGroupProps): JSX.Element => (
-  <>
-    <li className="p-2 text-xs text-gray-400">{title}</li>
-    {children}
-  </>
-);
diff --git a/frontend-next/src/components/v2/Menu/index.tsx b/frontend-next/src/components/v2/Menu/index.tsx
deleted file mode 100644
index 97e9fb7ad..000000000
--- a/frontend-next/src/components/v2/Menu/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { MenuGroupProps, MenuItemProps, MenuProps } from "./Menu";
-export { Menu, MenuGroup, MenuItem } from "./Menu";
diff --git a/frontend-next/src/components/v2/Modal/Modal.stories.tsx b/frontend-next/src/components/v2/Modal/Modal.stories.tsx
deleted file mode 100644
index 6526511f0..000000000
--- a/frontend-next/src/components/v2/Modal/Modal.stories.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { Meta, StoryObj } from "@storybook/react";
-
-import { Button } from "../Button";
-import { Modal, ModalContent, ModalContentProps, ModalTrigger } from "./Modal";
-
-const meta: Meta<typeof Modal> = {
-  title: "Components/Modal",
-  component: Modal,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof ModalContent>;
-
-const Template = (args: ModalContentProps) => (
-  <Modal>
-    <ModalTrigger asChild>
-      <Button>Open</Button>
-    </ModalTrigger>
-    <ModalContent {...args}>Hello world</ModalContent>
-  </Modal>
-);
-
-export const Basic: Story = {
-  render: (args) => <Template {...args} />,
-  args: {
-    title: "Title",
-    subTitle: "Something as subtitle",
-    footerContent: "footer content"
-  }
-};
diff --git a/frontend-next/src/components/v2/Modal/Modal.tsx b/frontend-next/src/components/v2/Modal/Modal.tsx
deleted file mode 100644
index 2e216ba08..000000000
--- a/frontend-next/src/components/v2/Modal/Modal.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { forwardRef, ReactNode } from "react";
-import { faTimes } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { twMerge } from "tailwind-merge";
-
-import { Card, CardBody, CardFooter, CardTitle } from "../Card";
-import { IconButton } from "../IconButton";
-
-export type ModalContentProps = DialogPrimitive.DialogContentProps & {
-  title?: ReactNode;
-  subTitle?: ReactNode;
-  footerContent?: ReactNode;
-  bodyClassName?: string;
-  onClose?: () => void;
-  overlayClassName?: string;
-};
-
-export const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(
-  (
-    {
-      children,
-      title,
-      subTitle,
-      className,
-      overlayClassName,
-      footerContent,
-      bodyClassName,
-      onClose,
-      ...props
-    },
-    forwardedRef
-  ) => (
-    <DialogPrimitive.Portal>
-      <DialogPrimitive.Overlay
-        className={twMerge("fixed inset-0 z-30 h-full w-full animate-fadeIn", overlayClassName)}
-        style={{ backgroundColor: "rgba(0, 0, 0, 0.7)" }}
-      />
-      <DialogPrimitive.Content {...props} ref={forwardedRef}>
-        <Card
-          isRounded
-          className={twMerge(
-            "thin-scrollbar fixed top-1/2 left-1/2 z-30 max-w-xl -translate-y-2/4 -translate-x-2/4 animate-popIn border border-mineshaft-600 drop-shadow-2xl dark:[color-scheme:dark]",
-            className
-          )}
-          style={{ maxHeight: "90%" }}
-        >
-          {title && <CardTitle subTitle={subTitle}>{title}</CardTitle>}
-          <CardBody
-            className={twMerge("overflow-y-auto overflow-x-hidden", bodyClassName)}
-            style={{ maxHeight: "90%" }}
-          >
-            {children}
-          </CardBody>
-          {footerContent && <CardFooter>{footerContent}</CardFooter>}
-          <DialogPrimitive.Close aria-label="Close" asChild onClick={onClose}>
-            <IconButton
-              variant="plain"
-              ariaLabel="close"
-              className="absolute top-4 right-6 rounded text-bunker-400 hover:text-bunker-50"
-            >
-              <FontAwesomeIcon icon={faTimes} size="lg" className="cursor-pointer" />
-            </IconButton>
-          </DialogPrimitive.Close>
-        </Card>
-      </DialogPrimitive.Content>
-    </DialogPrimitive.Portal>
-  )
-);
-
-ModalContent.displayName = "ModalContent";
-
-export type ModalProps = Omit<DialogPrimitive.DialogProps, "open"> & { isOpen?: boolean };
-export const Modal = ({ isOpen, ...props }: ModalProps) => (
-  <DialogPrimitive.Root open={isOpen} {...props} modal/>
-);
-
-export const ModalTrigger = DialogPrimitive.Trigger;
-export type ModalTriggerProps = DialogPrimitive.DialogTriggerProps;
-
-export const ModalClose = DialogPrimitive.Close;
-export type ModalCloseProps = DialogPrimitive.DialogCloseProps;
diff --git a/frontend-next/src/components/v2/Modal/index.tsx b/frontend-next/src/components/v2/Modal/index.tsx
deleted file mode 100644
index bb03f6be8..000000000
--- a/frontend-next/src/components/v2/Modal/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { ModalCloseProps, ModalContentProps, ModalProps, ModalTriggerProps } from "./Modal";
-export { Modal, ModalClose, ModalContent, ModalTrigger } from "./Modal";
diff --git a/frontend-next/src/components/v2/NoticeBanner/NoticeBanner.tsx b/frontend-next/src/components/v2/NoticeBanner/NoticeBanner.tsx
deleted file mode 100644
index cf32427a3..000000000
--- a/frontend-next/src/components/v2/NoticeBanner/NoticeBanner.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ReactNode } from "react";
-import { faWarning, IconDefinition } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-	icon?: IconDefinition;
-	title: string;
-	children: ReactNode;
-	className?: string;
-};
-
-export const NoticeBanner = ({ icon = faWarning, title, children, className }: Props) => (
-	<div
-		className={twMerge(
-			"flex w-full flex-row items-center rounded-md border border-primary-600/70 bg-primary/[.07] p-4 text-base text-white",
-			className
-		)}
-	>
-		<FontAwesomeIcon icon={icon} className="pr-6 text-4xl text-white/80" />
-		<div className="flex w-full flex-col text-sm">
-			<div className="mb-2 text-lg font-semibold">{title}</div>
-			<div>{children}</div>
-		</div>
-	</div>
-);
diff --git a/frontend-next/src/components/v2/NoticeBanner/index.tsx b/frontend-next/src/components/v2/NoticeBanner/index.tsx
deleted file mode 100644
index 0006c75a5..000000000
--- a/frontend-next/src/components/v2/NoticeBanner/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { NoticeBanner } from "./NoticeBanner";
diff --git a/frontend-next/src/components/v2/Pagination/Pagination.stories.tsx b/frontend-next/src/components/v2/Pagination/Pagination.stories.tsx
deleted file mode 100644
index fd10ef8c6..000000000
--- a/frontend-next/src/components/v2/Pagination/Pagination.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-// eslint-disable-next-line
-import { useArgs } from "@storybook/client-api";
-import type { Meta } from "@storybook/react";
-
-import { Pagination, PaginationProps } from "./Pagination";
-
-const meta: Meta<typeof Pagination> = {
-  title: "Components/Pagination",
-  component: Pagination,
-  tags: ["v2"],
-  args: {
-    count: 50
-  }
-};
-
-export default meta;
-// type Story = StoryObj<typeof Pagination>;
-
-export const Primary = (args: PaginationProps) => {
-  const [, updateArgs] = useArgs();
-
-  return (
-    <Pagination
-      {...args}
-      onChangePage={(page) => updateArgs({ page })}
-      onChangePerPage={(perPage) => updateArgs({ perPage, page: 1 })}
-    />
-  );
-};
diff --git a/frontend-next/src/components/v2/Pagination/Pagination.tsx b/frontend-next/src/components/v2/Pagination/Pagination.tsx
deleted file mode 100644
index 2d0e8b1a9..000000000
--- a/frontend-next/src/components/v2/Pagination/Pagination.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { ReactElement } from "react";
-import {
-  faCaretDown,
-  faCheck,
-  faChevronLeft,
-  faChevronRight
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "../Dropdown";
-import { IconButton } from "../IconButton";
-
-export type PaginationProps = {
-  count: number;
-  page: number;
-  perPage?: number;
-  onChangePage: (pageNumber: number) => void;
-  onChangePerPage: (newRows: number) => void;
-  className?: string;
-  perPageList?: number[];
-  startAdornment?: ReactElement;
-};
-
-export const Pagination = ({
-  count,
-  page = 1,
-  perPage = 20,
-  onChangePage,
-  onChangePerPage,
-  perPageList = [10, 20, 50, 100],
-  className,
-  startAdornment
-}: PaginationProps) => {
-  const prevPageNumber = Math.max(1, page - 1);
-  const canGoPrev = page > 1;
-
-  const upperLimit = Math.ceil(count / perPage);
-  const nextPageNumber = Math.min(upperLimit, page + 1);
-  const canGoNext = page + 1 <= upperLimit;
-  const canGoFirst = page > 1;
-  const canGoLast = page < upperLimit;
-
-  return (
-    <div
-      className={twMerge(
-        "flex w-full items-center justify-end border-t border-mineshaft-600 bg-mineshaft-800 py-3 px-4 text-white",
-        className
-      )}
-    >
-      {startAdornment}
-      <div className={twMerge("mr-4 flex items-center space-x-2", startAdornment && "ml-auto")}>
-        <div className="text-xs">
-          {(page - 1) * perPage + 1} - {Math.min((page - 1) * perPage + perPage, count)} of {count}
-        </div>
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <IconButton ariaLabel="per-page-list" variant="plain">
-              <FontAwesomeIcon className="text-xs" icon={faCaretDown} />
-            </IconButton>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent className="min-w-fit">
-            {perPageList.map((perPageOption) => (
-              <DropdownMenuItem
-                key={`pagination-per-page-options-${perPageOption}`}
-                icon={perPage === perPageOption && <FontAwesomeIcon size="sm" icon={faCheck} />}
-                iconPos="right"
-                onClick={() => onChangePerPage(perPageOption)}
-              >
-                {perPageOption} rows per page
-              </DropdownMenuItem>
-            ))}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-      <div className="flex items-center space-x-4">
-        <IconButton
-          variant="plain"
-          ariaLabel="pagination-first"
-          className="relative"
-          onClick={() => onChangePage(1)}
-          isDisabled={!canGoFirst}
-        >
-          <FontAwesomeIcon className="absolute left-2.5 top-1 text-xs" icon={faChevronLeft} />
-          <FontAwesomeIcon className="text-xs" icon={faChevronLeft} />
-        </IconButton>
-        <IconButton
-          variant="plain"
-          ariaLabel="pagination-prev"
-          onClick={() => onChangePage(prevPageNumber)}
-          isDisabled={!canGoPrev}
-        >
-          <FontAwesomeIcon className="text-xs" icon={faChevronLeft} />
-        </IconButton>
-        <IconButton
-          variant="plain"
-          ariaLabel="pagination-next"
-          onClick={() => onChangePage(nextPageNumber)}
-          isDisabled={!canGoNext}
-        >
-          <FontAwesomeIcon className="text-xs" icon={faChevronRight} />
-        </IconButton>
-        <IconButton
-          variant="plain"
-          ariaLabel="pagination-last"
-          className="relative"
-          onClick={() => onChangePage(upperLimit)}
-          isDisabled={!canGoLast}
-        >
-          <FontAwesomeIcon className="absolute left-2.5 top-1 text-xs" icon={faChevronRight} />
-          <FontAwesomeIcon className="text-xs" icon={faChevronRight} />
-        </IconButton>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/Pagination/index.tsx b/frontend-next/src/components/v2/Pagination/index.tsx
deleted file mode 100644
index 583a0b550..000000000
--- a/frontend-next/src/components/v2/Pagination/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { PaginationProps } from "./Pagination";
-export { Pagination } from "./Pagination";
diff --git a/frontend-next/src/components/v2/Popover/Popover.tsx b/frontend-next/src/components/v2/Popover/Popover.tsx
deleted file mode 100644
index 04c5d688b..000000000
--- a/frontend-next/src/components/v2/Popover/Popover.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as Popover from "@radix-ui/react-popover";
-
-type Props = {
-  children: any;
-  text: string;
-  onChangeHandler: (value: string, id: string) => void;
-  id: string;
-};
-
-export type PopoverProps = Props;
-
-export const PopoverObject = ({ children, text, onChangeHandler, id }: Props) => (
-  <Popover.Root>
-    <Popover.Trigger
-      asChild
-      className="data-[state=open]:outline data-[state=open]:outline-primary data-[state=closed]:hover:outline data-[state=closed]:hover:outline-mineshaft-400"
-    >
-      {children}
-    </Popover.Trigger>
-    <Popover.Portal>
-      <Popover.Content
-        className="z-[100] min-h-fit w-[460px] rounded border border-chicago-700 bg-mineshaft-600 p-3 shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2)] will-change-[transform,opacity] focus:shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2),0_0_0_2px_theme(colors.violet7)] data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade"
-        sideOffset={5}
-        hideWhenDetached
-        side="left"
-      >
-        <div className="dark flex flex-col pt-2">
-          <p className="mb-5 text-[15px] font-medium leading-[0px] text-bunker-200">Comment</p>
-          <textarea
-            onChange={(e) => onChangeHandler(e.target.value, id)}
-            // type={type}
-            value={text}
-            className="ph-no-capture placeholder peer z-10 h-[20rem] w-full rounded-md border border-mineshaft-500 bg-bunker-600 py-2.5 px-2 text-sm text-bunker-300 caret-bunker-200 outline-none duration-200 placeholder:text-bunker-400 focus:text-bunker-100 placeholder:focus:text-transparent dark:[color-scheme:dark]"
-            spellCheck="false"
-            placeholder="–"
-          />
-        </div>
-        <Popover.Close
-          className="hover:bg-violet4 focus:shadow-violet7 absolute top-[5px] right-[5px] inline-flex h-[25px] w-[25px] cursor-default items-center justify-center rounded-full text-bunker-300 outline-none hover:text-white focus:shadow-[0_0_0_2px]"
-          aria-label="Close"
-        >
-          <FontAwesomeIcon icon={faXmark} />
-        </Popover.Close>
-        <Popover.Arrow className="fill-chicago-700" />
-      </Popover.Content>
-    </Popover.Portal>
-  </Popover.Root>
-);
-
-PopoverObject.displayName = "Popover";
diff --git a/frontend-next/src/components/v2/Popover/index.tsx b/frontend-next/src/components/v2/Popover/index.tsx
deleted file mode 100644
index fa1d76998..000000000
--- a/frontend-next/src/components/v2/Popover/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { PopoverProps } from "./Popover";
-export { PopoverObject } from "./Popover";
diff --git a/frontend-next/src/components/v2/Popoverv2/Popoverv2.stories.tsx b/frontend-next/src/components/v2/Popoverv2/Popoverv2.stories.tsx
deleted file mode 100644
index 17cfc86cf..000000000
--- a/frontend-next/src/components/v2/Popoverv2/Popoverv2.stories.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Button } from "../Button";
-import { Popover, PopoverContent, PopoverContentProps, PopoverTrigger } from "./Popoverv2";
-
-const meta: Meta<typeof PopoverContent> = {
-  title: "Components/Popover",
-  component: Popover,
-  tags: ["v2"]
-};
-
-export default meta;
-type Story = StoryObj<typeof PopoverContent>;
-
-const Template = (args: PopoverContentProps) => (
-  <Popover>
-    <PopoverTrigger asChild>
-      <Button>Hello world</Button>
-    </PopoverTrigger>
-    <PopoverContent {...args} side="bottom" sideOffset={10}>
-      <h1>This is popper</h1>
-    </PopoverContent>
-  </Popover>
-);
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Primary: Story = {
-  render: (args) => <Template {...args} />
-};
diff --git a/frontend-next/src/components/v2/Popoverv2/Popoverv2.tsx b/frontend-next/src/components/v2/Popoverv2/Popoverv2.tsx
deleted file mode 100644
index d78ede201..000000000
--- a/frontend-next/src/components/v2/Popoverv2/Popoverv2.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { ReactNode } from "react";
-import { faTimes } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { twMerge } from "tailwind-merge";
-
-import { IconButton } from "../IconButton";
-
-export const PopoverTrigger = PopoverPrimitive.Trigger;
-
-export const Popover = PopoverPrimitive.Root;
-
-export type PopoverContentProps = {
-  children?: ReactNode;
-  arrowClassName?: string;
-  hideCloseBtn?: boolean;
-} & PopoverPrimitive.PopoverContentProps;
-
-export const PopoverContent = ({
-  children,
-  className,
-  hideCloseBtn,
-  arrowClassName,
-  ...props
-}: PopoverContentProps) => (
-  <PopoverPrimitive.Portal>
-    <PopoverPrimitive.Content
-      className={twMerge(
-        [
-          "relative z-[100] w-64 rounded-md bg-mineshaft-600 fill-mineshaft-600 p-4 pt-6 font-inter text-gray-200 shadow-md",
-          // animation
-          "data-[state=open]:data-[side=bottom]:animate-slideUpAndFade",
-          "data-[state=open]:data-[side=top]:animate-slideDownAndFade",
-          "data-[state=open]:data-[side=left]:animate-slideRightAndFade",
-          "data-[state=open]:data-[side=right]:animate-slideLeftAndFade"
-        ],
-        className
-      )}
-      {...props}
-    >
-      {children}
-      {!hideCloseBtn && (
-        <PopoverPrimitive.Close aria-label="Close" asChild>
-          <IconButton
-            variant="plain"
-            ariaLabel="close"
-            className="absolute top-0 right-1 rounded text-bunker-400 hover:text-bunker-50"
-          >
-            <FontAwesomeIcon icon={faTimes} size="lg" className="cursor-pointer" />
-          </IconButton>
-        </PopoverPrimitive.Close>
-      )}
-      <PopoverPrimitive.Arrow className={twMerge("fill-inherit", arrowClassName)} />
-    </PopoverPrimitive.Content>
-  </PopoverPrimitive.Portal>
-);
diff --git a/frontend-next/src/components/v2/Popoverv2/index.tsx b/frontend-next/src/components/v2/Popoverv2/index.tsx
deleted file mode 100644
index ffad09cdc..000000000
--- a/frontend-next/src/components/v2/Popoverv2/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Popover, PopoverContent, PopoverTrigger } from "./Popoverv2";
diff --git a/frontend-next/src/components/v2/RadioGroup/RadioGroup.tsx b/frontend-next/src/components/v2/RadioGroup/RadioGroup.tsx
deleted file mode 100644
index d03770455..000000000
--- a/frontend-next/src/components/v2/RadioGroup/RadioGroup.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-/* eslint-disable jsx-a11y/label-has-associated-control */
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { twMerge } from "tailwind-merge";
-
-export type RadioGroupProps = RadioGroupPrimitive.RadioGroupProps;
-
-// Note this component is not customizable (Heroku integration and potentially other pages depend on it)
-export const RadioGroup = ({ className, children, ...props }: RadioGroupProps) => (
-  <RadioGroupPrimitive.Root
-    className={twMerge("mb-6 flex flex-row gap-5 px-6", className)}
-    defaultValue="App"
-    aria-label="View density"
-    {...props}
-  >
-    <div className="flex items-center">
-      <RadioGroupPrimitive.Item
-        className="h-[20px] w-[20px] cursor-default rounded-full border border-bunker-400/60 bg-bunker-400/20 outline-none duration-200 hover:bg-bunker-400/40"
-        value="App"
-        id="r1"
-      >
-        <RadioGroupPrimitive.Indicator className="relative flex h-full w-full items-center justify-center after:block after:h-[11px] after:w-[11px] after:rounded-[50%] after:bg-primary after:content-['']" />
-      </RadioGroupPrimitive.Item>
-      <label className="pl-2 text-sm leading-none text-bunker-200" htmlFor="r1">
-        App
-      </label>
-    </div>
-    <div className="flex items-center">
-      <RadioGroupPrimitive.Item
-        className="h-[22px] w-[22px] cursor-default rounded-full border border-bunker-400/60 bg-bunker-400/20 outline-none duration-200 hover:bg-bunker-400/40"
-        value="Pipeline"
-        id="r2"
-      >
-        <RadioGroupPrimitive.Indicator className="relative flex h-full w-full items-center justify-center after:block after:h-[13px] after:w-[13px] after:rounded-[50%] after:bg-primary after:content-['']" />
-      </RadioGroupPrimitive.Item>
-      <label className="pl-2 text-sm leading-none text-bunker-200" htmlFor="r2">
-        Pipeline
-      </label>
-    </div>
-  </RadioGroupPrimitive.Root>
-);
diff --git a/frontend-next/src/components/v2/RadioGroup/index.tsx b/frontend-next/src/components/v2/RadioGroup/index.tsx
deleted file mode 100644
index bf62b2e6d..000000000
--- a/frontend-next/src/components/v2/RadioGroup/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { RadioGroupProps } from "./RadioGroup";
-export { RadioGroup } from "./RadioGroup";
diff --git a/frontend-next/src/components/v2/SecretInput/SecretInput.tsx b/frontend-next/src/components/v2/SecretInput/SecretInput.tsx
deleted file mode 100644
index 6818b0c37..000000000
--- a/frontend-next/src/components/v2/SecretInput/SecretInput.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-/* eslint-disable react/no-danger */
-import { forwardRef, TextareaHTMLAttributes } from "react";
-import { twMerge } from "tailwind-merge";
-
-import { useToggle } from "@app/hooks";
-
-const REGEX = /(\${([a-zA-Z0-9-_.]+)})/g;
-const replaceContentWithDot = (str: string) => {
-  let finalStr = "";
-  for (let i = 0; i < str.length; i += 1) {
-    const char = str.at(i);
-    finalStr += char === "\n" ? "\n" : "*";
-  }
-  return finalStr;
-};
-
-const syntaxHighlight = (content?: string | null, isVisible?: boolean, isImport?: boolean) => {
-  if (isImport && !content) return "IMPORTED";
-  if (content === "") return "EMPTY";
-  if (!content) return "EMPTY";
-  if (!isVisible) return replaceContentWithDot(content);
-
-  let skipNext = false;
-  const formattedContent = content.split(REGEX).flatMap((el, i) => {
-    const isInterpolationSyntax = el.startsWith("${") && el.endsWith("}");
-    if (isInterpolationSyntax) {
-      skipNext = true;
-      return (
-        <span className="ph-no-capture text-yellow" key={`secret-value-${i + 1}`}>
-          &#36;&#123;<span className="ph-no-capture text-yellow-200/80">{el.slice(2, -1)}</span>
-          &#125;
-        </span>
-      );
-    }
-    if (skipNext) {
-      skipNext = false;
-      return [];
-    }
-    return el;
-  });
-
-  // akhilmhdh: Dont remove this br. I am still clueless how this works but weirdly enough
-  // when break is added a line break works properly
-  return formattedContent.concat(<br key={`secret-value-${formattedContent.length + 1}`} />);
-};
-
-type Props = TextareaHTMLAttributes<HTMLTextAreaElement> & {
-  value?: string | null;
-  isVisible?: boolean;
-  isImport?: boolean;
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  containerClassName?: string;
-};
-
-const commonClassName = "font-mono text-sm caret-white border-none outline-none w-full break-all";
-
-export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
-  (
-    {
-      value,
-      isVisible,
-      isImport,
-      containerClassName,
-      onBlur,
-      isDisabled,
-      isReadOnly,
-      onFocus,
-      ...props
-    },
-    ref
-  ) => {
-    const [isSecretFocused, setIsSecretFocused] = useToggle();
-
-    return (
-      <div
-        className={twMerge("w-full overflow-auto rounded-md no-scrollbar", containerClassName)}
-        style={{ maxHeight: `${21 * 7}px` }}
-      >
-        <div className="relative overflow-hidden">
-          <pre aria-hidden className="m-0 ">
-            <code className={`inline-block w-full  ${commonClassName}`}>
-              <span style={{ whiteSpace: "break-spaces" }}>
-                {syntaxHighlight(value, isVisible || isSecretFocused, isImport)}
-              </span>
-            </code>
-          </pre>
-          <textarea
-            style={{ whiteSpace: "break-spaces" }}
-            aria-label="secret value"
-            ref={ref}
-            className={`absolute inset-0 block h-full resize-none overflow-hidden bg-transparent text-transparent no-scrollbar focus:border-0 ${commonClassName}`}
-            onFocus={(evt) => {
-              onFocus?.(evt);
-              setIsSecretFocused.on();
-            }}
-            disabled={isDisabled}
-            spellCheck={false}
-            onBlur={(evt) => {
-              onBlur?.(evt);
-              setIsSecretFocused.off();
-            }}
-            value={value || ""}
-            {...props}
-            readOnly={isReadOnly}
-          />
-        </div>
-      </div>
-    );
-  }
-);
-
-SecretInput.displayName = "SecretInput";
diff --git a/frontend-next/src/components/v2/SecretInput/index.tsx b/frontend-next/src/components/v2/SecretInput/index.tsx
deleted file mode 100644
index 1c322fac4..000000000
--- a/frontend-next/src/components/v2/SecretInput/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretInput } from "./SecretInput";
diff --git a/frontend-next/src/components/v2/SecretPathInput/SecretPathInput.tsx b/frontend-next/src/components/v2/SecretPathInput/SecretPathInput.tsx
deleted file mode 100644
index bbe63bc6e..000000000
--- a/frontend-next/src/components/v2/SecretPathInput/SecretPathInput.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import { InputHTMLAttributes, useEffect, useState } from "react";
-import { faFolder } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as Popover from "@radix-ui/react-popover";
-import { twMerge } from "tailwind-merge";
-
-import { useWorkspace } from "@app/context";
-import { useDebounce } from "@app/hooks";
-import { useGetFoldersByEnv } from "@app/hooks/api";
-
-import { Input } from "../Input";
-
-type Props = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> & {
-  value?: string | null;
-  isImport?: boolean;
-  isVisible?: boolean;
-  isReadOnly?: boolean;
-  isDisabled?: boolean;
-  environment?: string;
-  containerClassName?: string;
-  onChange?: (arg: string) => void;
-};
-
-export const SecretPathInput = ({
-  containerClassName,
-  onChange,
-  environment,
-  value: propValue,
-  ...props
-}: Props) => {
-  const [inputValue, setInputValue] = useState(propValue ?? "");
-  const [secretPath, setSecretPath] = useState("/");
-  const [suggestions, setSuggestions] = useState<string[]>([]);
-  const [isInputFocused, setIsInputFocus] = useState(false);
-  const [highlightedIndex, setHighlightedIndex] = useState(-1);
-  const [debouncedInputValue] = useDebounce(inputValue, 200);
-
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const { folderNames: folders } = useGetFoldersByEnv({
-    path: secretPath,
-    environments: [environment || currentWorkspace?.environments?.[0].slug!],
-    projectId: workspaceId
-  });
-
-  useEffect(() => {
-    setInputValue(propValue ?? "/");
-  }, [propValue]);
-
-  useEffect(() => {
-    // update secret path if input is valid
-    if (
-      (debouncedInputValue.length > 0 &&
-        debouncedInputValue[debouncedInputValue.length - 1] === "/") ||
-      debouncedInputValue.length === 0
-    ) {
-      setSecretPath(debouncedInputValue);
-    }
-  }, [debouncedInputValue]);
-
-  useEffect(() => {
-    // filter suggestions based on matching
-    const searchFragment = debouncedInputValue.split("/").pop() || "";
-    const filteredSuggestions = folders
-      .filter((suggestionEntry) =>
-        suggestionEntry.toUpperCase().startsWith(searchFragment.toUpperCase())
-      )
-      .sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()));
-
-    setSuggestions(filteredSuggestions);
-  }, [debouncedInputValue, folders]);
-
-  const handleSuggestionSelect = (selectedIndex: number) => {
-    if (!suggestions[selectedIndex]) {
-      return;
-    }
-
-    const validPaths = inputValue.split("/");
-    validPaths.pop();
-
-    // removed trailing slash
-    const newValue = `${validPaths.join("/")}/${suggestions[selectedIndex]}`;
-    onChange?.(newValue);
-    setInputValue(newValue);
-    setSecretPath(newValue);
-    setHighlightedIndex(-1);
-    setSuggestions([]);
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    const mod = (n: number, m: number) => ((n % m) + m) % m;
-    if (e.key === "ArrowDown") {
-      setHighlightedIndex((prevIndex) => mod(prevIndex + 1, suggestions.length));
-    } else if (e.key === "ArrowUp") {
-      setHighlightedIndex((prevIndex) => mod(prevIndex - 1, suggestions.length));
-    } else if (e.key === "Enter" && highlightedIndex >= 0) {
-      handleSuggestionSelect(highlightedIndex);
-    }
-    if (["ArrowDown", "ArrowUp", "Enter"].includes(e.key)) {
-      e.preventDefault();
-    }
-  };
-
-  const handleInputChange = (e: any) => {
-    // propagate event to react-hook-form onChange
-    if (onChange) {
-      onChange(e.target.value);
-    }
-
-    setInputValue(e.target.value);
-  };
-
-  return (
-    <Popover.Root
-      open={suggestions.length > 0 && isInputFocused}
-      onOpenChange={() => {
-        setHighlightedIndex(-1);
-      }}
-    >
-      <Popover.Trigger asChild>
-        <Input
-          {...props}
-          type="text"
-          autoComplete="off"
-          onKeyDown={handleKeyDown}
-          onFocus={() => setIsInputFocus(true)}
-          onBlur={() => setIsInputFocus(false)}
-          value={inputValue}
-          onChange={handleInputChange}
-          className={containerClassName}
-        />
-      </Popover.Trigger>
-      <Popover.Content
-        align="start"
-        onOpenAutoFocus={(e) => e.preventDefault()}
-        className={twMerge(
-          "relative top-2 z-[100] overflow-hidden rounded-md border border-mineshaft-600 bg-mineshaft-900 font-inter text-bunker-100 shadow-md"
-        )}
-        style={{
-          width: "var(--radix-popover-trigger-width)",
-          maxHeight: "var(--radix-select-content-available-height)"
-        }}
-      >
-        <div className="max-w-60 h-full w-full flex-col items-center justify-center rounded-md text-white">
-          {suggestions.map((suggestion, i) => (
-            <div
-              tabIndex={0}
-              role="button"
-              onMouseDown={(e) => {
-                e.preventDefault();
-                setHighlightedIndex(i);
-                handleSuggestionSelect(i);
-              }}
-              style={{ pointerEvents: "auto" }}
-              className="flex items-center justify-between border-mineshaft-600 text-left"
-              key={`secret-reference-secret-${i + 1}`}
-            >
-              <div
-                className={`${
-                  highlightedIndex === i ? "bg-gray-600" : ""
-                } text-md relative mb-0.5 flex w-full cursor-pointer select-none items-center justify-between rounded-md px-2 py-1 outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-500`}
-              >
-                <div className="flex gap-2">
-                  <div className="flex items-center text-yellow-700">
-                    <FontAwesomeIcon icon={faFolder} />
-                  </div>
-                  <div className="text-md w-10/12 truncate text-left">{suggestion}</div>
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-      </Popover.Content>
-    </Popover.Root>
-  );
-};
diff --git a/frontend-next/src/components/v2/SecretPathInput/index.tsx b/frontend-next/src/components/v2/SecretPathInput/index.tsx
deleted file mode 100644
index 5d8595891..000000000
--- a/frontend-next/src/components/v2/SecretPathInput/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretPathInput } from "./SecretPathInput";
diff --git a/frontend-next/src/components/v2/Select/Select.stories.tsx b/frontend-next/src/components/v2/Select/Select.stories.tsx
deleted file mode 100644
index 353409be6..000000000
--- a/frontend-next/src/components/v2/Select/Select.stories.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { useEffect, useState } from "react";
-import { SelectProps } from "@radix-ui/react-select";
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { Meta, StoryObj } from "@storybook/react";
-
-import { Select, SelectItem } from "./Select";
-
-const meta: Meta<typeof Select> = {
-  title: "Components/Select",
-  component: Select,
-  tags: ["v2"],
-  argTypes: {
-    placeholder: {
-      defaultValue: "Type something..."
-    }
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof Select>;
-
-export const Basic: Story = {
-  render: (args) => (
-    <div className="">
-      <Select placeholder="Type anything..." className="w-72" {...args}>
-        <SelectItem value="1">John</SelectItem>
-        <SelectItem value="2">Peter</SelectItem>
-        <SelectItem value="3">Suzy</SelectItem>
-      </Select>
-    </div>
-  )
-};
-
-const Controlled = (args: SelectProps) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [selected, setSelected] = useState("");
-
-  return (
-    <div className="">
-      <Select
-        defaultValue="1"
-        className="w-72"
-        open={isOpen}
-        onValueChange={(val) => setSelected(val)}
-        value={selected}
-        onOpenChange={(open) => setIsOpen(open)}
-        {...args}
-      >
-        <SelectItem value="1">John</SelectItem>
-        <SelectItem value="2">Peter</SelectItem>
-        <SelectItem value="3">Suzy</SelectItem>
-      </Select>
-    </div>
-  );
-};
-
-export const Control: Story = {
-  render: (args) => <Controlled {...args} />
-};
-
-export const Disabled: Story = {
-  render: (args) => (
-    <div className="">
-      <Select defaultValue="1" className="w-72" {...args}>
-        <SelectItem value="1">John</SelectItem>
-        <SelectItem value="2" isDisabled>
-          Peter
-        </SelectItem>
-        <SelectItem value="3">Suzy</SelectItem>
-      </Select>
-    </div>
-  )
-};
-
-export const Loading: Story = {
-  render: (args) => (
-    <div className="">
-      <Select defaultValue="1" className="w-72" isLoading {...args}>
-        <SelectItem value="1">John</SelectItem>
-        <SelectItem value="2">Peter</SelectItem>
-        <SelectItem value="3">Suzy</SelectItem>
-      </Select>
-    </div>
-  )
-};
-
-const AsyncSelectOptions = () => {
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    // eslint-disable-next-line no-new
-    new Promise<void>((resolve): void => {
-      setTimeout(() => {
-        setIsLoading(false);
-        resolve();
-      }, 1000);
-    });
-  }, []);
-
-  return (
-    <div className="">
-      <Select placeholder="Hello" className="w-72" isLoading={isLoading}>
-        <SelectItem value="1">John</SelectItem>
-        <SelectItem value="2">Peter</SelectItem>
-        <SelectItem value="3">Suzy</SelectItem>
-      </Select>
-    </div>
-  );
-};
-
-export const Async: Story = {
-  render: (args) => <AsyncSelectOptions {...args} />
-};
diff --git a/frontend-next/src/components/v2/Select/Select.tsx b/frontend-next/src/components/v2/Select/Select.tsx
deleted file mode 100644
index cfc70450b..000000000
--- a/frontend-next/src/components/v2/Select/Select.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-import { forwardRef, ReactNode } from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { faCaretDown, faCaretUp, faCheck } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { twMerge } from "tailwind-merge";
-
-import { Spinner } from "../Spinner";
-
-type Props = {
-  children: ReactNode;
-  placeholder?: string;
-  className?: string;
-  dropdownContainerClassName?: string;
-  containerClassName?: string;
-  isLoading?: boolean;
-  position?: "item-aligned" | "popper";
-  isDisabled?: boolean;
-  icon?: IconProp;
-  isMulti?: boolean;
-};
-
-export type SelectProps = Omit<SelectPrimitive.SelectProps, "disabled"> & Props;
-
-export const Select = forwardRef<HTMLButtonElement, SelectProps>(
-  (
-    {
-      children,
-      placeholder,
-      className,
-      isLoading,
-      isDisabled,
-      dropdownContainerClassName,
-      position,
-      containerClassName,
-      ...props
-    },
-    ref
-  ): JSX.Element => {
-    return (
-      <div className={twMerge("flex items-center space-x-2", containerClassName)}>
-        <SelectPrimitive.Root
-          {...props}
-          onValueChange={(value) => {
-            if (!props.onValueChange) return;
-
-            const newValue = value === "EMPTY-VALUE" ? "" : value;
-            props.onValueChange(newValue);
-          }}
-          disabled={isDisabled}
-        >
-          <SelectPrimitive.Trigger
-            ref={ref}
-            className={twMerge(
-              `inline-flex items-center justify-between rounded-md border border-mineshaft-600
-            bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none focus:bg-mineshaft-700/80 data-[placeholder]:text-mineshaft-400`,
-              className,
-              isDisabled && "cursor-not-allowed opacity-50"
-            )}
-          >
-            <div className="flex items-center space-x-2 overflow-hidden text-ellipsis whitespace-nowrap">
-              {props.icon && <FontAwesomeIcon icon={props.icon} />}
-              <SelectPrimitive.Value placeholder={placeholder} />
-            </div>
-
-            <SelectPrimitive.Icon className="ml-3">
-              <FontAwesomeIcon
-                icon={faCaretDown}
-                size="sm"
-                className={twMerge(isDisabled && "opacity-30")}
-              />
-            </SelectPrimitive.Icon>
-          </SelectPrimitive.Trigger>
-          <SelectPrimitive.Portal>
-            <SelectPrimitive.Content
-              className={twMerge(
-                "relative top-1 z-[100] max-w-sm overflow-hidden rounded-md border border-mineshaft-600 bg-mineshaft-900 font-inter text-bunker-100 shadow-md",
-                position === "popper" && "max-h-72",
-                dropdownContainerClassName
-              )}
-              position={position}
-              style={{ width: "var(--radix-select-trigger-width)" }}
-            >
-              <SelectPrimitive.ScrollUpButton>
-                <div className="flex items-center justify-center">
-                  <FontAwesomeIcon icon={faCaretUp} size="sm" />
-                </div>
-              </SelectPrimitive.ScrollUpButton>
-              <SelectPrimitive.Viewport className="p-1">
-                {isLoading ? (
-                  <div className="flex items-center justify-center">
-                    <Spinner size="xs" />
-                    <span className="ml-2 text-xs text-gray-500">Loading...</span>
-                  </div>
-                ) : (
-                  children
-                )}
-              </SelectPrimitive.Viewport>
-              <SelectPrimitive.ScrollDownButton>
-                <div className="flex items-center justify-center">
-                  <FontAwesomeIcon icon={faCaretDown} size="sm" />
-                </div>
-              </SelectPrimitive.ScrollDownButton>
-            </SelectPrimitive.Content>
-          </SelectPrimitive.Portal>
-        </SelectPrimitive.Root>
-      </div>
-    );
-  }
-);
-
-Select.displayName = "Select";
-
-export type SelectItemProps = Omit<SelectPrimitive.SelectItemProps, "disabled"> & {
-  isDisabled?: boolean;
-  isSelected?: boolean;
-  customIcon?: IconProp;
-};
-
-export const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(
-  ({ children, className, isSelected, isDisabled, ...props }, forwardedRef) => {
-    return (
-      <SelectPrimitive.Item
-        {...props}
-        className={twMerge(
-          `relative mb-0.5 flex
-          cursor-pointer select-none items-center overflow-hidden text-ellipsis whitespace-nowrap rounded-md py-2
-          pl-10 pr-4 text-sm outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-700/80`,
-          isSelected && "bg-primary",
-          isDisabled && "cursor-not-allowed text-gray-600 opacity-80 hover:!bg-transparent",
-          className
-        )}
-        ref={forwardedRef}
-      >
-        <SelectPrimitive.ItemIndicator className="absolute left-3.5 text-primary">
-          <FontAwesomeIcon icon={props.customIcon ? props.customIcon : faCheck} />
-        </SelectPrimitive.ItemIndicator>
-        <SelectPrimitive.ItemText className="">{children}</SelectPrimitive.ItemText>
-      </SelectPrimitive.Item>
-    );
-  }
-);
-
-SelectItem.displayName = "SelectItem";
-
-export type SelectClearProps = Omit<SelectItemProps, "disabled" | "value"> & {
-  onClear: () => void;
-  selectValue: string;
-};
-
-export const SelectClear = forwardRef<HTMLDivElement, SelectClearProps>(
-  (
-    { children, className, isSelected, isDisabled, onClear, selectValue, ...props },
-    forwardedRef
-  ) => {
-    return (
-      <SelectPrimitive.Item
-        {...props}
-        value="EMPTY-VALUE"
-        onSelect={() => onClear()}
-        onClick={() => onClear()}
-        className={twMerge(
-          `relative mb-0.5 flex
-          cursor-pointer select-none items-center rounded-md py-2 pl-10 pr-4 text-sm
-          outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-700/80`,
-          isSelected && "bg-primary",
-          isDisabled &&
-            "cursor-not-allowed text-gray-600 hover:bg-transparent hover:text-mineshaft-600",
-          className
-        )}
-        ref={forwardedRef}
-      >
-        <div
-          className={twMerge(
-            "absolute left-3.5 text-primary",
-            selectValue === "" ? "visible" : "hidden"
-          )}
-        >
-          <FontAwesomeIcon icon={faCheck} />
-        </div>
-        <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-      </SelectPrimitive.Item>
-    );
-  }
-);
-SelectClear.displayName = "SelectClear";
diff --git a/frontend-next/src/components/v2/Select/components/index.tsx b/frontend-next/src/components/v2/Select/components/index.tsx
deleted file mode 100644
index 8d0e57d87..000000000
--- a/frontend-next/src/components/v2/Select/components/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import {
-  ClearIndicatorProps,
-  components,
-  DropdownIndicatorProps,
-  MultiValueRemoveProps,
-  OptionProps
-} from "react-select";
-import { faCheckCircle, faCircleXmark } from "@fortawesome/free-regular-svg-icons";
-import { faChevronDown, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-export const DropdownIndicator = <T,>(props: DropdownIndicatorProps<T>) => {
-  return (
-    <components.DropdownIndicator {...props}>
-      <FontAwesomeIcon icon={faChevronDown} size="xs" />
-    </components.DropdownIndicator>
-  );
-};
-
-export const ClearIndicator = <T,>(props: ClearIndicatorProps<T>) => {
-  return (
-    <components.ClearIndicator {...props}>
-      <FontAwesomeIcon icon={faCircleXmark} />
-    </components.ClearIndicator>
-  );
-};
-
-export const MultiValueRemove = (props: MultiValueRemoveProps) => {
-  return (
-    <components.MultiValueRemove {...props}>
-      <FontAwesomeIcon icon={faXmark} size="xs" />
-    </components.MultiValueRemove>
-  );
-};
-
-export const Option = <T,>({ isSelected, children, ...props }: OptionProps<T>) => {
-  return (
-    <components.Option isSelected={isSelected} {...props}>
-      <div className="flex flex-row items-center justify-between">
-        <p className="truncate">{children}</p>
-        {isSelected && (
-          <FontAwesomeIcon className="ml-2 text-primary" icon={faCheckCircle} size="sm" />
-        )}
-      </div>
-    </components.Option>
-  );
-};
diff --git a/frontend-next/src/components/v2/Select/index.tsx b/frontend-next/src/components/v2/Select/index.tsx
deleted file mode 100644
index 3765851d5..000000000
--- a/frontend-next/src/components/v2/Select/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { SelectItemProps, SelectProps } from "./Select";
-export { Select, SelectClear, SelectItem } from "./Select";
diff --git a/frontend-next/src/components/v2/Skeleton/Skeleton.stories.tsx b/frontend-next/src/components/v2/Skeleton/Skeleton.stories.tsx
deleted file mode 100644
index 8af7fb0de..000000000
--- a/frontend-next/src/components/v2/Skeleton/Skeleton.stories.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Skeleton } from "./Skeleton";
-
-const meta: Meta<typeof Skeleton> = {
-  title: "Components/Skeleton",
-  component: Skeleton,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof Skeleton>;
-
-export const Basic: Story = {
-  render: (args) => <Skeleton {...args} />
-};
diff --git a/frontend-next/src/components/v2/Skeleton/Skeleton.tsx b/frontend-next/src/components/v2/Skeleton/Skeleton.tsx
deleted file mode 100644
index 477456bb8..000000000
--- a/frontend-next/src/components/v2/Skeleton/Skeleton.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { twMerge } from "tailwind-merge";
-
-export type Props = {
-  className?: string;
-};
-
-// To show something is coming up
-// Can be used with cards
-// Tables etc
-export const Skeleton = ({ className }: Props) => (
-  <div className={twMerge("h-6 w-full animate-pulse rounded-md bg-mineshaft-800", className)} />
-);
diff --git a/frontend-next/src/components/v2/Skeleton/index.tsx b/frontend-next/src/components/v2/Skeleton/index.tsx
deleted file mode 100644
index 0ea770122..000000000
--- a/frontend-next/src/components/v2/Skeleton/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Skeleton } from "./Skeleton";
diff --git a/frontend-next/src/components/v2/Spinner/Spinner.tsx b/frontend-next/src/components/v2/Spinner/Spinner.tsx
deleted file mode 100644
index d8a344e3e..000000000
--- a/frontend-next/src/components/v2/Spinner/Spinner.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { twMerge } from "tailwind-merge";
-
-type SizeOptions = "xs" | "sm" | "md" | "lg";
-
-type Props = {
-  className?: string;
-  size?: SizeOptions;
-};
-
-const sizeChart: Record<SizeOptions, string> = {
-  xs: "w-4 h-4",
-  sm: "w-6 h-6",
-  md: "w-8 h-8",
-  lg: "w-12 h-12"
-};
-
-export const Spinner = ({ className, size = "md" }: Props): JSX.Element => {
-  return (
-    <div role="status">
-      <svg
-        aria-hidden="true"
-        className={twMerge(
-          "m-1 animate-spin fill-primary text-gray-200 dark:text-gray-600",
-          sizeChart[size],
-          className
-        )}
-        viewBox="0 0 100 101"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
-          fill="currentColor"
-        />
-        <path
-          d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
-          fill="currentFill"
-        />
-      </svg>
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/Spinner/index.tsx b/frontend-next/src/components/v2/Spinner/index.tsx
deleted file mode 100644
index 47cb73c76..000000000
--- a/frontend-next/src/components/v2/Spinner/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Spinner } from "./Spinner";
diff --git a/frontend-next/src/components/v2/Stepper/Stepper.tsx b/frontend-next/src/components/v2/Stepper/Stepper.tsx
deleted file mode 100644
index 89a8e30ab..000000000
--- a/frontend-next/src/components/v2/Stepper/Stepper.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Children, cloneElement, ReactElement, ReactNode } from "react";
-import { faCheck } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-export type StepperProps = {
-  activeStep: number;
-  children: ReactNode;
-  direction: "vertical" | "horizontal";
-  className?: string;
-};
-
-export const Stepper = ({ activeStep, children, direction, className }: StepperProps) => {
-  return (
-    <div
-      className={twMerge(
-        "flex w-full items-center space-x-3 rounded-md border border-bunker-300/30 p-2",
-        className
-      )}
-    >
-      {Children.map(children as ReactNode, (child: ReactNode, index) => {
-        const isCompleted = activeStep > index;
-        const isActive = index === activeStep;
-        const isNotLast = index + 1 !== (children as Array<ReactNode>).length;
-        return (
-          <div
-            className={twMerge(
-              "flex flex-shrink-0 items-center space-x-3",
-              isNotLast && "flex-grow"
-            )}
-          >
-            <div className="flex flex-shrink-0 items-center space-x-2">
-              <div
-                className={twMerge(
-                  "flex h-7 w-7 items-center justify-center rounded-full text-sm font-medium text-mineshaft-800 transition-all",
-                  isCompleted ? "bg-primary" : "border border-primary/30 text-bunker-300",
-                  isActive && "bg-primary text-mineshaft-800"
-                )}
-              >
-                {isCompleted ? <FontAwesomeIcon icon={faCheck} /> : index + 1}
-              </div>
-              {cloneElement(child as ReactElement, {
-                direction,
-                activeStep,
-                isCompleted,
-                isActive
-              })}
-            </div>
-            {isNotLast && (
-              <div
-                style={{ height: "1px" }}
-                className={twMerge("flex-grow bg-bunker-300/30", isCompleted && "bg-primary")}
-              />
-            )}
-          </div>
-        );
-      })}
-    </div>
-  );
-};
-
-export type StepProps = {
-  title: string;
-  description?: ReactNode;
-  // isActive?: boolean;
-  // isCompleted?: boolean;
-  // activeStep?: number;
-  // direction?: "vertical" | "horizontal";
-};
-
-export const Step = ({ title, description }: StepProps) => {
-  return (
-    <div className="flex flex-col text-gray-300">
-      <div className="text-sm font-medium">{title}</div>
-      {description && <div className="text-xs">{description}</div>}
-    </div>
-  );
-};
diff --git a/frontend-next/src/components/v2/Stepper/index.tsx b/frontend-next/src/components/v2/Stepper/index.tsx
deleted file mode 100644
index a3d7aa3f8..000000000
--- a/frontend-next/src/components/v2/Stepper/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { StepperProps, StepProps } from "./Stepper";
-export { Step, Stepper } from "./Stepper";
diff --git a/frontend-next/src/components/v2/Switch/Switch.stories.tsx b/frontend-next/src/components/v2/Switch/Switch.stories.tsx
deleted file mode 100644
index e4ae2e6df..000000000
--- a/frontend-next/src/components/v2/Switch/Switch.stories.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Switch } from "./Switch";
-
-const meta: Meta<typeof Switch> = {
-  title: "Components/Switch",
-  component: Switch,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof Switch>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Simple: Story = {
-  args: {
-    children: "Dark mode"
-  }
-};
-
-export const Disabled: Story = {
-  args: {
-    children: "Dark mode",
-    isDisabled: true
-  }
-};
-
-export const Required: Story = {
-  args: {
-    children: "Dark mode",
-    isRequired: true
-  }
-};
diff --git a/frontend-next/src/components/v2/Switch/Switch.tsx b/frontend-next/src/components/v2/Switch/Switch.tsx
deleted file mode 100644
index ce955354a..000000000
--- a/frontend-next/src/components/v2/Switch/Switch.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { ReactNode } from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { twMerge } from "tailwind-merge";
-
-export type SwitchProps = Omit<SwitchPrimitive.SwitchProps, "checked" | "disabled" | "required"> & {
-  children?: ReactNode;
-  id: string;
-  isChecked?: boolean;
-  isRequired?: boolean;
-  isDisabled?: boolean;
-  containerClassName?: string;
-};
-
-export const Switch = ({
-  children,
-  id,
-  className,
-  isChecked,
-  isDisabled,
-  isRequired,
-  containerClassName,
-  ...props
-}: SwitchProps): JSX.Element => (
-  <div className={twMerge("flex items-center font-inter text-bunker-300", containerClassName)}>
-    <label className="text-sm" htmlFor={id}>
-      {children}
-      {isRequired && <span className="pl-1 text-red">*</span>}
-    </label>
-    <SwitchPrimitive.Root
-      {...props}
-      required={isRequired}
-      checked={isChecked}
-      disabled={isDisabled}
-      className={twMerge(
-        "ml-3 h-5 w-9 rounded-full bg-bunker-300 transition-all data-[state=checked]:bg-primary",
-        isDisabled && "bg-bunker-400 hover:bg-bunker-400",
-        className
-      )}
-      id={id}
-    >
-      <SwitchPrimitive.Thumb className="block h-4 w-4 translate-x-0.5 rounded-full border-none bg-black shadow transition-all will-change-transform data-[state=checked]:translate-x-[18px]" />
-    </SwitchPrimitive.Root>
-  </div>
-);
diff --git a/frontend-next/src/components/v2/Switch/index.tsx b/frontend-next/src/components/v2/Switch/index.tsx
deleted file mode 100644
index 6ac4908d2..000000000
--- a/frontend-next/src/components/v2/Switch/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { SwitchProps } from "./Switch";
-export { Switch } from "./Switch";
diff --git a/frontend-next/src/components/v2/Table/Table.stories.tsx b/frontend-next/src/components/v2/Table/Table.stories.tsx
deleted file mode 100644
index 95be1bb05..000000000
--- a/frontend-next/src/components/v2/Table/Table.stories.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Table, TableContainer, TableSkeleton, TBody, Td, Th, THead, Tr } from "./Table";
-
-const meta: Meta<typeof Table> = {
-  title: "Components/Table",
-  component: Table,
-  tags: ["v2"],
-  argTypes: {}
-};
-
-export default meta;
-type Story = StoryObj<typeof Table>;
-
-export const Basic: Story = {
-  render: (args) => (
-    <TableContainer>
-      <Table {...args}>
-        <THead>
-          <Tr>
-            <Th>Head#1</Th>
-            <Th>Head#2</Th>
-            <Th>Head#3</Th>
-          </Tr>
-        </THead>
-        <TBody>
-          <Tr>
-            <Td>Row#1</Td>
-            <Td>Row#2</Td>
-            <Td>Row#3</Td>
-          </Tr>
-          <Tr>
-            <Td>Row#1</Td>
-            <Td>Row#2</Td>
-            <Td>Row#3</Td>
-          </Tr>
-        </TBody>
-      </Table>
-    </TableContainer>
-  )
-};
-
-export const Loading: Story = {
-  render: (args) => (
-    <TableContainer>
-      <Table {...args}>
-        <THead>
-          <Tr>
-            <Th>Head#1</Th>
-            <Th>Head#2</Th>
-            <Th>Head#3</Th>
-          </Tr>
-        </THead>
-        <TBody>
-          <TableSkeleton columns={3} innerKey="story-book-table" />
-        </TBody>
-      </Table>
-    </TableContainer>
-  )
-};
diff --git a/frontend-next/src/components/v2/Table/Table.tsx b/frontend-next/src/components/v2/Table/Table.tsx
deleted file mode 100644
index 065efab1e..000000000
--- a/frontend-next/src/components/v2/Table/Table.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { DetailedHTMLProps, HTMLAttributes, ReactNode, TdHTMLAttributes } from "react";
-import { twMerge } from "tailwind-merge";
-
-import { Skeleton } from "../Skeleton";
-
-export type TableContainerProps = {
-  children: ReactNode;
-  isRounded?: boolean;
-  className?: string;
-} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-
-export const TableContainer = ({
-  children,
-  className,
-  isRounded = true,
-  ...props
-}: TableContainerProps): JSX.Element => (
-  <div
-    className={twMerge(
-      "relative w-full overflow-x-auto border border-solid border-mineshaft-700 bg-mineshaft-800 font-inter",
-      isRounded && "rounded-lg",
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </div>
-);
-
-// main parent table
-export type TableProps = {
-  className?: string;
-  children: ReactNode;
-};
-
-export const Table = ({ children, className }: TableProps): JSX.Element => (
-  <table
-    className={twMerge("w-full bg-mineshaft-800 p-2 text-left text-sm text-gray-300", className)}
-  >
-    {children}
-  </table>
-);
-
-// table head
-export type THeadProps = {
-  children: ReactNode;
-  className?: string;
-};
-
-export const THead = ({ children, className }: THeadProps): JSX.Element => (
-  <thead className={twMerge("bg-mineshaft-800 text-xs uppercase text-bunker-300", className)}>
-    {children}
-  </thead>
-);
-
-export type TFootProps = {
-  children: ReactNode;
-  className?: string;
-};
-
-export const TFoot = ({ children, className }: TFootProps): JSX.Element => (
-  <tfoot className={twMerge("bg-mineshaft-800 text-xs uppercase text-bunker-300", className)}>
-    {children}
-  </tfoot>
-);
-
-// table rows
-export type TrProps = {
-  children: ReactNode;
-  className?: string;
-  isHoverable?: boolean;
-  isSelectable?: boolean;
-} & HTMLAttributes<HTMLTableRowElement>;
-
-export const Tr = ({
-  children,
-  className,
-  isHoverable,
-  isSelectable,
-  ...props
-}: TrProps): JSX.Element => (
-  <tr
-    className={twMerge(
-      "cursor-default border-b border-solid border-mineshaft-600 last:border-b-0",
-      isHoverable && "hover:bg-mineshaft-600",
-      isSelectable && "cursor-pointer",
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </tr>
-);
-
-// table head columns
-export type ThProps = {
-  children?: ReactNode;
-  className?: string;
-};
-
-export const Th = ({ children, className }: ThProps): JSX.Element => (
-  <th
-    className={twMerge(
-      "border-b-2 border-mineshaft-600 bg-mineshaft-800 px-5 pt-4 pb-3.5 font-semibold",
-      className
-    )}
-  >
-    {children}
-  </th>
-);
-
-// table body
-export type TBodyProps = {
-  children: ReactNode;
-  className?: string;
-};
-
-export const TBody = ({ children, className }: TBodyProps): JSX.Element => (
-  <tbody className={twMerge(className)}>{children}</tbody>
-);
-
-// table body columns
-export type TdProps = {
-  children?: ReactNode;
-  className?: string;
-} & TdHTMLAttributes<HTMLTableCellElement>;
-
-export const Td = ({ children, className, ...props }: TdProps): JSX.Element => (
-  <td className={twMerge("px-5 py-3 text-left", className)} {...props}>
-    {children}
-  </td>
-);
-
-export type TBodyLoader = {
-  rows?: number;
-  columns: number;
-  className?: string;
-  // unique key for mapping
-  innerKey: string;
-};
-
-export const TableSkeleton = ({
-  rows = 3,
-  columns,
-  innerKey,
-  className
-}: TBodyLoader): JSX.Element => (
-  <>
-    {Array.apply(0, Array(rows)).map((_x, i) => (
-      <Tr key={`${innerKey}-skeleton-rows-${i + 1}`}>
-        {Array.apply(0, Array(columns)).map((_y, j) => (
-          <Td key={`${innerKey}-skeleton-rows-${i + 1}-column-${j + 1}`}>
-            <Skeleton className={className} />
-          </Td>
-        ))}
-      </Tr>
-    ))}
-  </>
-);
diff --git a/frontend-next/src/components/v2/Table/index.tsx b/frontend-next/src/components/v2/Table/index.tsx
deleted file mode 100644
index ef3987cc0..000000000
--- a/frontend-next/src/components/v2/Table/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export type {
-  TableContainerProps,
-  TableProps,
-  TBodyProps,
-  TdProps,
-  TFootProps,
-  THeadProps,
-  ThProps,
-  TrProps
-} from "./Table";
-export { Table, TableContainer, TableSkeleton, TBody, Td, TFoot, Th, THead, Tr } from "./Table";
diff --git a/frontend-next/src/components/v2/Tabs/Tabs.tsx b/frontend-next/src/components/v2/Tabs/Tabs.tsx
deleted file mode 100644
index ca5c22dcb..000000000
--- a/frontend-next/src/components/v2/Tabs/Tabs.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { twMerge } from "tailwind-merge";
-
-export type TabsProps = TabsPrimitive.TabsProps;
-
-export const Tabs = ({ className, children, ...props }: TabsProps) => (
-  <TabsPrimitive.Root className={twMerge("flex flex-col", className)} {...props}>
-    {children}
-  </TabsPrimitive.Root>
-);
-
-export type TabListProps = TabsPrimitive.TabsListProps;
-
-export const TabList = ({ className, children, ...props }: TabListProps) => (
-  <TabsPrimitive.List
-    className={twMerge("flex flex-shrink-0  border-b-2 border-mineshaft-800", className)}
-    {...props}
-  >
-    {children}
-  </TabsPrimitive.List>
-);
-
-export type TabProps = TabsPrimitive.TabsTriggerProps;
-
-export const Tab = ({ className, children, ...props }: TabProps) => (
-  <TabsPrimitive.Trigger
-    className={twMerge(
-      "flex h-10 select-none items-center justify-center px-3 text-sm font-medium text-mineshaft-400 transition-all first:rounded-tl-md last:rounded-tr-md hover:text-mineshaft-200 data-[state=active]:border-b data-[state=active]:border-primary data-[state=active]:text-white",
-      className
-    )}
-    {...props}
-  >
-    {children}
-  </TabsPrimitive.Trigger>
-);
-
-export type TabPanelProps = TabsPrimitive.TabsContentProps;
-
-export const TabPanel = ({ className, children, ...props }: TabPanelProps) => (
-  <TabsPrimitive.Content
-    className={twMerge("flex-grow rounded-bl-md rounded-br-md py-5 outline-none", className)}
-    {...props}
-  >
-    {children}
-  </TabsPrimitive.Content>
-);
diff --git a/frontend-next/src/components/v2/Tabs/index.tsx b/frontend-next/src/components/v2/Tabs/index.tsx
deleted file mode 100644
index 0a17c0dca..000000000
--- a/frontend-next/src/components/v2/Tabs/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { TabListProps, TabPanelProps, TabProps, TabsProps } from "./Tabs";
-export { Tab, TabList, TabPanel, Tabs } from "./Tabs";
diff --git a/frontend-next/src/components/v2/Tag/Tag.tsx b/frontend-next/src/components/v2/Tag/Tag.tsx
deleted file mode 100644
index 7210e388b..000000000
--- a/frontend-next/src/components/v2/Tag/Tag.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { ReactNode } from "react";
-import { faClose } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  children: ReactNode;
-  className?: string;
-  onClose?: () => void;
-} & VariantProps<typeof tagVariants>;
-
-const tagVariants = cva(
-  "inline-flex items-center whitespace-nowrap text-sm rounded mr-1.5 text-bunker-200 text-gray-400 ",
-  {
-    variants: {
-      colorSchema: {
-        gray: "bg-mineshaft-500",
-        red: "bg-red/80 text-bunker-100",
-        green: "bg-primary-800 text-white"
-      },
-      size: {
-        xs: "text-xs px-1 py-0.5",
-        sm: "px-2 py-0.5"
-      }
-    }
-  }
-);
-
-export const Tag = ({ children, className, colorSchema = "gray", size = "sm", onClose }: Props) => (
-  <div className={twMerge(tagVariants({ colorSchema, className, size }))}>
-    {children}
-    {onClose && (
-      <button type="button" onClick={onClose} className="ml-2 flex items-center justify-center">
-        <FontAwesomeIcon icon={faClose} />
-      </button>
-    )}
-  </div>
-);
diff --git a/frontend-next/src/components/v2/Tag/index.tsx b/frontend-next/src/components/v2/Tag/index.tsx
deleted file mode 100644
index 736cac7be..000000000
--- a/frontend-next/src/components/v2/Tag/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Tag } from "./Tag";
diff --git a/frontend-next/src/components/v2/TextArea/TextArea.stories.tsx b/frontend-next/src/components/v2/TextArea/TextArea.stories.tsx
deleted file mode 100644
index 866a6ff59..000000000
--- a/frontend-next/src/components/v2/TextArea/TextArea.stories.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { TextArea } from "./TextArea";
-
-const meta: Meta<typeof TextArea> = {
-  title: "Components/TextArea",
-  component: TextArea,
-  tags: ["v2"],
-  argTypes: {
-    placeholder: {
-      defaultValue: "Type anything",
-      type: "string"
-    }
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof TextArea>;
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Filled: Story = {
-  args: {}
-};
-
-export const Outline: Story = {
-  args: {
-    variant: "outline"
-  }
-};
-
-export const Plain: Story = {
-  args: {
-    variant: "plain"
-  }
-};
-
-export const Error: Story = {
-  args: {
-    isError: true
-  }
-};
-
-export const AutoWidth: Story = {
-  args: {
-    isFullWidth: false,
-    className: "w-auto"
-  }
-};
diff --git a/frontend-next/src/components/v2/TextArea/TextArea.tsx b/frontend-next/src/components/v2/TextArea/TextArea.tsx
deleted file mode 100644
index a1e71edd2..000000000
--- a/frontend-next/src/components/v2/TextArea/TextArea.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { forwardRef, TextareaHTMLAttributes } from "react";
-import { cva, VariantProps } from "cva";
-import { twMerge } from "tailwind-merge";
-
-type Props = {
-  isDisabled?: boolean;
-  placeholder?: string;
-  isFullWidth?: boolean;
-  isRequired?: boolean;
-  reSize?: "none" | "both" | "vertical" | "horizontal";
-};
-
-const textAreaVariants = cva(
-  "textarea w-full p-2 focus:ring-2 ring-primary-800 outline-none border text-gray-400 font-inter placeholder-gray-500 placeholder-opacity-50",
-  {
-    variants: {
-      size: {
-        xs: ["text-xs"],
-        sm: ["text-sm"],
-        md: ["text-md"],
-        lg: ["text-lg"]
-      },
-      isRounded: {
-        true: ["rounded-md"],
-        false: ""
-      },
-      variant: {
-        filled: ["bg-mineshaft-900", "text-gray-400"],
-        outline: ["bg-transparent"],
-        plain: "bg-transparent outline-none"
-      },
-      isError: {
-        true: "focus:ring-red/50 placeholder-red-300 border-red",
-        false: "focus:ring-primary-400/50 focus:ring-1 border-mineshaft-500"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "plain",
-        isError: [true, false],
-        className: "border-none"
-      }
-    ]
-  }
-);
-
-export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled"> &
-  VariantProps<typeof textAreaVariants> &
-  Props;
-
-export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  (
-    {
-      className,
-      isRounded = true,
-      isDisabled = false,
-      isError = false,
-      isRequired,
-      variant = "filled",
-      size = "md",
-      reSize = "both",
-      ...props
-    },
-    ref
-  ): JSX.Element => (
-    <textarea
-      {...props}
-      style={{ resize: reSize }}
-      required={isRequired}
-      ref={ref}
-      disabled={isDisabled}
-      className={twMerge(textAreaVariants({ className, isError, size, isRounded, variant }))}
-    />
-  )
-);
-
-TextArea.displayName = "TextArea";
diff --git a/frontend-next/src/components/v2/TextArea/index.tsx b/frontend-next/src/components/v2/TextArea/index.tsx
deleted file mode 100644
index 6c44fcbaa..000000000
--- a/frontend-next/src/components/v2/TextArea/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export type { TextAreaProps } from "./TextArea";
-export { TextArea } from "./TextArea";
diff --git a/frontend-next/src/components/v2/Tooltip/Tooltip.stories.tsx b/frontend-next/src/components/v2/Tooltip/Tooltip.stories.tsx
deleted file mode 100644
index b35c5fb1d..000000000
--- a/frontend-next/src/components/v2/Tooltip/Tooltip.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { Tooltip, TooltipProps, TooltipProvider } from "./Tooltip";
-
-const meta: Meta<typeof Tooltip> = {
-  title: "Components/Tooltip",
-  component: Tooltip,
-  tags: ["v2"],
-  args: {
-    content: "Hi"
-  }
-};
-
-export default meta;
-type Story = StoryObj<typeof Tooltip>;
-
-const Template = (args: TooltipProps) => (
-  <TooltipProvider>
-    <Tooltip {...args}>
-      <div className="text-white">Hello infisical</div>
-    </Tooltip>
-  </TooltipProvider>
-);
-
-// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
-export const Primary: Story = {
-  render: (args) => <Template {...args} />
-};
diff --git a/frontend-next/src/components/v2/Tooltip/Tooltip.tsx b/frontend-next/src/components/v2/Tooltip/Tooltip.tsx
deleted file mode 100644
index abfebc5b4..000000000
--- a/frontend-next/src/components/v2/Tooltip/Tooltip.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { ReactNode } from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { twMerge } from "tailwind-merge";
-
-export type TooltipProps = Omit<TooltipPrimitive.TooltipContentProps, "open" | "content"> & {
-  children: ReactNode;
-  content?: ReactNode;
-  isOpen?: boolean;
-  className?: string;
-  asChild?: boolean;
-  onOpenChange?: (isOpen: boolean) => void;
-  defaultOpen?: boolean;
-  position?: "top" | "bottom" | "left" | "right";
-  isDisabled?: boolean;
-  center?: boolean;
-  size?: "sm" | "md";
-};
-
-export const Tooltip = ({
-  children,
-  content,
-  isOpen,
-  onOpenChange,
-  defaultOpen,
-  className,
-  center,
-  asChild = true,
-  isDisabled,
-  position = "top",
-  size = "md",
-  ...props
-}: TooltipProps) =>
-  // just render children if tooltip content is empty
-  content ? (
-    <TooltipPrimitive.Root
-      delayDuration={50}
-      open={isOpen}
-      defaultOpen={defaultOpen}
-      onOpenChange={onOpenChange}
-    >
-      <TooltipPrimitive.Trigger asChild={asChild}>{children}</TooltipPrimitive.Trigger>
-      <TooltipPrimitive.Content
-        side={position}
-        align="center"
-        sideOffset={5}
-        {...props}
-        className={twMerge(
-          `z-50 max-w-[15rem] select-none border border-mineshaft-600 bg-mineshaft-800 font-light text-bunker-200 shadow-md 
-        data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade
-        data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
-        data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
-        data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
-      `,
-          isDisabled && "!hidden",
-          center && "text-center",
-          size === "sm" && "rounded-sm py-1 px-2 text-xs",
-          size === "md" && "rounded-md py-2 px-4 text-sm",
-          className
-        )}
-      >
-        {content}
-        <TooltipPrimitive.Arrow width={11} height={5} className="fill-mineshaft-600" />
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Root>
-  ) : (
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    <>{children}</>
-  );
-
-export const TooltipProvider = TooltipPrimitive.Provider;
diff --git a/frontend-next/src/components/v2/Tooltip/index.tsx b/frontend-next/src/components/v2/Tooltip/index.tsx
deleted file mode 100644
index 348059dad..000000000
--- a/frontend-next/src/components/v2/Tooltip/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { Tooltip, TooltipProvider } from "./Tooltip";
diff --git a/frontend-next/src/components/v2/UpgradePlanModal/UpgradePlanModal.tsx b/frontend-next/src/components/v2/UpgradePlanModal/UpgradePlanModal.tsx
deleted file mode 100644
index 19621a25d..000000000
--- a/frontend-next/src/components/v2/UpgradePlanModal/UpgradePlanModal.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useOrganization, useSubscription } from "@app/context";
-import { useGetOrgTrialUrl } from "@app/hooks/api";
-
-import { Button } from "../Button";
-import { Modal, ModalContent } from "../Modal";
-
-type Props = {
-  isOpen?: boolean;
-  onOpenChange?: (isOpen: boolean) => void;
-  text: string;
-};
-
-export const UpgradePlanModal = ({ text, isOpen, onOpenChange }: Props): JSX.Element => {
-  const { subscription } = useSubscription();
-  const { currentOrg } = useOrganization();
-  const { mutateAsync, isLoading } = useGetOrgTrialUrl();
-  const link =
-    subscription && subscription.slug !== null
-      ? `/org/${currentOrg?.id}/billing`
-      : "https://infisical.com/scheduledemo";
-
-  const handleUpgradeBtnClick = async () => {
-    try {
-      if (!subscription || !currentOrg) return;
-
-      if (!subscription.has_used_trial) {
-        // direct user to start pro trial
-
-        const url = await mutateAsync({
-          orgId: currentOrg.id,
-          success_url: window.location.href
-        });
-
-        window.location.href = url;
-      } else {
-        // direct user to upgrade their plan
-        window.location.href = link;
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title="Unleash Infisical's Full Power">
-        <p className="mb-2 text-bunker-300">{text}</p>
-        <p className="text-bunker-300">
-          Upgrade and get access to this, as well as to other powerful enhancements.
-        </p>
-        <div className="mt-8 flex items-center">
-          <Button
-            isLoading={isLoading}
-            colorSchema="primary"
-            onClick={handleUpgradeBtnClick}
-            className="mr-4"
-          >
-            {subscription && !subscription.has_used_trial ? "Start Pro Free Trial" : "Upgrade Plan"}
-          </Button>
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => onOpenChange && onOpenChange(false)}
-          >
-            Cancel
-          </Button>
-        </div>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/components/v2/UpgradePlanModal/index.tsx b/frontend-next/src/components/v2/UpgradePlanModal/index.tsx
deleted file mode 100644
index 09a53d31c..000000000
--- a/frontend-next/src/components/v2/UpgradePlanModal/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { UpgradePlanModal } from "./UpgradePlanModal";
diff --git a/frontend-next/src/components/v2/index.tsx b/frontend-next/src/components/v2/index.tsx
deleted file mode 100644
index 725a27ed3..000000000
--- a/frontend-next/src/components/v2/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-export * from "./Accordion";
-export * from "./Alert";
-export * from "./Badge";
-export * from "./Button";
-export * from "./Card";
-export * from "./Checkbox";
-export * from "./ContentLoader";
-export * from "./DatePicker";
-export * from "./DeleteActionModal";
-export * from "./Drawer";
-export * from "./Dropdown";
-export * from "./EmailServiceSetupModal";
-export * from "./EmptyState";
-export * from "./FilterableSelect";
-export * from "./FontAwesomeSymbol";
-export * from "./FormControl";
-export * from "./HoverCardv2";
-export * from "./IconButton";
-export * from "./Input";
-export * from "./Menu";
-export * from "./Modal";
-export * from "./NoticeBanner";
-export * from "./Pagination";
-export * from "./Popoverv2";
-export * from "./SecretInput";
-export * from "./Select";
-export * from "./Skeleton";
-export * from "./Spinner";
-export * from "./Stepper";
-export * from "./Switch";
-export * from "./Table";
-export * from "./Tabs";
-export * from "./Tag";
-export * from "./TextArea";
-export * from "./Tooltip";
-export * from "./UpgradePlanModal";
diff --git a/frontend-next/src/components/v2/projects/NewProjectModal.tsx b/frontend-next/src/components/v2/projects/NewProjectModal.tsx
deleted file mode 100644
index 3bb283617..000000000
--- a/frontend-next/src/components/v2/projects/NewProjectModal.tsx
+++ /dev/null
@@ -1,337 +0,0 @@
-import { FC, useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  Checkbox,
-  FormControl,
-  Input,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Select,
-  SelectItem,
-  TextArea
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useOrgPermission,
-  useSubscription,
-  useUser
-} from "@app/context";
-import { getProjectHomePage } from "@app/helpers/project";
-import {
-  fetchOrgUsers,
-  useAddUserToWsNonE2EE,
-  useCreateWorkspace,
-  useGetExternalKmsList,
-  useGetUserWorkspaces
-} from "@app/hooks/api";
-import { INTERNAL_KMS_KEY_ID } from "@app/hooks/api/kms/types";
-import { InfisicalProjectTemplate, useListProjectTemplates } from "@app/hooks/api/projectTemplates";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-const formSchema = z.object({
-  name: z.string().trim().min(1, "Required").max(64, "Too long, maximum length is 64 characters"),
-  description: z
-    .string()
-    .trim()
-    .max(256, "Description too long, max length is 256 characters")
-    .optional(),
-  addMembers: z.boolean(),
-  kmsKeyId: z.string(),
-  template: z.string()
-});
-
-type TAddProjectFormData = z.infer<typeof formSchema>;
-
-interface NewProjectModalProps {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  projectType: ProjectType;
-}
-
-type NewProjectFormProps = Pick<NewProjectModalProps, "onOpenChange" | "projectType">;
-
-const NewProjectForm = ({ onOpenChange, projectType }: NewProjectFormProps) => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  const { permission } = useOrgPermission();
-  const { user } = useUser();
-  const createWs = useCreateWorkspace();
-  const { refetch: refetchWorkspaces } = useGetUserWorkspaces();
-  const addUsersToProject = useAddUserToWsNonE2EE();
-  const { subscription } = useSubscription();
-
-  const canReadProjectTemplates = permission.can(
-    OrgPermissionActions.Read,
-    OrgPermissionSubjects.ProjectTemplates
-  );
-
-  const { data: projectTemplates = [] } = useListProjectTemplates({
-    enabled: Boolean(canReadProjectTemplates && subscription?.projectTemplates)
-  });
-
-  const { data: externalKmsList } = useGetExternalKmsList(currentOrg?.id!, {
-    enabled: permission.can(OrgPermissionActions.Read, OrgPermissionSubjects.Kms)
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting, errors }
-  } = useForm<TAddProjectFormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      kmsKeyId: INTERNAL_KMS_KEY_ID,
-      template: InfisicalProjectTemplate.Default
-    }
-  });
-
-  useEffect(() => {
-    if (Object.keys(errors).length > 0) {
-      console.log("Current form errors:", errors);
-    }
-  }, [errors]);
-
-  const onCreateProject = async ({
-    name,
-    description,
-    addMembers,
-    kmsKeyId,
-    template
-  }: TAddProjectFormData) => {
-    // type check
-    if (!currentOrg) return;
-    if (!user) return;
-    try {
-      const {
-        data: { project }
-      } = await createWs.mutateAsync({
-        projectName: name,
-        projectDescription: description,
-        kmsKeyId: kmsKeyId !== INTERNAL_KMS_KEY_ID ? kmsKeyId : undefined,
-        template,
-        type: projectType
-      });
-      const { id: newProjectId } = project;
-
-      if (addMembers) {
-        const orgUsers = await fetchOrgUsers(currentOrg.id);
-        await addUsersToProject.mutateAsync({
-          usernames: orgUsers
-            .filter(
-              (member) => member.user.username !== user.username && member.status === "accepted"
-            )
-            .map((member) => member.user.username),
-          projectId: newProjectId,
-          orgId: currentOrg.id
-        });
-      }
-
-      await refetchWorkspaces();
-
-      createNotification({ text: "Project created", type: "success" });
-      reset();
-      onOpenChange(false);
-      router.push(getProjectHomePage(project));
-    } catch (err) {
-      console.error(err);
-      createNotification({ text: "Failed to create project", type: "error" });
-    }
-  };
-  const onSubmit = handleSubmit((data) => {
-    return onCreateProject(data);
-  });
-  return (
-    <form onSubmit={onSubmit}>
-      <div className="flex flex-col gap-2">
-        <Controller
-          control={control}
-          name="name"
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Project Name"
-              isError={Boolean(error)}
-              errorText={error?.message}
-              className="flex-1"
-            >
-              <Input {...field} placeholder="Type your project name" />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="description"
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Project Description"
-              isError={Boolean(error)}
-              isOptional
-              errorText={error?.message}
-              className="flex-1"
-            >
-              <TextArea
-                placeholder="Project description"
-                {...field}
-                rows={3}
-                className="thin-scrollbar w-full !resize-none bg-mineshaft-900"
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="template"
-          render={({ field: { value, onChange } }) => (
-            <OrgPermissionCan
-              I={OrgPermissionActions.Read}
-              a={OrgPermissionSubjects.ProjectTemplates}
-            >
-              {(isAllowed) => (
-                <FormControl
-                  label="Project Template"
-                  icon={<FontAwesomeIcon icon={faInfoCircle} size="sm" />}
-                  tooltipText={
-                    <>
-                      <p>
-                        Create this project from a template to provision it with custom environments
-                        and roles.
-                      </p>
-                      {subscription && !subscription.projectTemplates && (
-                        <p className="pt-2">Project templates are a paid feature.</p>
-                      )}
-                    </>
-                  }
-                >
-                  <Select
-                    defaultValue={InfisicalProjectTemplate.Default}
-                    placeholder={InfisicalProjectTemplate.Default}
-                    isDisabled={!isAllowed || !subscription?.projectTemplates}
-                    value={value}
-                    onValueChange={onChange}
-                    className="w-full"
-                  >
-                    {projectTemplates.length
-                      ? projectTemplates.map((template) => (
-                          <SelectItem key={template.id} value={template.name}>
-                            {template.name}
-                          </SelectItem>
-                        ))
-                      : Object.values(InfisicalProjectTemplate).map((template) => (
-                          <SelectItem key={template} value={template}>
-                            {template}
-                          </SelectItem>
-                        ))}
-                  </Select>
-                </FormControl>
-              )}
-            </OrgPermissionCan>
-          )}
-        />
-      </div>
-      <div className="mt-4 pl-1">
-        <Controller
-          control={control}
-          name="addMembers"
-          defaultValue={false}
-          render={({ field: { onBlur, value, onChange } }) => (
-            <OrgPermissionCan I={OrgPermissionActions.Read} a={OrgPermissionSubjects.Member}>
-              {(isAllowed) => (
-                <div>
-                  <Checkbox
-                    id="add-project-layout"
-                    isChecked={value}
-                    onCheckedChange={onChange}
-                    isDisabled={!isAllowed}
-                    onBlur={onBlur}
-                  >
-                    Add all members of my organization to this project
-                  </Checkbox>
-                </div>
-              )}
-            </OrgPermissionCan>
-          )}
-        />
-      </div>
-      <div className="mt-14 flex">
-        <Accordion type="single" collapsible className="w-full">
-          <AccordionItem value="advance-settings" className="data-[state=open]:border-none">
-            <AccordionTrigger className="h-fit flex-none pl-1 text-sm">
-              <div className="order-1 ml-3">Advanced Settings</div>
-            </AccordionTrigger>
-            <AccordionContent>
-              <Controller
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl errorText={error?.message} isError={Boolean(error)} label="KMS">
-                    <Select
-                      {...field}
-                      onValueChange={(e) => {
-                        onChange(e);
-                      }}
-                      className="mb-12 w-full bg-mineshaft-600"
-                    >
-                      <SelectItem value={INTERNAL_KMS_KEY_ID} key="kms-internal">
-                        Default Infisical KMS
-                      </SelectItem>
-                      {externalKmsList?.map((kms) => (
-                        <SelectItem value={kms.id} key={`kms-${kms.id}`}>
-                          {kms.name}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-                control={control}
-                name="kmsKeyId"
-              />
-            </AccordionContent>
-          </AccordionItem>
-        </Accordion>
-        <div className="absolute right-0 bottom-0 mr-6 mb-6 flex items-start justify-end">
-          <ModalClose>
-            <Button colorSchema="secondary" variant="plain" className="py-2">
-              Cancel
-            </Button>
-          </ModalClose>
-          <Button isDisabled={isSubmitting} isLoading={isSubmitting} className="ml-4" type="submit">
-            Create Project
-          </Button>
-        </div>
-      </div>
-    </form>
-  );
-};
-
-export const NewProjectModal: FC<NewProjectModalProps> = ({
-  isOpen,
-  onOpenChange,
-  projectType
-}) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        title="Create a new project"
-        subTitle="This project will contain your secrets and configurations."
-      >
-        <NewProjectForm onOpenChange={onOpenChange} projectType={projectType} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/components/v2/projects/index.tsx b/frontend-next/src/components/v2/projects/index.tsx
deleted file mode 100644
index 1fb78225d..000000000
--- a/frontend-next/src/components/v2/projects/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { NewProjectModal } from "./NewProjectModal";
diff --git a/frontend-next/src/config/request.ts b/frontend-next/src/config/request.ts
deleted file mode 100644
index b29f19f5e..000000000
--- a/frontend-next/src/config/request.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import axios from "axios";
-
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { getAuthToken, getMfaTempToken, getSignupTempToken } from "@app/reactQuery";
-
-export const apiRequest = axios.create({
-  baseURL: "/",
-  headers: {
-    "Content-Type": "application/json"
-  }
-});
-
-apiRequest.interceptors.request.use((config) => {
-  const signupTempToken = getSignupTempToken();
-  const mfaTempToken = getMfaTempToken();
-  const token = getAuthToken();
-  const providerAuthToken = SecurityClient.getProviderAuthToken();
-
-  if (config.headers) {
-    if (signupTempToken) {
-      // eslint-disable-next-line no-param-reassign
-      config.headers.Authorization = `Bearer ${signupTempToken}`;
-    } else if (mfaTempToken) {
-      // eslint-disable-next-line no-param-reassign
-      config.headers.Authorization = `Bearer ${mfaTempToken}`;
-    } else if (token) {
-      // eslint-disable-next-line no-param-reassign
-      config.headers.Authorization = `Bearer ${token}`;
-    } else if (providerAuthToken) {
-      // eslint-disable-next-line no-param-reassign
-      config.headers.Authorization = `Bearer ${providerAuthToken}`;
-    }
-  }
-
-  return config;
-});
diff --git a/frontend-next/src/const.ts b/frontend-next/src/const.ts
deleted file mode 100644
index d2623431d..000000000
--- a/frontend-next/src/const.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-export const publicPaths = [
-  "/",
-  // `/integrations`,
-  "/signupinvite",
-  "/pricing",
-  "/signup",
-  "/signup/sso",
-  "/login",
-  "/login/ldap",
-  "/blog",
-  "/docs",
-  "/changelog",
-  "/security",
-  "/scheduledemo",
-  "/blog/[slug]",
-  "/faq",
-  "/privacy",
-  "/terms",
-  "/subprocessors",
-  "/verify-email",
-  "/password-reset",
-  "/saml-sso",
-  "/login/provider/success", // TODO: change
-  "/login/provider/error", // TODO: change
-  "/login/sso",
-  "/admin/signup",
-  "/shared/secret/[id]",
-  "/share-secret"
-];
-
-export const languageMap = {
-  en: "English",
-  ko: "한국어",
-  fr: "Français"
-};
-
-interface Mapping {
-  [key: string]: string;
-}
-
-const plansDev: Mapping = {
-  starter: "prod_Nt6kPvYsVBuzVH",
-  team: "prod_NEpD2WMXUS2eDn",
-  professional: "prod_Mb4CetZ2jE7jdl",
-  enterprise: "licence_key_required"
-};
-
-const plansProd: Mapping = {
-  starter: "prod_Mb8oR5XNwyFTul",
-  team: "prod_NEp7fAB3UJWK6A",
-  professional: "prod_Mb8pUIpA0OUi5N",
-  enterprise: "licence_key_required"
-};
-
-export const plans = plansProd || plansDev;
-
-export const leaveConfirmDefaultMessage =
-  "Your changes will be lost if you leave the page. Are you sure you want to continue?";
-
-export enum SessionStorageKeys {
-  CLI_TERMINAL_TOKEN = "CLI_TERMINAL_TOKEN"
-}
-
-export const secretTagsColors = [
-  {
-    id: 1,
-    hex: "#bec2c8",
-    rgba: "rgb(128,128,128, 0.8)",
-    name: "Grey",
-    selected: true
-  },
-  {
-    id: 2,
-    hex: "#95a2b3",
-    rgba: "rgb(0,0,255, 0.8)",
-    name: "blue",
-    selected: false
-  },
-  {
-    id: 3,
-    hex: "#5e6ad2",
-    rgba: "rgb(128,0,128, 0.8)",
-    name: "Purple",
-    selected: false
-  },
-  {
-    id: 4,
-    hex: "#26b5ce",
-    rgba: "rgb(0,128,128, 0.8)",
-    name: "Teal",
-    selected: false
-  },
-  {
-    id: 5,
-    hex: "#4cb782",
-    rgba: "rgb(0,128,0, 0.8)",
-    name: "Green",
-    selected: false
-  },
-  {
-    id: 6,
-    hex: "#f2c94c",
-    rgba: "rgb(255,255,0, 0.8)",
-    name: "Yellow",
-    selected: false
-  },
-  {
-    id: 7,
-    hex: "#f2994a",
-    rgba: "rgb(128,128,0, 0.8)",
-    name: "Orange",
-    selected: false
-  },
-  {
-    id: 8,
-    hex: "#f7c8c1",
-    rgba: "rgb(128,0,0, 0.8)",
-    name: "Pink",
-    selected: false
-  },
-  {
-    id: 9,
-    hex: "#eb5757",
-    rgba: "rgb(255,0,0, 0.8)",
-    name: "Red",
-    selected: false
-  }
-];
diff --git a/frontend-next/src/context/AuthContext/AuthContext.tsx b/frontend-next/src/context/AuthContext/AuthContext.tsx
deleted file mode 100644
index 2950b5cc5..000000000
--- a/frontend-next/src/context/AuthContext/AuthContext.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { ReactNode, useEffect } from "react";
-import { useRouter } from "next/router";
-
-import { publicPaths } from "@app/const";
-import { useToggle } from "@app/hooks";
-import { useGetAuthToken } from "@app/hooks/api";
-import { isLoggedIn } from "@app/reactQuery";
-
-type Props = {
-  children: ReactNode;
-};
-
-// TODO(akhilmhdh): Using react-simple-animate from hard dom offloading
-// smoother dom offloading needs to be done
-
-// Authentication controller
-// Does route checking
-// Provide a context for whole app to notify user is authorized or not
-export const AuthProvider = ({ children }: Props): JSX.Element => {
-  const { isLoading } = useGetAuthToken();
-  const { pathname, push, asPath } = useRouter();
-  const [isReady, setIsReady] = useToggle(false);
-
-  useEffect(() => {
-    // check if loading of auth is done
-    if (!isLoading) {
-      // not a public path and not authenticated kick to login page
-      if (!publicPaths.includes(pathname) && !isLoggedIn()) {
-        push({ pathname: "/login", query: { redirect: asPath } }).then(() => {
-          setIsReady.on();
-        });
-      } else {
-        // else good to go
-        setIsReady.on();
-      }
-    }
-  }, [pathname, isLoading]);
-
-  // wait for app to load the auth state
-  if (isLoading || !isReady) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      </div>
-    );
-  }
-
-  return children as JSX.Element;
-};
diff --git a/frontend-next/src/context/AuthContext/index.tsx b/frontend-next/src/context/AuthContext/index.tsx
deleted file mode 100644
index f4b411794..000000000
--- a/frontend-next/src/context/AuthContext/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AuthProvider } from "./AuthContext";
diff --git a/frontend-next/src/context/OrgPermissionContext/OrgPermissionContext.tsx b/frontend-next/src/context/OrgPermissionContext/OrgPermissionContext.tsx
deleted file mode 100644
index 36422b722..000000000
--- a/frontend-next/src/context/OrgPermissionContext/OrgPermissionContext.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { createContext, ReactNode, useContext } from "react";
-
-import { useGetUserOrgPermissions } from "@app/hooks/api";
-import { OrgUser } from "@app/hooks/api/types";
-
-import { useOrganization } from "../OrganizationContext";
-import { TOrgPermission } from "./types";
-
-type Props = {
-  children: ReactNode;
-};
-
-const OrgPermissionContext = createContext<null | {
-  permission: TOrgPermission;
-  membership: OrgUser | null;
-}>(null);
-
-export const OrgPermissionProvider = ({ children }: Props): JSX.Element => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { data: permission, isLoading } = useGetUserOrgPermissions({ orgId });
-
-  if (isLoading) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          decoding="async"
-          loading="lazy"
-          alt="infisical loading indicator"
-        />
-      </div>
-    );
-  }
-
-  if (!permission) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        Failed to load user permissions
-      </div>
-    );
-  }
-
-  return (
-    <OrgPermissionContext.Provider value={permission}>{children}</OrgPermissionContext.Provider>
-  );
-};
-
-export const useOrgPermission = () => {
-  const ctx = useContext(OrgPermissionContext);
-  if (!ctx) {
-    throw new Error("useOrgPermission to be used within <OrgPermissionProvider>");
-  }
-
-  return ctx;
-};
diff --git a/frontend-next/src/context/OrgPermissionContext/index.tsx b/frontend-next/src/context/OrgPermissionContext/index.tsx
deleted file mode 100644
index 730fe55b1..000000000
--- a/frontend-next/src/context/OrgPermissionContext/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { OrgPermissionProvider, useOrgPermission } from "./OrgPermissionContext";
-export type { TOrgPermission } from "./types";
-export { OrgPermissionActions, OrgPermissionSubjects } from "./types";
diff --git a/frontend-next/src/context/OrgPermissionContext/types.ts b/frontend-next/src/context/OrgPermissionContext/types.ts
deleted file mode 100644
index 4480bbad8..000000000
--- a/frontend-next/src/context/OrgPermissionContext/types.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { MongoAbility } from "@casl/ability";
-
-export enum OrgPermissionActions {
-  Read = "read",
-  Create = "create",
-  Edit = "edit",
-  Delete = "delete"
-}
-
-export enum OrgPermissionSubjects {
-  Workspace = "workspace",
-  Role = "role",
-  Member = "member",
-  Settings = "settings",
-  IncidentAccount = "incident-contact",
-  Scim = "scim",
-  Sso = "sso",
-  Ldap = "ldap",
-  Groups = "groups",
-  Billing = "billing",
-  SecretScanning = "secret-scanning",
-  Identity = "identity",
-  Kms = "kms",
-  AdminConsole = "organization-admin-console",
-  AuditLogs = "audit-logs",
-  ProjectTemplates = "project-templates",
-  AppConnections = "app-connections"
-}
-
-export enum OrgPermissionAdminConsoleAction {
-  AccessAllProjects = "access-all-projects"
-}
-
-export type OrgPermissionSet =
-  | [OrgPermissionActions.Create, OrgPermissionSubjects.Workspace]
-  | [OrgPermissionActions.Read, OrgPermissionSubjects.Workspace]
-  | [OrgPermissionActions, OrgPermissionSubjects.Role]
-  | [OrgPermissionActions, OrgPermissionSubjects.Member]
-  | [OrgPermissionActions, OrgPermissionSubjects.Settings]
-  | [OrgPermissionActions, OrgPermissionSubjects.IncidentAccount]
-  | [OrgPermissionActions, OrgPermissionSubjects.Scim]
-  | [OrgPermissionActions, OrgPermissionSubjects.Sso]
-  | [OrgPermissionActions, OrgPermissionSubjects.Ldap]
-  | [OrgPermissionActions, OrgPermissionSubjects.Groups]
-  | [OrgPermissionActions, OrgPermissionSubjects.SecretScanning]
-  | [OrgPermissionActions, OrgPermissionSubjects.Billing]
-  | [OrgPermissionActions, OrgPermissionSubjects.Identity]
-  | [OrgPermissionActions, OrgPermissionSubjects.Kms]
-  | [OrgPermissionAdminConsoleAction, OrgPermissionSubjects.AdminConsole]
-  | [OrgPermissionActions, OrgPermissionSubjects.AuditLogs]
-  | [OrgPermissionActions, OrgPermissionSubjects.ProjectTemplates]
-  | [OrgPermissionActions, OrgPermissionSubjects.AppConnections];
-
-export type TOrgPermission = MongoAbility<OrgPermissionSet>;
diff --git a/frontend-next/src/context/OrganizationContext/OrganizationContext.tsx b/frontend-next/src/context/OrganizationContext/OrganizationContext.tsx
deleted file mode 100644
index e73578d13..000000000
--- a/frontend-next/src/context/OrganizationContext/OrganizationContext.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { createContext, ReactNode, useContext, useMemo } from "react";
-
-import { useGetOrganizations } from "@app/hooks/api";
-import { Organization } from "@app/hooks/api/types";
-
-type TOrgContext = {
-  orgs?: Organization[];
-  currentOrg?: Organization;
-  isLoading: boolean;
-};
-
-const OrgContext = createContext<TOrgContext | null>(null);
-
-type Props = {
-  children: ReactNode;
-};
-
-export const OrgProvider = ({ children }: Props): JSX.Element => {
-  const { data: userOrgs, isLoading } = useGetOrganizations();
-
-  // const currentWsOrgID = currentWorkspace?.organization;
-  const currentWsOrgID = localStorage.getItem("orgData.id");
-
-  // memorize the workspace details for the context
-  const value = useMemo<TOrgContext>(
-    () => ({
-      orgs: userOrgs,
-      currentOrg: (userOrgs || []).find(({ id }) => id === currentWsOrgID),
-      isLoading
-    }),
-    [currentWsOrgID, userOrgs, isLoading]
-  );
-
-  return <OrgContext.Provider value={value}>{children}</OrgContext.Provider>;
-};
-
-export const useOrganization = () => {
-  const ctx = useContext(OrgContext);
-  if (!ctx) {
-    throw new Error("useOrganization to be used within <OrgContext.Provider>");
-  }
-
-  return ctx;
-};
diff --git a/frontend-next/src/context/OrganizationContext/index.tsx b/frontend-next/src/context/OrganizationContext/index.tsx
deleted file mode 100644
index 65aba8ca4..000000000
--- a/frontend-next/src/context/OrganizationContext/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgProvider, useOrganization } from "./OrganizationContext";
diff --git a/frontend-next/src/context/ProjectPermissionContext/ProjectPermissionContext.tsx b/frontend-next/src/context/ProjectPermissionContext/ProjectPermissionContext.tsx
deleted file mode 100644
index b0ee59960..000000000
--- a/frontend-next/src/context/ProjectPermissionContext/ProjectPermissionContext.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { createContext, ReactNode, useContext } from "react";
-
-import { useGetUserProjectPermissions } from "@app/hooks/api";
-import { TProjectMembership } from "@app/hooks/api/users/types";
-
-import { useWorkspace } from "../WorkspaceContext";
-import { TProjectPermission } from "./types";
-
-type Props = {
-  children: ReactNode;
-};
-
-const ProjectPermissionContext = createContext<null | {
-  permission: TProjectPermission;
-  membership: TProjectMembership;
-}>(null);
-
-export const ProjectPermissionProvider = ({ children }: Props): JSX.Element => {
-  const { currentWorkspace, isLoading: isWsLoading } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const { data: permission, isLoading } = useGetUserProjectPermissions({ workspaceId });
-
-  if ((isLoading && currentWorkspace) || isWsLoading) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          decoding="async"
-          loading="lazy"
-          alt="infisical loading indicator"
-        />
-      </div>
-    );
-  }
-
-  if (!permission && currentWorkspace) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        Failed to load user permissions
-      </div>
-    );
-  }
-
-  return (
-    <ProjectPermissionContext.Provider value={permission!}>
-      {children}
-    </ProjectPermissionContext.Provider>
-  );
-};
-
-export const useProjectPermission = () => {
-  const ctx = useContext(ProjectPermissionContext);
-  if (!ctx) {
-    throw new Error("useProjectPermission to be used within <ProjectPermissionContext>");
-  }
-
-  const hasProjectRole = (role: string) => ctx?.membership?.roles?.includes(role) || false;
-
-  return { ...ctx, hasProjectRole };
-};
diff --git a/frontend-next/src/context/ProjectPermissionContext/index.tsx b/frontend-next/src/context/ProjectPermissionContext/index.tsx
deleted file mode 100644
index 4b04f5cb8..000000000
--- a/frontend-next/src/context/ProjectPermissionContext/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export { ProjectPermissionProvider, useProjectPermission } from "./ProjectPermissionContext";
-export type { ProjectPermissionSet, TProjectPermission } from "./types";
-export {
-  ProjectPermissionActions,
-  ProjectPermissionCmekActions,
-  ProjectPermissionDynamicSecretActions,
-  ProjectPermissionSub
-} from "./types";
diff --git a/frontend-next/src/context/ProjectPermissionContext/types.ts b/frontend-next/src/context/ProjectPermissionContext/types.ts
deleted file mode 100644
index b0c3aa463..000000000
--- a/frontend-next/src/context/ProjectPermissionContext/types.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { ForcedSubject, MongoAbility } from "@casl/ability";
-
-export enum ProjectPermissionActions {
-  Read = "read",
-  Create = "create",
-  Edit = "edit",
-  Delete = "delete"
-}
-
-export enum ProjectPermissionDynamicSecretActions {
-  ReadRootCredential = "read-root-credential",
-  CreateRootCredential = "create-root-credential",
-  EditRootCredential = "edit-root-credential",
-  DeleteRootCredential = "delete-root-credential",
-  Lease = "lease"
-}
-
-export enum ProjectPermissionCmekActions {
-  Read = "read",
-  Create = "create",
-  Edit = "edit",
-  Delete = "delete",
-  Encrypt = "encrypt",
-  Decrypt = "decrypt"
-}
-
-export enum PermissionConditionOperators {
-  $IN = "$in",
-  $ALL = "$all",
-  $REGEX = "$regex",
-  $EQ = "$eq",
-  $NEQ = "$ne",
-  $GLOB = "$glob"
-}
-
-export type IdentityManagementSubjectFields = {
-  identityId: string;
-};
-
-export const formatedConditionsOperatorNames: { [K in PermissionConditionOperators]: string } = {
-  [PermissionConditionOperators.$EQ]: "equal to",
-  [PermissionConditionOperators.$IN]: "contains",
-  [PermissionConditionOperators.$ALL]: "contains all",
-  [PermissionConditionOperators.$NEQ]: "not equal to",
-  [PermissionConditionOperators.$GLOB]: "matches glob pattern",
-  [PermissionConditionOperators.$REGEX]: "matches regex pattern"
-};
-
-export type TPermissionConditionOperators = {
-  [PermissionConditionOperators.$IN]: string[];
-  [PermissionConditionOperators.$ALL]: string[];
-  [PermissionConditionOperators.$EQ]: string;
-  [PermissionConditionOperators.$NEQ]: string;
-  [PermissionConditionOperators.$REGEX]: string;
-  [PermissionConditionOperators.$GLOB]: string;
-};
-
-export type TPermissionCondition = Record<
-  string,
-  | string
-  | { $in: string[]; $all: string[]; $regex: string; $eq: string; $ne: string; $glob: string }
->;
-
-export enum ProjectPermissionSub {
-  Role = "role",
-  Member = "member",
-  Groups = "groups",
-  Settings = "settings",
-  Integrations = "integrations",
-  Webhooks = "webhooks",
-  ServiceTokens = "service-tokens",
-  Environments = "environments",
-  Tags = "tags",
-  AuditLogs = "audit-logs",
-  IpAllowList = "ip-allowlist",
-  Project = "workspace",
-  Secrets = "secrets",
-  SecretFolders = "secret-folders",
-  SecretImports = "secret-imports",
-  DynamicSecrets = "dynamic-secrets",
-  SecretRollback = "secret-rollback",
-  SecretApproval = "secret-approval",
-  SecretRotation = "secret-rotation",
-  Identity = "identity",
-  CertificateAuthorities = "certificate-authorities",
-  Certificates = "certificates",
-  CertificateTemplates = "certificate-templates",
-  SshCertificateAuthorities = "ssh-certificate-authorities",
-  SshCertificateTemplates = "ssh-certificate-templates",
-  SshCertificates = "ssh-certificates",
-  PkiAlerts = "pki-alerts",
-  PkiCollections = "pki-collections",
-  Kms = "kms",
-  Cmek = "cmek"
-}
-
-export type SecretSubjectFields = {
-  environment: string;
-  secretPath: string;
-  secretName: string;
-  secretTags: string[];
-};
-
-export type SecretFolderSubjectFields = {
-  environment: string;
-  secretPath: string;
-};
-
-export type DynamicSecretSubjectFields = {
-  environment: string;
-  secretPath: string;
-};
-
-export type SecretImportSubjectFields = {
-  environment: string;
-  secretPath: string;
-};
-
-export type ProjectPermissionSet =
-  | [
-      ProjectPermissionActions,
-      (
-        | ProjectPermissionSub.Secrets
-        | (ForcedSubject<ProjectPermissionSub.Secrets> & SecretSubjectFields)
-      )
-    ]
-  | [
-      ProjectPermissionActions,
-      (
-        | ProjectPermissionSub.SecretFolders
-        | (ForcedSubject<ProjectPermissionSub.SecretFolders> & SecretFolderSubjectFields)
-      )
-    ]
-  | [
-      ProjectPermissionDynamicSecretActions,
-      (
-        | ProjectPermissionSub.DynamicSecrets
-        | (ForcedSubject<ProjectPermissionSub.DynamicSecrets> & DynamicSecretSubjectFields)
-      )
-    ]
-  | [
-      ProjectPermissionActions,
-      (
-        | ProjectPermissionSub.SecretImports
-        | (ForcedSubject<ProjectPermissionSub.SecretImports> & SecretImportSubjectFields)
-      )
-    ]
-  | [ProjectPermissionActions, ProjectPermissionSub.Role]
-  | [ProjectPermissionActions, ProjectPermissionSub.Tags]
-  | [ProjectPermissionActions, ProjectPermissionSub.Member]
-  | [ProjectPermissionActions, ProjectPermissionSub.Groups]
-  | [ProjectPermissionActions, ProjectPermissionSub.Integrations]
-  | [ProjectPermissionActions, ProjectPermissionSub.Webhooks]
-  | [ProjectPermissionActions, ProjectPermissionSub.AuditLogs]
-  | [ProjectPermissionActions, ProjectPermissionSub.Environments]
-  | [ProjectPermissionActions, ProjectPermissionSub.IpAllowList]
-  | [ProjectPermissionActions, ProjectPermissionSub.Settings]
-  | [ProjectPermissionActions, ProjectPermissionSub.ServiceTokens]
-  | [ProjectPermissionActions, ProjectPermissionSub.SecretApproval]
-  | [ProjectPermissionActions, ProjectPermissionSub.SecretRotation]
-  | [
-      ProjectPermissionActions,
-      (
-        | ProjectPermissionSub.Identity
-        | (ForcedSubject<ProjectPermissionSub.Identity> & IdentityManagementSubjectFields)
-      )
-    ]
-  | [ProjectPermissionActions, ProjectPermissionSub.CertificateAuthorities]
-  | [ProjectPermissionActions, ProjectPermissionSub.Certificates]
-  | [ProjectPermissionActions, ProjectPermissionSub.CertificateTemplates]
-  | [ProjectPermissionActions, ProjectPermissionSub.SshCertificateAuthorities]
-  | [ProjectPermissionActions, ProjectPermissionSub.SshCertificateTemplates]
-  | [ProjectPermissionActions, ProjectPermissionSub.SshCertificates]
-  | [ProjectPermissionActions, ProjectPermissionSub.PkiAlerts]
-  | [ProjectPermissionActions, ProjectPermissionSub.PkiCollections]
-  | [ProjectPermissionActions.Delete, ProjectPermissionSub.Project]
-  | [ProjectPermissionActions.Edit, ProjectPermissionSub.Project]
-  | [ProjectPermissionActions.Read, ProjectPermissionSub.SecretRollback]
-  | [ProjectPermissionActions.Create, ProjectPermissionSub.SecretRollback]
-  | [ProjectPermissionCmekActions, ProjectPermissionSub.Cmek]
-  | [ProjectPermissionActions.Edit, ProjectPermissionSub.Kms];
-export type TProjectPermission = MongoAbility<ProjectPermissionSet>;
diff --git a/frontend-next/src/context/ServerConfigContext/ServerConfigContext.tsx b/frontend-next/src/context/ServerConfigContext/ServerConfigContext.tsx
deleted file mode 100644
index 659cff968..000000000
--- a/frontend-next/src/context/ServerConfigContext/ServerConfigContext.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { createContext, ReactNode, useContext, useEffect, useMemo } from "react";
-import Head from "next/head";
-import { useRouter } from "next/router";
-
-import { ContentLoader } from "@app/components/v2/ContentLoader";
-import { useGetServerConfig } from "@app/hooks/api";
-import { TServerConfig } from "@app/hooks/api/admin/types";
-
-type TServerConfigContext = {
-  config: TServerConfig;
-};
-
-const ServerConfigContext = createContext<TServerConfigContext | null>(null);
-
-type Props = {
-  children: ReactNode;
-};
-
-export const ServerConfigProvider = ({ children }: Props): JSX.Element => {
-  const router = useRouter();
-  const { data, isLoading } = useGetServerConfig();
-
-  // memorize the workspace details for the context
-  const value = useMemo<TServerConfigContext>(() => {
-    return {
-      config: data!
-    };
-  }, [data]);
-
-  useEffect(() => {
-    if (!isLoading && data && !data.initialized && !data.isMigrationModeOn) {
-      router.push("/admin/signup");
-    }
-  }, [isLoading, data]);
-
-  if (!isLoading && data?.isMigrationModeOn) {
-    return (
-      <div className="relative mx-auto flex h-screen w-full flex-col items-center justify-center space-y-8 bg-bunker-800 px-8 text-mineshaft-50 dark:[color-scheme:dark]">
-        <Head>
-          <title>Infisical Maintenance Mode</title>
-          <link rel="icon" href="/infisical.ico" />
-        </Head>
-        <img
-          src="/images/maintenance.png"
-          height={175}
-          width={300}
-          alt="maintenance mode"
-          className="w-[40rem]"
-        />
-        <p className="mx-8 mb-4 flex justify-center bg-gradient-to-tr from-mineshaft-300 to-white bg-clip-text text-4xl font-bold text-transparent md:mx-16">
-          Scheduled Maintenance
-        </p>
-        <div className="mt-2 text-center text-lg text-bunker-300">
-          Infisical is undergoing planned maintenance. <br /> No action is required on your end —
-          your applications will continue to fetch secrets.
-          <br /> If you have questions, please{" "}
-          <a
-            className="text-bunker-300 underline decoration-primary-800 underline-offset-4 duration-200 hover:text-mineshaft-100 hover:decoration-primary-600"
-            href="https://infisical.com/slack"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            join our Slack community
-          </a>
-          .
-        </div>
-      </div>
-    );
-  }
-
-  if (isLoading || (!data?.initialized && router.pathname !== "/admin/signup")) {
-    return (
-      <div className="bg-bunker-800">
-        <ContentLoader text="Loading configurations" />
-      </div>
-    );
-  }
-
-  return <ServerConfigContext.Provider value={value}>{children}</ServerConfigContext.Provider>;
-};
-
-export const useServerConfig = () => {
-  const ctx = useContext(ServerConfigContext);
-  if (!ctx) {
-    throw new Error("useServerConfig has to be used within <UserContext.Provider>");
-  }
-
-  return ctx;
-};
diff --git a/frontend-next/src/context/ServerConfigContext/index.tsx b/frontend-next/src/context/ServerConfigContext/index.tsx
deleted file mode 100644
index 856eb5c77..000000000
--- a/frontend-next/src/context/ServerConfigContext/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ServerConfigProvider, useServerConfig } from "./ServerConfigContext";
diff --git a/frontend-next/src/context/SubscriptionContext/SubscriptionContext.tsx b/frontend-next/src/context/SubscriptionContext/SubscriptionContext.tsx
deleted file mode 100644
index 9c50e425f..000000000
--- a/frontend-next/src/context/SubscriptionContext/SubscriptionContext.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { createContext, ReactNode, useContext, useMemo } from "react";
-
-import { useGetOrgSubscription } from "@app/hooks/api";
-import { SubscriptionPlan } from "@app/hooks/api/types";
-
-import { useOrganization } from "../OrganizationContext";
-
-type TSubscriptionContext = {
-  subscription?: SubscriptionPlan;
-  isLoading: boolean;
-};
-
-const SubscriptionContext = createContext<TSubscriptionContext | null>(null);
-
-type Props = {
-  children: ReactNode;
-};
-
-export const SubscriptionProvider = ({ children }: Props): JSX.Element => {
-  const { currentOrg } = useOrganization();
-
-  const { data, isLoading } = useGetOrgSubscription({
-    orgID: currentOrg?.id || ""
-  });
-
-  // memorize the workspace details for the context
-  const value = useMemo<TSubscriptionContext>(
-    () => ({
-      subscription: data,
-      isLoading
-    }),
-    [data, isLoading]
-  );
-
-  return <SubscriptionContext.Provider value={value}>{children}</SubscriptionContext.Provider>;
-};
-
-export const useSubscription = () => {
-  const ctx = useContext(SubscriptionContext);
-  if (!ctx) {
-    throw new Error("useSubscription has to be used within <SubscriptionContext.Provider>");
-  }
-
-  return ctx;
-};
diff --git a/frontend-next/src/context/SubscriptionContext/index.tsx b/frontend-next/src/context/SubscriptionContext/index.tsx
deleted file mode 100644
index 50a97eeb2..000000000
--- a/frontend-next/src/context/SubscriptionContext/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SubscriptionProvider, useSubscription } from "./SubscriptionContext";
diff --git a/frontend-next/src/context/UserContext/UserContext.tsx b/frontend-next/src/context/UserContext/UserContext.tsx
deleted file mode 100644
index 0e23ccb7c..000000000
--- a/frontend-next/src/context/UserContext/UserContext.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { createContext, ReactNode, useContext, useMemo } from "react";
-
-import { useGetUser } from "@app/hooks/api";
-import { User, UserEnc } from "@app/hooks/api/types";
-
-type TUserContext = {
-  user: User & UserEnc;
-  isLoading: boolean;
-};
-
-const UserContext = createContext<TUserContext | null>(null);
-
-type Props = {
-  children: ReactNode;
-};
-
-export const UserProvider = ({ children }: Props): JSX.Element => {
-  const { data, isLoading } = useGetUser();
-
-  // memorize the workspace details for the context
-  const value = useMemo<TUserContext>(() => {
-    return {
-      user: data!,
-      isLoading
-    };
-  }, [data, isLoading]);
-
-  if (isLoading) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          decoding="async"
-          loading="lazy"
-          alt="infisical loading indicator"
-        />
-      </div>
-    );
-  }
-
-  return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
-};
-
-export const useUser = () => {
-  const ctx = useContext(UserContext);
-  if (!ctx) {
-    throw new Error("useUser has to be used within <UserContext.Provider>");
-  }
-
-  return ctx;
-};
diff --git a/frontend-next/src/context/UserContext/index.tsx b/frontend-next/src/context/UserContext/index.tsx
deleted file mode 100644
index b4f6056dd..000000000
--- a/frontend-next/src/context/UserContext/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { UserProvider, useUser } from "./UserContext";
diff --git a/frontend-next/src/context/WorkspaceContext/WorkspaceContext.tsx b/frontend-next/src/context/WorkspaceContext/WorkspaceContext.tsx
deleted file mode 100644
index e4d7612ec..000000000
--- a/frontend-next/src/context/WorkspaceContext/WorkspaceContext.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { createContext, ReactNode, useContext, useEffect, useMemo } from "react";
-import { useRouter } from "next/router";
-
-import { createNotification } from "@app/components/notifications";
-import { useGetUserWorkspaces } from "@app/hooks/api";
-import { ProjectType, Workspace } from "@app/hooks/api/workspace/types";
-
-type TWorkspaceContext = {
-  workspaces: Workspace[];
-  currentWorkspace?: Workspace;
-  isLoading: boolean;
-};
-
-const WorkspaceContext = createContext<TWorkspaceContext | null>(null);
-
-type Props = {
-  children: ReactNode;
-};
-
-export const WorkspaceProvider = ({ children }: Props): JSX.Element => {
-  const { data: ws, isLoading } = useGetUserWorkspaces();
-  const router = useRouter();
-  const workspaceId = router.query.id;
-
-  // memorize the workspace details for the context
-  const value = useMemo<TWorkspaceContext>(() => {
-    const wsId = workspaceId || localStorage.getItem("projectData.id");
-    return {
-      workspaces: ws || [],
-      currentWorkspace: (ws || []).find(({ id }) => id === wsId),
-      isLoading
-    };
-  }, [ws, workspaceId, isLoading]);
-
-  const shouldTriggerNoProjectAccess =
-    !value.isLoading &&
-    !value.currentWorkspace &&
-    Object.values(ProjectType).some((el) => router.pathname.startsWith(`/${el}`)) &&
-    workspaceId;
-
-  // handle redirects for project-specific routes
-  useEffect(() => {
-    if (shouldTriggerNoProjectAccess) {
-      createNotification({
-        text: "You are not a member of this project.",
-        type: "info"
-      });
-
-      setTimeout(() => {
-        router.push("/");
-      }, 5000);
-    }
-  }, [shouldTriggerNoProjectAccess, router]);
-
-  if (shouldTriggerNoProjectAccess) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800 text-primary-50">
-        You do not have sufficient access to this project.
-      </div>
-    );
-  }
-
-  return <WorkspaceContext.Provider value={value}>{children}</WorkspaceContext.Provider>;
-};
-
-export const useWorkspace = () => {
-  const ctx = useContext(WorkspaceContext);
-  if (!ctx) {
-    throw new Error("useWorkspace has to be used within <WorkspaceContext.Provider>");
-  }
-
-  return ctx;
-};
diff --git a/frontend-next/src/context/WorkspaceContext/index.tsx b/frontend-next/src/context/WorkspaceContext/index.tsx
deleted file mode 100644
index 0ae8cb4c5..000000000
--- a/frontend-next/src/context/WorkspaceContext/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { useWorkspace, WorkspaceProvider } from "./WorkspaceContext";
diff --git a/frontend-next/src/context/index.tsx b/frontend-next/src/context/index.tsx
deleted file mode 100644
index 91dae5d2d..000000000
--- a/frontend-next/src/context/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-export { AuthProvider } from "./AuthContext";
-export { OrgProvider, useOrganization } from "./OrganizationContext";
-export type { TOrgPermission } from "./OrgPermissionContext";
-export {
-  OrgPermissionActions,
-  OrgPermissionProvider,
-  OrgPermissionSubjects,
-  useOrgPermission
-} from "./OrgPermissionContext";
-export type { TProjectPermission } from "./ProjectPermissionContext";
-export {
-  ProjectPermissionActions,
-  ProjectPermissionCmekActions,
-  ProjectPermissionDynamicSecretActions,
-  ProjectPermissionProvider,
-  ProjectPermissionSub,
-  useProjectPermission
-} from "./ProjectPermissionContext";
-export { ServerConfigProvider, useServerConfig } from "./ServerConfigContext";
-export { SubscriptionProvider, useSubscription } from "./SubscriptionContext";
-export { UserProvider, useUser } from "./UserContext";
-export { useWorkspace, WorkspaceProvider } from "./WorkspaceContext";
diff --git a/frontend-next/src/ee/api/memberships/UpdateUserProjectPermission.ts b/frontend-next/src/ee/api/memberships/UpdateUserProjectPermission.ts
deleted file mode 100644
index d50805311..000000000
--- a/frontend-next/src/ee/api/memberships/UpdateUserProjectPermission.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-/**
- * This function updates user permissions for a certain environment in a project
- * @param {object} obj
- * @param {string} obj.membershipId - membershipId of a certain user in a project
- * @param {*[]} obj.denials - permissions that we are prohibitting users to do
- * @returns
- */
-const updateUserProjectPermission = async ({
-  membershipId,
-  denials
-}: {
-  membershipId: string;
-  denials: {
-    ability: string;
-    environmentSlug: string;
-  }[];
-}) =>
-  SecurityClient.fetchCall(`/api/v1/membership/${membershipId}/deny-permissions`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      permissions: denials
-    })
-  }).then(async (res) => {
-    // console.log({
-    //   permissions: denials
-    // }, res)
-    if (res && res.status === 200) {
-      return res.json();
-    }
-    console.log("Failed to update user permissions for a certain environment in a project");
-    return undefined;
-  });
-
-export default updateUserProjectPermission;
diff --git a/frontend-next/src/ee/api/secrets/GetActionData.ts b/frontend-next/src/ee/api/secrets/GetActionData.ts
deleted file mode 100644
index b49141431..000000000
--- a/frontend-next/src/ee/api/secrets/GetActionData.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-interface WorkspaceProps {
-  actionId: string;
-}
-
-/**
- * This function fetches the data for a certain action performed by a user
- * @param {object} obj
- * @param {string} obj.actionId - id of an action for which we are trying to get data
- * @returns
- */
-const getActionData = async ({ actionId }: WorkspaceProps) =>
-  SecurityClient.fetchCall(`/api/v1/action/${actionId}`, {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json"
-    }
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return (await res.json()).action;
-    }
-    console.log("Failed to get the info about an action");
-    return undefined;
-  });
-
-export default getActionData;
diff --git a/frontend-next/src/ee/api/secrets/GetProjectSercetShanpshots.ts b/frontend-next/src/ee/api/secrets/GetProjectSercetShanpshots.ts
deleted file mode 100644
index ff29e7d5b..000000000
--- a/frontend-next/src/ee/api/secrets/GetProjectSercetShanpshots.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-interface WorkspaceProps {
-  workspaceId: string;
-  offset: number;
-  limit: number;
-}
-
-/**
- * This function fetches the secret snapshots for a certain project
- * @param {object} obj
- * @param {string} obj.workspaceId - project id for which we are trying to get project secret snapshots
- * @param {object} obj.offset - teh starting point of snapshots that we want to pull
- * @param {object} obj.limit - how many snapshots will we output
- * @returns
- */
-const getProjectSecretShanpshots = async ({ workspaceId, offset, limit }: WorkspaceProps) =>
-  SecurityClient.fetchCall(
-    `/api/v1/workspace/${workspaceId}/secret-snapshots?${new URLSearchParams({
-      offset: String(offset),
-      limit: String(limit)
-    })}`,
-    {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    }
-  ).then(async (res) => {
-    if (res && res.status === 200) {
-      return (await res.json()).secretSnapshots;
-    }
-    console.log("Failed to get project secret snapshots");
-    return undefined;
-  });
-
-export default getProjectSecretShanpshots;
diff --git a/frontend-next/src/ee/api/secrets/GetProjectSercetSnapshotsCount.ts b/frontend-next/src/ee/api/secrets/GetProjectSercetSnapshotsCount.ts
deleted file mode 100644
index e7c3292ab..000000000
--- a/frontend-next/src/ee/api/secrets/GetProjectSercetSnapshotsCount.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-interface WorkspaceProps {
-  workspaceId: string;
-}
-
-/**
- * This function fetches the count of secret snapshots for a certain project
- * @param {object} obj
- * @param {string} obj.workspaceId - project id for which we are trying to get project secret snapshots
- * @returns
- */
-const getProjectSercetSnapshotsCount = async ({ workspaceId }: WorkspaceProps) =>
-  SecurityClient.fetchCall(`/api/v1/workspace/${workspaceId}/secret-snapshots/count`, {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json"
-    }
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return (await res.json()).count;
-    }
-    console.log("Failed to get the count of project secret snapshots");
-    return undefined;
-  });
-
-export default getProjectSercetSnapshotsCount;
diff --git a/frontend-next/src/ee/api/secrets/GetSecretSnapshotData.ts b/frontend-next/src/ee/api/secrets/GetSecretSnapshotData.ts
deleted file mode 100644
index ff1d16791..000000000
--- a/frontend-next/src/ee/api/secrets/GetSecretSnapshotData.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-interface SnapshotProps {
-  secretSnapshotId: string;
-}
-
-/**
- * This function fetches the secrets for a certain secret snapshot
- * @param {object} obj
- * @param {string} obj.secretSnapshotId - snapshot id for which we are trying to get secrets
- * @returns
- */
-const getSecretSnapshotData = async ({ secretSnapshotId }: SnapshotProps) =>
-  SecurityClient.fetchCall(`/api/v1/secret-snapshot/${secretSnapshotId}`, {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json"
-    }
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return (await res.json()).secretSnapshot;
-    }
-    console.log("Failed to get the secrets of a certain snapshot");
-    return undefined;
-  });
-
-export default getSecretSnapshotData;
diff --git a/frontend-next/src/ee/api/secrets/GetSecretVersions.ts b/frontend-next/src/ee/api/secrets/GetSecretVersions.ts
deleted file mode 100644
index f6a380cb3..000000000
--- a/frontend-next/src/ee/api/secrets/GetSecretVersions.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-interface SecretVersionProps {
-  secretId: string;
-  offset: number;
-  limit: number;
-}
-
-/**
- * This function fetches the versions of a specific secret
- * @param {object} obj
- * @param {string} obj.secretId - the id of a secret for which we are fetching the version history
- * @param {number} obj.offset - the start of our query
- * @param {number} obj.limit - how far our query goes
- * @returns
- */
-const getSecretVersions = async ({ secretId, offset, limit }: SecretVersionProps) =>
-  SecurityClient.fetchCall(
-    `/api/v1/secret/${secretId}/secret-versions?${new URLSearchParams({
-      offset: String(offset),
-      limit: String(limit)
-    })}`,
-    {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    }
-  ).then(async (res) => {
-    if (res && res.status === 200) {
-      return res.json();
-    }
-    console.log("Failed to get secret version history");
-    return undefined;
-  });
-
-export default getSecretVersions;
diff --git a/frontend-next/src/ee/api/secrets/PerformSecretRollback.ts b/frontend-next/src/ee/api/secrets/PerformSecretRollback.ts
deleted file mode 100644
index 7464a8fc7..000000000
--- a/frontend-next/src/ee/api/secrets/PerformSecretRollback.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-/**
- * This function performs a rollback of secrets in a certain project
- * @param {object} obj
- * @param {string} obj.workspaceId - id of the project for which we are rolling back data
- * @param {number} obj.version - version to which we are rolling back
- * @returns
- */
-const performSecretRollback = async ({
-  workspaceId,
-  version
-}: {
-  workspaceId: string;
-  version: number;
-}) =>
-  SecurityClient.fetchCall(`/api/v1/workspace/${workspaceId}/secret-snapshots/rollback`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      version
-    })
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return res.json();
-    }
-    console.log("Failed to perform the secret rollback");
-    return undefined;
-  });
-
-export default performSecretRollback;
diff --git a/frontend-next/src/ee/utilities/findTextDifferences.ts b/frontend-next/src/ee/utilities/findTextDifferences.ts
deleted file mode 100644
index c15bb4b05..000000000
--- a/frontend-next/src/ee/utilities/findTextDifferences.ts
+++ /dev/null
@@ -1,356 +0,0 @@
-/* eslint-disable */
-// TODO(akhilmhdh): Danger. This file functions needs to simplified.
-// Disabled eslinting as below algos uses unnary operator and need to be careful on handling it
-// Will revisit this and change to simplier non-recursive to dynamic programming with space allocation strategy
-/**
- *
- * @param textOld - old secret
- * @param textNew - new (updated) secret
- * @param diffPlusFlag - a flag for whether we want to detect moving segments
- * - doesn't work in some examples (e.g., when we have a full reverse ordering of the text)
- * @returns
- */
-function patienceDiff(textOld: string[], textNew: string[], diffPlusFlag?: boolean) {
-  /**
-   * findUnique finds all unique values in arr[lo..hi], inclusive. This
-   * function is used in preparation for determining the longest common
-   * subsequence. Specifically, it first reduces the array range in question
-   * to unique values.
-   * @param chars - an array of characters
-   * @param lo
-   * @param hi
-   * @returns - an ordered Map, with the arr[i] value as the Map key and the
-   * array index i as the Map value.
-   */
-  function findUnique(chars: string[], lo: number, hi: number) {
-    const characterMap = new Map();
-
-    for (let i = lo; i <= hi; i += 1) {
-      const character = chars[i];
-
-      if (characterMap.has(character)) {
-        characterMap.get(character).count += 1;
-        characterMap.get(character).index = i;
-      } else {
-        characterMap.set(character, { count: 1, index: i });
-      }
-    }
-
-    characterMap.forEach((val, key, map) => {
-      if (val.count !== 1) {
-        map.delete(key);
-      } else {
-        map.set(key, val.index);
-      }
-    });
-
-    return characterMap;
-  }
-
-  /**
-   * @param aArray
-   * @param aLo
-   * @param aHi
-   * @param bArray
-   * @param bLo
-   * @param bHi
-   * @returns an ordered Map, with the Map key as the common line between aArray
-   * and bArray, with the Map value as an object containing the array indexes of
-   * the matching unique lines.
-   *
-   */
-  function uniqueCommon(
-    aArray: string[],
-    aLo: number,
-    aHi: number,
-    bArray: string[],
-    bLo: number,
-    bHi: number
-  ) {
-    const ma = findUnique(aArray, aLo, aHi);
-    const mb = findUnique(bArray, bLo, bHi);
-
-    ma.forEach((val, key, map) => {
-      if (mb.has(key)) {
-        map.set(key, {
-          indexA: val,
-          indexB: mb.get(key)
-        });
-      } else {
-        map.delete(key);
-      }
-    });
-
-    return ma;
-  }
-
-  /**
-   * longestCommonSubsequence takes an ordered Map from the function uniqueCommon
-   * and determines the Longest Common Subsequence (LCS).
-   * @param abMap
-   * @returns an ordered array of objects containing the array indexes of the
-   * matching lines for a LCS.
-   */
-  function longestCommonSubsequence(
-    abMap: Map<number, { indexA: number; indexB: number; prev?: number }>
-  ) {
-    const ja: any = [];
-
-    // First, walk the list creating the jagged array.
-    abMap.forEach((val, key, map) => {
-      let i = 0;
-
-      while (ja[i] && ja[i][ja[i].length - 1].indexB < val.indexB) {
-        i += 1;
-      }
-
-      if (!ja[i]) {
-        ja[i] = [];
-      }
-
-      if (i > 0) {
-        val.prev = ja[i - 1][ja[i - 1].length - 1];
-      }
-      ja[i].push(val);
-    });
-
-    // Now, pull out the longest common subsequence.
-    let lcs: any[] = [];
-
-    if (ja.length > 0) {
-      const n = ja.length - 1;
-      lcs = [ja[n][ja[n].length - 1]];
-
-      while (lcs[lcs.length - 1].prev) {
-        lcs.push(lcs[lcs.length - 1].prev);
-      }
-    }
-
-    return lcs.reverse();
-  }
-
-  // "result" is the array used to accumulate the textOld that are deleted, the
-  // lines that are shared between textOld and textNew, and the textNew that were
-  // inserted.
-
-  const result: any[] = [];
-  let deleted = 0;
-  let inserted = 0;
-
-  // aMove and bMove will contain the lines that don't match, and will be returned
-  // for possible searching of lines that moved.
-
-  const aMove: any[] = [];
-  const aMoveIndex: any[] = [];
-  const bMove: any[] = [];
-  const bMoveIndex: any[] = [];
-
-  /**
-   * addToResult simply pushes the latest value onto the "result" array. This
-   * array captures the diff of the line, aIndex, and bIndex from the textOld
-   * and textNew array.
-   * @param aIndex
-   * @param bIndex
-   */
-  function addToResult(aIndex: number, bIndex: number) {
-    if (bIndex < 0) {
-      aMove.push(textOld[aIndex]);
-      aMoveIndex.push(result.length);
-      deleted += 1;
-    } else if (aIndex < 0) {
-      bMove.push(textNew[bIndex]);
-      bMoveIndex.push(result.length);
-      inserted += 1;
-    }
-
-    result.push({
-      line: aIndex >= 0 ? textOld[aIndex] : textNew[bIndex],
-      aIndex,
-      bIndex
-    });
-  }
-
-  /**
-   * addSubMatch handles the lines between a pair of entries in the LCS. Thus,
-   * this function might recursively call recurseLCS to further match the lines
-   * between textOld and textNew.
-   * @param aLo
-   * @param aHi
-   * @param bLo
-   * @param bHi
-   */
-  function addSubMatch(aLo: number, aHi: number, bLo: number, bHi: number) {
-    // Match any lines at the beginning of textOld and textNew.
-    while (aLo <= aHi && bLo <= bHi && textOld[aLo] === textNew[bLo]) {
-      addToResult(aLo++, bLo++);
-    }
-
-    // Match any lines at the end of textOld and textNew, but don't place them
-    // in the "result" array just yet, as the lines between these matches at
-    // the beginning and the end need to be analyzed first.
-
-    const aHiTemp = aHi;
-    while (aLo <= aHi && bLo <= bHi && textOld[aHi] === textNew[bHi]) {
-      aHi -= 1;
-      bHi -= 1;
-    }
-
-    // Now, check to determine with the remaining lines in the subsequence
-    // whether there are any unique common lines between textOld and textNew.
-    //
-    // If not, add the subsequence to the result (all textOld having been
-    // deleted, and all textNew having been inserted).
-    //
-    // If there are unique common lines between textOld and textNew, then let's
-    // recursively perform the patience diff on the subsequence.
-
-    const uniqueCommonMap = uniqueCommon(textOld, aLo, aHi, textNew, bLo, bHi);
-
-    if (uniqueCommonMap.size === 0) {
-      while (aLo <= aHi) {
-        addToResult(aLo++, -1);
-      }
-
-      while (bLo <= bHi) {
-        addToResult(-1, bLo++);
-      }
-    } else {
-      recurseLCS(aLo, aHi, bLo, bHi, uniqueCommonMap);
-    }
-
-    // Finally, let's add the matches at the end to the result.
-    while (aHi < aHiTemp) {
-      addToResult(++aHi, ++bHi);
-    }
-  }
-
-  /**
-   * recurseLCS finds the longest common subsequence (LCS) between the arrays
-   * textOld[aLo..aHi] and textNew[bLo..bHi] inclusive.  Then for each subsequence
-   * recursively performs another LCS search (via addSubMatch), until there are
-   * none found, at which point the subsequence is dumped to the result.
-   * @param aLo
-   * @param aHi
-   * @param bLo
-   * @param bHi
-   * @param uniqueCommonMap
-   */
-  function recurseLCS(aLo: number, aHi: number, bLo: number, bHi: number, uniqueCommonMap?: any) {
-    const x = longestCommonSubsequence(
-      uniqueCommonMap || uniqueCommon(textOld, aLo, aHi, textNew, bLo, bHi)
-    );
-
-    if (x.length === 0) {
-      addSubMatch(aLo, aHi, bLo, bHi);
-    } else {
-      if (aLo < x[0].indexA || bLo < x[0].indexB) {
-        addSubMatch(aLo, x[0].indexA - 1, bLo, x[0].indexB - 1);
-      }
-
-      let i;
-      for (i = 0; i < x.length - 1; i += 1) {
-        addSubMatch(x[i].indexA, x[i + 1].indexA - 1, x[i].indexB, x[i + 1].indexB - 1);
-      }
-
-      if (x[i].indexA <= aHi || x[i].indexB <= bHi) {
-        addSubMatch(x[i].indexA, aHi, x[i].indexB, bHi);
-      }
-    }
-  }
-
-  recurseLCS(0, textOld.length - 1, 0, textNew.length - 1);
-
-  if (diffPlusFlag) {
-    return {
-      lines: result,
-      lineCountDeleted: deleted,
-      lineCountInserted: inserted,
-      lineCountMoved: 0,
-      aMove,
-      aMoveIndex,
-      bMove,
-      bMoveIndex
-    };
-  }
-
-  return {
-    lines: result,
-    lineCountDeleted: deleted,
-    lineCountInserted: inserted,
-    lineCountMoved: 0
-  };
-}
-
-/**
- * use:  patienceDiffPlus( textOld[], textNew[] )
- *
- * where:
- *      textOld[] contains the original text lines.
- *      textNew[] contains the new text lines.
- *
- * returns an object with the following properties:
- *      lines[] with properties of:
- *          line containing the line of text from textOld or textNew.
- *          aIndex referencing the index in aLine[].
- *          bIndex referencing the index in textNew[].
- *              (Note:  The line is text from either textOld or textNew, with aIndex and bIndex
- *               referencing the original index. If aIndex === -1 then the line is new from textNew,
- *               and if bIndex === -1 then the line is old from textOld.)
- *          moved is true if the line was moved from elsewhere in textOld[] or textNew[].
- *      lineCountDeleted is the number of lines from textOld[] not appearing in textNew[].
- *      lineCountInserted is the number of lines from textNew[] not appearing in textOld[].
- *      lineCountMoved is the number of lines that moved.
- */
-
-function patienceDiffPlus(textOld: string[], textNew: string[]) {
-  const difference = patienceDiff(textOld, textNew, true);
-
-  let aMoveNext = difference.aMove;
-  let aMoveIndexNext = difference.aMoveIndex;
-  let bMoveNext = difference.bMove;
-  let bMoveIndexNext = difference.bMoveIndex;
-
-  delete difference.aMove;
-  delete difference.aMoveIndex;
-  delete difference.bMove;
-  delete difference.bMoveIndex;
-
-  let lastLineCountMoved;
-
-  do {
-    const aMove = aMoveNext;
-    const aMoveIndex = aMoveIndexNext;
-    const bMove = bMoveNext;
-    const bMoveIndex = bMoveIndexNext;
-
-    aMoveNext = [];
-    aMoveIndexNext = [];
-    bMoveNext = [];
-    bMoveIndexNext = [];
-
-    const subDiff = patienceDiff(aMove!, bMove!);
-
-    lastLineCountMoved = difference.lineCountMoved;
-
-    subDiff.lines.forEach((v, i) => {
-      if (v.aIndex >= 0 && v.bIndex >= 0) {
-        difference.lines[aMoveIndex![v.aIndex]].moved = true;
-        difference.lines[bMoveIndex![v.bIndex]].aIndex = aMoveIndex![v.aIndex];
-        difference.lines[bMoveIndex![v.bIndex]].moved = true;
-        difference.lineCountInserted -= 1;
-        difference.lineCountDeleted -= 1;
-        difference.lineCountMoved += 1;
-      } else if (v.bIndex < 0) {
-        aMoveNext!.push(aMove![v.aIndex]);
-        aMoveIndexNext!.push(aMoveIndex![v.aIndex]);
-      } else {
-        bMoveNext!.push(bMove![v.bIndex]);
-        bMoveIndexNext!.push(bMoveIndex![v.bIndex]);
-      }
-    });
-  } while (difference.lineCountMoved - lastLineCountMoved > 0);
-
-  return difference;
-}
-
-export default patienceDiff;
diff --git a/frontend-next/src/ee/utilities/timeSince.ts b/frontend-next/src/ee/utilities/timeSince.ts
deleted file mode 100644
index a70ae1905..000000000
--- a/frontend-next/src/ee/utilities/timeSince.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Time since a certain date
- * @param {Date} date - the timestamp got which we want to understand how long ago it happened
- * @returns {String} text - how much time has passed since a certain timestamp
- */
-function timeSince(date: Date) {
-  const seconds = Math.floor(((new Date() as any) - (date as any)) / 1000) as number;
-
-  let interval = seconds / 31536000;
-
-  if (interval > 1) {
-    return `${Math.floor(interval)} years ago`;
-  }
-  interval = seconds / 2592000;
-  if (interval > 1) {
-    return `${Math.floor(interval)} months ago`;
-  }
-  interval = seconds / 86400;
-  if (interval > 1) {
-    return `${Math.floor(interval)} days ago`;
-  }
-  interval = seconds / 3600;
-  if (interval > 1) {
-    return `${Math.floor(interval)} hours ago`;
-  }
-  interval = seconds / 60;
-  if (interval > 1) {
-    return `${Math.floor(interval)} minutes ago`;
-  }
-  return `${Math.floor(seconds)} seconds ago`;
-}
-
-export default timeSince;
diff --git a/frontend-next/src/helpers/appConnections.ts b/frontend-next/src/helpers/appConnections.ts
deleted file mode 100644
index 9d52fb14e..000000000
--- a/frontend-next/src/helpers/appConnections.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { faGithub } from "@fortawesome/free-brands-svg-icons";
-import { faKey, faPassport, faUser } from "@fortawesome/free-solid-svg-icons";
-
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import {
-  AwsConnectionMethod,
-  GitHubConnectionMethod,
-  TAppConnection
-} from "@app/hooks/api/appConnections/types";
-
-export const APP_CONNECTION_MAP: Record<AppConnection, { name: string; image: string }> = {
-  [AppConnection.AWS]: { name: "AWS", image: "Amazon Web Services.png" },
-  [AppConnection.GitHub]: { name: "GitHub", image: "GitHub.png" }
-};
-
-export const getAppConnectionMethodDetails = (method: TAppConnection["method"]) => {
-  switch (method) {
-    case GitHubConnectionMethod.App:
-      return { name: "GitHub App", icon: faGithub };
-    case GitHubConnectionMethod.OAuth:
-      return { name: "OAuth", icon: faPassport };
-    case AwsConnectionMethod.AccessKey:
-      return { name: "Access Key", icon: faKey };
-    case AwsConnectionMethod.AssumeRole:
-      return { name: "Assume Role", icon: faUser };
-    default:
-      throw new Error(`Unhandled App Connection Method: ${method}`);
-  }
-};
diff --git a/frontend-next/src/helpers/key.ts b/frontend-next/src/helpers/key.ts
deleted file mode 100644
index 9301bb77b..000000000
--- a/frontend-next/src/helpers/key.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import Aes256Gcm from "@app/components/utilities/cryptography/aes-256-gcm";
-import { deriveArgonKey } from "@app/components/utilities/cryptography/crypto";
-
-/**
- * @param {Object} obj
- * @param {Number} obj.encryptionVersion
- * @param {String} obj.encryptedPrivateKey
- * @param {String} obj.iv
- * @param {String} obj.tag
- * @param {String} obj.password
- * @param {String} obj.salt
- * @param {String} obj.protectedKey
- * @param {String} obj.protectedKeyIV
- * @param {String} obj.protectedKeyTag
- */
-const decryptPrivateKeyHelper = async ({
-  encryptionVersion,
-  encryptedPrivateKey,
-  iv,
-  tag,
-  password,
-  salt,
-  protectedKey,
-  protectedKeyIV,
-  protectedKeyTag
-}: {
-  encryptionVersion: number;
-  encryptedPrivateKey: string;
-  iv: string;
-  tag: string;
-  password: string;
-  salt: string;
-  protectedKey?: string;
-  protectedKeyIV?: string;
-  protectedKeyTag?: string;
-}) => {
-  let privateKey;
-  try {
-    if (encryptionVersion === 1) {
-      privateKey = Aes256Gcm.decrypt({
-        ciphertext: encryptedPrivateKey,
-        iv,
-        tag,
-        secret: password
-          .slice(0, 32)
-          .padStart(32 + (password.slice(0, 32).length - new Blob([password]).size), "0")
-      });
-    } else if (encryptionVersion === 2 && protectedKey && protectedKeyIV && protectedKeyTag) {
-      const derivedKey = await deriveArgonKey({
-        password,
-        salt,
-        mem: 65536,
-        time: 3,
-        parallelism: 1,
-        hashLen: 32
-      });
-
-      if (!derivedKey) throw new Error("Failed to generate derived key");
-
-      const key = Aes256Gcm.decrypt({
-        ciphertext: protectedKey,
-        iv: protectedKeyIV,
-        tag: protectedKeyTag,
-        secret: Buffer.from(derivedKey.hash)
-      });
-
-      // decrypt back the private key
-      privateKey = Aes256Gcm.decrypt({
-        ciphertext: encryptedPrivateKey,
-        iv,
-        tag,
-        secret: Buffer.from(key, "hex")
-      });
-    } else {
-      throw new Error("Insufficient details to decrypt private key");
-    }
-  } catch (err) {
-    throw new Error("Failed to decrypt private key");
-  }
-
-  return privateKey;
-};
-
-export { decryptPrivateKeyHelper };
diff --git a/frontend-next/src/helpers/members.ts b/frontend-next/src/helpers/members.ts
deleted file mode 100644
index 871ef3ec6..000000000
--- a/frontend-next/src/helpers/members.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { TWorkspaceUser } from "@app/hooks/api/users/types";
-
-export const getMemberLabel = (member: TWorkspaceUser) => {
-  const {
-    inviteEmail,
-    user: { firstName, lastName, username, email }
-  } = member;
-
-  return firstName || lastName
-    ? `${firstName ?? ""} ${lastName ?? ""}`.trim()
-    : username || email || inviteEmail;
-};
diff --git a/frontend-next/src/helpers/parseEnvVar.ts b/frontend-next/src/helpers/parseEnvVar.ts
deleted file mode 100644
index 8bde05084..000000000
--- a/frontend-next/src/helpers/parseEnvVar.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/** Extracts the key and value from a passed in env string based on the provided delimiters. */
-export const getKeyValue = (pastedContent: string, delimiters: string[]) => {
-  if (!pastedContent) {
-    return { key: "", value: "" };
-  }
-
-  let firstDelimiterIndex = -1;
-  let foundDelimiter = "";
-
-  delimiters.forEach((delimiter) => {
-    const index = pastedContent.indexOf(delimiter);
-    if (index !== -1 && (firstDelimiterIndex === -1 || index < firstDelimiterIndex)) {
-      firstDelimiterIndex = index;
-      foundDelimiter = delimiter;
-    }
-  });
-
-  const hasValueAfterDelimiter = pastedContent.length > firstDelimiterIndex + foundDelimiter.length;
-
-  if (firstDelimiterIndex === -1 || !hasValueAfterDelimiter) {
-    return { key: pastedContent.trim(), value: "" };
-  }
-
-  const key = pastedContent.substring(0, firstDelimiterIndex);
-  const value = pastedContent.substring(firstDelimiterIndex + foundDelimiter.length);
-
-  return {
-    key: key.trim(),
-    value: value.trim()
-  };
-};
diff --git a/frontend-next/src/helpers/platform.ts b/frontend-next/src/helpers/platform.ts
deleted file mode 100644
index 821febcb8..000000000
--- a/frontend-next/src/helpers/platform.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const isInfisicalCloud = () =>
-  window.location.origin.includes("https://app.infisical.com") ||
-  window.location.origin.includes("https://us.infisical.com") ||
-  window.location.origin.includes("https://eu.infisical.com");
diff --git a/frontend-next/src/helpers/policies.ts b/frontend-next/src/helpers/policies.ts
deleted file mode 100644
index c6d7c935a..000000000
--- a/frontend-next/src/helpers/policies.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { PolicyType } from "@app/hooks/api/policies/enums";
-
-export const policyDetails: Record<PolicyType, { name: string; className: string }> = {
-  [PolicyType.AccessPolicy]: {
-    className: "bg-lime-900 text-lime-100",
-    name: "Access Policy"
-  },
-  [PolicyType.ChangePolicy]: {
-    className: "bg-indigo-900 text-indigo-100",
-    name: "Change Policy"
-  }
-};
\ No newline at end of file
diff --git a/frontend-next/src/helpers/project.ts b/frontend-next/src/helpers/project.ts
deleted file mode 100644
index 0734335e7..000000000
--- a/frontend-next/src/helpers/project.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { apiRequest } from "@app/config/request";
-import { createWorkspace } from "@app/hooks/api/workspace/queries";
-import { ProjectType, Workspace } from "@app/hooks/api/workspace/types";
-
-const secretsToBeAdded = [
-  {
-    secretKey: "DATABASE_URL",
-    // eslint-disable-next-line no-template-curly-in-string
-    secretValue: "mongodb+srv://${DB_USERNAME}:${DB_PASSWORD}@mongodb.net",
-    secretComment: "Secret referencing example"
-  },
-  {
-    secretKey: "DB_USERNAME",
-    secretValue: "OVERRIDE_THIS",
-    secretComment: "Override secrets with personal value"
-  },
-  {
-    secretKey: "DB_PASSWORD",
-    secretValue: "OVERRIDE_THIS",
-    secretComment: "Another secret override"
-  },
-  {
-    secretKey: "DB_PASSWORD",
-    secretValue: "example_password"
-  },
-  {
-    secretKey: "TWILIO_AUTH_TOKEN",
-    secretValue: "example_twillio_token"
-  },
-  {
-    secretKey: "WEBSITE_URL",
-    secretValue: "http://localhost:3000"
-  }
-];
-
-/**
- * Create and initialize a new project in organization with id [organizationId]
- * Note: current user should be a member of the organization
- */
-export const initProjectHelper = async ({ projectName }: { projectName: string }) => {
-  // create new project
-  const {
-    data: { project }
-  } = await createWorkspace({
-    projectName,
-    type: ProjectType.SecretManager
-  });
-
-  try {
-    const { data } = await apiRequest.post("/api/v3/secrets/batch/raw", {
-      workspaceId: project.id,
-      environment: "dev",
-      secretPath: "/",
-      secrets: secretsToBeAdded
-    });
-    return data;
-  } catch (err) {
-    console.error("Failed to upload secrets", err);
-  }
-
-  return project;
-};
-
-export const getProjectHomePage = (workspace: Workspace) => {
-  if (workspace.type === ProjectType.SecretManager) {
-    return `/${workspace.type}/${workspace.id}/secrets/overview`;
-  }
-  if (workspace.type === ProjectType.CertificateManager) {
-    return `/${workspace.type}/${workspace.id}/certificates`;
-  }
-
-  if (workspace.type === ProjectType.KMS) {
-    return `/${workspace.type}/${workspace.id}/kms`;
-  }
-
-  return `/${workspace.type}/${workspace.id}/ssh`;
-};
-
-export const getProjectTitle = (type: ProjectType) => {
-  const titleConvert = {
-    [ProjectType.SecretManager]: "Secret Management",
-    [ProjectType.KMS]: "Key Management",
-    [ProjectType.CertificateManager]: "Cert Management",
-    [ProjectType.SSH]: "SSH"
-  };
-  return titleConvert[type];
-};
diff --git a/frontend-next/src/helpers/reverseTruncate.ts b/frontend-next/src/helpers/reverseTruncate.ts
deleted file mode 100644
index eba5f21d3..000000000
--- a/frontend-next/src/helpers/reverseTruncate.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const reverseTruncate = (text: string, maxLength = 42) => {
-  if (text.length < maxLength) return text;
-
-  return `...${text.substring(text.length - maxLength + 3)}`;
-};
diff --git a/frontend-next/src/helpers/roles.ts b/frontend-next/src/helpers/roles.ts
deleted file mode 100644
index 4e26e1b15..000000000
--- a/frontend-next/src/helpers/roles.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ProjectMembershipRole, TOrgRole } from "@app/hooks/api/roles/types";
-
-enum OrgMembershipRole {
-  Admin = "admin",
-  Member = "member",
-  NoAccess = "no-access"
-}
-
-enum ProjectMemberRole {
-  Admin = "admin",
-  Member = "member",
-  Viewer = "viewer",
-  NoAccess = "no-access"
-}
-
-export const isCustomOrgRole = (slug: string) =>
-  !Object.values(OrgMembershipRole).includes(slug as OrgMembershipRole);
-
-export const formatProjectRoleName = (name: string) => {
-  if (name === ProjectMemberRole.Member) return "developer";
-  return name;
-};
-
-export const isCustomProjectRole = (slug: string) =>
-  !Object.values(ProjectMembershipRole).includes(slug as ProjectMembershipRole);
-
-export const findOrgMembershipRole = (roles: TOrgRole[], roleIdOrSlug: string) =>
-  isCustomOrgRole(roleIdOrSlug)
-    ? roles.find((r) => r.id === roleIdOrSlug)
-    : roles.find((r) => r.slug === roleIdOrSlug);
diff --git a/frontend-next/src/helpers/string.ts b/frontend-next/src/helpers/string.ts
deleted file mode 100644
index bd97d8a3c..000000000
--- a/frontend-next/src/helpers/string.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export const removeTrailingSlash = (str: string) => {
-  if (str === "/") return str;
-
-  return str.endsWith("/") ? str.slice(0, -1) : str;
-};
-
-export const isValidPath = (val: string): boolean => {
-  if (val.length === 0) return false;
-  if (val === "/") return true;
-
-  // Check for valid characters and no consecutive slashes
-  const validPathRegex = /^[a-zA-Z0-9-_.:]+(?:\/[a-zA-Z0-9-_.:]+)*$/;
-  return validPathRegex.test(val);
-}
\ No newline at end of file
diff --git a/frontend-next/src/hoc/index.tsx b/frontend-next/src/hoc/index.tsx
deleted file mode 100644
index 4efe5f1f9..000000000
--- a/frontend-next/src/hoc/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { withPermission } from "./withPermission";
-export { withProjectPermission } from "./withProjectPermission";
diff --git a/frontend-next/src/hoc/withPermission/index.tsx b/frontend-next/src/hoc/withPermission/index.tsx
deleted file mode 100644
index d5dfb8dc0..000000000
--- a/frontend-next/src/hoc/withPermission/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { withPermission } from "./withPermission";
diff --git a/frontend-next/src/hoc/withPermission/withPermission.tsx b/frontend-next/src/hoc/withPermission/withPermission.tsx
deleted file mode 100644
index 0fe2d9f4f..000000000
--- a/frontend-next/src/hoc/withPermission/withPermission.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { ComponentType } from "react";
-import { Abilities, AbilityTuple, Generics, SubjectType } from "@casl/ability";
-import { faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { TOrgPermission, useOrgPermission } from "@app/context";
-
-type Props<T extends Abilities> = (T extends AbilityTuple
-  ? {
-      action: T[0];
-      subject: Extract<T[1], SubjectType>;
-    }
-  : {
-      action: string;
-      subject: string;
-    }) & { className?: string; containerClassName?: string };
-
-export const withPermission = <T extends {}, J extends TOrgPermission>(
-  Component: ComponentType<T>,
-  { action, subject, className, containerClassName }: Props<Generics<J>["abilities"]>
-) => {
-  const HOC = (hocProps: T) => {
-    const { permission } = useOrgPermission();
-
-    // akhilmhdh: Set as any due to casl/react ts type bug
-    // REASON: casl due to its type checking can't seem to union even if union intersection is applied
-    if (permission.cannot(action as any, subject)) {
-      return (
-        <div
-          className={twMerge(
-            "container mx-auto flex h-full items-center justify-center",
-            containerClassName
-          )}
-        >
-          <div
-            className={twMerge(
-              "flex items-end space-x-12 rounded-md bg-mineshaft-800 p-16 text-bunker-300",
-              className
-            )}
-          >
-            <div>
-              <FontAwesomeIcon icon={faLock} size="6x" />
-            </div>
-            <div>
-              <div className="mb-2 text-4xl font-medium">Access Restricted</div>
-              <div className="text-sm">
-                Your role has limited permissions, please <br /> contact your admin to gain access
-              </div>
-            </div>
-          </div>
-        </div>
-      );
-    }
-
-    return <Component {...hocProps} />;
-  };
-
-  HOC.displayName = "WithPermission";
-  return HOC;
-};
diff --git a/frontend-next/src/hoc/withProjectPermission/index.tsx b/frontend-next/src/hoc/withProjectPermission/index.tsx
deleted file mode 100644
index 34171ed28..000000000
--- a/frontend-next/src/hoc/withProjectPermission/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { withProjectPermission } from "./withProjectPermission";
diff --git a/frontend-next/src/hoc/withProjectPermission/withProjectPermission.tsx b/frontend-next/src/hoc/withProjectPermission/withProjectPermission.tsx
deleted file mode 100644
index 22c91ab52..000000000
--- a/frontend-next/src/hoc/withProjectPermission/withProjectPermission.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { ComponentType } from "react";
-import { AbilityTuple } from "@casl/ability";
-import { faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { useProjectPermission } from "@app/context";
-import { ProjectPermissionSet } from "@app/context/ProjectPermissionContext";
-
-type Props<T extends AbilityTuple> = {
-  className?: string;
-  containerClassName?: string;
-  action: T[0];
-  subject: T[1];
-};
-
-export const withProjectPermission = <T extends {}>(
-  Component: ComponentType<Omit<Props<ProjectPermissionSet>, "action" | "subject"> & T>,
-  { action, subject, className, containerClassName }: Props<ProjectPermissionSet>
-) => {
-  const HOC = (hocProps: Omit<Props<ProjectPermissionSet>, "action" | "subject"> & T) => {
-    const { permission } = useProjectPermission();
-
-    // akhilmhdh: Set as any due to casl/react ts type bug
-    // REASON: casl due to its type checking can't seem to union even if union intersection is applied
-    if (permission.cannot(action as any, subject as any)) {
-      return (
-        <div
-          className={twMerge(
-            "container mx-auto flex h-full items-center justify-center",
-            containerClassName
-          )}
-        >
-          <div
-            className={twMerge(
-              "flex items-end space-x-12 rounded-md bg-mineshaft-800 p-16 text-bunker-300",
-              className
-            )}
-          >
-            <div>
-              <FontAwesomeIcon icon={faLock} size="6x" />
-            </div>
-            <div>
-              <div className="mb-2 text-4xl font-medium">Permission Denied</div>
-              <div className="text-sm">
-                You do not have permission to this page. <br /> Kindly contact your organization
-                administrator
-              </div>
-            </div>
-          </div>
-        </div>
-      );
-    }
-
-    return <Component {...hocProps} />;
-  };
-
-  HOC.displayName = "WithProjectPermission";
-  return HOC;
-};
diff --git a/frontend-next/src/hooks/api/accessApproval/index.tsx b/frontend-next/src/hooks/api/accessApproval/index.tsx
deleted file mode 100644
index ec9789d05..000000000
--- a/frontend-next/src/hooks/api/accessApproval/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export {
-  useCreateAccessApprovalPolicy,
-  useCreateAccessRequest,
-  useDeleteAccessApprovalPolicy,
-  useReviewAccessRequest,
-  useUpdateAccessApprovalPolicy
-} from "./mutation";
-export {
-  useGetAccessApprovalPolicies,
-  useGetAccessApprovalRequests,
-  useGetAccessPolicyApprovalCount,
-  useGetAccessRequestsCount
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/accessApproval/mutation.tsx b/frontend-next/src/hooks/api/accessApproval/mutation.tsx
deleted file mode 100644
index 9c3199a99..000000000
--- a/frontend-next/src/hooks/api/accessApproval/mutation.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import { packRules } from "@casl/ability/extra";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { accessApprovalKeys } from "./queries";
-import {
-  TAccessApproval,
-  TCreateAccessPolicyDTO,
-  TCreateAccessRequestDTO,
-  TDeleteSecretPolicyDTO,
-  TUpdateAccessPolicyDTO
-} from "./types";
-
-export const useCreateAccessApprovalPolicy = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateAccessPolicyDTO>({
-    mutationFn: async ({
-      environment,
-      projectSlug,
-      approvals,
-      approvers,
-      name,
-      secretPath,
-      enforcementLevel
-    }) => {
-      const { data } = await apiRequest.post("/api/v1/access-approvals/policies", {
-        environment,
-        projectSlug,
-        approvals,
-        approvers,
-        secretPath,
-        name,
-        enforcementLevel
-      });
-      return data;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(accessApprovalKeys.getAccessApprovalPolicies(projectSlug));
-    }
-  });
-};
-
-export const useUpdateAccessApprovalPolicy = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateAccessPolicyDTO>({
-    mutationFn: async ({ id, approvers, approvals, name, secretPath, enforcementLevel }) => {
-      const { data } = await apiRequest.patch(`/api/v1/access-approvals/policies/${id}`, {
-        approvals,
-        approvers,
-        secretPath,
-        name,
-        enforcementLevel
-      });
-      return data;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(accessApprovalKeys.getAccessApprovalPolicies(projectSlug));
-    }
-  });
-};
-
-export const useDeleteAccessApprovalPolicy = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSecretPolicyDTO>({
-    mutationFn: async ({ id }) => {
-      const { data } = await apiRequest.delete(`/api/v1/access-approvals/policies/${id}`);
-      return data;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(accessApprovalKeys.getAccessApprovalPolicies(projectSlug));
-    }
-  });
-};
-
-export const useCreateAccessRequest = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, TCreateAccessRequestDTO>({
-    mutationFn: async ({ projectSlug, ...request }) => {
-      const { data } = await apiRequest.post<TAccessApproval>(
-        "/api/v1/access-approvals/requests",
-        {
-          ...request,
-          permissions: request.permissions ? packRules(request.permissions) : undefined
-        },
-        {
-          params: {
-            projectSlug
-          }
-        }
-      );
-
-      return data;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(accessApprovalKeys.getAccessApprovalRequestCount(projectSlug));
-    }
-  });
-};
-
-export const useReviewAccessRequest = () => {
-  const queryClient = useQueryClient();
-  return useMutation<
-    {},
-    {},
-    {
-      requestId: string;
-      status: "approved" | "rejected";
-      projectSlug: string;
-      envSlug?: string;
-      requestedBy?: string;
-    }
-  >({
-    mutationFn: async ({ requestId, status }) => {
-      const { data } = await apiRequest.post(
-        `/api/v1/access-approvals/requests/${requestId}/review`,
-        {
-          status
-        }
-      );
-      return data;
-    },
-    onSuccess: (_, { projectSlug, envSlug, requestedBy }) => {
-      queryClient.invalidateQueries(
-        accessApprovalKeys.getAccessApprovalRequests(projectSlug, envSlug, requestedBy)
-      );
-      queryClient.invalidateQueries(accessApprovalKeys.getAccessApprovalRequestCount(projectSlug));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/accessApproval/queries.tsx b/frontend-next/src/hooks/api/accessApproval/queries.tsx
deleted file mode 100644
index 599962e43..000000000
--- a/frontend-next/src/hooks/api/accessApproval/queries.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { PackRule, unpackRules } from "@casl/ability/extra";
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TProjectPermission } from "../roles/types";
-import {
-  TAccessApprovalPolicy,
-  TAccessApprovalRequest,
-  TAccessRequestCount,
-  TGetAccessApprovalRequestsDTO,
-  TGetAccessPolicyApprovalCountDTO
-} from "./types";
-
-export const accessApprovalKeys = {
-  getAccessApprovalPolicies: (projectSlug: string) =>
-    [{ projectSlug }, "access-approval-policies"] as const,
-  getAccessApprovalPolicyOfABoard: (workspaceId: string, environment: string) =>
-    [{ workspaceId, environment }, "access-approval-policy"] as const,
-
-  getAccessApprovalRequests: (projectSlug: string, envSlug?: string, requestedBy?: string) =>
-    [{ projectSlug, envSlug, requestedBy }, "access-approvals-requests"] as const,
-  getAccessApprovalRequestCount: (projectSlug: string) =>
-    [{ projectSlug }, "access-approval-request-count"] as const
-};
-
-export const fetchPolicyApprovalCount = async ({
-  projectSlug,
-  envSlug
-}: TGetAccessPolicyApprovalCountDTO) => {
-  const { data } = await apiRequest.get<{ count: number }>(
-    "/api/v1/access-approvals/policies/count",
-    {
-      params: { projectSlug, envSlug }
-    }
-  );
-  return data.count;
-};
-
-export const useGetAccessPolicyApprovalCount = ({
-  projectSlug,
-  envSlug,
-  options = {}
-}: TGetAccessPolicyApprovalCountDTO & {
-  options?: UseQueryOptions<
-    number,
-    unknown,
-    number,
-    ReturnType<typeof accessApprovalKeys.getAccessApprovalPolicies>
-  >;
-}) =>
-  useQuery({
-    queryFn: () => fetchPolicyApprovalCount({ projectSlug, envSlug }),
-    ...options,
-    enabled: Boolean(projectSlug) && (options?.enabled ?? true)
-  });
-
-const fetchApprovalPolicies = async ({ projectSlug }: TGetAccessApprovalRequestsDTO) => {
-  const { data } = await apiRequest.get<{ approvals: TAccessApprovalPolicy[] }>(
-    "/api/v1/access-approvals/policies",
-    { params: { projectSlug } }
-  );
-  return data.approvals;
-};
-
-const fetchApprovalRequests = async ({
-  projectSlug,
-  envSlug,
-  authorProjectMembershipId
-}: TGetAccessApprovalRequestsDTO) => {
-  const { data } = await apiRequest.get<{ requests: TAccessApprovalRequest[] }>(
-    "/api/v1/access-approvals/requests",
-    { params: { projectSlug, envSlug, authorProjectMembershipId } }
-  );
-
-  return data.requests.map((request) => ({
-    ...request,
-
-    privilege: request.privilege
-      ? {
-          ...request.privilege,
-          permissions: unpackRules(
-            request.privilege.permissions as unknown as PackRule<TProjectPermission>[]
-          )
-        }
-      : null,
-    permissions: unpackRules(request.permissions as unknown as PackRule<TProjectPermission>[])
-  }));
-};
-
-const fetchAccessRequestsCount = async (projectSlug: string) => {
-  const { data } = await apiRequest.get<TAccessRequestCount>(
-    "/api/v1/access-approvals/requests/count",
-    { params: { projectSlug } }
-  );
-  return data;
-};
-
-export const useGetAccessRequestsCount = ({
-  projectSlug,
-  options = {}
-}: TGetAccessApprovalRequestsDTO & {
-  options?: UseQueryOptions<
-    TAccessRequestCount,
-    unknown,
-    { pendingCount: number; finalizedCount: number },
-    ReturnType<typeof accessApprovalKeys.getAccessApprovalRequestCount>
-  >;
-}) =>
-  useQuery({
-    queryKey: accessApprovalKeys.getAccessApprovalRequestCount(projectSlug),
-    queryFn: () => fetchAccessRequestsCount(projectSlug),
-    ...options,
-    enabled: Boolean(projectSlug) && (options?.enabled ?? true)
-  });
-
-export const useGetAccessApprovalPolicies = ({
-  projectSlug,
-  envSlug,
-  authorProjectMembershipId,
-  options = {}
-}: TGetAccessApprovalRequestsDTO & {
-  options?: UseQueryOptions<
-    TAccessApprovalPolicy[],
-    unknown,
-    TAccessApprovalPolicy[],
-    ReturnType<typeof accessApprovalKeys.getAccessApprovalPolicies>
-  >;
-}) =>
-  useQuery({
-    queryKey: accessApprovalKeys.getAccessApprovalPolicies(projectSlug),
-    queryFn: () => fetchApprovalPolicies({ projectSlug, envSlug, authorProjectMembershipId }),
-    ...options,
-    enabled: Boolean(projectSlug) && (options?.enabled ?? true)
-  });
-
-export const useGetAccessApprovalRequests = ({
-  projectSlug,
-  envSlug,
-  authorProjectMembershipId,
-  options = {}
-}: TGetAccessApprovalRequestsDTO & {
-  options?: UseQueryOptions<
-    TAccessApprovalRequest[],
-    unknown,
-    TAccessApprovalRequest[],
-    ReturnType<typeof accessApprovalKeys.getAccessApprovalRequests>
-  >;
-}) =>
-  useQuery({
-    queryKey: accessApprovalKeys.getAccessApprovalRequests(
-      projectSlug,
-      envSlug,
-      authorProjectMembershipId
-    ),
-    queryFn: () => fetchApprovalRequests({ projectSlug, envSlug, authorProjectMembershipId }),
-    ...options,
-    enabled: Boolean(projectSlug) && (options?.enabled ?? true)
-  });
diff --git a/frontend-next/src/hooks/api/accessApproval/types.ts b/frontend-next/src/hooks/api/accessApproval/types.ts
deleted file mode 100644
index bd6173d91..000000000
--- a/frontend-next/src/hooks/api/accessApproval/types.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-import { EnforcementLevel, PolicyType } from "../policies/enums";
-import { TProjectPermission } from "../roles/types";
-import { WorkspaceEnv } from "../workspace/types";
-
-export type TAccessApprovalPolicy = {
-  id: string;
-  name: string;
-  approvals: number;
-  secretPath: string;
-  envId: string;
-  workspace: string;
-  environment: WorkspaceEnv;
-  projectId: string;
-  policyType: PolicyType;
-  approversRequired: boolean;
-  enforcementLevel: EnforcementLevel;
-  updatedAt: Date;
-  approvers?: Approver[];
-};
-
-export enum ApproverType {
-  User = "user",
-  Group = "group"
-}
-
-export type Approver = {
-  id: string;
-  type: ApproverType;
-};
-
-export type TAccessApprovalRequest = {
-  id: string;
-  policyId: string;
-  privilegeId: string | null;
-  requestedByUserId: string;
-  requestedByUser: {
-    email: string;
-    firstName?: string;
-    lastName?: string;
-    userId: string;
-    username: string;
-  };
-  createdAt: Date;
-  updatedAt: Date;
-  isTemporary: boolean;
-  temporaryRange: string | null | undefined;
-
-  permissions: TProjectPermission[] | null;
-
-  // Computed
-  environmentName: string;
-  isApproved: boolean;
-
-  privilege: {
-    membershipId: string;
-    isTemporary: boolean;
-    temporaryMode?: string | null;
-    temporaryRange?: string | null;
-    temporaryAccessStartTime?: Date | null;
-    temporaryAccessEndTime?: Date | null;
-    permissions: TProjectPermission[];
-    isApproved: boolean;
-  } | null;
-
-  policy: {
-    id: string;
-    name: string;
-    approvals: number;
-    approvers: string[];
-    secretPath?: string | null;
-    envId: string;
-    enforcementLevel: EnforcementLevel;
-    deletedAt: Date | null;
-  };
-
-  reviewers: {
-    member: string;
-    status: string;
-  }[];
-};
-
-export type TAccessApproval = {
-  id: string;
-  policyId: string;
-  privilegeId: string;
-  requestedBy: string;
-};
-
-export type TAccessRequestCount = {
-  pendingCount: number;
-  finalizedCount: number;
-};
-
-export type TProjectUserPrivilege = {
-  projectMembershipId: string;
-  slug: string;
-  id: string;
-  createdAt: Date;
-  updatedAt: Date;
-  permissions?: TProjectPermission[];
-} & (
-  | {
-      isTemporary: true;
-      temporaryMode: string;
-      temporaryRange: string;
-      temporaryAccessStartTime: string;
-      temporaryAccessEndTime?: string;
-    }
-  | {
-      isTemporary: false;
-      temporaryMode?: null;
-      temporaryRange?: null;
-      temporaryAccessStartTime?: null;
-      temporaryAccessEndTime?: null;
-    }
-);
-
-export type TCreateAccessRequestDTO = {
-  projectSlug: string;
-} & Omit<TProjectUserPrivilege, "id" | "createdAt" | "updatedAt" | "slug" | "projectMembershipId">;
-
-export type TGetAccessApprovalRequestsDTO = {
-  projectSlug: string;
-  envSlug?: string;
-  authorProjectMembershipId?: string;
-};
-
-export type TGetAccessPolicyApprovalCountDTO = {
-  projectSlug: string;
-  envSlug: string;
-};
-
-export type TGetSecretApprovalPolicyOfBoardDTO = {
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-};
-
-export type TCreateAccessPolicyDTO = {
-  projectSlug: string;
-  name?: string;
-  environment: string;
-  approvers?: Approver[];
-  approvals?: number;
-  secretPath?: string;
-  enforcementLevel?: EnforcementLevel;
-};
-
-export type TUpdateAccessPolicyDTO = {
-  id: string;
-  name?: string;
-  approvers?: Approver[];
-  secretPath?: string;
-  environment?: string;
-  approvals?: number;
-  enforcementLevel?: EnforcementLevel;
-  // for invalidating list
-  projectSlug: string;
-};
-
-export type TDeleteSecretPolicyDTO = {
-  id: string;
-  // for invalidating list
-  projectSlug: string;
-};
diff --git a/frontend-next/src/hooks/api/admin/index.ts b/frontend-next/src/hooks/api/admin/index.ts
deleted file mode 100644
index 5405878c7..000000000
--- a/frontend-next/src/hooks/api/admin/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export {
-  useAdminDeleteUser,
-  useCreateAdminUser,
-  useUpdateAdminSlackConfig,
-  useUpdateServerConfig,
-  useUpdateServerEncryptionStrategy
-} from "./mutation";
-export {
-  useAdminGetUsers,
-  useGetAdminSlackConfig,
-  useGetServerConfig,
-  useGetServerRootKmsEncryptionDetails
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/admin/mutation.ts b/frontend-next/src/hooks/api/admin/mutation.ts
deleted file mode 100644
index 6cd13050e..000000000
--- a/frontend-next/src/hooks/api/admin/mutation.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { organizationKeys } from "../organization/queries";
-import { User } from "../users/types";
-import { adminQueryKeys, adminStandaloneKeys } from "./queries";
-import {
-  AdminSlackConfig,
-  RootKeyEncryptionStrategy,
-  TCreateAdminUserDTO,
-  TServerConfig,
-  TUpdateAdminSlackConfigDTO
-} from "./types";
-
-export const useCreateAdminUser = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<
-    { user: User; token: string; organization: { id: string } },
-    {},
-    TCreateAdminUserDTO
-  >({
-    mutationFn: async (opt) => {
-      const { data } = await apiRequest.post("/api/v1/admin/signup", opt);
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(adminQueryKeys.serverConfig());
-    }
-  });
-};
-
-export const useUpdateServerConfig = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<
-    TServerConfig,
-    {},
-    Partial<TServerConfig & { slackClientId: string; slackClientSecret: string }>
-  >({
-    mutationFn: async (opt) => {
-      const { data } = await apiRequest.patch<{ config: TServerConfig }>(
-        "/api/v1/admin/config",
-        opt
-      );
-      return data.config;
-    },
-    onSuccess: (data) => {
-      queryClient.setQueryData(adminQueryKeys.serverConfig(), data);
-      queryClient.invalidateQueries(adminQueryKeys.serverConfig());
-      queryClient.invalidateQueries(organizationKeys.getUserOrganizations);
-    }
-  });
-};
-
-export const useAdminDeleteUser = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (userId: string) => {
-      await apiRequest.delete(`/api/v1/admin/user-management/users/${userId}`);
-
-      return {};
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: [adminStandaloneKeys.getUsers]
-      });
-    }
-  });
-};
-
-export const useUpdateAdminSlackConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation<AdminSlackConfig, {}, TUpdateAdminSlackConfigDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.put<AdminSlackConfig>(
-        "/api/v1/admin/integrations/slack/config",
-        dto
-      );
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(adminQueryKeys.getAdminSlackConfig());
-    }
-  });
-};
-
-export const useUpdateServerEncryptionStrategy = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (strategy: RootKeyEncryptionStrategy) => {
-      await apiRequest.patch("/api/v1/admin/encryption-strategies", { strategy });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(adminQueryKeys.getServerEncryptionStrategies());
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/admin/queries.ts b/frontend-next/src/hooks/api/admin/queries.ts
deleted file mode 100644
index a1d32bce3..000000000
--- a/frontend-next/src/hooks/api/admin/queries.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { useInfiniteQuery, useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { User } from "../types";
-import {
-  AdminGetUsersFilters,
-  AdminSlackConfig,
-  TGetServerRootKmsEncryptionDetails,
-  TServerConfig
-} from "./types";
-
-export const adminStandaloneKeys = {
-  getUsers: "get-users"
-};
-
-export const adminQueryKeys = {
-  serverConfig: () => ["server-config"] as const,
-  getUsers: (filters: AdminGetUsersFilters) => [adminStandaloneKeys.getUsers, { filters }] as const,
-  getAdminSlackConfig: () => ["admin-slack-config"] as const,
-  getServerEncryptionStrategies: () => ["server-encryption-strategies"] as const
-};
-
-const fetchServerConfig = async () => {
-  const { data } = await apiRequest.get<{ config: TServerConfig }>("/api/v1/admin/config");
-  return data.config;
-};
-
-export const useGetServerConfig = ({
-  options = {}
-}: {
-  options?: Omit<
-    UseQueryOptions<
-      TServerConfig,
-      unknown,
-      TServerConfig,
-      ReturnType<typeof adminQueryKeys.serverConfig>
-    >,
-    "queryKey" | "queryFn"
-  >;
-} = {}) =>
-  useQuery({
-    queryKey: adminQueryKeys.serverConfig(),
-    queryFn: fetchServerConfig,
-    ...options,
-    enabled: options?.enabled ?? true
-  });
-
-export const useAdminGetUsers = (filters: AdminGetUsersFilters) => {
-  return useInfiniteQuery({
-    queryKey: adminQueryKeys.getUsers(filters),
-    queryFn: async ({ pageParam }) => {
-      const { data } = await apiRequest.get<{ users: User[] }>(
-        "/api/v1/admin/user-management/users",
-        {
-          params: {
-            ...filters,
-            offset: pageParam
-          }
-        }
-      );
-
-      return data.users;
-    },
-    getNextPageParam: (lastPage, pages) =>
-      lastPage.length !== 0 ? pages.length * filters.limit : undefined
-  });
-};
-
-export const useGetAdminSlackConfig = () => {
-  return useQuery({
-    queryKey: adminQueryKeys.getAdminSlackConfig(),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<AdminSlackConfig>(
-        "/api/v1/admin/integrations/slack/config"
-      );
-
-      return data;
-    }
-  });
-};
-
-export const useGetServerRootKmsEncryptionDetails = () => {
-  return useQuery({
-    queryKey: adminQueryKeys.getServerEncryptionStrategies(),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TGetServerRootKmsEncryptionDetails>(
-        "/api/v1/admin/encryption-strategies"
-      );
-
-      return data;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/admin/types.ts b/frontend-next/src/hooks/api/admin/types.ts
deleted file mode 100644
index 60fa3ab98..000000000
--- a/frontend-next/src/hooks/api/admin/types.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-export enum LoginMethod {
-  EMAIL = "email",
-  GOOGLE = "google",
-  GITHUB = "github",
-  GITLAB = "gitlab",
-  SAML = "saml",
-  LDAP = "ldap",
-  OIDC = "oidc"
-}
-
-export type TServerConfig = {
-  initialized: boolean;
-  allowSignUp: boolean;
-  allowedSignUpDomain?: string | null;
-  isMigrationModeOn?: boolean;
-  trustSamlEmails: boolean;
-  trustLdapEmails: boolean;
-  trustOidcEmails: boolean;
-  isSecretScanningDisabled: boolean;
-  defaultAuthOrgSlug: string | null;
-  defaultAuthOrgId: string | null;
-  defaultAuthOrgAuthMethod?: string | null;
-  defaultAuthOrgAuthEnforced?: boolean | null;
-  enabledLoginMethods: LoginMethod[];
-};
-
-export type TCreateAdminUserDTO = {
-  email: string;
-  password: string;
-  firstName: string;
-  lastName?: string;
-  protectedKey: string;
-  protectedKeyTag: string;
-  protectedKeyIV: string;
-  encryptedPrivateKey: string;
-  encryptedPrivateKeyIV: string;
-  encryptedPrivateKeyTag: string;
-  publicKey: string;
-  verifier: string;
-  salt: string;
-};
-
-export type TUpdateAdminSlackConfigDTO = {
-  clientId: string;
-  clientSecret: string;
-};
-
-export type AdminGetUsersFilters = {
-  limit: number;
-  searchTerm: string;
-};
-
-export type AdminSlackConfig = {
-  clientId: string;
-  clientSecret: string;
-};
-
-export type TGetServerRootKmsEncryptionDetails = {
-  strategies: {
-    strategy: RootKeyEncryptionStrategy;
-    enabled: boolean;
-  }[];
-};
-
-export enum RootKeyEncryptionStrategy {
-  Software = "SOFTWARE",
-  HSM = "HSM"
-}
diff --git a/frontend-next/src/hooks/api/apiKeys/index.ts b/frontend-next/src/hooks/api/apiKeys/index.ts
deleted file mode 100644
index 58c3717ab..000000000
--- a/frontend-next/src/hooks/api/apiKeys/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useCreateAPIKeyV2, useDeleteAPIKeyV2, useUpdateAPIKeyV2 } from "./queries";
diff --git a/frontend-next/src/hooks/api/apiKeys/queries.tsx b/frontend-next/src/hooks/api/apiKeys/queries.tsx
deleted file mode 100644
index c1a2e4355..000000000
--- a/frontend-next/src/hooks/api/apiKeys/queries.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { userKeys } from "../users";
-import {
-  APIKeyDataV2,
-  CreateAPIKeyDataV2DTO,
-  CreateServiceTokenDataV3Res,
-  DeleteAPIKeyDataV2DTO,
-  UpdateAPIKeyDataV2DTO
-} from "./types";
-
-export const useCreateAPIKeyV2 = () => {
-  const queryClient = useQueryClient();
-  return useMutation<CreateServiceTokenDataV3Res, {}, CreateAPIKeyDataV2DTO>({
-    mutationFn: async ({ name }) => {
-      const { data } = await apiRequest.post("/api/v3/api-key", {
-        name
-      });
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.myAPIKeysV2);
-    }
-  });
-};
-
-export const useUpdateAPIKeyV2 = () => {
-  const queryClient = useQueryClient();
-  return useMutation<APIKeyDataV2, {}, UpdateAPIKeyDataV2DTO>({
-    mutationFn: async ({ apiKeyDataId, name }) => {
-      const {
-        data: { apiKeyData }
-      } = await apiRequest.patch(`/api/v3/api-key/${apiKeyDataId}`, {
-        name
-      });
-      return apiKeyData;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.myAPIKeysV2);
-    }
-  });
-};
-
-export const useDeleteAPIKeyV2 = () => {
-  const queryClient = useQueryClient();
-  return useMutation<APIKeyDataV2, {}, DeleteAPIKeyDataV2DTO>({
-    mutationFn: async ({ apiKeyDataId }) => {
-      const {
-        data: { apiKeyData }
-      } = await apiRequest.delete(`/api/v3/api-key/${apiKeyDataId}`);
-      return apiKeyData;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.myAPIKeysV2);
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/apiKeys/types.ts b/frontend-next/src/hooks/api/apiKeys/types.ts
deleted file mode 100644
index b05bd5981..000000000
--- a/frontend-next/src/hooks/api/apiKeys/types.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export type APIKeyDataV2 = {
-  id: string;
-  name: string;
-  user: string;
-  lastUsed?: string;
-  usageCount: number;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type CreateAPIKeyDataV2DTO = {
-  name: string;
-};
-
-export type CreateServiceTokenDataV3Res = {
-  apiKeyData: APIKeyDataV2;
-  apiKey: string;
-};
-
-export type UpdateAPIKeyDataV2DTO = {
-  apiKeyDataId: string;
-  name: string;
-};
-
-export type DeleteAPIKeyDataV2DTO = {
-  apiKeyDataId: string;
-};
diff --git a/frontend-next/src/hooks/api/appConnections/enums.ts b/frontend-next/src/hooks/api/appConnections/enums.ts
deleted file mode 100644
index 3c1a409a4..000000000
--- a/frontend-next/src/hooks/api/appConnections/enums.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum AppConnection {
-  AWS = "aws",
-  GitHub = "github"
-}
diff --git a/frontend-next/src/hooks/api/appConnections/index.ts b/frontend-next/src/hooks/api/appConnections/index.ts
deleted file mode 100644
index 177955438..000000000
--- a/frontend-next/src/hooks/api/appConnections/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./mutations";
-export * from "./queries";
-export * from "./types";
diff --git a/frontend-next/src/hooks/api/appConnections/mutations.tsx b/frontend-next/src/hooks/api/appConnections/mutations.tsx
deleted file mode 100644
index d9e2912d7..000000000
--- a/frontend-next/src/hooks/api/appConnections/mutations.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { appConnectionKeys } from "@app/hooks/api/appConnections/queries";
-import {
-  TAppConnectionResponse,
-  TCreateAppConnectionDTO,
-  TDeleteAppConnectionDTO,
-  TUpdateAppConnectionDTO
-} from "@app/hooks/api/appConnections/types";
-
-export const useCreateAppConnection = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ app, ...params }: TCreateAppConnectionDTO) => {
-      const { data } = await apiRequest.post<TAppConnectionResponse>(
-        `/api/v1/app-connections/${app}`,
-        params
-      );
-
-      return data.appConnection;
-    },
-    onSuccess: () => queryClient.invalidateQueries(appConnectionKeys.list())
-  });
-};
-
-export const useUpdateAppConnection = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ connectionId, app, ...params }: TUpdateAppConnectionDTO) => {
-      const { data } = await apiRequest.patch<TAppConnectionResponse>(
-        `/api/v1/app-connections/${app}/${connectionId}`,
-        params
-      );
-
-      return data.appConnection;
-    },
-    onSuccess: (_, { connectionId, app }) => {
-      queryClient.invalidateQueries(appConnectionKeys.list());
-      queryClient.invalidateQueries(appConnectionKeys.byId(app, connectionId));
-    }
-  });
-};
-
-export const useDeleteAppConnection = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ connectionId, app }: TDeleteAppConnectionDTO) => {
-      const { data } = await apiRequest.delete(`/api/v1/app-connections/${app}/${connectionId}`);
-
-      return data;
-    },
-    onSuccess: (_, { connectionId, app }) => {
-      queryClient.invalidateQueries(appConnectionKeys.list());
-      queryClient.invalidateQueries(appConnectionKeys.byId(app, connectionId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/appConnections/queries.tsx b/frontend-next/src/hooks/api/appConnections/queries.tsx
deleted file mode 100644
index 10e2601ed..000000000
--- a/frontend-next/src/hooks/api/appConnections/queries.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import { useMemo } from "react";
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import {
-  TAppConnection,
-  TAppConnectionMap,
-  TAppConnectionOptions,
-  TGetAppConnection,
-  TListAppConnections
-} from "@app/hooks/api/appConnections/types";
-import {
-  TAppConnectionOption,
-  TAppConnectionOptionMap
-} from "@app/hooks/api/appConnections/types/app-options";
-
-export const appConnectionKeys = {
-  all: ["app-connection"] as const,
-  options: () => [...appConnectionKeys.all, "options"] as const,
-  list: () => [...appConnectionKeys.all, "list"] as const,
-  listByApp: (app: AppConnection) => [...appConnectionKeys.list(), app],
-  byId: (app: AppConnection, templateId: string) =>
-    [...appConnectionKeys.all, app, "by-id", templateId] as const
-};
-
-export const useAppConnectionOptions = (
-  options?: Omit<
-    UseQueryOptions<
-      TAppConnectionOption[],
-      unknown,
-      TAppConnectionOption[],
-      ReturnType<typeof appConnectionKeys.options>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: appConnectionKeys.options(),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TAppConnectionOptions>(
-        "/api/v1/app-connections/options"
-      );
-
-      return data.appConnectionOptions;
-    },
-    ...options
-  });
-};
-
-export const useGetAppConnectionOption = <T extends AppConnection>(app: T) => {
-  const { data: options = [], isLoading } = useAppConnectionOptions();
-
-  return useMemo(
-    () => ({
-      option: (options.find((opt) => opt.app === app) as TAppConnectionOptionMap[T]) ?? {},
-      isLoading
-    }),
-    [options, app]
-  );
-};
-
-export const useListAppConnections = (
-  options?: Omit<
-    UseQueryOptions<
-      TAppConnection[],
-      unknown,
-      TAppConnection[],
-      ReturnType<typeof appConnectionKeys.list>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: appConnectionKeys.list(),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TListAppConnections<TAppConnection>>(
-        "/api/v1/app-connections"
-      );
-
-      return data.appConnections;
-    },
-    ...options
-  });
-};
-
-export const useListAppConnectionsByApp = <T extends AppConnection>(
-  app: T,
-  options?: Omit<
-    UseQueryOptions<
-      TAppConnectionMap[T][],
-      unknown,
-      TAppConnectionMap[T][],
-      ReturnType<typeof appConnectionKeys.listByApp>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: appConnectionKeys.listByApp(app),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TListAppConnections<TAppConnectionMap[T]>>(
-        `/api/v1/app-connections/${app}`
-      );
-
-      return data.appConnections;
-    },
-    ...options
-  });
-};
-
-export const useGetAppConnectionById = <T extends AppConnection>(
-  app: T,
-  connectionId: string,
-  options?: Omit<
-    UseQueryOptions<
-      TAppConnectionMap[T],
-      unknown,
-      TAppConnectionMap[T],
-      ReturnType<typeof appConnectionKeys.byId>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: appConnectionKeys.byId(app, connectionId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TGetAppConnection<TAppConnectionMap[T]>>(
-        `/api/v1/app-connections/${app}/${connectionId}`
-      );
-
-      return data.appConnection;
-    },
-    ...options
-  });
-};
diff --git a/frontend-next/src/hooks/api/appConnections/types/app-options.ts b/frontend-next/src/hooks/api/appConnections/types/app-options.ts
deleted file mode 100644
index bfc9e5903..000000000
--- a/frontend-next/src/hooks/api/appConnections/types/app-options.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-export type TAppConnectionOptionBase = {
-  name: string;
-  methods: string[];
-};
-
-export type TAwsConnectionOption = TAppConnectionOptionBase & {
-  app: AppConnection.AWS;
-  accessKeyId?: string;
-};
-
-export type TGitHubConnectionOption = TAppConnectionOptionBase & {
-  app: AppConnection.GitHub;
-  oauthClientId?: string;
-  appClientSlug?: string;
-};
-
-export type TAppConnectionOption = TAwsConnectionOption | TGitHubConnectionOption;
-
-export type TAppConnectionOptionMap = {
-  [AppConnection.AWS]: TAwsConnectionOption;
-  [AppConnection.GitHub]: TGitHubConnectionOption;
-};
diff --git a/frontend-next/src/hooks/api/appConnections/types/aws-connection.ts b/frontend-next/src/hooks/api/appConnections/types/aws-connection.ts
deleted file mode 100644
index 86074ca35..000000000
--- a/frontend-next/src/hooks/api/appConnections/types/aws-connection.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import { TRootAppConnection } from "@app/hooks/api/appConnections/types/root-connection";
-
-export enum AwsConnectionMethod {
-  AssumeRole = "assume-role",
-  AccessKey = "access-key"
-}
-
-export type TAwsConnection = TRootAppConnection & { app: AppConnection.AWS } & (
-    | {
-        method: AwsConnectionMethod.AccessKey;
-        credentials: {
-          accessKeyId: string;
-          secretAccessKey: string;
-        };
-      }
-    | {
-        method: AwsConnectionMethod.AssumeRole;
-        credentials: {
-          roleArn: string;
-        };
-      }
-  );
diff --git a/frontend-next/src/hooks/api/appConnections/types/github-connection.ts b/frontend-next/src/hooks/api/appConnections/types/github-connection.ts
deleted file mode 100644
index d00936cda..000000000
--- a/frontend-next/src/hooks/api/appConnections/types/github-connection.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import { TRootAppConnection } from "@app/hooks/api/appConnections/types/root-connection";
-
-export enum GitHubConnectionMethod {
-  App = "github-app",
-  OAuth = "oauth"
-}
-
-export type TGitHubConnection = TRootAppConnection & { app: AppConnection.GitHub } & (
-    | {
-        method: GitHubConnectionMethod.OAuth;
-        credentials: {
-          code: string;
-        };
-      }
-    | {
-        method: GitHubConnectionMethod.App;
-        credentials: {
-          code: string;
-          installationId: string;
-        };
-      }
-  );
diff --git a/frontend-next/src/hooks/api/appConnections/types/index.ts b/frontend-next/src/hooks/api/appConnections/types/index.ts
deleted file mode 100644
index fcec4a1df..000000000
--- a/frontend-next/src/hooks/api/appConnections/types/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import { TAppConnectionOption } from "@app/hooks/api/appConnections/types/app-options";
-import { TAwsConnection } from "@app/hooks/api/appConnections/types/aws-connection";
-import { TGitHubConnection } from "@app/hooks/api/appConnections/types/github-connection";
-
-export * from "./aws-connection";
-export * from "./github-connection";
-
-export type TAppConnection = TAwsConnection | TGitHubConnection;
-
-export type TListAppConnections<T extends TAppConnection> = { appConnections: T[] };
-export type TGetAppConnection<T extends TAppConnection> = { appConnection: T };
-export type TAppConnectionOptions = { appConnectionOptions: TAppConnectionOption[] };
-export type TAppConnectionResponse = { appConnection: TAppConnection };
-
-export type TCreateAppConnectionDTO = Pick<
-  TAppConnection,
-  "name" | "credentials" | "method" | "app" | "description"
->;
-
-export type TUpdateAppConnectionDTO = Partial<
-  Pick<TAppConnection, "name" | "credentials" | "description">
-> & {
-  connectionId: string;
-  app: AppConnection;
-};
-
-export type TDeleteAppConnectionDTO = {
-  app: AppConnection;
-  connectionId: string;
-};
-
-export type TAppConnectionMap = {
-  [AppConnection.AWS]: TAwsConnection;
-  [AppConnection.GitHub]: TGitHubConnection;
-};
diff --git a/frontend-next/src/hooks/api/appConnections/types/root-connection.ts b/frontend-next/src/hooks/api/appConnections/types/root-connection.ts
deleted file mode 100644
index 0dc4a616f..000000000
--- a/frontend-next/src/hooks/api/appConnections/types/root-connection.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type TRootAppConnection = {
-  id: string;
-  name: string;
-  description?: string | null;
-  version: number;
-  orgId: string;
-  createdAt: string;
-  updatedAt: string;
-};
diff --git a/frontend-next/src/hooks/api/auditLogStreams/index.tsx b/frontend-next/src/hooks/api/auditLogStreams/index.tsx
deleted file mode 100644
index 72b1fba1a..000000000
--- a/frontend-next/src/hooks/api/auditLogStreams/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useCreateAuditLogStream,
-  useDeleteAuditLogStream,
-  useUpdateAuditLogStream
-} from "./mutations";
-export { useGetAuditLogStreamDetails, useGetAuditLogStreams } from "./queries";
diff --git a/frontend-next/src/hooks/api/auditLogStreams/mutations.tsx b/frontend-next/src/hooks/api/auditLogStreams/mutations.tsx
deleted file mode 100644
index 2d99f57c4..000000000
--- a/frontend-next/src/hooks/api/auditLogStreams/mutations.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { auditLogStreamKeys } from "./queries";
-import {
-  TAuditLogStream,
-  TCreateAuditLogStreamDTO,
-  TDeleteAuditLogStreamDTO,
-  TUpdateAuditLogStreamDTO
-} from "./types";
-
-export const useCreateAuditLogStream = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ auditLogStream: TAuditLogStream }, {}, TCreateAuditLogStreamDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post<{ auditLogStream: TAuditLogStream }>(
-        "/api/v1/audit-log-streams",
-        dto
-      );
-      return data;
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(auditLogStreamKeys.list(orgId));
-    }
-  });
-};
-
-export const useUpdateAuditLogStream = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ auditLogStream: TAuditLogStream }, {}, TUpdateAuditLogStreamDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.patch<{ auditLogStream: TAuditLogStream }>(
-        `/api/v1/audit-log-streams/${dto.id}`,
-        dto
-      );
-      return data;
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(auditLogStreamKeys.list(orgId));
-    }
-  });
-};
-
-export const useDeleteAuditLogStream = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ auditLogStream: TAuditLogStream }, {}, TDeleteAuditLogStreamDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete<{ auditLogStream: TAuditLogStream }>(
-        `/api/v1/audit-log-streams/${dto.id}`
-      );
-      return data;
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(auditLogStreamKeys.list(orgId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/auditLogStreams/queries.tsx b/frontend-next/src/hooks/api/auditLogStreams/queries.tsx
deleted file mode 100644
index f86ca0dce..000000000
--- a/frontend-next/src/hooks/api/auditLogStreams/queries.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TAuditLogStream } from "./types";
-
-export const auditLogStreamKeys = {
-	list: (orgId: string) => ["audit-log-stream", { orgId }],
-	getById: (id: string) => ["audit-log-stream-details", { id }]
-};
-
-const fetchAuditLogStreams = async () => {
-	const { data } = await apiRequest.get<{ auditLogStreams: TAuditLogStream[] }>(
-		"/api/v1/audit-log-streams"
-	);
-
-	return data.auditLogStreams;
-};
-
-export const useGetAuditLogStreams = (orgId: string) =>
-	useQuery({
-		queryKey: auditLogStreamKeys.list(orgId),
-		queryFn: () => fetchAuditLogStreams(),
-		enabled: Boolean(orgId)
-	});
-
-const fetchAuditLogStreamDetails = async (id: string) => {
-	const { data } = await apiRequest.get<{ auditLogStream: TAuditLogStream }>(
-		`/api/v1/audit-log-streams/${id}`
-	);
-
-	return data.auditLogStream;
-};
-
-export const useGetAuditLogStreamDetails = (id: string) =>
-	useQuery({
-		queryKey: auditLogStreamKeys.getById(id),
-		queryFn: () => fetchAuditLogStreamDetails(id),
-		enabled: Boolean(id)
-	});
diff --git a/frontend-next/src/hooks/api/auditLogStreams/types.ts b/frontend-next/src/hooks/api/auditLogStreams/types.ts
deleted file mode 100644
index 8e21a3209..000000000
--- a/frontend-next/src/hooks/api/auditLogStreams/types.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export type LogStreamHeaders = {
-  key: string;
-  value: string;
-};
-
-export type TAuditLogStream = {
-  id: string;
-  url: string;
-  headers?: LogStreamHeaders[];
-};
-
-export type TCreateAuditLogStreamDTO = {
-  url: string;
-  headers?: LogStreamHeaders[];
-  orgId: string;
-};
-
-export type TUpdateAuditLogStreamDTO = {
-  id: string;
-  url?: string;
-  headers?: LogStreamHeaders[];
-  orgId: string;
-};
-
-export type TDeleteAuditLogStreamDTO = {
-  id: string;
-  orgId: string;
-};
diff --git a/frontend-next/src/hooks/api/auditLogs/constants.tsx b/frontend-next/src/hooks/api/auditLogs/constants.tsx
deleted file mode 100644
index a75767108..000000000
--- a/frontend-next/src/hooks/api/auditLogs/constants.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { EventType, UserAgentType } from "./enums";
-
-export const eventToNameMap: { [K in EventType]: string } = {
-  [EventType.GET_SECRETS]: "List secrets",
-  [EventType.GET_SECRET]: "Read secret",
-  [EventType.CREATE_SECRET]: "Create secret",
-  [EventType.UPDATE_SECRET]: "Update secret",
-  [EventType.DELETE_SECRET]: "Delete secret",
-  [EventType.GET_WORKSPACE_KEY]: "Read project key",
-  [EventType.AUTHORIZE_INTEGRATION]: "Authorize integration",
-  [EventType.UPDATE_INTEGRATION_AUTH]: "Update integration auth",
-  [EventType.UNAUTHORIZE_INTEGRATION]: "Unauthorize integration",
-  [EventType.CREATE_INTEGRATION]: "Create integration",
-  [EventType.DELETE_INTEGRATION]: "Delete integration",
-  [EventType.ADD_TRUSTED_IP]: "Add trusted IP",
-  [EventType.UPDATE_TRUSTED_IP]: "Update trusted IP",
-  [EventType.DELETE_TRUSTED_IP]: "Delete trusted IP",
-  [EventType.CREATE_SERVICE_TOKEN]: "Create service token",
-  [EventType.DELETE_SERVICE_TOKEN]: "Delete service token",
-  [EventType.CREATE_IDENTITY]: "Create identity",
-  [EventType.UPDATE_IDENTITY]: "Update identity",
-  [EventType.DELETE_IDENTITY]: "Delete identity",
-  [EventType.LOGIN_IDENTITY_UNIVERSAL_AUTH]: "Login via universal auth",
-  [EventType.ADD_IDENTITY_UNIVERSAL_AUTH]: "Add universal auth",
-  [EventType.UPDATE_IDENTITY_UNIVERSAL_AUTH]: "Update universal auth",
-  [EventType.GET_IDENTITY_UNIVERSAL_AUTH]: "Get universal auth",
-  [EventType.CREATE_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRET]: "Create universal auth client secret",
-  [EventType.REVOKE_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRET]: "Revoke universal auth client secret",
-  [EventType.GET_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRETS]: "Get universal auth client secrets",
-  [EventType.CREATE_ENVIRONMENT]: "Create environment",
-  [EventType.UPDATE_ENVIRONMENT]: "Update environment",
-  [EventType.DELETE_ENVIRONMENT]: "Delete environment",
-  [EventType.ADD_WORKSPACE_MEMBER]: "Add member",
-  [EventType.REMOVE_WORKSPACE_MEMBER]: "Remove member",
-  [EventType.CREATE_FOLDER]: "Create folder",
-  [EventType.UPDATE_FOLDER]: "Update folder",
-  [EventType.DELETE_FOLDER]: "Delete folder",
-  [EventType.CREATE_WEBHOOK]: "Create webhook",
-  [EventType.UPDATE_WEBHOOK_STATUS]: "Update webhook status",
-  [EventType.DELETE_WEBHOOK]: "Delete webhook",
-  [EventType.GET_SECRET_IMPORTS]: "List secret imports",
-  [EventType.CREATE_SECRET_IMPORT]: "Create secret import",
-  [EventType.UPDATE_SECRET_IMPORT]: "Update secret import",
-  [EventType.DELETE_SECRET_IMPORT]: "Delete secret import",
-  [EventType.UPDATE_USER_WORKSPACE_DENIED_PERMISSIONS]: "Update denied permissions",
-  [EventType.UPDATE_USER_WORKSPACE_ROLE]: "Update user role",
-  [EventType.CREATE_CA]: "Create CA",
-  [EventType.GET_CA]: "Get CA",
-  [EventType.UPDATE_CA]: "Update CA",
-  [EventType.DELETE_CA]: "Delete CA",
-  [EventType.GET_CA_CSR]: "Get CA CSR",
-  [EventType.GET_CA_CERT]: "Get CA certificate",
-  [EventType.SIGN_INTERMEDIATE]: "Sign intermediate",
-  [EventType.IMPORT_CA_CERT]: "Import CA certificate",
-  [EventType.GET_CA_CRL]: "Get CA CRL",
-  [EventType.ISSUE_CERT]: "Issue certificate",
-  [EventType.GET_CERT]: "Get certificate",
-  [EventType.DELETE_CERT]: "Delete certificate",
-  [EventType.REVOKE_CERT]: "Revoke certificate",
-  [EventType.GET_CERT_BODY]: "Get certificate body",
-  [EventType.CREATE_PKI_ALERT]: "Create PKI alert",
-  [EventType.GET_PKI_ALERT]: "Get PKI alert",
-  [EventType.UPDATE_PKI_ALERT]: "Update PKI alert",
-  [EventType.DELETE_PKI_ALERT]: "Delete PKI alert",
-  [EventType.CREATE_PKI_COLLECTION]: "Create PKI collection",
-  [EventType.GET_PKI_COLLECTION]: "Get PKI collection",
-  [EventType.UPDATE_PKI_COLLECTION]: "Update PKI collection",
-  [EventType.DELETE_PKI_COLLECTION]: "Delete PKI collection",
-  [EventType.GET_PKI_COLLECTION_ITEMS]: "Get PKI collection items",
-  [EventType.ADD_PKI_COLLECTION_ITEM]: "Add PKI collection item",
-  [EventType.DELETE_PKI_COLLECTION_ITEM]: "Delete PKI collection item",
-  [EventType.ORG_ADMIN_ACCESS_PROJECT]: "Org admin accessed project",
-  [EventType.CREATE_CERTIFICATE_TEMPLATE]: "Create certificate template",
-  [EventType.UPDATE_CERTIFICATE_TEMPLATE]: "Update certificate template",
-  [EventType.DELETE_CERTIFICATE_TEMPLATE]: "Delete certificate template",
-  [EventType.GET_CERTIFICATE_TEMPLATE]: "Get certificate template",
-  [EventType.GET_CERTIFICATE_TEMPLATE_EST_CONFIG]: "Get certificate template EST configuration",
-  [EventType.CREATE_CERTIFICATE_TEMPLATE_EST_CONFIG]:
-    "Create certificate template EST configuration",
-  [EventType.UPDATE_CERTIFICATE_TEMPLATE_EST_CONFIG]:
-    "Update certificate template EST configuration",
-  [EventType.UPDATE_PROJECT_SLACK_CONFIG]: "Update project slack configuration",
-  [EventType.GET_PROJECT_SLACK_CONFIG]: "Get project slack configuration",
-  [EventType.INTEGRATION_SYNCED]: "Integration sync"
-};
-
-export const userAgentTTypeoNameMap: { [K in UserAgentType]: string } = {
-  [UserAgentType.WEB]: "Web",
-  [UserAgentType.CLI]: "CLI",
-  [UserAgentType.K8_OPERATOR]: "K8s operator",
-  [UserAgentType.TERRAFORM]: "Terraform",
-  [UserAgentType.NODE_SDK]: "InfisicalNodeSDK",
-  [UserAgentType.PYTHON_SDK]: "InfisicalPythonSDK",
-  [UserAgentType.OTHER]: "Other"
-};
diff --git a/frontend-next/src/hooks/api/auditLogs/enums.tsx b/frontend-next/src/hooks/api/auditLogs/enums.tsx
deleted file mode 100644
index 0b0c44d7b..000000000
--- a/frontend-next/src/hooks/api/auditLogs/enums.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-export enum ActorType {
-  PLATFORM = "platform",
-  USER = "user",
-  SERVICE = "service",
-  IDENTITY = "identity"
-}
-
-export enum UserAgentType {
-  WEB = "web",
-  CLI = "cli",
-  K8_OPERATOR = "k8-operator",
-  TERRAFORM = "terraform",
-  NODE_SDK = "node-sdk",
-  PYTHON_SDK = "python-sdk",
-  OTHER = "other"
-}
-
-export enum EventType {
-  GET_SECRETS = "get-secrets",
-  GET_SECRET = "get-secret",
-  CREATE_SECRET = "create-secret",
-  UPDATE_SECRET = "update-secret",
-  DELETE_SECRET = "delete-secret",
-  GET_WORKSPACE_KEY = "get-workspace-key",
-  AUTHORIZE_INTEGRATION = "authorize-integration",
-  UPDATE_INTEGRATION_AUTH = "update-integration-auth",
-  UNAUTHORIZE_INTEGRATION = "unauthorize-integration",
-  CREATE_INTEGRATION = "create-integration",
-  DELETE_INTEGRATION = "delete-integration",
-  ADD_TRUSTED_IP = "add-trusted-ip",
-  UPDATE_TRUSTED_IP = "update-trusted-ip",
-  DELETE_TRUSTED_IP = "delete-trusted-ip",
-  CREATE_SERVICE_TOKEN = "create-service-token", // v2
-  DELETE_SERVICE_TOKEN = "delete-service-token", // v2
-  CREATE_IDENTITY = "create-identity",
-  UPDATE_IDENTITY = "update-identity",
-  DELETE_IDENTITY = "delete-identity",
-  LOGIN_IDENTITY_UNIVERSAL_AUTH = "login-identity-universal-auth",
-  ADD_IDENTITY_UNIVERSAL_AUTH = "add-identity-universal-auth",
-  UPDATE_IDENTITY_UNIVERSAL_AUTH = "update-identity-universal-auth",
-  GET_IDENTITY_UNIVERSAL_AUTH = "get-identity-universal-auth",
-  CREATE_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRET = "create-identity-universal-auth-client-secret",
-  REVOKE_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRET = "revoke-identity-universal-auth-client-secret",
-  GET_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRETS = "get-identity-universal-auth-client-secret",
-  CREATE_ENVIRONMENT = "create-environment",
-  UPDATE_ENVIRONMENT = "update-environment",
-  DELETE_ENVIRONMENT = "delete-environment",
-  ADD_WORKSPACE_MEMBER = "add-workspace-member",
-  REMOVE_WORKSPACE_MEMBER = "remove-workspace-member",
-  CREATE_FOLDER = "create-folder",
-  UPDATE_FOLDER = "update-folder",
-  DELETE_FOLDER = "delete-folder",
-  CREATE_WEBHOOK = "create-webhook",
-  UPDATE_WEBHOOK_STATUS = "update-webhook-status",
-  DELETE_WEBHOOK = "delete-webhook",
-  GET_SECRET_IMPORTS = "get-secret-imports",
-  CREATE_SECRET_IMPORT = "create-secret-import",
-  UPDATE_SECRET_IMPORT = "update-secret-import",
-  DELETE_SECRET_IMPORT = "delete-secret-import",
-  UPDATE_USER_WORKSPACE_ROLE = "update-user-workspace-role",
-  UPDATE_USER_WORKSPACE_DENIED_PERMISSIONS = "update-user-workspace-denied-permissions",
-  CREATE_CA = "create-certificate-authority",
-  GET_CA = "get-certificate-authority",
-  UPDATE_CA = "update-certificate-authority",
-  DELETE_CA = "delete-certificate-authority",
-  GET_CA_CSR = "get-certificate-authority-csr",
-  GET_CA_CERT = "get-certificate-authority-cert",
-  SIGN_INTERMEDIATE = "sign-intermediate",
-  IMPORT_CA_CERT = "import-certificate-authority-cert",
-  GET_CA_CRL = "get-certificate-authority-crl",
-  ISSUE_CERT = "issue-cert",
-  GET_CERT = "get-cert",
-  DELETE_CERT = "delete-cert",
-  REVOKE_CERT = "revoke-cert",
-  GET_CERT_BODY = "get-cert-body",
-  CREATE_PKI_ALERT = "create-pki-alert",
-  GET_PKI_ALERT = "get-pki-alert",
-  UPDATE_PKI_ALERT = "update-pki-alert",
-  DELETE_PKI_ALERT = "delete-pki-alert",
-  CREATE_PKI_COLLECTION = "create-pki-collection",
-  GET_PKI_COLLECTION = "get-pki-collection",
-  UPDATE_PKI_COLLECTION = "update-pki-collection",
-  DELETE_PKI_COLLECTION = "delete-pki-collection",
-  GET_PKI_COLLECTION_ITEMS = "get-pki-collection-items",
-  ADD_PKI_COLLECTION_ITEM = "add-pki-collection-item",
-  DELETE_PKI_COLLECTION_ITEM = "delete-pki-collection-item",
-  ORG_ADMIN_ACCESS_PROJECT = "org-admin-accessed-project",
-  CREATE_CERTIFICATE_TEMPLATE = "create-certificate-template",
-  UPDATE_CERTIFICATE_TEMPLATE = "update-certificate-template",
-  DELETE_CERTIFICATE_TEMPLATE = "delete-certificate-template",
-  GET_CERTIFICATE_TEMPLATE = "get-certificate-template",
-  CREATE_CERTIFICATE_TEMPLATE_EST_CONFIG = "create-certificate-template-est-config",
-  UPDATE_CERTIFICATE_TEMPLATE_EST_CONFIG = "update-certificate-template-est-config",
-  GET_CERTIFICATE_TEMPLATE_EST_CONFIG = "get-certificate-template-est-config",
-  UPDATE_PROJECT_SLACK_CONFIG = "update-project-slack-config",
-  GET_PROJECT_SLACK_CONFIG = "get-project-slack-config",
-  INTEGRATION_SYNCED = "integration-synced"
-}
diff --git a/frontend-next/src/hooks/api/auditLogs/index.tsx b/frontend-next/src/hooks/api/auditLogs/index.tsx
deleted file mode 100644
index b69c25120..000000000
--- a/frontend-next/src/hooks/api/auditLogs/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./queries";
diff --git a/frontend-next/src/hooks/api/auditLogs/queries.tsx b/frontend-next/src/hooks/api/auditLogs/queries.tsx
deleted file mode 100644
index 5ec69b0e7..000000000
--- a/frontend-next/src/hooks/api/auditLogs/queries.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { useInfiniteQuery, UseInfiniteQueryOptions, useQuery } from "@tanstack/react-query";
-import { AxiosError } from "axios";
-
-import { createNotification } from "@app/components/notifications";
-import { apiRequest } from "@app/config/request";
-
-import { Actor, AuditLog, TGetAuditLogsFilter } from "./types";
-
-export const auditLogKeys = {
-  getAuditLogs: (workspaceId: string | null, filters: TGetAuditLogsFilter) =>
-    [{ workspaceId, filters }, "audit-logs"] as const,
-  getAuditLogActorFilterOpts: (workspaceId: string) =>
-    [{ workspaceId }, "audit-log-actor-filters"] as const
-};
-
-export const useGetAuditLogs = (
-  filters: TGetAuditLogsFilter,
-  projectId: string | null,
-  options: Omit<
-    UseInfiniteQueryOptions<
-      AuditLog[],
-      unknown,
-      AuditLog[],
-      AuditLog[],
-      ReturnType<typeof auditLogKeys.getAuditLogs>
-    >,
-    "queryFn" | "queryKey" | "getNextPageParam"
-  > = {}
-) => {
-  return useInfiniteQuery({
-    queryKey: auditLogKeys.getAuditLogs(projectId, filters),
-    queryFn: async ({ pageParam }) => {
-      try {
-        const { data } = await apiRequest.get<{ auditLogs: AuditLog[] }>(
-          "/api/v1/organization/audit-logs",
-          {
-            params: {
-              ...filters,
-              offset: pageParam,
-              startDate: filters?.startDate?.toISOString(),
-              endDate: filters?.endDate?.toISOString(),
-              ...(filters.eventMetadata && Object.keys(filters.eventMetadata).length
-                ? {
-                    eventMetadata: Object.entries(filters.eventMetadata)
-                      .map(([key, value]) => `${key}=${value}`)
-                      .join(",")
-                  }
-                : {}),
-              ...(filters.eventType?.length ? { eventType: filters.eventType.join(",") } : {}),
-              ...(projectId ? { projectId } : {})
-            }
-          }
-        );
-        return data.auditLogs;
-      } catch (error) {
-        if (error instanceof AxiosError) {
-          createNotification({
-            type: "error",
-            text: error.response?.data.message
-          });
-        }
-        return [];
-      }
-    },
-    getNextPageParam: (lastPage, pages) =>
-      lastPage.length !== 0 ? pages.length * filters.limit : undefined,
-    ...options
-  });
-};
-
-export const useGetAuditLogActorFilterOpts = (workspaceId: string) => {
-  return useQuery({
-    queryKey: auditLogKeys.getAuditLogActorFilterOpts(workspaceId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ actors: Actor[] }>(
-        `/api/v1/workspace/${workspaceId}/audit-logs/filters/actors`
-      );
-      return data.actors;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/auditLogs/types.tsx b/frontend-next/src/hooks/api/auditLogs/types.tsx
deleted file mode 100644
index 5221b5033..000000000
--- a/frontend-next/src/hooks/api/auditLogs/types.tsx
+++ /dev/null
@@ -1,891 +0,0 @@
-import { CaStatus } from "../ca";
-import { IdentityTrustedIp } from "../identities/types";
-import { PkiItemType } from "../pkiCollections/constants";
-import { ActorType, EventType, UserAgentType } from "./enums";
-
-export type TGetAuditLogsFilter = {
-  eventType?: EventType[];
-  userAgentType?: UserAgentType;
-  eventMetadata?: Record<string, string>;
-  actorType?: ActorType;
-  projectId?: string;
-  actor?: string; // user ID format
-  startDate?: Date;
-  endDate?: Date;
-  limit: number;
-};
-
-interface UserActorMetadata {
-  userId: string;
-  email: string;
-}
-
-interface ServiceActorMetadata {
-  serviceId: string;
-  name: string;
-}
-
-interface IdentityActorMetadata {
-  identityId: string;
-  name: string;
-}
-
-interface UserActor {
-  type: ActorType.USER;
-  metadata: UserActorMetadata;
-}
-
-export interface ServiceActor {
-  type: ActorType.SERVICE;
-  metadata: ServiceActorMetadata;
-}
-
-export interface IdentityActor {
-  type: ActorType.IDENTITY;
-  metadata: IdentityActorMetadata;
-}
-
-export interface PlatformActorMetadata {}
-export interface PlatformActor {
-  type: ActorType.PLATFORM;
-  metadata: PlatformActorMetadata;
-}
-
-export type Actor = UserActor | ServiceActor | IdentityActor | PlatformActor;
-
-interface GetSecretsEvent {
-  type: EventType.GET_SECRETS;
-  metadata: {
-    environment: string;
-    secretPath: string;
-    numberOfSecrets: number;
-  };
-}
-
-interface GetSecretEvent {
-  type: EventType.GET_SECRET;
-  metadata: {
-    environment: string;
-    secretPath: string;
-    secretId: string;
-    secretKey: string;
-    secretVersion: number;
-  };
-}
-
-interface CreateSecretEvent {
-  type: EventType.CREATE_SECRET;
-  metadata: {
-    environment: string;
-    secretPath: string;
-    secretId: string;
-    secretKey: string;
-    secretVersion: number;
-  };
-}
-
-interface UpdateSecretEvent {
-  type: EventType.UPDATE_SECRET;
-  metadata: {
-    environment: string;
-    secretPath: string;
-    secretId: string;
-    secretKey: string;
-    secretVersion: number;
-  };
-}
-
-interface DeleteSecretEvent {
-  type: EventType.DELETE_SECRET;
-  metadata: {
-    environment: string;
-    secretPath: string;
-    secretId: string;
-    secretKey: string;
-    secretVersion: number;
-  };
-}
-
-interface GetWorkspaceKeyEvent {
-  type: EventType.GET_WORKSPACE_KEY;
-  metadata: {
-    keyId: string;
-  };
-}
-
-interface AuthorizeIntegrationEvent {
-  type: EventType.AUTHORIZE_INTEGRATION;
-  metadata: {
-    integration: string;
-  };
-}
-
-interface UnauthorizeIntegrationEvent {
-  type: EventType.UNAUTHORIZE_INTEGRATION;
-  metadata: {
-    integration: string;
-  };
-}
-
-interface CreateIntegrationEvent {
-  type: EventType.CREATE_INTEGRATION;
-  metadata: {
-    integrationId: string;
-    integration: string;
-    environment: string;
-    secretPath: string;
-    url?: string;
-    app?: string;
-    appId?: string;
-    targetEnvironment?: string;
-    targetEnvironmentId?: string;
-    targetService?: string;
-    targetServiceId?: string;
-    path?: string;
-    region?: string;
-  };
-}
-
-interface DeleteIntegrationEvent {
-  type: EventType.DELETE_INTEGRATION;
-  metadata: {
-    integrationId: string;
-    integration: string;
-    environment: string;
-    secretPath: string;
-    url?: string;
-    app?: string;
-    appId?: string;
-    targetEnvironment?: string;
-    targetEnvironmentId?: string;
-    targetService?: string;
-    targetServiceId?: string;
-    path?: string;
-    region?: string;
-  };
-}
-
-interface AddTrustedIPEvent {
-  type: EventType.ADD_TRUSTED_IP;
-  metadata: {
-    trustedIpId: string;
-    ipAddress: string;
-    prefix?: number;
-  };
-}
-
-interface UpdateTrustedIPEvent {
-  type: EventType.UPDATE_TRUSTED_IP;
-  metadata: {
-    trustedIpId: string;
-    ipAddress: string;
-    prefix?: number;
-  };
-}
-
-interface DeleteTrustedIPEvent {
-  type: EventType.DELETE_TRUSTED_IP;
-  metadata: {
-    trustedIpId: string;
-    ipAddress: string;
-    prefix?: number;
-  };
-}
-
-interface CreateServiceTokenEvent {
-  type: EventType.CREATE_SERVICE_TOKEN;
-  metadata: {
-    name: string;
-    scopes: Array<{
-      environment: string;
-      secretPath: string;
-    }>;
-  };
-}
-
-interface DeleteServiceTokenEvent {
-  type: EventType.DELETE_SERVICE_TOKEN;
-  metadata: {
-    name: string;
-    scopes: Array<{
-      environment: string;
-      secretPath: string;
-    }>;
-  };
-}
-
-interface CreateIdentityEvent {
-  // note: currently not logging org-role
-  type: EventType.CREATE_IDENTITY;
-  metadata: {
-    identityId: string;
-    name: string;
-  };
-}
-
-interface UpdateIdentityEvent {
-  type: EventType.UPDATE_IDENTITY;
-  metadata: {
-    identityId: string;
-    name?: string;
-  };
-}
-
-interface DeleteIdentityEvent {
-  type: EventType.DELETE_IDENTITY;
-  metadata: {
-    identityId: string;
-  };
-}
-
-interface LoginIdentityUniversalAuthEvent {
-  type: EventType.LOGIN_IDENTITY_UNIVERSAL_AUTH;
-  metadata: {
-    identityId: string;
-    identityUniversalAuthId: string;
-    clientSecretId: string;
-    identityAccessTokenId: string;
-  };
-}
-
-interface AddIdentityUniversalAuthEvent {
-  type: EventType.ADD_IDENTITY_UNIVERSAL_AUTH;
-  metadata: {
-    identityId: string;
-    clientSecretTrustedIps: Array<IdentityTrustedIp>;
-    accessTokenTTL: number;
-    accessTokenMaxTTL: number;
-    accessTokenNumUsesLimit: number;
-    accessTokenTrustedIps: Array<IdentityTrustedIp>;
-  };
-}
-
-interface UpdateIdentityUniversalAuthEvent {
-  type: EventType.UPDATE_IDENTITY_UNIVERSAL_AUTH;
-  metadata: {
-    identityId: string;
-    clientSecretTrustedIps?: Array<IdentityTrustedIp>;
-    accessTokenTTL?: number;
-    accessTokenMaxTTL?: number;
-    accessTokenNumUsesLimit?: number;
-    accessTokenTrustedIps?: Array<IdentityTrustedIp>;
-  };
-}
-
-interface GetIdentityUniversalAuthEvent {
-  type: EventType.GET_IDENTITY_UNIVERSAL_AUTH;
-  metadata: {
-    identityId: string;
-  };
-}
-
-interface CreateIdentityUniversalAuthClientSecretEvent {
-  type: EventType.CREATE_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRET;
-  metadata: {
-    identityId: string;
-    clientSecretId: string;
-  };
-}
-
-interface GetIdentityUniversalAuthClientSecretsEvent {
-  type: EventType.GET_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRETS;
-  metadata: {
-    identityId: string;
-  };
-}
-
-interface RevokeIdentityUniversalAuthClientSecretEvent {
-  type: EventType.REVOKE_IDENTITY_UNIVERSAL_AUTH_CLIENT_SECRET;
-  metadata: {
-    identityId: string;
-    clientSecretId: string;
-  };
-}
-
-interface CreateEnvironmentEvent {
-  type: EventType.CREATE_ENVIRONMENT;
-  metadata: {
-    name: string;
-    slug: string;
-  };
-}
-
-interface UpdateEnvironmentEvent {
-  type: EventType.UPDATE_ENVIRONMENT;
-  metadata: {
-    oldName: string;
-    newName: string;
-    oldSlug: string;
-    newSlug: string;
-  };
-}
-
-interface DeleteEnvironmentEvent {
-  type: EventType.DELETE_ENVIRONMENT;
-  metadata: {
-    name: string;
-    slug: string;
-  };
-}
-
-interface AddWorkspaceMemberEvent {
-  type: EventType.ADD_WORKSPACE_MEMBER;
-  metadata: {
-    userId: string;
-    email: string;
-  };
-}
-
-interface RemoveWorkspaceMemberEvent {
-  type: EventType.REMOVE_WORKSPACE_MEMBER;
-  metadata: {
-    userId: string;
-    email: string;
-  };
-}
-
-interface CreateFolderEvent {
-  type: EventType.CREATE_FOLDER;
-  metadata: {
-    environment: string;
-    folderId: string;
-    folderName: string;
-    folderPath: string;
-  };
-}
-
-interface UpdateFolderEvent {
-  type: EventType.UPDATE_FOLDER;
-  metadata: {
-    environment: string;
-    folderId: string;
-    oldFolderName: string;
-    newFolderName: string;
-    folderPath: string;
-  };
-}
-
-interface DeleteFolderEvent {
-  type: EventType.DELETE_FOLDER;
-  metadata: {
-    environment: string;
-    folderId: string;
-    folderName: string;
-    folderPath: string;
-  };
-}
-
-interface CreateWebhookEvent {
-  type: EventType.CREATE_WEBHOOK;
-  metadata: {
-    webhookId: string;
-    environment: string;
-    secretPath: string;
-    isDisabled: boolean;
-  };
-}
-
-interface UpdateWebhookStatusEvent {
-  type: EventType.UPDATE_WEBHOOK_STATUS;
-  metadata: {
-    webhookId: string;
-    environment: string;
-    secretPath: string;
-    isDisabled: boolean;
-  };
-}
-
-interface DeleteWebhookEvent {
-  type: EventType.DELETE_WEBHOOK;
-  metadata: {
-    webhookId: string;
-    environment: string;
-    secretPath: string;
-    isDisabled: boolean;
-  };
-}
-
-interface GetSecretImportsEvent {
-  type: EventType.GET_SECRET_IMPORTS;
-  metadata: {
-    environment: string;
-    secretImportId: string;
-    folderId: string;
-    numberOfImports: number;
-  };
-}
-
-interface CreateSecretImportEvent {
-  type: EventType.CREATE_SECRET_IMPORT;
-  metadata: {
-    secretImportId: string;
-    folderId: string;
-    importFromEnvironment: string;
-    importFromSecretPath: string;
-    importToEnvironment: string;
-    importToSecretPath: string;
-  };
-}
-
-interface UpdateSecretImportEvent {
-  type: EventType.UPDATE_SECRET_IMPORT;
-  metadata: {
-    secretImportId: string;
-    folderId: string;
-    importToEnvironment: string;
-    importToSecretPath: string;
-    orderBefore: {
-      environment: string;
-      secretPath: string;
-    }[];
-    orderAfter: {
-      environment: string;
-      secretPath: string;
-    }[];
-  };
-}
-
-interface DeleteSecretImportEvent {
-  type: EventType.DELETE_SECRET_IMPORT;
-  metadata: {
-    secretImportId: string;
-    folderId: string;
-    importFromEnvironment: string;
-    importFromSecretPath: string;
-    importToEnvironment: string;
-    importToSecretPath: string;
-  };
-}
-
-interface UpdateUserRole {
-  type: EventType.UPDATE_USER_WORKSPACE_ROLE;
-  metadata: {
-    userId: string;
-    email: string;
-    oldRole: string;
-    newRole: string;
-  };
-}
-
-interface UpdateUserDeniedPermissions {
-  type: EventType.UPDATE_USER_WORKSPACE_DENIED_PERMISSIONS;
-  metadata: {
-    userId: string;
-    email: string;
-    deniedPermissions: {
-      environmentSlug: string;
-      ability: string;
-    }[];
-  };
-}
-
-interface CreateCa {
-  type: EventType.CREATE_CA;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface GetCa {
-  type: EventType.GET_CA;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface UpdateCa {
-  type: EventType.UPDATE_CA;
-  metadata: {
-    caId: string;
-    dn: string;
-    status: CaStatus;
-  };
-}
-
-interface DeleteCa {
-  type: EventType.DELETE_CA;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface GetCaCsr {
-  type: EventType.GET_CA_CSR;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface GetCaCert {
-  type: EventType.GET_CA_CERT;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface SignIntermediate {
-  type: EventType.SIGN_INTERMEDIATE;
-  metadata: {
-    caId: string;
-    dn: string;
-    serialNumber: string;
-  };
-}
-
-interface ImportCaCert {
-  type: EventType.IMPORT_CA_CERT;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface GetCaCrl {
-  type: EventType.GET_CA_CRL;
-  metadata: {
-    caId: string;
-    dn: string;
-  };
-}
-
-interface IssueCert {
-  type: EventType.ISSUE_CERT;
-  metadata: {
-    caId: string;
-    dn: string;
-    serialNumber: string;
-  };
-}
-
-interface GetCert {
-  type: EventType.GET_CERT;
-  metadata: {
-    certId: string;
-    cn: string;
-    serialNumber: string;
-  };
-}
-
-interface DeleteCert {
-  type: EventType.DELETE_CERT;
-  metadata: {
-    certId: string;
-    cn: string;
-    serialNumber: string;
-  };
-}
-
-interface RevokeCert {
-  type: EventType.REVOKE_CERT;
-  metadata: {
-    certId: string;
-    cn: string;
-    serialNumber: string;
-  };
-}
-
-interface GetCertBody {
-  type: EventType.GET_CERT_BODY;
-  metadata: {
-    certId: string;
-    cn: string;
-    serialNumber: string;
-  };
-}
-
-interface CreatePkiAlert {
-  type: EventType.CREATE_PKI_ALERT;
-  metadata: {
-    pkiAlertId: string;
-    pkiCollectionId: string;
-    name: string;
-    alertBeforeDays: number;
-    recipientEmails: string;
-  };
-}
-interface GetPkiAlert {
-  type: EventType.GET_PKI_ALERT;
-  metadata: {
-    pkiAlertId: string;
-  };
-}
-
-interface UpdatePkiAlert {
-  type: EventType.UPDATE_PKI_ALERT;
-  metadata: {
-    pkiAlertId: string;
-    pkiCollectionId?: string;
-    name?: string;
-    alertBeforeDays?: number;
-    recipientEmails?: string;
-  };
-}
-interface DeletePkiAlert {
-  type: EventType.DELETE_PKI_ALERT;
-  metadata: {
-    pkiAlertId: string;
-  };
-}
-
-interface CreatePkiCollection {
-  type: EventType.CREATE_PKI_COLLECTION;
-  metadata: {
-    pkiCollectionId: string;
-    name: string;
-  };
-}
-
-interface GetPkiCollection {
-  type: EventType.GET_PKI_COLLECTION;
-  metadata: {
-    pkiCollectionId: string;
-  };
-}
-
-interface UpdatePkiCollection {
-  type: EventType.UPDATE_PKI_COLLECTION;
-  metadata: {
-    pkiCollectionId: string;
-    name?: string;
-  };
-}
-
-interface DeletePkiCollection {
-  type: EventType.DELETE_PKI_COLLECTION;
-  metadata: {
-    pkiCollectionId: string;
-  };
-}
-
-interface GetPkiCollectionItems {
-  type: EventType.GET_PKI_COLLECTION_ITEMS;
-  metadata: {
-    pkiCollectionId: string;
-  };
-}
-
-interface AddPkiCollectionItem {
-  type: EventType.ADD_PKI_COLLECTION_ITEM;
-  metadata: {
-    pkiCollectionItemId: string;
-    pkiCollectionId: string;
-    type: PkiItemType;
-    itemId: string;
-  };
-}
-
-interface DeletePkiCollectionItem {
-  type: EventType.DELETE_PKI_COLLECTION_ITEM;
-  metadata: {
-    pkiCollectionItemId: string;
-    pkiCollectionId: string;
-  };
-}
-
-interface OrgAdminAccessProjectEvent {
-  type: EventType.ORG_ADMIN_ACCESS_PROJECT;
-  metadata: {
-    userId: string;
-    username: string;
-    email: string;
-    projectId: string;
-  }; // no metadata yet
-}
-
-interface CreateCertificateTemplate {
-  type: EventType.CREATE_CERTIFICATE_TEMPLATE;
-  metadata: {
-    certificateTemplateId: string;
-    caId: string;
-    pkiCollectionId?: string;
-    name: string;
-    commonName: string;
-    subjectAlternativeName: string;
-    ttl: string;
-  };
-}
-
-interface GetCertificateTemplate {
-  type: EventType.GET_CERTIFICATE_TEMPLATE;
-  metadata: {
-    certificateTemplateId: string;
-  };
-}
-
-interface UpdateCertificateTemplate {
-  type: EventType.UPDATE_CERTIFICATE_TEMPLATE;
-  metadata: {
-    certificateTemplateId: string;
-    caId: string;
-    pkiCollectionId?: string;
-    name: string;
-    commonName: string;
-    subjectAlternativeName: string;
-    ttl: string;
-  };
-}
-
-interface DeleteCertificateTemplate {
-  type: EventType.DELETE_CERTIFICATE_TEMPLATE;
-  metadata: {
-    certificateTemplateId: string;
-  };
-}
-
-interface CreateCertificateTemplateEstConfig {
-  type: EventType.CREATE_CERTIFICATE_TEMPLATE_EST_CONFIG;
-  metadata: {
-    certificateTemplateId: string;
-    isEnabled: boolean;
-  };
-}
-
-interface UpdateCertificateTemplateEstConfig {
-  type: EventType.UPDATE_CERTIFICATE_TEMPLATE_EST_CONFIG;
-  metadata: {
-    certificateTemplateId: string;
-    isEnabled: boolean;
-  };
-}
-
-interface GetCertificateTemplateEstConfig {
-  type: EventType.GET_CERTIFICATE_TEMPLATE_EST_CONFIG;
-  metadata: {
-    certificateTemplateId: string;
-  };
-}
-
-interface UpdateProjectSlackConfig {
-  type: EventType.UPDATE_PROJECT_SLACK_CONFIG;
-  metadata: {
-    id: string;
-    slackIntegrationId: string;
-    isAccessRequestNotificationEnabled: boolean;
-    accessRequestChannels: string;
-    isSecretRequestNotificationEnabled: boolean;
-    secretRequestChannels: string;
-  };
-}
-
-interface GetProjectSlackConfig {
-  type: EventType.GET_PROJECT_SLACK_CONFIG;
-  metadata: {
-    id: string;
-  };
-}
-
-export enum IntegrationSyncedEventTrigger {
-  MANUAL = "manual",
-  AUTO = "auto"
-}
-
-interface IntegrationSyncedEvent {
-  type: EventType.INTEGRATION_SYNCED;
-  metadata: {
-    integrationId: string;
-    lastSyncJobId: string;
-    lastUsed: Date;
-    syncMessage: string;
-    isSynced: boolean;
-  };
-}
-
-export type Event =
-  | GetSecretsEvent
-  | GetSecretEvent
-  | CreateSecretEvent
-  | UpdateSecretEvent
-  | DeleteSecretEvent
-  | GetWorkspaceKeyEvent
-  | AuthorizeIntegrationEvent
-  | UnauthorizeIntegrationEvent
-  | CreateIntegrationEvent
-  | DeleteIntegrationEvent
-  | AddTrustedIPEvent
-  | UpdateTrustedIPEvent
-  | DeleteTrustedIPEvent
-  | CreateServiceTokenEvent
-  | DeleteServiceTokenEvent
-  | CreateIdentityEvent
-  | UpdateIdentityEvent
-  | DeleteIdentityEvent
-  | LoginIdentityUniversalAuthEvent
-  | AddIdentityUniversalAuthEvent
-  | UpdateIdentityUniversalAuthEvent
-  | GetIdentityUniversalAuthEvent
-  | CreateIdentityUniversalAuthClientSecretEvent
-  | GetIdentityUniversalAuthClientSecretsEvent
-  | RevokeIdentityUniversalAuthClientSecretEvent
-  | CreateEnvironmentEvent
-  | UpdateEnvironmentEvent
-  | DeleteEnvironmentEvent
-  | AddWorkspaceMemberEvent
-  | RemoveWorkspaceMemberEvent
-  | CreateFolderEvent
-  | UpdateFolderEvent
-  | DeleteFolderEvent
-  | CreateWebhookEvent
-  | UpdateWebhookStatusEvent
-  | DeleteWebhookEvent
-  | GetSecretImportsEvent
-  | CreateSecretImportEvent
-  | UpdateSecretImportEvent
-  | DeleteSecretImportEvent
-  | UpdateUserRole
-  | UpdateUserDeniedPermissions
-  | CreateCa
-  | GetCa
-  | UpdateCa
-  | DeleteCa
-  | GetCaCsr
-  | GetCaCert
-  | SignIntermediate
-  | ImportCaCert
-  | GetCaCrl
-  | IssueCert
-  | GetCert
-  | DeleteCert
-  | RevokeCert
-  | GetCertBody
-  | CreatePkiAlert
-  | GetPkiAlert
-  | UpdatePkiAlert
-  | DeletePkiAlert
-  | CreatePkiCollection
-  | GetPkiCollection
-  | UpdatePkiCollection
-  | DeletePkiCollection
-  | GetPkiCollectionItems
-  | AddPkiCollectionItem
-  | DeletePkiCollectionItem
-  | OrgAdminAccessProjectEvent
-  | CreateCertificateTemplate
-  | UpdateCertificateTemplate
-  | GetCertificateTemplate
-  | DeleteCertificateTemplate
-  | UpdateCertificateTemplateEstConfig
-  | CreateCertificateTemplateEstConfig
-  | GetCertificateTemplateEstConfig
-  | UpdateProjectSlackConfig
-  | GetProjectSlackConfig
-  | IntegrationSyncedEvent;
-
-export type AuditLog = {
-  id: string;
-  actor: Actor;
-  organization: string;
-  workspace: string;
-  ipAddress: string;
-  event: Event;
-  userAgent: string;
-  userAgentType: UserAgentType;
-  createdAt: string;
-  updatedAt: string;
-  projectName?: string;
-  projectId?: string;
-};
diff --git a/frontend-next/src/hooks/api/auth/index.tsx b/frontend-next/src/hooks/api/auth/index.tsx
deleted file mode 100644
index 66688cbdc..000000000
--- a/frontend-next/src/hooks/api/auth/index.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export {
-  useGetAuthToken,
-  useOauthTokenExchange,
-  useResetPassword,
-  useSelectOrganization,
-  useSendMfaToken,
-  useSendPasswordResetEmail,
-  useSendVerificationEmail,
-  useVerifyMfaToken,
-  useVerifyPasswordResetCode,
-  useVerifySignupEmailVerificationCode
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/auth/queries.tsx b/frontend-next/src/hooks/api/auth/queries.tsx
deleted file mode 100644
index 0c3dbe0d9..000000000
--- a/frontend-next/src/hooks/api/auth/queries.tsx
+++ /dev/null
@@ -1,327 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { apiRequest } from "@app/config/request";
-import { setAuthToken } from "@app/reactQuery";
-
-import { organizationKeys } from "../organization/queries";
-import { workspaceKeys } from "../workspace";
-import {
-  ChangePasswordDTO,
-  CompleteAccountDTO,
-  CompleteAccountSignupDTO,
-  GetAuthTokenAPI,
-  GetBackupEncryptedPrivateKeyDTO,
-  IssueBackupPrivateKeyDTO,
-  Login1DTO,
-  Login1Res,
-  Login2DTO,
-  Login2Res,
-  LoginLDAPDTO,
-  LoginLDAPRes,
-  MfaMethod,
-  ResetPasswordDTO,
-  SendMfaTokenDTO,
-  SRP1DTO,
-  SRPR1Res,
-  TOauthTokenExchangeDTO,
-  UserAgentType,
-  VerifyMfaTokenDTO,
-  VerifyMfaTokenRes,
-  VerifySignupInviteDTO
-} from "./types";
-
-const authKeys = {
-  getAuthToken: ["token"] as const
-};
-
-export const login1 = async (loginDetails: Login1DTO) => {
-  const { data } = await apiRequest.post<Login1Res>("/api/v3/auth/login1", loginDetails);
-  return data;
-};
-
-export const login2 = async (loginDetails: Login2DTO) => {
-  const { data } = await apiRequest.post<Login2Res>("/api/v3/auth/login2", loginDetails);
-  return data;
-};
-
-export const loginLDAPRedirect = async (loginLDAPDetails: LoginLDAPDTO) => {
-  const { data } = await apiRequest.post<LoginLDAPRes>("/api/v1/ldap/login", loginLDAPDetails); // return if account is complete or not + provider auth token
-  return data;
-};
-
-export const useLogin1 = () => {
-  return useMutation({
-    mutationFn: async (details: {
-      email: string;
-      clientPublicKey: string;
-      providerAuthToken?: string;
-    }) => {
-      return login1(details);
-    }
-  });
-};
-
-export const selectOrganization = async (data: {
-  organizationId: string;
-  userAgent?: UserAgentType;
-}) => {
-  const { data: res } = await apiRequest.post<{
-    token: string;
-    isMfaEnabled: boolean;
-    mfaMethod?: MfaMethod;
-  }>("/api/v3/auth/select-organization", data);
-  return res;
-};
-
-export const useSelectOrganization = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (details: {
-      organizationId: string;
-      userAgent?: UserAgentType;
-      forceSetCredentials?: boolean;
-    }) => {
-      const data = await selectOrganization(details);
-
-      // If a custom user agent is set, then this session is meant for another consuming application, not the web application.
-      if ((!details.userAgent && !data.isMfaEnabled) || details.forceSetCredentials) {
-        localStorage.setItem("orgData.id", details.organizationId);
-        SecurityClient.setToken(data.token);
-        SecurityClient.setProviderAuthToken("");
-      }
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries([
-        organizationKeys.getUserOrganizations,
-        workspaceKeys.getAllUserWorkspace
-      ]);
-    }
-  });
-};
-
-export const useLogin2 = () => {
-  return useMutation({
-    mutationFn: async (details: {
-      email: string;
-      clientProof: string;
-      password: string;
-      providerAuthToken?: string;
-    }) => {
-      return login2(details);
-    }
-  });
-};
-
-export const oauthTokenExchange = async (details: TOauthTokenExchangeDTO) => {
-  const { data } = await apiRequest.post<Login2Res>("/api/v1/sso/token-exchange", details);
-  return data;
-};
-
-export const useOauthTokenExchange = () => {
-  // note: use after srp1
-  return useMutation({
-    mutationFn: async (details: TOauthTokenExchangeDTO) => {
-      return oauthTokenExchange(details);
-    }
-  });
-};
-
-export const srp1 = async (details: SRP1DTO) => {
-  const { data } = await apiRequest.post<SRPR1Res>("/api/v1/password/srp1", details);
-  return data;
-};
-
-export const completeAccountSignup = async (details: CompleteAccountSignupDTO) => {
-  const { data } = await apiRequest.post("/api/v3/signup/complete-account/signup", details);
-  return data;
-};
-
-export const completeAccountSignupInvite = async (details: CompleteAccountDTO) => {
-  const { data } = await apiRequest.post("/api/v3/signup/complete-account/invite", details);
-  return data;
-};
-
-export const useCompleteAccountSignup = () => {
-  return useMutation({
-    mutationFn: async (details: CompleteAccountSignupDTO) => {
-      return completeAccountSignup(details);
-    }
-  });
-};
-
-export const useSendMfaToken = () => {
-  return useMutation<{}, {}, SendMfaTokenDTO>({
-    mutationFn: async ({ email }) => {
-      const { data } = await apiRequest.post("/api/v2/auth/mfa/send", { email });
-      return data;
-    }
-  });
-};
-
-export const verifyMfaToken = async ({
-  email,
-  mfaCode,
-  mfaMethod
-}: {
-  email: string;
-  mfaCode: string;
-  mfaMethod?: string;
-}) => {
-  const { data } = await apiRequest.post("/api/v2/auth/mfa/verify", {
-    email,
-    mfaToken: mfaCode,
-    mfaMethod
-  });
-
-  return data;
-};
-
-export const useVerifyMfaToken = () => {
-  return useMutation<VerifyMfaTokenRes, {}, VerifyMfaTokenDTO>({
-    mutationFn: async ({ email, mfaCode, mfaMethod }) => {
-      return verifyMfaToken({
-        email,
-        mfaCode,
-        mfaMethod
-      });
-    }
-  });
-};
-
-export const verifySignupInvite = async (details: VerifySignupInviteDTO) => {
-  const { data } = await apiRequest.post("/api/v1/invite-org/verify", details);
-  return data;
-};
-
-export const useSendVerificationEmail = () => {
-  return useMutation({
-    mutationFn: async ({ email }: { email: string }) => {
-      const { data } = await apiRequest.post("/api/v3/signup/email/signup", {
-        email
-      });
-
-      return data;
-    }
-  });
-};
-
-export const useVerifySignupEmailVerificationCode = () => {
-  return useMutation({
-    mutationFn: async ({ email, code }: { email: string; code: string }) => {
-      const { data } = await apiRequest.post("/api/v3/signup/email/verify", {
-        email,
-        code
-      });
-
-      return data;
-    }
-  });
-};
-
-export const useSendPasswordResetEmail = () => {
-  return useMutation({
-    mutationFn: async ({ email }: { email: string }) => {
-      const { data } = await apiRequest.post("/api/v1/password/email/password-reset", {
-        email
-      });
-
-      return data;
-    }
-  });
-};
-
-export const useVerifyPasswordResetCode = () => {
-  return useMutation({
-    mutationFn: async ({ email, code }: { email: string; code: string }) => {
-      const { data } = await apiRequest.post("/api/v1/password/email/password-reset-verify", {
-        email,
-        code
-      });
-
-      return data;
-    }
-  });
-};
-
-export const issueBackupPrivateKey = async (details: IssueBackupPrivateKeyDTO) => {
-  const { data } = await apiRequest.post("/api/v1/password/backup-private-key", details);
-  return data;
-};
-
-export const getBackupEncryptedPrivateKey = async ({
-  verificationToken
-}: GetBackupEncryptedPrivateKeyDTO) => {
-  const { data } = await apiRequest.get("/api/v1/password/backup-private-key", {
-    headers: {
-      Authorization: `Bearer ${verificationToken}`
-    }
-  });
-
-  return data.backupPrivateKey;
-};
-
-export const useResetPassword = () => {
-  return useMutation({
-    mutationFn: async (details: ResetPasswordDTO) => {
-      const { data } = await apiRequest.post(
-        "/api/v1/password/password-reset",
-        {
-          protectedKey: details.protectedKey,
-          protectedKeyIV: details.protectedKeyIV,
-          protectedKeyTag: details.protectedKeyTag,
-          encryptedPrivateKey: details.encryptedPrivateKey,
-          encryptedPrivateKeyIV: details.encryptedPrivateKeyIV,
-          encryptedPrivateKeyTag: details.encryptedPrivateKeyTag,
-          salt: details.salt,
-          verifier: details.verifier
-        },
-        {
-          headers: {
-            Authorization: `Bearer ${details.verificationToken}`
-          }
-        }
-      );
-
-      return data;
-    }
-  });
-};
-
-export const changePassword = async (details: ChangePasswordDTO) => {
-  const { data } = await apiRequest.post("/api/v1/password/change-password", details);
-  return data;
-};
-
-export const useChangePassword = () => {
-  // note: use after srp1
-  return useMutation({
-    mutationFn: async (details: ChangePasswordDTO) => {
-      return changePassword(details);
-    }
-  });
-};
-
-// Refresh token is set as cookie when logged in
-// Using that we fetch the auth bearer token needed for auth calls
-const fetchAuthToken = async () => {
-  const { data } = await apiRequest.post<GetAuthTokenAPI>("/api/v1/auth/token", undefined, {
-    withCredentials: true
-  });
-
-  return data;
-};
-
-export const useGetAuthToken = () =>
-  useQuery(authKeys.getAuthToken, fetchAuthToken, {
-    onSuccess: (data) => setAuthToken(data.token),
-    retry: 0
-  });
-
-export const checkUserTotpMfa = async () => {
-  const { data } = await apiRequest.get<{ isVerified: boolean }>("/api/v2/auth/mfa/check/totp");
-
-  return data.isVerified;
-};
diff --git a/frontend-next/src/hooks/api/auth/types.ts b/frontend-next/src/hooks/api/auth/types.ts
deleted file mode 100644
index fd0604a88..000000000
--- a/frontend-next/src/hooks/api/auth/types.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-export type GetAuthTokenAPI = {
-  token: string;
-};
-
-export type SendMfaTokenDTO = {
-  email: string;
-};
-
-export type VerifyMfaTokenDTO = {
-  email: string;
-  mfaCode: string;
-  mfaMethod: MfaMethod;
-};
-
-export type VerifyMfaTokenRes = {
-  encryptionVersion: number;
-  protectedKey?: string;
-  protectedKeyIV?: string;
-  protectedKeyTag?: string;
-  token: string;
-  publicKey: string;
-  encryptedPrivateKey: string;
-  iv: string;
-  tag: string;
-};
-
-export type TOauthTokenExchangeDTO = {
-  providerAuthToken: string;
-  email: string;
-};
-
-export type Login1DTO = {
-  email: string;
-  clientPublicKey: string;
-  providerAuthToken?: string;
-};
-
-export type Login2DTO = {
-  captchaToken?: string;
-  email: string;
-  clientProof: string;
-  providerAuthToken?: string;
-  password: string;
-};
-
-export type Login1Res = {
-  serverPublicKey: string;
-  salt: string;
-};
-
-export type Login2Res = {
-  mfaEnabled: boolean;
-  token: string;
-  encryptionVersion?: number;
-  protectedKey?: string;
-  protectedKeyIV?: string;
-  protectedKeyTag?: string;
-  publicKey?: string;
-  encryptedPrivateKey?: string;
-  iv?: string;
-  tag?: string;
-};
-
-export type LoginLDAPDTO = {
-  organizationSlug: string;
-  username: string;
-  password: string;
-};
-
-export type LoginLDAPRes = {
-  nextUrl: string;
-};
-
-export type SRP1DTO = {
-  clientPublicKey: string;
-};
-
-export type SRPR1Res = {
-  serverPublicKey: string;
-  salt: string;
-};
-
-export type CompleteAccountDTO = {
-  email: string;
-  firstName: string;
-  lastName: string;
-  protectedKey: string;
-  protectedKeyIV: string;
-  protectedKeyTag: string;
-  publicKey: string;
-  encryptedPrivateKey: string;
-  encryptedPrivateKeyIV: string;
-  encryptedPrivateKeyTag: string;
-  salt: string;
-  verifier: string;
-  password: string;
-  tokenMetadata?: string;
-};
-
-export type CompleteAccountSignupDTO = CompleteAccountDTO & {
-  providerAuthToken?: string;
-  attributionSource?: string;
-  organizationName: string;
-};
-
-export type VerifySignupInviteDTO = {
-  email: string;
-  code: string;
-  organizationId: string;
-};
-
-export type ChangePasswordDTO = {
-  password: string;
-  clientProof: string;
-  protectedKey: string;
-  protectedKeyIV: string;
-  protectedKeyTag: string;
-  encryptedPrivateKey: string;
-  encryptedPrivateKeyIV: string;
-  encryptedPrivateKeyTag: string;
-  salt: string;
-  verifier: string;
-};
-
-export type ResetPasswordDTO = {
-  protectedKey: string;
-  protectedKeyIV: string;
-  protectedKeyTag: string;
-  encryptedPrivateKey: string;
-  encryptedPrivateKeyIV: string;
-  encryptedPrivateKeyTag: string;
-  salt: string;
-  verifier: string;
-  verificationToken: string;
-};
-
-export type IssueBackupPrivateKeyDTO = {
-  encryptedPrivateKey: string;
-  iv: string;
-  tag: string;
-  salt: string;
-  verifier: string;
-  clientProof: string;
-};
-
-export type GetBackupEncryptedPrivateKeyDTO = {
-  verificationToken: string;
-};
-
-export enum UserAgentType {
-  CLI = "cli"
-}
-
-export enum MfaMethod {
-  EMAIL = "email",
-  TOTP = "totp"
-}
diff --git a/frontend-next/src/hooks/api/bots/index.tsx b/frontend-next/src/hooks/api/bots/index.tsx
deleted file mode 100644
index 17a5fe768..000000000
--- a/frontend-next/src/hooks/api/bots/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { useGetWorkspaceBot, useUpdateBotActiveStatus } from "./queries";
diff --git a/frontend-next/src/hooks/api/bots/queries.tsx b/frontend-next/src/hooks/api/bots/queries.tsx
deleted file mode 100644
index 23049892c..000000000
--- a/frontend-next/src/hooks/api/bots/queries.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TBot, TSetBotActiveStatusDto } from "./types";
-
-const queryKeys = {
-  getBot: (workspaceId: string) => [{ workspaceId }, "bot"] as const
-};
-
-export const useGetWorkspaceBot = (workspaceId: string) =>
-  useQuery({
-    queryKey: queryKeys.getBot(workspaceId),
-    queryFn: async () => {
-      const {
-        data: { bot }
-      } = await apiRequest.get<{ bot: TBot }>(`/api/v1/bot/${workspaceId}`);
-      return bot;
-    },
-    enabled: Boolean(workspaceId)
-  });
-
-export const useUpdateBotActiveStatus = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TSetBotActiveStatusDto>({
-    mutationFn: ({ botId, isActive, botKey }) => {
-      return apiRequest.patch(`/api/v1/bot/${botId}/active`, {
-        isActive,
-        botKey
-      });
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(queryKeys.getBot(workspaceId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/bots/types.ts b/frontend-next/src/hooks/api/bots/types.ts
deleted file mode 100644
index abc7f4313..000000000
--- a/frontend-next/src/hooks/api/bots/types.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export type TBot = {
-  id: string;
-  name: string;
-  workspace: string;
-  isActive: boolean;
-  publicKey: string;
-  createdAt: string;
-  updatedAt: string;
-  __v: number;
-};
-
-export type TSetBotActiveStatusDto = {
-  workspaceId: string;
-  botId: string;
-  isActive: boolean;
-  botKey?: {
-    encryptedKey: string;
-    nonce: string;
-  };
-};
diff --git a/frontend-next/src/hooks/api/ca/constants.tsx b/frontend-next/src/hooks/api/ca/constants.tsx
deleted file mode 100644
index bbc75f90d..000000000
--- a/frontend-next/src/hooks/api/ca/constants.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { SshCaStatus } from "@app/hooks/api/ssh-ca";
-import { SshCertTemplateStatus } from "@app/hooks/api/sshCertificateTemplates";
-
-import { CaStatus, CaType } from "./enums";
-
-export const caTypeToNameMap: { [K in CaType]: string } = {
-  [CaType.ROOT]: "Root",
-  [CaType.INTERMEDIATE]: "Intermediate"
-};
-
-export const caStatusToNameMap: { [K in CaStatus]: string } = {
-  [CaStatus.ACTIVE]: "Active",
-  [CaStatus.DISABLED]: "Disabled",
-  [CaStatus.PENDING_CERTIFICATE]: "Pending Certificate"
-};
-
-export const getCaStatusBadgeVariant = (status: CaStatus | SshCaStatus | SshCertTemplateStatus) => {
-  switch (status) {
-    case CaStatus.ACTIVE:
-      return "success";
-    case CaStatus.DISABLED:
-      return "danger";
-    default:
-      return "primary";
-  }
-};
diff --git a/frontend-next/src/hooks/api/ca/enums.tsx b/frontend-next/src/hooks/api/ca/enums.tsx
deleted file mode 100644
index 35d86c452..000000000
--- a/frontend-next/src/hooks/api/ca/enums.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-export enum CaType {
-  ROOT = "root",
-  INTERMEDIATE = "intermediate"
-}
-
-export enum CaStatus {
-  ACTIVE = "active",
-  DISABLED = "disabled",
-  PENDING_CERTIFICATE = "pending-certificate"
-}
-
-export enum CaRenewalType {
-  EXISTING = "existing"
-}
diff --git a/frontend-next/src/hooks/api/ca/index.tsx b/frontend-next/src/hooks/api/ca/index.tsx
deleted file mode 100644
index 4993a8fdc..000000000
--- a/frontend-next/src/hooks/api/ca/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export { CaRenewalType, CaStatus, CaType } from "./enums";
-export {
-  useCreateCa,
-  useCreateCertificate,
-  useDeleteCa,
-  useImportCaCertificate,
-  useRenewCa,
-  useSignIntermediate,
-  useUpdateCa
-} from "./mutations";
-export { useGetCaById, useGetCaCert, useGetCaCerts, useGetCaCertTemplates,useGetCaCrls, useGetCaCsr } from "./queries";
diff --git a/frontend-next/src/hooks/api/ca/mutations.tsx b/frontend-next/src/hooks/api/ca/mutations.tsx
deleted file mode 100644
index 0bbec617b..000000000
--- a/frontend-next/src/hooks/api/ca/mutations.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { caKeys } from "./queries";
-import {
-  TCertificateAuthority,
-  TCreateCaDTO,
-  TCreateCertificateDTO,
-  TCreateCertificateResponse,
-  TDeleteCaDTO,
-  TImportCaCertificateDTO,
-  TImportCaCertificateResponse,
-  TRenewCaDTO,
-  TRenewCaResponse,
-  TSignIntermediateDTO,
-  TSignIntermediateResponse,
-  TUpdateCaDTO
-} from "./types";
-
-export const useCreateCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificateAuthority, {}, TCreateCaDTO>({
-    mutationFn: async (body) => {
-      const {
-        data: { ca }
-      } = await apiRequest.post<{ ca: TCertificateAuthority }>("/api/v1/pki/ca/", body);
-      return ca;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCas({ projectSlug }));
-    }
-  });
-};
-
-export const useUpdateCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificateAuthority, {}, TUpdateCaDTO>({
-    mutationFn: async ({ caId, projectSlug, ...body }) => {
-      const {
-        data: { ca }
-      } = await apiRequest.patch<{ ca: TCertificateAuthority }>(`/api/v1/pki/ca/${caId}`, body);
-      return ca;
-    },
-    onSuccess: ({ id }, { projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCas({ projectSlug }));
-      queryClient.invalidateQueries(caKeys.getCaById(id));
-    }
-  });
-};
-
-export const useDeleteCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificateAuthority, {}, TDeleteCaDTO>({
-    mutationFn: async ({ caId }) => {
-      const {
-        data: { ca }
-      } = await apiRequest.delete<{ ca: TCertificateAuthority }>(`/api/v1/pki/ca/${caId}`);
-      return ca;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCas({ projectSlug }));
-    }
-  });
-};
-
-export const useSignIntermediate = () => {
-  // TODO: consider renaming
-  return useMutation<TSignIntermediateResponse, {}, TSignIntermediateDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post<TSignIntermediateResponse>(
-        `/api/v1/pki/ca/${body.caId}/sign-intermediate`,
-        body
-      );
-      return data;
-    }
-  });
-};
-
-export const useImportCaCertificate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TImportCaCertificateResponse, {}, TImportCaCertificateDTO>({
-    mutationFn: async ({ caId, ...body }) => {
-      const { data } = await apiRequest.post<TImportCaCertificateResponse>(
-        `/api/v1/pki/ca/${caId}/import-certificate`,
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { caId, projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCas({ projectSlug }));
-      queryClient.invalidateQueries(caKeys.getCaCerts(caId));
-      queryClient.invalidateQueries(caKeys.getCaCert(caId));
-    }
-  });
-};
-
-// consider rename to issue certificate
-export const useCreateCertificate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCreateCertificateResponse, {}, TCreateCertificateDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post<TCreateCertificateResponse>(
-        "/api/v1/pki/certificates/issue-certificate",
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.forWorkspaceCertificates(projectSlug));
-    }
-  });
-};
-
-export const useRenewCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TRenewCaResponse, {}, TRenewCaDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post<TRenewCaResponse>(
-        `/api/v1/pki/ca/${body.caId}/renew`,
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { caId, projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCas({ projectSlug }));
-      queryClient.invalidateQueries(caKeys.getCaById(caId));
-      queryClient.invalidateQueries(caKeys.getCaCert(caId));
-      queryClient.invalidateQueries(caKeys.getCaCerts(caId));
-      queryClient.invalidateQueries(caKeys.getCaCsr(caId));
-      queryClient.invalidateQueries(caKeys.getCaCrl(caId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/ca/queries.tsx b/frontend-next/src/hooks/api/ca/queries.tsx
deleted file mode 100644
index da010c866..000000000
--- a/frontend-next/src/hooks/api/ca/queries.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TCertificateTemplate } from "../certificateTemplates/types";
-import { TCertificateAuthority } from "./types";
-
-export const caKeys = {
-  getCaById: (caId: string) => [{ caId }, "ca"],
-  getCaCerts: (caId: string) => [{ caId }, "ca-certs"],
-  getCaCrls: (caId: string) => [{ caId }, "ca-crls"],
-  getCaCert: (caId: string) => [{ caId }, "ca-cert"],
-  getCaCsr: (caId: string) => [{ caId }, "ca-csr"],
-  getCaCrl: (caId: string) => [{ caId }, "ca-crl"],
-  getCaCertTemplates: (caId: string) => [{ caId }, "ca-cert-templates"],
-  getCaEstConfig: (caId: string) => [{ caId }, "ca-est-config"]
-};
-
-export const useGetCaById = (caId: string) => {
-  return useQuery({
-    queryKey: caKeys.getCaById(caId),
-    queryFn: async () => {
-      const {
-        data: { ca }
-      } = await apiRequest.get<{ ca: TCertificateAuthority }>(`/api/v1/pki/ca/${caId}`);
-      return ca;
-    },
-    enabled: Boolean(caId)
-  });
-};
-
-export const useGetCaCerts = (caId: string) => {
-  return useQuery({
-    queryKey: caKeys.getCaCerts(caId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<
-        {
-          certificate: string;
-          certificateChain: string;
-          serialNumber: string;
-          version: number;
-        }[]
-      >(`/api/v1/pki/ca/${caId}/ca-certificates`); // TODO: consider updating endpoint structure
-      return data;
-    },
-    enabled: Boolean(caId)
-  });
-};
-
-export const useGetCaCert = (caId: string) => {
-  return useQuery({
-    queryKey: caKeys.getCaCert(caId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{
-        certificate: string;
-        certificateChain: string;
-        serialNumber: string;
-      }>(`/api/v1/pki/ca/${caId}/certificate`); // TODO: consider updating endpoint structure
-      return data;
-    },
-    enabled: Boolean(caId)
-  });
-};
-
-export const useGetCaCsr = (caId: string) => {
-  return useQuery({
-    queryKey: caKeys.getCaCsr(caId),
-    queryFn: async () => {
-      const {
-        data: { csr }
-      } = await apiRequest.get<{
-        csr: string;
-      }>(`/api/v1/pki/ca/${caId}/csr`);
-      return csr;
-    },
-    enabled: Boolean(caId)
-  });
-};
-
-export const useGetCaCrls = (caId: string) => {
-  return useQuery({
-    queryKey: caKeys.getCaCrls(caId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<
-        {
-          id: string;
-          crl: string;
-        }[]
-      >(`/api/v1/pki/ca/${caId}/crls`);
-      return data;
-    },
-    enabled: Boolean(caId)
-  });
-};
-
-export const useGetCaCertTemplates = (caId: string) => {
-  return useQuery({
-    queryKey: caKeys.getCaCertTemplates(caId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{
-        certificateTemplates: TCertificateTemplate[];
-      }>(`/api/v1/pki/ca/${caId}/certificate-templates`);
-      return data;
-    },
-    enabled: Boolean(caId)
-  });
-};
\ No newline at end of file
diff --git a/frontend-next/src/hooks/api/ca/types.ts b/frontend-next/src/hooks/api/ca/types.ts
deleted file mode 100644
index 25e5112e0..000000000
--- a/frontend-next/src/hooks/api/ca/types.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { CertExtendedKeyUsage, CertKeyAlgorithm, CertKeyUsage } from "../certificates/enums";
-import { CaRenewalType, CaStatus, CaType } from "./enums";
-
-export type TCertificateAuthority = {
-  id: string;
-  parentCaId?: string;
-  projectId: string;
-  type: CaType;
-  status: CaStatus;
-  friendlyName: string;
-  organization: string;
-  ou: string;
-  country: string;
-  province: string;
-  locality: string;
-  commonName: string;
-  dn: string;
-  maxPathLength?: number;
-  notAfter?: string;
-  notBefore?: string;
-  keyAlgorithm: CertKeyAlgorithm;
-  requireTemplateForIssuance: boolean;
-  activeCaCertId?: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TCreateCaDTO = {
-  projectSlug: string;
-  type: string;
-  friendlyName?: string;
-  organization: string;
-  ou: string;
-  country: string;
-  province: string;
-  locality: string;
-  commonName: string;
-  notAfter?: string;
-  maxPathLength: number;
-  keyAlgorithm: CertKeyAlgorithm;
-  requireTemplateForIssuance: boolean;
-};
-
-export type TUpdateCaDTO = {
-  projectSlug: string;
-  caId: string;
-  status?: CaStatus;
-  requireTemplateForIssuance?: boolean;
-};
-
-export type TDeleteCaDTO = {
-  projectSlug: string;
-  caId: string;
-};
-
-export type TSignIntermediateDTO = {
-  caId: string;
-  csr: string;
-  maxPathLength: number;
-  notBefore?: string;
-  notAfter?: string;
-};
-
-export type TSignIntermediateResponse = {
-  certificate: string;
-  certificateChain: string;
-  issuingCaCertificate: string;
-  serialNumber: string;
-};
-
-export type TImportCaCertificateDTO = {
-  caId: string;
-  projectSlug: string;
-  certificate: string;
-  certificateChain: string;
-};
-
-export type TImportCaCertificateResponse = {
-  message: string;
-  caId: string;
-};
-
-export type TCreateCertificateDTO = {
-  projectSlug: string;
-  caId?: string;
-  certificateTemplateId?: string;
-  pkiCollectionId?: string;
-  friendlyName?: string;
-  commonName: string;
-  altNames: string; // sans
-  ttl: string; // string compatible with ms
-  notBefore?: string;
-  notAfter?: string;
-  keyUsages: CertKeyUsage[];
-  extendedKeyUsages: CertExtendedKeyUsage[];
-};
-
-export type TCreateCertificateResponse = {
-  certificate: string;
-  issuingCertificate: string;
-  certificateChain: string;
-  privateKey: string;
-  serialNumber: string;
-};
-
-export type TRenewCaDTO = {
-  projectSlug: string;
-  caId: string;
-  type: CaRenewalType;
-  notAfter: string;
-};
-
-export type TRenewCaResponse = {
-  certificate: string;
-  certificateChain: string;
-  serialNumber: string;
-};
diff --git a/frontend-next/src/hooks/api/certificateTemplates/index.tsx b/frontend-next/src/hooks/api/certificateTemplates/index.tsx
deleted file mode 100644
index 61dfb35a2..000000000
--- a/frontend-next/src/hooks/api/certificateTemplates/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export {
-  useCreateCertTemplate,
-  useCreateEstConfig,
-  useDeleteCertTemplate,
-  useUpdateCertTemplate,
-  useUpdateEstConfig
-} from "./mutations";
-export { useGetCertTemplate, useGetEstConfig } from "./queries";
diff --git a/frontend-next/src/hooks/api/certificateTemplates/mutations.tsx b/frontend-next/src/hooks/api/certificateTemplates/mutations.tsx
deleted file mode 100644
index 8545cf70c..000000000
--- a/frontend-next/src/hooks/api/certificateTemplates/mutations.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { caKeys } from "../ca/queries";
-import { workspaceKeys } from "../workspace";
-import { certTemplateKeys } from "./queries";
-import {
-  TCertificateTemplate,
-  TCreateCertificateTemplateDTO,
-  TCreateEstConfigDTO,
-  TDeleteCertificateTemplateDTO,
-  TUpdateCertificateTemplateDTO,
-  TUpdateEstConfigDTO
-} from "./types";
-
-export const useCreateCertTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificateTemplate, {}, TCreateCertificateTemplateDTO>({
-    mutationFn: async (data) => {
-      const { data: certificateTemplate } = await apiRequest.post<TCertificateTemplate>(
-        "/api/v1/pki/certificate-templates",
-        data
-      );
-      return certificateTemplate;
-    },
-    onSuccess: ({ caId }, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCertificateTemplates(projectId));
-      queryClient.invalidateQueries(caKeys.getCaCertTemplates(caId));
-    }
-  });
-};
-
-export const useUpdateCertTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificateTemplate, {}, TUpdateCertificateTemplateDTO>({
-    mutationFn: async (data) => {
-      const { data: certificateTemplate } = await apiRequest.patch<TCertificateTemplate>(
-        `/api/v1/pki/certificate-templates/${data.id}`,
-        data
-      );
-
-      return certificateTemplate;
-    },
-    onSuccess: ({ caId }, { projectId, id }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCertificateTemplates(projectId));
-      queryClient.invalidateQueries(certTemplateKeys.getCertTemplateById(id));
-      queryClient.invalidateQueries(caKeys.getCaCertTemplates(caId));
-    }
-  });
-};
-
-export const useDeleteCertTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificateTemplate, {}, TDeleteCertificateTemplateDTO>({
-    mutationFn: async (data) => {
-      const { data: certificateTemplate } = await apiRequest.delete<TCertificateTemplate>(
-        `/api/v1/pki/certificate-templates/${data.id}`
-      );
-      return certificateTemplate;
-    },
-    onSuccess: ({ caId }, { projectId, id }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceCertificateTemplates(projectId));
-      queryClient.invalidateQueries(certTemplateKeys.getCertTemplateById(id));
-      queryClient.invalidateQueries(caKeys.getCaCertTemplates(caId));
-    }
-  });
-};
-
-export const useCreateEstConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, TCreateEstConfigDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post(
-        `/api/v1/pki/certificate-templates/${body.certificateTemplateId}/est-config`,
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { certificateTemplateId }) => {
-      queryClient.invalidateQueries(certTemplateKeys.getEstConfig(certificateTemplateId));
-    }
-  });
-};
-
-export const useUpdateEstConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, TUpdateEstConfigDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.patch(
-        `/api/v1/pki/certificate-templates/${body.certificateTemplateId}/est-config`,
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { certificateTemplateId }) => {
-      queryClient.invalidateQueries(certTemplateKeys.getEstConfig(certificateTemplateId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/certificateTemplates/queries.tsx b/frontend-next/src/hooks/api/certificateTemplates/queries.tsx
deleted file mode 100644
index 7ee5bbd30..000000000
--- a/frontend-next/src/hooks/api/certificateTemplates/queries.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TCertificateTemplate, TEstConfig } from "./types";
-
-export const certTemplateKeys = {
-  getCertTemplateById: (id: string) => [{ id }, "cert-template"],
-  getEstConfig: (id: string) => [{ id }, "cert-template-est-config"]
-};
-
-export const useGetCertTemplate = (id: string) => {
-  return useQuery({
-    queryKey: certTemplateKeys.getCertTemplateById(id),
-    queryFn: async () => {
-      const { data: certificateTemplate } = await apiRequest.get<TCertificateTemplate>(
-        `/api/v1/pki/certificate-templates/${id}`
-      );
-      return certificateTemplate;
-    },
-    enabled: Boolean(id)
-  });
-};
-
-export const useGetEstConfig = (certificateTemplateId: string) => {
-  return useQuery({
-    queryKey: certTemplateKeys.getEstConfig(certificateTemplateId),
-    queryFn: async () => {
-      const { data: estConfig } = await apiRequest.get<TEstConfig>(
-        `/api/v1/pki/certificate-templates/${certificateTemplateId}/est-config`
-      );
-
-      return estConfig;
-    },
-    enabled: Boolean(certificateTemplateId)
-  });
-};
diff --git a/frontend-next/src/hooks/api/certificateTemplates/types.ts b/frontend-next/src/hooks/api/certificateTemplates/types.ts
deleted file mode 100644
index 14367a280..000000000
--- a/frontend-next/src/hooks/api/certificateTemplates/types.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { CertExtendedKeyUsage, CertKeyUsage } from "../certificates/enums";
-
-export type TCertificateTemplate = {
-  id: string;
-  caId: string;
-  caName: string;
-  projectId: string;
-  pkiCollectionId?: string;
-  name: string;
-  commonName: string;
-  subjectAlternativeName: string;
-  ttl: string;
-  keyUsages: CertKeyUsage[];
-  extendedKeyUsages: CertExtendedKeyUsage[];
-};
-
-export type TCreateCertificateTemplateDTO = {
-  caId: string;
-  pkiCollectionId?: string;
-  name: string;
-  commonName: string;
-  subjectAlternativeName: string;
-  ttl: string;
-  projectId: string;
-  keyUsages: CertKeyUsage[];
-  extendedKeyUsages: CertExtendedKeyUsage[];
-};
-
-export type TUpdateCertificateTemplateDTO = {
-  id: string;
-  caId?: string;
-  pkiCollectionId?: string;
-  name?: string;
-  commonName?: string;
-  subjectAlternativeName?: string;
-  ttl?: string;
-  projectId: string;
-  keyUsages?: CertKeyUsage[];
-  extendedKeyUsages?: CertExtendedKeyUsage[];
-};
-
-export type TDeleteCertificateTemplateDTO = {
-  id: string;
-  projectId: string;
-};
-
-export type TCreateEstConfigDTO = {
-  certificateTemplateId: string;
-  caChain?: string;
-  passphrase: string;
-  isEnabled: boolean;
-  disableBootstrapCertValidation: boolean;
-};
-
-export type TUpdateEstConfigDTO = {
-  certificateTemplateId: string;
-  caChain?: string;
-  passphrase?: string;
-  isEnabled?: boolean;
-  disableBootstrapCertValidation?: boolean;
-};
-
-export type TEstConfig = {
-  id: string;
-  certificateTemplateId: string;
-  caChain: string;
-  isEnabled: boolean;
-  disableBootstrapCertValidation: boolean;
-};
diff --git a/frontend-next/src/hooks/api/certificates/constants.tsx b/frontend-next/src/hooks/api/certificates/constants.tsx
deleted file mode 100644
index 0384ea6cd..000000000
--- a/frontend-next/src/hooks/api/certificates/constants.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import {
-  CertExtendedKeyUsage,
-  CertKeyAlgorithm,
-  CertKeyUsage,
-  CertStatus,
-  CrlReason
-} from "./enums";
-
-export const certStatusToNameMap: { [K in CertStatus]: string } = {
-  [CertStatus.ACTIVE]: "Active",
-  [CertStatus.REVOKED]: "Revoked"
-};
-
-export const getCertStatusBadgeVariant = (status: CertStatus) => {
-  switch (status) {
-    case CertStatus.ACTIVE:
-      return "success";
-    case CertStatus.REVOKED:
-      return "danger";
-    default:
-      return "primary";
-  }
-};
-
-export const certKeyAlgorithmToNameMap: { [K in CertKeyAlgorithm]: string } = {
-  [CertKeyAlgorithm.RSA_2048]: "RSA 2048",
-  [CertKeyAlgorithm.RSA_4096]: "RSA 4096",
-  [CertKeyAlgorithm.ECDSA_P256]: "ECDSA P256",
-  [CertKeyAlgorithm.ECDSA_P384]: "ECDSA P384"
-};
-
-export const certKeyAlgorithms = [
-  { label: certKeyAlgorithmToNameMap[CertKeyAlgorithm.RSA_2048], value: CertKeyAlgorithm.RSA_2048 },
-  { label: certKeyAlgorithmToNameMap[CertKeyAlgorithm.RSA_4096], value: CertKeyAlgorithm.RSA_4096 },
-  {
-    label: certKeyAlgorithmToNameMap[CertKeyAlgorithm.ECDSA_P256],
-    value: CertKeyAlgorithm.ECDSA_P256
-  },
-  {
-    label: certKeyAlgorithmToNameMap[CertKeyAlgorithm.ECDSA_P384],
-    value: CertKeyAlgorithm.ECDSA_P384
-  }
-];
-
-export const crlReasonToNameMap: { [K in CrlReason]: string } = {
-  [CrlReason.UNSPECIFIED]: "Unspecified",
-  [CrlReason.KEY_COMPROMISE]: "Key Compromise",
-  [CrlReason.CA_COMPROMISE]: "CA Compromise",
-  [CrlReason.AFFILIATION_CHANGED]: "Affiliation Changed",
-  [CrlReason.SUPERSEDED]: "Superseded",
-  [CrlReason.CESSATION_OF_OPERATION]: "Cessation of Operation",
-  [CrlReason.CERTIFICATE_HOLD]: "Certificate Hold",
-  // [CrlReason.REMOVE_FROM_CRL]: "Remove from CRL",
-  [CrlReason.PRIVILEGE_WITHDRAWN]: "Privilege Withdrawn",
-  [CrlReason.A_A_COMPROMISE]: "A/A Compromise"
-};
-
-export const crlReasons = [
-  { label: crlReasonToNameMap[CrlReason.UNSPECIFIED], value: CrlReason.UNSPECIFIED },
-  { label: crlReasonToNameMap[CrlReason.KEY_COMPROMISE], value: CrlReason.KEY_COMPROMISE },
-  { label: crlReasonToNameMap[CrlReason.CA_COMPROMISE], value: CrlReason.CA_COMPROMISE },
-  {
-    label: crlReasonToNameMap[CrlReason.AFFILIATION_CHANGED],
-    value: CrlReason.AFFILIATION_CHANGED
-  },
-  { label: crlReasonToNameMap[CrlReason.SUPERSEDED], value: CrlReason.SUPERSEDED },
-  {
-    label: crlReasonToNameMap[CrlReason.CESSATION_OF_OPERATION],
-    value: CrlReason.CESSATION_OF_OPERATION
-  },
-  { label: crlReasonToNameMap[CrlReason.CERTIFICATE_HOLD], value: CrlReason.CERTIFICATE_HOLD },
-  {
-    label: crlReasonToNameMap[CrlReason.PRIVILEGE_WITHDRAWN],
-    value: CrlReason.PRIVILEGE_WITHDRAWN
-  },
-  { label: crlReasonToNameMap[CrlReason.A_A_COMPROMISE], value: CrlReason.A_A_COMPROMISE }
-];
-
-export const KEY_USAGES_OPTIONS = [
-  { value: CertKeyUsage.DIGITAL_SIGNATURE, label: "Digital Signature" },
-  { value: CertKeyUsage.KEY_ENCIPHERMENT, label: "Key Encipherment" },
-  { value: CertKeyUsage.NON_REPUDIATION, label: "Non Repudiation" },
-  { value: CertKeyUsage.DATA_ENCIPHERMENT, label: "Data Encipherment" },
-  { value: CertKeyUsage.KEY_AGREEMENT, label: "Key Agreement" },
-  { value: CertKeyUsage.KEY_CERT_SIGN, label: "Certificate Sign" },
-  { value: CertKeyUsage.CRL_SIGN, label: "CRL Sign" },
-  { value: CertKeyUsage.ENCIPHER_ONLY, label: "Encipher Only" },
-  { value: CertKeyUsage.DECIPHER_ONLY, label: "Decipher Only" }
-] as const;
-
-export const EXTENDED_KEY_USAGES_OPTIONS = [
-  { value: CertExtendedKeyUsage.CLIENT_AUTH, label: "Client Auth" },
-  { value: CertExtendedKeyUsage.SERVER_AUTH, label: "Server Auth" },
-  { value: CertExtendedKeyUsage.EMAIL_PROTECTION, label: "Email Protection" },
-  { value: CertExtendedKeyUsage.OCSP_SIGNING, label: "OCSP Signing" },
-  { value: CertExtendedKeyUsage.CODE_SIGNING, label: "Code Signing" },
-  { value: CertExtendedKeyUsage.TIMESTAMPING, label: "Timestamping" }
-] as const;
diff --git a/frontend-next/src/hooks/api/certificates/enums.tsx b/frontend-next/src/hooks/api/certificates/enums.tsx
deleted file mode 100644
index 566da7506..000000000
--- a/frontend-next/src/hooks/api/certificates/enums.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-export enum CertStatus {
-  ACTIVE = "active",
-  REVOKED = "revoked"
-}
-
-export enum CertKeyAlgorithm {
-  RSA_2048 = "RSA_2048",
-  RSA_4096 = "RSA_4096",
-  ECDSA_P256 = "EC_prime256v1",
-  ECDSA_P384 = "EC_secp384r1"
-}
-
-export enum CrlReason {
-  UNSPECIFIED = "UNSPECIFIED",
-  KEY_COMPROMISE = "KEY_COMPROMISE",
-  CA_COMPROMISE = "CA_COMPROMISE",
-  AFFILIATION_CHANGED = "AFFILIATION_CHANGED",
-  SUPERSEDED = "SUPERSEDED",
-  CESSATION_OF_OPERATION = "CESSATION_OF_OPERATION",
-  CERTIFICATE_HOLD = "CERTIFICATE_HOLD",
-  // REMOVE_FROM_CRL = "REMOVE_FROM_CRL",
-  PRIVILEGE_WITHDRAWN = "PRIVILEGE_WITHDRAWN",
-  A_A_COMPROMISE = "A_A_COMPROMISE"
-}
-
-export enum CertKeyUsage {
-  DIGITAL_SIGNATURE = "digitalSignature",
-  KEY_ENCIPHERMENT = "keyEncipherment",
-  NON_REPUDIATION = "nonRepudiation",
-  DATA_ENCIPHERMENT = "dataEncipherment",
-  KEY_AGREEMENT = "keyAgreement",
-  KEY_CERT_SIGN = "keyCertSign",
-  CRL_SIGN = "cRLSign",
-  ENCIPHER_ONLY = "encipherOnly",
-  DECIPHER_ONLY = "decipherOnly"
-}
-
-export enum CertExtendedKeyUsage {
-  CLIENT_AUTH = "clientAuth",
-  SERVER_AUTH = "serverAuth",
-  CODE_SIGNING = "codeSigning",
-  EMAIL_PROTECTION = "emailProtection",
-  TIMESTAMPING = "timeStamping",
-  OCSP_SIGNING = "ocspSigning"
-}
diff --git a/frontend-next/src/hooks/api/certificates/index.tsx b/frontend-next/src/hooks/api/certificates/index.tsx
deleted file mode 100644
index dd922fd6a..000000000
--- a/frontend-next/src/hooks/api/certificates/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useDeleteCert, useRevokeCert } from "./mutations";
-export { useGetCert, useGetCertBody } from "./queries";
diff --git a/frontend-next/src/hooks/api/certificates/mutations.tsx b/frontend-next/src/hooks/api/certificates/mutations.tsx
deleted file mode 100644
index d73a0cd15..000000000
--- a/frontend-next/src/hooks/api/certificates/mutations.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { TCertificate, TDeleteCertDTO, TRevokeCertDTO } from "./types";
-
-export const useDeleteCert = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificate, {}, TDeleteCertDTO>({
-    mutationFn: async ({ serialNumber }) => {
-      const {
-        data: { certificate }
-      } = await apiRequest.delete<{ certificate: TCertificate }>(
-        `/api/v1/pki/certificates/${serialNumber}`
-      );
-      return certificate;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.forWorkspaceCertificates(projectSlug));
-    }
-  });
-};
-
-export const useRevokeCert = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TCertificate, {}, TRevokeCertDTO>({
-    mutationFn: async ({ serialNumber, revocationReason }) => {
-      const {
-        data: { certificate }
-      } = await apiRequest.post<{ certificate: TCertificate }>(
-        `/api/v1/pki/certificates/${serialNumber}/revoke`,
-        {
-          revocationReason
-        }
-      );
-      return certificate;
-    },
-    onSuccess: (_, { projectSlug }) => {
-      queryClient.invalidateQueries(workspaceKeys.forWorkspaceCertificates(projectSlug));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/certificates/queries.tsx b/frontend-next/src/hooks/api/certificates/queries.tsx
deleted file mode 100644
index 50c751c06..000000000
--- a/frontend-next/src/hooks/api/certificates/queries.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TCertificate } from "./types";
-
-export const certKeys = {
-  getCertById: (serialNumber: string) => [{ serialNumber }, "cert"],
-  getCertBody: (serialNumber: string) => [{ serialNumber }, "certBody"]
-};
-
-export const useGetCert = (serialNumber: string) => {
-  return useQuery({
-    queryKey: certKeys.getCertById(serialNumber),
-    queryFn: async () => {
-      const {
-        data: { certificate }
-      } = await apiRequest.get<{ certificate: TCertificate }>(
-        `/api/v1/pki/certificates/${serialNumber}`
-      );
-      return certificate;
-    },
-    enabled: Boolean(serialNumber)
-  });
-};
-
-export const useGetCertBody = (serialNumber: string) => {
-  return useQuery({
-    queryKey: certKeys.getCertBody(serialNumber),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{
-        certificate: string;
-        certificateChain: string;
-        serialNumber: string;
-      }>(`/api/v1/pki/certificates/${serialNumber}/certificate`);
-      return data;
-    },
-    enabled: Boolean(serialNumber)
-  });
-};
diff --git a/frontend-next/src/hooks/api/certificates/types.ts b/frontend-next/src/hooks/api/certificates/types.ts
deleted file mode 100644
index a9bcf5fbc..000000000
--- a/frontend-next/src/hooks/api/certificates/types.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CertExtendedKeyUsage, CertKeyUsage, CertStatus } from "./enums";
-
-export type TCertificate = {
-  id: string;
-  caId: string;
-  certificateTemplateId?: string;
-  status: CertStatus;
-  friendlyName: string;
-  commonName: string;
-  altNames: string;
-  serialNumber: string;
-  notBefore: string;
-  notAfter: string;
-  keyUsages: CertKeyUsage[];
-  extendedKeyUsages: CertExtendedKeyUsage[];
-};
-
-export type TDeleteCertDTO = {
-  projectSlug: string;
-  serialNumber: string;
-};
-
-export type TRevokeCertDTO = {
-  projectSlug: string;
-  serialNumber: string;
-  revocationReason: string;
-};
diff --git a/frontend-next/src/hooks/api/cmeks/index.ts b/frontend-next/src/hooks/api/cmeks/index.ts
deleted file mode 100644
index 177955438..000000000
--- a/frontend-next/src/hooks/api/cmeks/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./mutations";
-export * from "./queries";
-export * from "./types";
diff --git a/frontend-next/src/hooks/api/cmeks/mutations.tsx b/frontend-next/src/hooks/api/cmeks/mutations.tsx
deleted file mode 100644
index f3a1e6eae..000000000
--- a/frontend-next/src/hooks/api/cmeks/mutations.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { encodeBase64 } from "tweetnacl-util";
-
-import { apiRequest } from "@app/config/request";
-import { cmekKeys } from "@app/hooks/api/cmeks/queries";
-import {
-  TCmekDecrypt,
-  TCmekDecryptResponse,
-  TCmekEncrypt,
-  TCmekEncryptResponse,
-  TCreateCmek,
-  TDeleteCmek,
-  TUpdateCmek
-} from "@app/hooks/api/cmeks/types";
-
-export const useCreateCmek = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (payload: TCreateCmek) => {
-      const { data } = await apiRequest.post("/api/v1/kms/keys", payload);
-
-      return data;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(cmekKeys.getCmeksByProjectId({ projectId }));
-    }
-  });
-};
-
-export const useUpdateCmek = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ keyId, name, description, isDisabled }: TUpdateCmek) => {
-      const { data } = await apiRequest.patch(`/api/v1/kms/keys/${keyId}`, {
-        name,
-        description,
-        isDisabled
-      });
-
-      return data;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(cmekKeys.getCmeksByProjectId({ projectId }));
-    }
-  });
-};
-
-export const useDeleteCmek = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ keyId }: TDeleteCmek) => {
-      const { data } = await apiRequest.delete(`/api/v1/kms/keys/${keyId}`);
-
-      return data;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(cmekKeys.getCmeksByProjectId({ projectId }));
-    }
-  });
-};
-
-export const useCmekEncrypt = () => {
-  return useMutation({
-    mutationFn: async ({ keyId, plaintext, isBase64Encoded }: TCmekEncrypt) => {
-      const { data } = await apiRequest.post<TCmekEncryptResponse>(
-        `/api/v1/kms/keys/${keyId}/encrypt`,
-        {
-          plaintext: isBase64Encoded ? plaintext : encodeBase64(Buffer.from(plaintext))
-        }
-      );
-
-      return data;
-    }
-  });
-};
-
-export const useCmekDecrypt = () => {
-  return useMutation({
-    mutationFn: async ({ keyId, ciphertext }: TCmekDecrypt) => {
-      const { data } = await apiRequest.post<TCmekDecryptResponse>(
-        `/api/v1/kms/keys/${keyId}/decrypt`,
-        {
-          ciphertext
-        }
-      );
-
-      return data;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/cmeks/queries.tsx b/frontend-next/src/hooks/api/cmeks/queries.tsx
deleted file mode 100644
index 5c2dac895..000000000
--- a/frontend-next/src/hooks/api/cmeks/queries.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { CmekOrderBy, TListProjectCmeksDTO, TProjectCmeksList } from "@app/hooks/api/cmeks/types";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-export const cmekKeys = {
-  all: ["cmek"] as const,
-  lists: () => [...cmekKeys.all, "list"] as const,
-  getCmeksByProjectId: ({ projectId, ...filters }: TListProjectCmeksDTO) =>
-    [...cmekKeys.lists(), projectId, filters] as const
-};
-
-export const useGetCmeksByProjectId = (
-  {
-    projectId,
-    offset = 0,
-    limit = 100,
-    orderBy = CmekOrderBy.Name,
-    orderDirection = OrderByDirection.ASC,
-    search = ""
-  }: TListProjectCmeksDTO,
-  options?: Omit<
-    UseQueryOptions<
-      TProjectCmeksList,
-      unknown,
-      TProjectCmeksList,
-      ReturnType<typeof cmekKeys.getCmeksByProjectId>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: cmekKeys.getCmeksByProjectId({
-      projectId,
-      offset,
-      limit,
-      orderBy,
-      orderDirection,
-      search
-    }),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TProjectCmeksList>("/api/v1/kms/keys", {
-        params: { projectId, offset, limit, search, orderBy, orderDirection }
-      });
-
-      return data;
-    },
-    enabled: Boolean(projectId) && (options?.enabled ?? true),
-    keepPreviousData: true,
-    ...options
-  });
-};
diff --git a/frontend-next/src/hooks/api/cmeks/types.ts b/frontend-next/src/hooks/api/cmeks/types.ts
deleted file mode 100644
index c557c1fc2..000000000
--- a/frontend-next/src/hooks/api/cmeks/types.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-export type TCmek = {
-  id: string;
-  name: string;
-  description?: string;
-  encryptionAlgorithm: EncryptionAlgorithm;
-  projectId: string;
-  isDisabled: boolean;
-  isReserved: boolean;
-  orgId: string;
-  version: number;
-  createdAt: string;
-  updatedAt: string;
-};
-
-type ProjectRef = { projectId: string };
-type KeyRef = { keyId: string };
-
-export type TCreateCmek = Pick<TCmek, "name" | "description" | "encryptionAlgorithm"> & ProjectRef;
-export type TUpdateCmek = KeyRef &
-  Partial<Pick<TCmek, "name" | "description" | "isDisabled">> &
-  ProjectRef;
-export type TDeleteCmek = KeyRef & ProjectRef;
-
-export type TCmekEncrypt = KeyRef & { plaintext: string; isBase64Encoded?: boolean };
-export type TCmekDecrypt = KeyRef & { ciphertext: string };
-
-export type TProjectCmeksList = {
-  keys: TCmek[];
-  totalCount: number;
-};
-
-export type TListProjectCmeksDTO = {
-  projectId: string;
-  offset?: number;
-  limit?: number;
-  orderBy?: CmekOrderBy;
-  orderDirection?: OrderByDirection;
-  search?: string;
-};
-
-export type TCmekEncryptResponse = {
-  ciphertext: string;
-};
-
-export type TCmekDecryptResponse = {
-  plaintext: string;
-};
-
-export enum CmekOrderBy {
-  Name = "name"
-}
-
-export enum EncryptionAlgorithm {
-  AES_GCM_256 = "aes-256-gcm",
-  AES_GCM_128 = "aes-128-gcm"
-}
diff --git a/frontend-next/src/hooks/api/dashboard/index.ts b/frontend-next/src/hooks/api/dashboard/index.ts
deleted file mode 100644
index 83206bdf8..000000000
--- a/frontend-next/src/hooks/api/dashboard/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export {
-  useGetProjectSecretsDetails,
-  useGetProjectSecretsOverview,
-  useGetProjectSecretsQuickSearch
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/dashboard/queries.tsx b/frontend-next/src/hooks/api/dashboard/queries.tsx
deleted file mode 100644
index 3aa599716..000000000
--- a/frontend-next/src/hooks/api/dashboard/queries.tsx
+++ /dev/null
@@ -1,418 +0,0 @@
-import { useCallback } from "react";
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import axios from "axios";
-
-import { createNotification } from "@app/components/notifications";
-import { apiRequest } from "@app/config/request";
-import {
-  DashboardProjectSecretsByKeys,
-  DashboardProjectSecretsDetails,
-  DashboardProjectSecretsDetailsResponse,
-  DashboardProjectSecretsOverview,
-  DashboardProjectSecretsOverviewResponse,
-  DashboardSecretsOrderBy,
-  TDashboardProjectSecretsQuickSearch,
-  TDashboardProjectSecretsQuickSearchResponse,
-  TGetDashboardProjectSecretsByKeys,
-  TGetDashboardProjectSecretsDetailsDTO,
-  TGetDashboardProjectSecretsOverviewDTO,
-  TGetDashboardProjectSecretsQuickSearchDTO
-} from "@app/hooks/api/dashboard/types";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { mergePersonalSecrets } from "@app/hooks/api/secrets/queries";
-import { groupBy, unique } from "@app/lib/fn/array";
-
-export const dashboardKeys = {
-  all: () => ["dashboard"] as const,
-  getDashboardSecrets: ({
-    projectId,
-    secretPath
-  }: Pick<TGetDashboardProjectSecretsDetailsDTO, "projectId" | "secretPath">) =>
-    [...dashboardKeys.all(), { projectId, secretPath }] as const,
-  getProjectSecretsOverview: ({
-    projectId,
-    secretPath,
-    ...params
-  }: TGetDashboardProjectSecretsOverviewDTO) =>
-    [
-      ...dashboardKeys.getDashboardSecrets({ projectId, secretPath }),
-      "secrets-overview",
-      params
-    ] as const,
-  getProjectSecretsDetails: ({
-    projectId,
-    secretPath,
-    environment,
-    ...params
-  }: TGetDashboardProjectSecretsDetailsDTO) =>
-    [
-      ...dashboardKeys.getDashboardSecrets({ projectId, secretPath }),
-      "secrets-details",
-      environment,
-      params
-    ] as const,
-  getProjectSecretsQuickSearch: ({
-    projectId,
-    secretPath,
-    ...params
-  }: TGetDashboardProjectSecretsQuickSearchDTO) =>
-    [
-      ...dashboardKeys.getDashboardSecrets({ projectId, secretPath }),
-      "quick-search",
-      params
-    ] as const
-};
-
-export const fetchProjectSecretsOverview = async ({
-  environments,
-  ...params
-}: TGetDashboardProjectSecretsOverviewDTO) => {
-  const { data } = await apiRequest.get<DashboardProjectSecretsOverviewResponse>(
-    "/api/v1/dashboard/secrets-overview",
-    {
-      params: {
-        ...params,
-        environments: encodeURIComponent(environments.join(","))
-      }
-    }
-  );
-
-  return data;
-};
-
-export const fetchProjectSecretsDetails = async ({
-  tags,
-  ...params
-}: TGetDashboardProjectSecretsDetailsDTO) => {
-  const { data } = await apiRequest.get<DashboardProjectSecretsDetailsResponse>(
-    "/api/v1/dashboard/secrets-details",
-    {
-      params: {
-        ...params,
-        tags: encodeURIComponent(
-          Object.entries(tags)
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            .filter(([_, enabled]) => enabled)
-            .map(([tag]) => tag)
-            .join(",")
-        )
-      }
-    }
-  );
-
-  return data;
-};
-
-export const fetchDashboardProjectSecretsByKeys = async ({
-  keys,
-  ...params
-}: TGetDashboardProjectSecretsByKeys) => {
-  const { data } = await apiRequest.get<DashboardProjectSecretsByKeys>(
-    "/api/v1/dashboard/secrets-by-keys",
-    {
-      params: {
-        ...params,
-        keys: encodeURIComponent(keys.join(","))
-      }
-    }
-  );
-
-  return data;
-};
-
-export const useGetProjectSecretsOverview = (
-  {
-    projectId,
-    secretPath,
-    offset = 0,
-    limit = 100,
-    orderBy = DashboardSecretsOrderBy.Name,
-    orderDirection = OrderByDirection.ASC,
-    search = "",
-    includeSecrets,
-    includeFolders,
-    includeDynamicSecrets,
-    environments
-  }: TGetDashboardProjectSecretsOverviewDTO,
-  options?: Omit<
-    UseQueryOptions<
-      DashboardProjectSecretsOverviewResponse,
-      unknown,
-      DashboardProjectSecretsOverview,
-      ReturnType<typeof dashboardKeys.getProjectSecretsOverview>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    ...options,
-    // wait for all values to be available
-    enabled: Boolean(projectId) && (options?.enabled ?? true) && Boolean(environments.length),
-    queryKey: dashboardKeys.getProjectSecretsOverview({
-      secretPath,
-      search,
-      limit,
-      orderBy,
-      orderDirection,
-      offset,
-      projectId,
-      includeSecrets,
-      includeFolders,
-      includeDynamicSecrets,
-      environments
-    }),
-    queryFn: () =>
-      fetchProjectSecretsOverview({
-        secretPath,
-        search,
-        limit,
-        orderBy,
-        orderDirection,
-        offset,
-        projectId,
-        includeSecrets,
-        includeFolders,
-        includeDynamicSecrets,
-        environments
-      }),
-    onError: (error) => {
-      if (axios.isAxiosError(error)) {
-        const { message, requestId } = error.response?.data as {
-          message: string;
-          requestId: string;
-        };
-        createNotification({
-          title: "Error fetching secret details",
-          type: "error",
-          text: message,
-          copyActions: [
-            {
-              value: requestId,
-              name: "Request ID",
-              label: `Request ID: ${requestId}`
-            }
-          ]
-        });
-      }
-    },
-    select: useCallback((data: Awaited<ReturnType<typeof fetchProjectSecretsOverview>>) => {
-      const { secrets, ...select } = data;
-      const uniqueSecrets = secrets ? unique(secrets, (i) => i.secretKey) : [];
-
-      const uniqueFolders = select.folders ? unique(select.folders, (i) => i.name) : [];
-
-      const uniqueDynamicSecrets = select.dynamicSecrets
-        ? unique(select.dynamicSecrets, (i) => i.name)
-        : [];
-
-      return {
-        ...select,
-        secrets: secrets ? mergePersonalSecrets(secrets) : undefined,
-        totalUniqueSecretsInPage: uniqueSecrets.length,
-        totalUniqueDynamicSecretsInPage: uniqueDynamicSecrets.length,
-        totalUniqueFoldersInPage: uniqueFolders.length
-      };
-    }, []),
-    keepPreviousData: true
-  });
-};
-
-export const useGetProjectSecretsDetails = (
-  {
-    projectId,
-    secretPath,
-    environment,
-    offset = 0,
-    limit = 100,
-    orderBy = DashboardSecretsOrderBy.Name,
-    orderDirection = OrderByDirection.ASC,
-    search = "",
-    includeSecrets,
-    includeFolders,
-    includeImports,
-    includeDynamicSecrets,
-    tags
-  }: TGetDashboardProjectSecretsDetailsDTO,
-  options?: Omit<
-    UseQueryOptions<
-      DashboardProjectSecretsDetailsResponse,
-      unknown,
-      DashboardProjectSecretsDetails,
-      ReturnType<typeof dashboardKeys.getProjectSecretsDetails>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    ...options,
-    // wait for all values to be available
-    enabled: Boolean(projectId) && (options?.enabled ?? true),
-    queryKey: dashboardKeys.getProjectSecretsDetails({
-      secretPath,
-      search,
-      limit,
-      orderBy,
-      orderDirection,
-      offset,
-      projectId,
-      environment,
-      includeSecrets,
-      includeFolders,
-      includeImports,
-      includeDynamicSecrets,
-      tags
-    }),
-    queryFn: () =>
-      fetchProjectSecretsDetails({
-        secretPath,
-        search,
-        limit,
-        orderBy,
-        orderDirection,
-        offset,
-        projectId,
-        environment,
-        includeSecrets,
-        includeFolders,
-        includeImports,
-        includeDynamicSecrets,
-        tags
-      }),
-    onError: (error) => {
-      if (axios.isAxiosError(error)) {
-        const { message, requestId } = error.response?.data as {
-          message: string;
-          requestId: string;
-        };
-        createNotification({
-          title: "Error fetching secret details",
-          type: "error",
-          text: message,
-          copyActions: [
-            {
-              value: requestId,
-              name: "Request ID",
-              label: `Request ID: ${requestId}`
-            }
-          ]
-        });
-      }
-    },
-    select: useCallback(
-      (data: Awaited<ReturnType<typeof fetchProjectSecretsDetails>>) => ({
-        ...data,
-        secrets: data.secrets ? mergePersonalSecrets(data.secrets) : undefined
-      }),
-      []
-    ),
-    keepPreviousData: true
-  });
-};
-
-export const fetchProjectSecretsQuickSearch = async ({
-  environments,
-  tags,
-  ...params
-}: TGetDashboardProjectSecretsQuickSearchDTO) => {
-  const { data } = await apiRequest.get<TDashboardProjectSecretsQuickSearchResponse>(
-    "/api/v1/dashboard/secrets-deep-search",
-    {
-      params: {
-        ...params,
-        environments: encodeURIComponent(environments.join(",")),
-        tags: encodeURIComponent(
-          Object.entries(tags)
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            .filter(([_, enabled]) => enabled)
-            .map(([tag]) => tag)
-            .join(",")
-        )
-      }
-    }
-  );
-
-  return data;
-};
-
-export const useGetProjectSecretsQuickSearch = (
-  {
-    projectId,
-    secretPath,
-    search = "",
-    environments,
-    tags
-  }: TGetDashboardProjectSecretsQuickSearchDTO,
-  options?: Omit<
-    UseQueryOptions<
-      TDashboardProjectSecretsQuickSearchResponse,
-      unknown,
-      TDashboardProjectSecretsQuickSearch,
-      ReturnType<typeof dashboardKeys.getProjectSecretsQuickSearch>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    ...options,
-    enabled:
-      Boolean(search?.trim() || Object.values(tags).length) &&
-      (options?.enabled ?? true) &&
-      Boolean(environments.length),
-    queryKey: dashboardKeys.getProjectSecretsQuickSearch({
-      secretPath,
-      search,
-      projectId,
-      environments,
-      tags
-    }),
-    queryFn: () =>
-      fetchProjectSecretsQuickSearch({
-        secretPath,
-        search,
-        projectId,
-        environments,
-        tags
-      }),
-    onError: (error) => {
-      if (axios.isAxiosError(error)) {
-        const { message, requestId } = error.response?.data as {
-          message: string;
-          requestId: string;
-        };
-        createNotification({
-          title: "Error fetching secrets deep search",
-          type: "error",
-          text: message,
-          copyActions: [
-            {
-              value: requestId,
-              name: "Request ID",
-              label: `Request ID: ${requestId}`
-            }
-          ]
-        });
-      }
-    },
-    select: useCallback((data: Awaited<ReturnType<typeof fetchProjectSecretsQuickSearch>>) => {
-      const { secrets, folders, dynamicSecrets } = data;
-
-      const groupedFolders = groupBy(folders, (folder) => folder.path);
-      const groupedSecrets = groupBy(
-        mergePersonalSecrets(secrets),
-        (secret) => `${secret.path === "/" ? "" : secret.path}/${secret.key}`
-      );
-      const groupedDynamicSecrets = groupBy(
-        dynamicSecrets,
-        (dynamicSecret) =>
-          `${dynamicSecret.path === "/" ? "" : dynamicSecret.path}/${dynamicSecret.name}`
-      );
-
-      return {
-        folders: groupedFolders,
-        secrets: groupedSecrets,
-        dynamicSecrets: groupedDynamicSecrets
-      };
-    }, []),
-    keepPreviousData: true
-  });
-};
diff --git a/frontend-next/src/hooks/api/dashboard/types.ts b/frontend-next/src/hooks/api/dashboard/types.ts
deleted file mode 100644
index 444614b82..000000000
--- a/frontend-next/src/hooks/api/dashboard/types.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { TSecretFolder } from "@app/hooks/api/secretFolders/types";
-import { TSecretImport } from "@app/hooks/api/secretImports/types";
-import { SecretV3Raw, SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
-
-export type DashboardProjectSecretsOverviewResponse = {
-  folders?: (TSecretFolder & { environment: string })[];
-  dynamicSecrets?: (TDynamicSecret & { environment: string })[];
-  secrets?: SecretV3Raw[];
-  totalSecretCount?: number;
-  totalFolderCount?: number;
-  totalDynamicSecretCount?: number;
-  totalCount: number;
-  totalUniqueSecretsInPage: number;
-  totalUniqueDynamicSecretsInPage: number;
-  totalUniqueFoldersInPage: number;
-};
-
-export type DashboardProjectSecretsDetailsResponse = {
-  imports?: TSecretImport[];
-  folders?: TSecretFolder[];
-  dynamicSecrets?: TDynamicSecret[];
-  secrets?: SecretV3Raw[];
-  totalImportCount?: number;
-  totalFolderCount?: number;
-  totalDynamicSecretCount?: number;
-  totalSecretCount?: number;
-  totalCount: number;
-};
-
-export type DashboardProjectSecretsByKeys = {
-  secrets: SecretV3Raw[];
-};
-
-export type DashboardProjectSecretsOverview = Omit<
-  DashboardProjectSecretsOverviewResponse,
-  "secrets"
-> & {
-  secrets?: SecretV3RawSanitized[];
-};
-
-export type DashboardProjectSecretsDetails = Omit<
-  DashboardProjectSecretsDetailsResponse,
-  "secrets"
-> & {
-  secrets?: SecretV3RawSanitized[];
-};
-
-export enum DashboardSecretsOrderBy {
-  Name = "name"
-}
-
-export type TGetDashboardProjectSecretsOverviewDTO = {
-  projectId: string;
-  secretPath: string;
-  offset?: number;
-  limit?: number;
-  orderBy?: DashboardSecretsOrderBy;
-  orderDirection?: OrderByDirection;
-  search?: string;
-  includeSecrets?: boolean;
-  includeFolders?: boolean;
-  includeDynamicSecrets?: boolean;
-  environments: string[];
-};
-
-export type TGetDashboardProjectSecretsDetailsDTO = Omit<
-  TGetDashboardProjectSecretsOverviewDTO,
-  "environments"
-> & {
-  environment: string;
-  includeImports?: boolean;
-  tags: Record<string, boolean>;
-};
-
-export type TDashboardProjectSecretsQuickSearchResponse = {
-  folders: (TSecretFolder & { environment: string; path: string })[];
-  dynamicSecrets: (TDynamicSecret & { environment: string; path: string })[];
-  secrets: SecretV3Raw[];
-};
-
-export type TDashboardProjectSecretsQuickSearch = {
-  folders: Record<string, TDashboardProjectSecretsQuickSearchResponse["folders"]>;
-  secrets: Record<string, SecretV3RawSanitized[]>;
-  dynamicSecrets: Record<string, TDashboardProjectSecretsQuickSearchResponse["folders"]>;
-};
-
-export type TGetDashboardProjectSecretsQuickSearchDTO = {
-  projectId: string;
-  secretPath: string;
-  tags: Record<string, boolean>;
-  search: string;
-  environments: string[];
-};
-
-export type TGetDashboardProjectSecretsByKeys = {
-  projectId: string;
-  secretPath: string;
-  environment: string;
-  keys: string[];
-};
diff --git a/frontend-next/src/hooks/api/dynamicSecret/index.ts b/frontend-next/src/hooks/api/dynamicSecret/index.ts
deleted file mode 100644
index 3d6e403bc..000000000
--- a/frontend-next/src/hooks/api/dynamicSecret/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { useCreateDynamicSecret, useDeleteDynamicSecret, useUpdateDynamicSecret } from "./mutation";
-export {
-  useGetDynamicSecretDetails,
-  useGetDynamicSecrets,
-  useGetDynamicSecretsOfAllEnv
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/dynamicSecret/mutation.ts b/frontend-next/src/hooks/api/dynamicSecret/mutation.ts
deleted file mode 100644
index f8fbb4d05..000000000
--- a/frontend-next/src/hooks/api/dynamicSecret/mutation.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { dashboardKeys } from "@app/hooks/api/dashboard/queries";
-
-import { dynamicSecretKeys } from "./queries";
-import {
-  TCreateDynamicSecretDTO,
-  TDeleteDynamicSecretDTO,
-  TDynamicSecret,
-  TUpdateDynamicSecretDTO
-} from "./types";
-
-export const useCreateDynamicSecret = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateDynamicSecretDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post<{ dynamicSecret: TDynamicSecret }>(
-        "/api/v1/dynamic-secrets",
-        dto
-      );
-      return data.dynamicSecret;
-    },
-    onSuccess: (_, { path, environmentSlug, projectSlug }) => {
-      // TODO: optimize but we currently don't pass projectId
-      queryClient.invalidateQueries(dashboardKeys.all());
-      queryClient.invalidateQueries(dynamicSecretKeys.list({ path, projectSlug, environmentSlug }));
-    }
-  });
-};
-
-export const useUpdateDynamicSecret = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateDynamicSecretDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.patch<{ dynamicSecret: TDynamicSecret }>(
-        `/api/v1/dynamic-secrets/${dto.name}`,
-        dto
-      );
-      return data.dynamicSecret;
-    },
-    onSuccess: (_, { path, environmentSlug, projectSlug }) => {
-      // TODO: optimize but currently don't pass projectId
-      queryClient.invalidateQueries(dashboardKeys.all());
-      queryClient.invalidateQueries(dynamicSecretKeys.list({ path, projectSlug, environmentSlug }));
-    }
-  });
-};
-
-export const useDeleteDynamicSecret = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteDynamicSecretDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete<{ dynamicSecret: TDynamicSecret }>(
-        `/api/v1/dynamic-secrets/${dto.name}`,
-        { data: dto }
-      );
-      return data.dynamicSecret;
-    },
-    onSuccess: (_, { path, environmentSlug, projectSlug }) => {
-      // TODO: optimize but currently don't pass projectId
-      queryClient.invalidateQueries(dashboardKeys.all());
-      queryClient.invalidateQueries(dynamicSecretKeys.list({ path, projectSlug, environmentSlug }));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/dynamicSecret/queries.ts b/frontend-next/src/hooks/api/dynamicSecret/queries.ts
deleted file mode 100644
index f84fd0712..000000000
--- a/frontend-next/src/hooks/api/dynamicSecret/queries.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { useCallback, useMemo } from "react";
-import { useQueries, useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  TDetailsDynamicSecretDTO,
-  TDynamicSecret,
-  TGetDynamicSecretsByEnvsDTO,
-  TListDynamicSecretDTO
-} from "./types";
-
-export const dynamicSecretKeys = {
-  list: ({
-    projectSlug,
-    environmentSlug,
-    path
-  }: Pick<TListDynamicSecretDTO, "path" | "environmentSlug" | "projectSlug">) =>
-    [{ projectSlug, environmentSlug, path }, "dynamic-secrets"] as const,
-  details: ({ path, environmentSlug, projectSlug, name }: TDetailsDynamicSecretDTO) =>
-    [{ projectSlug, path, environmentSlug, name }, "dynamic-secret-details"] as const
-};
-
-export const useGetDynamicSecrets = ({
-  projectSlug,
-  environmentSlug,
-  path
-}: TListDynamicSecretDTO) => {
-  return useQuery({
-    queryKey: dynamicSecretKeys.list({ path, environmentSlug, projectSlug }),
-    enabled: Boolean(projectSlug && environmentSlug && path),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ dynamicSecrets: TDynamicSecret[] }>(
-        "/api/v1/dynamic-secrets",
-        {
-          params: {
-            projectSlug,
-            environmentSlug,
-            path
-          }
-        }
-      );
-
-      return data.dynamicSecrets;
-    }
-  });
-};
-
-export const useGetDynamicSecretDetails = ({
-  projectSlug,
-  environmentSlug,
-  path,
-  name
-}: TDetailsDynamicSecretDTO) => {
-  return useQuery({
-    queryKey: dynamicSecretKeys.details({ path, environmentSlug, projectSlug, name }),
-    enabled: Boolean(projectSlug && environmentSlug && path && name),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{
-        dynamicSecret: TDynamicSecret & { inputs: unknown };
-      }>(`/api/v1/dynamic-secrets/${name}`, {
-        params: {
-          projectSlug,
-          environmentSlug,
-          path
-        }
-      });
-
-      return data.dynamicSecret;
-    }
-  });
-};
-
-export const useGetDynamicSecretProviderData = ({
-  tenantId,
-  applicationId,
-  clientSecret,
-  enabled
-}: {
-  tenantId: string;
-  applicationId: string;
-  clientSecret: string;
-  enabled: boolean
-}) => {
-  return useQuery({
-    queryKey: ["users"],
-    queryFn: async () => {
-      const { data } = await apiRequest.post<{id:string, email: string, name:string}[]>(
-        "/api/v1/dynamic-secrets/entra-id/users",
-        {
-          tenantId,
-          applicationId,
-          clientSecret
-        }
-      );
-      return data;
-    },
-    enabled
-  });
-};
-
-export const useGetDynamicSecretsOfAllEnv = ({
-  path,
-  projectSlug,
-  environmentSlugs
-}: TGetDynamicSecretsByEnvsDTO) => {
-  const dynamicSecrets = useQueries({
-    queries: environmentSlugs.map((environment) => ({
-      queryKey: dynamicSecretKeys.list({ path, environmentSlug: environment, projectSlug }),
-      enabled: Boolean(projectSlug && environment && path),
-      queryFn: async () => {
-        const { data } = await apiRequest.get<{ dynamicSecrets: TDynamicSecret[] }>(
-          "/api/v1/dynamic-secrets",
-          {
-            params: {
-              projectSlug,
-              environmentSlug: environment,
-              path
-            }
-          }
-        );
-
-        return data.dynamicSecrets;
-      }
-    }))
-  });
-
-  const dynamicSecretNames = useMemo(() => {
-    const names = new Set<string>();
-    dynamicSecrets?.forEach(({ data }) => {
-      data?.forEach(({ name }) => {
-        names.add(name);
-      });
-    });
-    return [...names];
-  }, [(dynamicSecrets || []).map((dynamicSecret) => dynamicSecret.data)]);
-
-  const isDynamicSecretPresentInEnv = useCallback(
-    (name: string, env: string) => {
-      const selectedEnvIndex = environmentSlugs.indexOf(env);
-      if (selectedEnvIndex !== -1) {
-        return Boolean(
-          dynamicSecrets?.[selectedEnvIndex]?.data?.find(
-            ({ name: dynamicSecretName }) => dynamicSecretName === name
-          )
-        );
-      }
-      return false;
-    },
-    [(dynamicSecrets || []).map((el) => el.data)]
-  );
-
-  return { dynamicSecrets, isDynamicSecretPresentInEnv, dynamicSecretNames };
-};
diff --git a/frontend-next/src/hooks/api/dynamicSecret/types.ts b/frontend-next/src/hooks/api/dynamicSecret/types.ts
deleted file mode 100644
index 96fc3d6c8..000000000
--- a/frontend-next/src/hooks/api/dynamicSecret/types.ts
+++ /dev/null
@@ -1,311 +0,0 @@
-export enum DynamicSecretStatus {
-  Deleting = "Revocation in process",
-  FailedDeletion = "Failed to delete"
-}
-// TODO(akhilmhdh): When we switch to monorepo all the server api ts will be in a shared repo
-export type TDynamicSecret = {
-  id: string;
-  name: string;
-  type: DynamicSecretProviders;
-  createdAt: string;
-  updatedAt: string;
-  defaultTTL: string;
-  status?: DynamicSecretStatus;
-  statusDetails?: string;
-  maxTTL: string;
-};
-
-export enum DynamicSecretProviders {
-  SqlDatabase = "sql-database",
-  Cassandra = "cassandra",
-  AwsIam = "aws-iam",
-  Redis = "redis",
-  AwsElastiCache = "aws-elasticache",
-  MongoAtlas = "mongo-db-atlas",
-  ElasticSearch = "elastic-search",
-  MongoDB = "mongo-db",
-  RabbitMq = "rabbit-mq",
-  AzureEntraId = "azure-entra-id",
-  Ldap = "ldap",
-  SapHana = "sap-hana",
-  Snowflake = "snowflake",
-  Totp = "totp",
-  SapAse = "sap-ase"
-}
-
-export enum SqlProviders {
-  Postgres = "postgres",
-  MySql = "mysql2",
-  Oracle = "oracledb",
-  MsSQL = "mssql"
-}
-
-export type TDynamicSecretProvider =
-  | {
-      type: DynamicSecretProviders.SqlDatabase;
-      inputs: {
-        client: SqlProviders;
-        host: string;
-        port: number;
-        database: string;
-        username: string;
-        password: string;
-        creationStatement: string;
-        revocationStatement: string;
-        renewStatement?: string;
-        ca?: string | undefined;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.Cassandra;
-      inputs: {
-        host: string;
-        port: number;
-        keyspace?: string;
-        localDataCenter: string;
-        username: string;
-        password: string;
-        creationStatement: string;
-        revocationStatement: string;
-        renewStatement?: string;
-        ca?: string | undefined;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.AwsIam;
-      inputs: {
-        accessKey: string;
-        secretAccessKey: string;
-        region: string;
-        awsPath?: string;
-        policyDocument?: string;
-        userGroups?: string;
-        policyArns?: string;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.Redis;
-      inputs: {
-        host: string;
-        port: number;
-        username: string;
-        password?: string;
-        creationStatement: string;
-        renewStatement?: string;
-        revocationStatement: string;
-        ca?: string | undefined;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.AwsElastiCache;
-      inputs: {
-        clusterName: string;
-        accessKeyId: string;
-        secretAccessKey: string;
-        region: string;
-        creationStatement: string;
-        revocationStatement: string;
-        ca?: string | undefined;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.MongoAtlas;
-      inputs: {
-        adminPublicKey: string;
-        adminPrivateKey: string;
-        groupId: string;
-        roles: {
-          databaseName: string;
-          roleName: string;
-          collectionName?: string;
-        }[];
-        scopes?: {
-          name: string;
-          type: string;
-        }[];
-      };
-    }
-  | {
-      type: DynamicSecretProviders.MongoDB;
-      inputs: {
-        host: string;
-        port?: number;
-        database: string;
-        username: string;
-        password: string;
-        ca?: string | undefined;
-        roles: (
-          | {
-              databaseName: string;
-              roleName: string;
-            }
-          | string
-        )[];
-      };
-    }
-  | {
-      type: DynamicSecretProviders.ElasticSearch;
-      inputs: {
-        host: string;
-        port: number;
-        ca?: string | undefined;
-        roles: string[];
-        auth:
-          | {
-              type: "user";
-              username: string;
-              password: string;
-            }
-          | {
-              type: "api-key";
-              apiKey: string;
-              apiKeyId: string;
-            };
-      };
-    }
-  | {
-      type: DynamicSecretProviders.RabbitMq;
-      inputs: {
-        host: string;
-        port: number;
-
-        username: string;
-        password: string;
-
-        tags: string[];
-        virtualHost: {
-          name: string;
-          permissions: {
-            configure: string;
-            write: string;
-            read: string;
-          };
-        };
-        ca?: string;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.AzureEntraId;
-      inputs: {
-        tenantId: string;
-        userId: string;
-        email: string;
-        applicationId: string;
-        clientSecret: string;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.Ldap;
-      inputs: {
-        url: string;
-        binddn: string;
-        bindpass: string;
-        ca?: string | undefined;
-        credentialType: string;
-        creationLdif?: string;
-        revocationLdif?: string;
-        rollbackLdif?: string;
-        rotationLdif?: string;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.SapHana;
-      inputs: {
-        host: string;
-        port: number;
-        username: string;
-        password: string;
-        creationStatement: string;
-        revocationStatement: string;
-        renewStatement?: string;
-        ca?: string | undefined;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.SapAse;
-      inputs: {
-        host: string;
-        port: number;
-        username: string;
-        database: string;
-        password: string;
-        creationStatement: string;
-        revocationStatement: string;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.Snowflake;
-      inputs: {
-        orgId: string;
-        accountId: string;
-        username: string;
-        password: string;
-        creationStatement: string;
-        revocationStatement: string;
-        renewStatement?: string;
-      };
-    }
-  | {
-      type: DynamicSecretProviders.Totp;
-      inputs:
-        | {
-            configType: "url";
-            url: string;
-          }
-        | {
-            configType: "manual";
-            secret: string;
-            period?: number;
-            algorithm?: string;
-            digits?: number;
-          };
-    };
-export type TCreateDynamicSecretDTO = {
-  projectSlug: string;
-  provider: TDynamicSecretProvider;
-  defaultTTL: string;
-  maxTTL?: string;
-  path: string;
-  environmentSlug: string;
-  name: string;
-};
-
-export type TUpdateDynamicSecretDTO = {
-  name: string;
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-  data: {
-    newName?: string;
-    defaultTTL?: string;
-    maxTTL?: string | null;
-    inputs?: unknown;
-  };
-};
-
-export type TListDynamicSecretDTO = {
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-};
-
-export type TDeleteDynamicSecretDTO = {
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-  name: string;
-  isForced?: boolean;
-};
-
-export type TDetailsDynamicSecretDTO = {
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-  name: string;
-};
-
-export type TGetDynamicSecretsByEnvsDTO = {
-  projectSlug: string;
-  path: string;
-  environmentSlugs: string[];
-};
diff --git a/frontend-next/src/hooks/api/dynamicSecretLease/index.ts b/frontend-next/src/hooks/api/dynamicSecretLease/index.ts
deleted file mode 100644
index 7f2d6852f..000000000
--- a/frontend-next/src/hooks/api/dynamicSecretLease/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useCreateDynamicSecretLease,
-  useRenewDynamicSecretLease,
-  useRevokeDynamicSecretLease
-} from "./mutation";
-export { useGetDynamicSecretLeases } from "./queries";
diff --git a/frontend-next/src/hooks/api/dynamicSecretLease/mutation.ts b/frontend-next/src/hooks/api/dynamicSecretLease/mutation.ts
deleted file mode 100644
index 3ed2b75d9..000000000
--- a/frontend-next/src/hooks/api/dynamicSecretLease/mutation.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { dynamicSecretLeaseKeys } from "./queries";
-import {
-  TCreateDynamicSecretLeaseDTO,
-  TDynamicSecretLease,
-  TRenewDynamicSecretLeaseDTO,
-  TRevokeDynamicSecretLeaseDTO
-} from "./types";
-
-export const useCreateDynamicSecretLease = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<
-    { lease: TDynamicSecretLease; data: unknown },
-    {},
-    TCreateDynamicSecretLeaseDTO
-  >({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post<{ lease: TDynamicSecretLease; data: unknown }>(
-        "/api/v1/dynamic-secrets/leases",
-        dto
-      );
-      return data;
-    },
-    onSuccess: (_, { path, environmentSlug, projectSlug, dynamicSecretName }) => {
-      queryClient.invalidateQueries(
-        dynamicSecretLeaseKeys.list({ path, projectSlug, environmentSlug, dynamicSecretName })
-      );
-    }
-  });
-};
-
-export const useRenewDynamicSecretLease = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TRenewDynamicSecretLeaseDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post<{ lease: TDynamicSecretLease }>(
-        `/api/v1/dynamic-secrets/leases/${dto.leaseId}/renew`,
-        dto
-      );
-      return data.lease;
-    },
-    onSuccess: (_, { path, environmentSlug, projectSlug, dynamicSecretName }) => {
-      queryClient.invalidateQueries(
-        dynamicSecretLeaseKeys.list({ path, projectSlug, environmentSlug, dynamicSecretName })
-      );
-    }
-  });
-};
-
-export const useRevokeDynamicSecretLease = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TRevokeDynamicSecretLeaseDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete<{ lease: TDynamicSecretLease }>(
-        `/api/v1/dynamic-secrets/leases/${dto.leaseId}`,
-        { data: dto }
-      );
-      return data.lease;
-    },
-    onSuccess: (_, { path, environmentSlug, projectSlug, dynamicSecretName }) => {
-      queryClient.invalidateQueries(
-        dynamicSecretLeaseKeys.list({ path, projectSlug, environmentSlug, dynamicSecretName })
-      );
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/dynamicSecretLease/queries.ts b/frontend-next/src/hooks/api/dynamicSecretLease/queries.ts
deleted file mode 100644
index 556c0edbf..000000000
--- a/frontend-next/src/hooks/api/dynamicSecretLease/queries.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TDynamicSecretLease, TListDynamicSecretLeaseDTO } from "./types";
-
-export const dynamicSecretLeaseKeys = {
-  list: ({ projectSlug, environmentSlug, path, dynamicSecretName }: TListDynamicSecretLeaseDTO) =>
-    [{ projectSlug, environmentSlug, path, dynamicSecretName }, "dynamic-secret-leases"] as const
-};
-
-export const useGetDynamicSecretLeases = ({
-  projectSlug,
-  environmentSlug,
-  path,
-  dynamicSecretName,
-  enabled = true
-}: TListDynamicSecretLeaseDTO) => {
-  return useQuery({
-    queryKey: dynamicSecretLeaseKeys.list({ path, environmentSlug, projectSlug, dynamicSecretName }),
-    enabled: Boolean(projectSlug && environmentSlug && path && dynamicSecretName && enabled),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ leases: TDynamicSecretLease[] }>(
-        `/api/v1/dynamic-secrets/${dynamicSecretName}/leases`,
-        {
-          params: {
-            projectSlug,
-            environmentSlug,
-            path
-          }
-        }
-      );
-
-      return data.leases;
-    }
-  });
-};
-
-
diff --git a/frontend-next/src/hooks/api/dynamicSecretLease/types.ts b/frontend-next/src/hooks/api/dynamicSecretLease/types.ts
deleted file mode 100644
index e6fbb0e75..000000000
--- a/frontend-next/src/hooks/api/dynamicSecretLease/types.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-export enum DynamicSecretLeaseStatus {
-  FailedDeletion = "Failed to delete"
-}
-
-export type TDynamicSecretLease = {
-  id: string;
-  version: number;
-  expireAt: string;
-  dynamicSecretId: string;
-  status?: DynamicSecretLeaseStatus;
-  statusDetails?: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TCreateDynamicSecretLeaseDTO = {
-  dynamicSecretName: string;
-  projectSlug: string;
-  ttl?: string;
-  path: string;
-  environmentSlug: string;
-};
-
-export type TRenewDynamicSecretLeaseDTO = {
-  leaseId: string;
-  dynamicSecretName: string;
-  ttl?: string;
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-};
-
-export type TListDynamicSecretLeaseDTO = {
-  dynamicSecretName: string;
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-  enabled?: boolean;
-};
-
-export type TRevokeDynamicSecretLeaseDTO = {
-  leaseId: string;
-  dynamicSecretName: string;
-  projectSlug: string;
-  path: string;
-  environmentSlug: string;
-  isForced?: boolean;
-};
-
diff --git a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/index.ts b/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/index.ts
deleted file mode 100644
index 177955438..000000000
--- a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./mutations";
-export * from "./queries";
-export * from "./types";
diff --git a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/mutations.tsx b/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/mutations.tsx
deleted file mode 100644
index aac46726a..000000000
--- a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/mutations.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { externalGroupOrgRoleMappingKeys } from "@app/hooks/api/externalGroupOrgRoleMappings/queries";
-import { TSyncExternalGroupOrgRoleMappingsDTO } from "@app/hooks/api/externalGroupOrgRoleMappings/types";
-
-export const useUpdateExternalGroupOrgRoleMappings = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (payload: TSyncExternalGroupOrgRoleMappingsDTO) => {
-      const { data } = await apiRequest.put("/api/v1/external-group-mappings", payload);
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(externalGroupOrgRoleMappingKeys.list());
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/queries.tsx b/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/queries.tsx
deleted file mode 100644
index 620ec0447..000000000
--- a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/queries.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { TExternalGroupOrgRoleMappingList } from "@app/hooks/api/externalGroupOrgRoleMappings/types";
-
-export const externalGroupOrgRoleMappingKeys = {
-  all: ["external-group-org-role-mapping"] as const,
-  list: () => [...externalGroupOrgRoleMappingKeys.all, "list"] as const
-};
-
-export const useGetExternalGroupOrgRoleMappings = (
-  options?: Omit<
-    UseQueryOptions<
-      TExternalGroupOrgRoleMappingList,
-      unknown,
-      TExternalGroupOrgRoleMappingList,
-      ReturnType<typeof externalGroupOrgRoleMappingKeys.list>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: externalGroupOrgRoleMappingKeys.list(),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TExternalGroupOrgRoleMappingList>(
-        "/api/v1/external-group-mappings"
-      );
-
-      return data;
-    },
-    ...options
-  });
-};
diff --git a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/types.ts b/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/types.ts
deleted file mode 100644
index 313045742..000000000
--- a/frontend-next/src/hooks/api/externalGroupOrgRoleMappings/types.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export type TSyncExternalGroupOrgRoleMappingsDTO = {
-  mappings: {
-    groupName: string;
-    roleSlug: string;
-  }[];
-};
-
-export type TExternalGroupOrgRoleMapping = {
-  id: string;
-  groupName: string;
-  role: string;
-  roleId: string;
-  orgId: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TExternalGroupOrgRoleMappingList = TExternalGroupOrgRoleMapping[];
diff --git a/frontend-next/src/hooks/api/generic/types.ts b/frontend-next/src/hooks/api/generic/types.ts
deleted file mode 100644
index 1f09c5c0a..000000000
--- a/frontend-next/src/hooks/api/generic/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum OrderByDirection {
-  ASC = "asc",
-  DESC = "desc"
-}
diff --git a/frontend-next/src/hooks/api/groups/index.tsx b/frontend-next/src/hooks/api/groups/index.tsx
deleted file mode 100644
index c23a55832..000000000
--- a/frontend-next/src/hooks/api/groups/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export {
-  useAddUserToGroup,
-  useCreateGroup,
-  useDeleteGroup,
-  useRemoveUserFromGroup,
-  useUpdateGroup
-} from "./mutations";
-export { useGetGroupById, useListGroupUsers } from "./queries";
diff --git a/frontend-next/src/hooks/api/groups/mutations.tsx b/frontend-next/src/hooks/api/groups/mutations.tsx
deleted file mode 100644
index 2f5c5984c..000000000
--- a/frontend-next/src/hooks/api/groups/mutations.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { organizationKeys } from "../organization/queries";
-import { userKeys } from "../users/query-keys";
-import { groupKeys } from "./queries";
-import { TGroup } from "./types";
-
-export const useCreateGroup = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      name,
-      slug,
-      role
-    }: {
-      name: string;
-      slug: string;
-      organizationId: string;
-      role?: string;
-    }) => {
-      const { data: group } = await apiRequest.post<TGroup>("/api/v1/groups", {
-        name,
-        slug,
-        role
-      });
-
-      return group;
-    },
-    onSuccess: (_, { organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgGroups(organizationId));
-    }
-  });
-};
-
-export const useUpdateGroup = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      id,
-      name,
-      slug,
-      role
-    }: {
-      id: string;
-      name?: string;
-      slug?: string;
-      role?: string;
-    }) => {
-      const { data: group } = await apiRequest.patch<TGroup>(`/api/v1/groups/${id}`, {
-        name,
-        slug,
-        role
-      });
-
-      return group;
-    },
-    onSuccess: ({ orgId, id: groupId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgGroups(orgId));
-      queryClient.invalidateQueries(groupKeys.getGroupById(groupId));
-    }
-  });
-};
-
-export const useDeleteGroup = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ id }: { id: string }) => {
-      const { data: group } = await apiRequest.delete<TGroup>(`/api/v1/groups/${id}`);
-
-      return group;
-    },
-    onSuccess: ({ orgId, id: groupId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgGroups(orgId));
-      queryClient.invalidateQueries(groupKeys.getGroupById(groupId));
-    }
-  });
-};
-
-export const useAddUserToGroup = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      groupId,
-      username
-    }: {
-      groupId: string;
-      username: string;
-      slug: string;
-    }) => {
-      const { data } = await apiRequest.post<TGroup>(`/api/v1/groups/${groupId}/users/${username}`);
-
-      return data;
-    },
-    onSuccess: (_, { slug }) => {
-      queryClient.invalidateQueries(groupKeys.forGroupUserMemberships(slug));
-    }
-  });
-};
-
-export const useRemoveUserFromGroup = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      username,
-      groupId
-    }: {
-      slug: string;
-      username: string;
-      groupId: string;
-    }) => {
-      const { data } = await apiRequest.delete<TGroup>(
-        `/api/v1/groups/${groupId}/users/${username}`
-      );
-
-      return data;
-    },
-    onSuccess: (_, { slug, username }) => {
-      queryClient.invalidateQueries(groupKeys.forGroupUserMemberships(slug));
-      queryClient.invalidateQueries(userKeys.listUserGroupMemberships(username));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/groups/queries.tsx b/frontend-next/src/hooks/api/groups/queries.tsx
deleted file mode 100644
index dc3791db7..000000000
--- a/frontend-next/src/hooks/api/groups/queries.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { EFilterReturnedUsers, TGroup, TGroupUser } from "./types";
-
-export const groupKeys = {
-  getGroupById: (groupId: string) => [{ groupId }, "group"] as const,
-  allGroupUserMemberships: () => ["group-user-memberships"] as const,
-  forGroupUserMemberships: (slug: string) =>
-    [...groupKeys.allGroupUserMemberships(), slug] as const,
-  specificGroupUserMemberships: ({
-    slug,
-    offset,
-    limit,
-    search,
-    filter
-  }: {
-    slug: string;
-    offset: number;
-    limit: number;
-    search: string;
-    filter?: EFilterReturnedUsers;
-  }) => [...groupKeys.forGroupUserMemberships(slug), { offset, limit, search, filter }] as const
-};
-
-export const useGetGroupById = (groupId: string) => {
-  return useQuery({
-    enabled: Boolean(groupId),
-    queryKey: groupKeys.getGroupById(groupId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TGroup>(`/api/v1/groups/${groupId}`);
-
-      return { group: data };
-    }
-  });
-};
-
-export const useListGroupUsers = ({
-  id,
-  groupSlug,
-  offset = 0,
-  limit = 10,
-  search,
-  filter
-}: {
-  id: string;
-  groupSlug: string;
-  offset: number;
-  limit: number;
-  search: string;
-  filter?: EFilterReturnedUsers;
-}) => {
-  return useQuery({
-    queryKey: groupKeys.specificGroupUserMemberships({
-      slug: groupSlug,
-      offset,
-      limit,
-      search,
-      filter
-    }),
-    enabled: Boolean(groupSlug),
-    keepPreviousData: true,
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        offset: String(offset),
-        limit: String(limit),
-        search,
-        ...(filter && { filter })
-      });
-
-      const { data } = await apiRequest.get<{ users: TGroupUser[]; totalCount: number }>(
-        `/api/v1/groups/${id}/users`,
-        {
-          params
-        }
-      );
-
-      return data;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/groups/types.ts b/frontend-next/src/hooks/api/groups/types.ts
deleted file mode 100644
index 6bc82b39e..000000000
--- a/frontend-next/src/hooks/api/groups/types.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { TOrgRole } from "../roles/types";
-
-// TODO: rectify/standardize types
-
-export type TGroupOrgMembership = TGroup & {
-  customRole?: TOrgRole;
-};
-
-export type TGroup = {
-  id: string;
-  name: string;
-  slug: string;
-  orgId: string;
-  createdAt: string;
-  updatedAt: string;
-  role: string;
-};
-
-export type TGroupMembership = {
-  id: string;
-  group: TGroup;
-  roles: {
-    id: string;
-    role: "owner" | "admin" | "member" | "no-access" | "custom";
-    customRoleId: string;
-    customRoleName: string;
-    customRoleSlug: string;
-    isTemporary: boolean;
-    temporaryMode: string | null;
-    temporaryRange: string | null;
-    temporaryAccessStartTime: string | null;
-    temporaryAccessEndTime: string | null;
-  }[];
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TGroupWithProjectMemberships = {
-  id: string;
-  name: string;
-  slug: string;
-  orgId: string;
-};
-
-export type TGroupUser = {
-  id: string;
-  email: string;
-  username: string;
-  firstName: string;
-  lastName: string;
-  isPartOfGroup: boolean;
-  joinedGroupAt: Date;
-};
-
-export enum EFilterReturnedUsers {
-  EXISTING_MEMBERS = "existingMembers",
-  NON_MEMBERS = "nonMembers"
-}
diff --git a/frontend-next/src/hooks/api/identities/constants.tsx b/frontend-next/src/hooks/api/identities/constants.tsx
deleted file mode 100644
index c11d7dc11..000000000
--- a/frontend-next/src/hooks/api/identities/constants.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { IdentityAuthMethod } from "./enums";
-
-export const identityAuthToNameMap: { [I in IdentityAuthMethod]: string } = {
-  [IdentityAuthMethod.TOKEN_AUTH]: "Token Auth",
-  [IdentityAuthMethod.UNIVERSAL_AUTH]: "Universal Auth",
-  [IdentityAuthMethod.KUBERNETES_AUTH]: "Kubernetes Auth",
-  [IdentityAuthMethod.GCP_AUTH]: "GCP Auth",
-  [IdentityAuthMethod.AWS_AUTH]: "AWS Auth",
-  [IdentityAuthMethod.AZURE_AUTH]: "Azure Auth",
-  [IdentityAuthMethod.OIDC_AUTH]: "OIDC Auth",
-  [IdentityAuthMethod.JWT_AUTH]: "JWT Auth"
-};
diff --git a/frontend-next/src/hooks/api/identities/enums.tsx b/frontend-next/src/hooks/api/identities/enums.tsx
deleted file mode 100644
index 415492e00..000000000
--- a/frontend-next/src/hooks/api/identities/enums.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-export enum IdentityAuthMethod {
-  TOKEN_AUTH = "token-auth",
-  UNIVERSAL_AUTH = "universal-auth",
-  KUBERNETES_AUTH = "kubernetes-auth",
-  GCP_AUTH = "gcp-auth",
-  AWS_AUTH = "aws-auth",
-  AZURE_AUTH = "azure-auth",
-  OIDC_AUTH = "oidc-auth",
-  JWT_AUTH = "jwt-auth"
-}
-
-export enum IdentityJwtConfigurationType {
-  JWKS = "jwks",
-  STATIC = "static"
-}
diff --git a/frontend-next/src/hooks/api/identities/index.tsx b/frontend-next/src/hooks/api/identities/index.tsx
deleted file mode 100644
index 261556752..000000000
--- a/frontend-next/src/hooks/api/identities/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-export { identityAuthToNameMap } from "./constants";
-export { IdentityAuthMethod } from "./enums";
-export {
-  useAddIdentityAwsAuth,
-  useAddIdentityAzureAuth,
-  useAddIdentityGcpAuth,
-  useAddIdentityJwtAuth,
-  useAddIdentityKubernetesAuth,
-  useAddIdentityOidcAuth,
-  useAddIdentityTokenAuth,
-  useAddIdentityUniversalAuth,
-  useCreateIdentity,
-  useCreateIdentityUniversalAuthClientSecret,
-  useCreateTokenIdentityTokenAuth,
-  useDeleteIdentity,
-  useDeleteIdentityAwsAuth,
-  useDeleteIdentityAzureAuth,
-  useDeleteIdentityGcpAuth,
-  useDeleteIdentityJwtAuth,
-  useDeleteIdentityKubernetesAuth,
-  useDeleteIdentityOidcAuth,
-  useDeleteIdentityTokenAuth,
-  useDeleteIdentityUniversalAuth,
-  useRevokeIdentityTokenAuthToken,
-  useRevokeIdentityUniversalAuthClientSecret,
-  useUpdateIdentity,
-  useUpdateIdentityAwsAuth,
-  useUpdateIdentityAzureAuth,
-  useUpdateIdentityGcpAuth,
-  useUpdateIdentityJwtAuth,
-  useUpdateIdentityKubernetesAuth,
-  useUpdateIdentityOidcAuth,
-  useUpdateIdentityTokenAuth,
-  useUpdateIdentityTokenAuthToken,
-  useUpdateIdentityUniversalAuth
-} from "./mutations";
-export {
-  useGetIdentityAwsAuth,
-  useGetIdentityAzureAuth,
-  useGetIdentityById,
-  useGetIdentityGcpAuth,
-  useGetIdentityJwtAuth,
-  useGetIdentityKubernetesAuth,
-  useGetIdentityOidcAuth,
-  useGetIdentityProjectMemberships,
-  useGetIdentityTokenAuth,
-  useGetIdentityTokensTokenAuth,
-  useGetIdentityUniversalAuth,
-  useGetIdentityUniversalAuthClientSecrets
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/identities/mutations.tsx b/frontend-next/src/hooks/api/identities/mutations.tsx
deleted file mode 100644
index 8daaae236..000000000
--- a/frontend-next/src/hooks/api/identities/mutations.tsx
+++ /dev/null
@@ -1,971 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { organizationKeys } from "../organization/queries";
-import { identitiesKeys } from "./queries";
-import {
-  AddIdentityAwsAuthDTO,
-  AddIdentityAzureAuthDTO,
-  AddIdentityGcpAuthDTO,
-  AddIdentityJwtAuthDTO,
-  AddIdentityKubernetesAuthDTO,
-  AddIdentityOidcAuthDTO,
-  AddIdentityTokenAuthDTO,
-  AddIdentityUniversalAuthDTO,
-  ClientSecretData,
-  CreateIdentityDTO,
-  CreateIdentityUniversalAuthClientSecretDTO,
-  CreateIdentityUniversalAuthClientSecretRes,
-  CreateTokenIdentityTokenAuthDTO,
-  CreateTokenIdentityTokenAuthRes,
-  DeleteIdentityAwsAuthDTO,
-  DeleteIdentityAzureAuthDTO,
-  DeleteIdentityDTO,
-  DeleteIdentityGcpAuthDTO,
-  DeleteIdentityJwtAuthDTO,
-  DeleteIdentityKubernetesAuthDTO,
-  DeleteIdentityOidcAuthDTO,
-  DeleteIdentityTokenAuthDTO,
-  DeleteIdentityUniversalAuthClientSecretDTO,
-  DeleteIdentityUniversalAuthDTO,
-  Identity,
-  IdentityAccessToken,
-  IdentityAwsAuth,
-  IdentityAzureAuth,
-  IdentityGcpAuth,
-  IdentityJwtAuth,
-  IdentityKubernetesAuth,
-  IdentityOidcAuth,
-  IdentityTokenAuth,
-  IdentityUniversalAuth,
-  RevokeTokenDTO,
-  RevokeTokenRes,
-  UpdateIdentityAwsAuthDTO,
-  UpdateIdentityAzureAuthDTO,
-  UpdateIdentityDTO,
-  UpdateIdentityGcpAuthDTO,
-  UpdateIdentityJwtAuthDTO,
-  UpdateIdentityKubernetesAuthDTO,
-  UpdateIdentityOidcAuthDTO,
-  UpdateIdentityTokenAuthDTO,
-  UpdateIdentityUniversalAuthDTO,
-  UpdateTokenIdentityTokenAuthDTO
-} from "./types";
-
-export const useCreateIdentity = () => {
-  const queryClient = useQueryClient();
-  return useMutation<Identity, {}, CreateIdentityDTO>({
-    mutationFn: async (body) => {
-      const {
-        data: { identity }
-      } = await apiRequest.post("/api/v1/identities/", body);
-      return identity;
-    },
-    onSuccess: (_, { organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-    }
-  });
-};
-
-export const useUpdateIdentity = () => {
-  const queryClient = useQueryClient();
-  return useMutation<Identity, {}, UpdateIdentityDTO>({
-    mutationFn: async ({ identityId, name, role, metadata }) => {
-      const {
-        data: { identity }
-      } = await apiRequest.patch(`/api/v1/identities/${identityId}`, {
-        name,
-        role,
-        metadata
-      });
-
-      return identity;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentity = () => {
-  const queryClient = useQueryClient();
-  return useMutation<Identity, {}, DeleteIdentityDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identity }
-      } = await apiRequest.delete(`/api/v1/identities/${identityId}`);
-      return identity;
-    },
-    onSuccess: (_, { organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-    }
-  });
-};
-
-// TODO: move these to /auth
-
-export const useAddIdentityUniversalAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityUniversalAuth, {}, AddIdentityUniversalAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      clientSecretTrustedIps,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityUniversalAuth }
-      } = await apiRequest.post(`/api/v1/auth/universal-auth/identities/${identityId}`, {
-        clientSecretTrustedIps,
-        accessTokenTTL,
-        accessTokenMaxTTL,
-        accessTokenNumUsesLimit,
-        accessTokenTrustedIps
-      });
-      return identityUniversalAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityUniversalAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityUniversalAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityUniversalAuth, {}, UpdateIdentityUniversalAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      clientSecretTrustedIps,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityUniversalAuth }
-      } = await apiRequest.patch(`/api/v1/auth/universal-auth/identities/${identityId}`, {
-        clientSecretTrustedIps,
-        accessTokenTTL,
-        accessTokenMaxTTL,
-        accessTokenNumUsesLimit,
-        accessTokenTrustedIps
-      });
-      return identityUniversalAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityUniversalAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityUniversalAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityUniversalAuth, {}, DeleteIdentityUniversalAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityUniversalAuth }
-      } = await apiRequest.delete(`/api/v1/auth/universal-auth/identities/${identityId}`);
-      return identityUniversalAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityUniversalAuth(identityId));
-    }
-  });
-};
-
-export const useCreateIdentityUniversalAuthClientSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation<
-    CreateIdentityUniversalAuthClientSecretRes,
-    {},
-    CreateIdentityUniversalAuthClientSecretDTO
-  >({
-    mutationFn: async ({ identityId, description, ttl, numUsesLimit }) => {
-      const { data } = await apiRequest.post(
-        `/api/v1/auth/universal-auth/identities/${identityId}/client-secrets`,
-        {
-          description,
-          ttl,
-          numUsesLimit
-        }
-      );
-      return data;
-    },
-    onSuccess: (_, { identityId }) => {
-      queryClient.invalidateQueries(
-        identitiesKeys.getIdentityUniversalAuthClientSecrets(identityId)
-      );
-    }
-  });
-};
-
-export const useRevokeIdentityUniversalAuthClientSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation<ClientSecretData, {}, DeleteIdentityUniversalAuthClientSecretDTO>({
-    mutationFn: async ({ identityId, clientSecretId }) => {
-      const {
-        data: { clientSecretData }
-      } = await apiRequest.post<{ clientSecretData: ClientSecretData }>(
-        `/api/v1/auth/universal-auth/identities/${identityId}/client-secrets/${clientSecretId}/revoke`
-      );
-      return clientSecretData;
-    },
-    onSuccess: (_, { identityId }) => {
-      queryClient.invalidateQueries(
-        identitiesKeys.getIdentityUniversalAuthClientSecrets(identityId)
-      );
-    }
-  });
-};
-
-export const useAddIdentityGcpAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityGcpAuth, {}, AddIdentityGcpAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      type,
-      allowedServiceAccounts,
-      allowedProjects,
-      allowedZones,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityGcpAuth }
-      } = await apiRequest.post<{ identityGcpAuth: IdentityGcpAuth }>(
-        `/api/v1/auth/gcp-auth/identities/${identityId}`,
-        {
-          type,
-          allowedServiceAccounts,
-          allowedProjects,
-          allowedZones,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityGcpAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityGcpAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityGcpAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityGcpAuth, {}, UpdateIdentityGcpAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      type,
-      allowedServiceAccounts,
-      allowedProjects,
-      allowedZones,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityGcpAuth }
-      } = await apiRequest.patch<{ identityGcpAuth: IdentityGcpAuth }>(
-        `/api/v1/auth/gcp-auth/identities/${identityId}`,
-        {
-          type,
-          allowedServiceAccounts,
-          allowedProjects,
-          allowedZones,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityGcpAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityGcpAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityGcpAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityGcpAuth, {}, DeleteIdentityGcpAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityGcpAuth }
-      } = await apiRequest.delete(`/api/v1/auth/gcp-auth/identities/${identityId}`);
-      return identityGcpAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityGcpAuth(identityId));
-    }
-  });
-};
-
-export const useAddIdentityAwsAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAwsAuth, {}, AddIdentityAwsAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      stsEndpoint,
-      allowedPrincipalArns,
-      allowedAccountIds,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityAwsAuth }
-      } = await apiRequest.post<{ identityAwsAuth: IdentityAwsAuth }>(
-        `/api/v1/auth/aws-auth/identities/${identityId}`,
-        {
-          stsEndpoint,
-          allowedPrincipalArns,
-          allowedAccountIds,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityAwsAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityAwsAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityAwsAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAwsAuth, {}, UpdateIdentityAwsAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      stsEndpoint,
-      allowedPrincipalArns,
-      allowedAccountIds,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityAwsAuth }
-      } = await apiRequest.patch<{ identityAwsAuth: IdentityAwsAuth }>(
-        `/api/v1/auth/aws-auth/identities/${identityId}`,
-        {
-          stsEndpoint,
-          allowedPrincipalArns,
-          allowedAccountIds,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityAwsAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityAwsAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityAwsAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAwsAuth, {}, DeleteIdentityAwsAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityAwsAuth }
-      } = await apiRequest.delete(`/api/v1/auth/aws-auth/identities/${identityId}`);
-      return identityAwsAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityAwsAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityOidcAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityOidcAuth, {}, UpdateIdentityOidcAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps,
-      oidcDiscoveryUrl,
-      caCert,
-      boundIssuer,
-      boundAudiences,
-      boundClaims,
-      boundSubject
-    }) => {
-      const {
-        data: { identityOidcAuth }
-      } = await apiRequest.patch<{ identityOidcAuth: IdentityOidcAuth }>(
-        `/api/v1/auth/oidc-auth/identities/${identityId}`,
-        {
-          oidcDiscoveryUrl,
-          caCert,
-          boundIssuer,
-          boundAudiences,
-          boundClaims,
-          boundSubject,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityOidcAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityOidcAuth(identityId));
-    }
-  });
-};
-
-export const useAddIdentityOidcAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityOidcAuth, {}, AddIdentityOidcAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      oidcDiscoveryUrl,
-      caCert,
-      boundIssuer,
-      boundAudiences,
-      boundClaims,
-      boundSubject,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityOidcAuth }
-      } = await apiRequest.post<{ identityOidcAuth: IdentityOidcAuth }>(
-        `/api/v1/auth/oidc-auth/identities/${identityId}`,
-        {
-          oidcDiscoveryUrl,
-          caCert,
-          boundIssuer,
-          boundAudiences,
-          boundClaims,
-          boundSubject,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityOidcAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityOidcAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityOidcAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityTokenAuth, {}, DeleteIdentityOidcAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityOidcAuth }
-      } = await apiRequest.delete(`/api/v1/auth/oidc-auth/identities/${identityId}`);
-      return identityOidcAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityOidcAuth(identityId));
-    }
-  });
-};
-export const useUpdateIdentityJwtAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityJwtAuth, {}, UpdateIdentityJwtAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      configurationType,
-      jwksUrl,
-      jwksCaCert,
-      publicKeys,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps,
-      boundIssuer,
-      boundAudiences,
-      boundClaims,
-      boundSubject
-    }) => {
-      const {
-        data: { identityJwtAuth }
-      } = await apiRequest.patch<{ identityJwtAuth: IdentityJwtAuth }>(
-        `/api/v1/auth/jwt-auth/identities/${identityId}`,
-        {
-          configurationType,
-          jwksUrl,
-          jwksCaCert,
-          publicKeys,
-          boundIssuer,
-          boundAudiences,
-          boundClaims,
-          boundSubject,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityJwtAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityJwtAuth(identityId));
-    }
-  });
-};
-
-export const useAddIdentityJwtAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityJwtAuth, {}, AddIdentityJwtAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      configurationType,
-      jwksUrl,
-      jwksCaCert,
-      publicKeys,
-      boundIssuer,
-      boundAudiences,
-      boundClaims,
-      boundSubject,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityJwtAuth }
-      } = await apiRequest.post<{ identityJwtAuth: IdentityJwtAuth }>(
-        `/api/v1/auth/jwt-auth/identities/${identityId}`,
-        {
-          configurationType,
-          jwksUrl,
-          jwksCaCert,
-          publicKeys,
-          boundIssuer,
-          boundAudiences,
-          boundClaims,
-          boundSubject,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityJwtAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityJwtAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityJwtAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityTokenAuth, {}, DeleteIdentityJwtAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityJwtAuth }
-      } = await apiRequest.delete(`/api/v1/auth/jwt-auth/identities/${identityId}`);
-      return identityJwtAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityJwtAuth(identityId));
-    }
-  });
-};
-
-export const useAddIdentityAzureAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAzureAuth, {}, AddIdentityAzureAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      tenantId,
-      resource,
-      allowedServicePrincipalIds,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityAzureAuth }
-      } = await apiRequest.post<{ identityAzureAuth: IdentityAzureAuth }>(
-        `/api/v1/auth/azure-auth/identities/${identityId}`,
-        {
-          tenantId,
-          resource,
-          allowedServicePrincipalIds,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityAzureAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityKubernetesAuth(identityId));
-    }
-  });
-};
-
-export const useAddIdentityKubernetesAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityKubernetesAuth, {}, AddIdentityKubernetesAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      kubernetesHost,
-      tokenReviewerJwt,
-      allowedNames,
-      allowedNamespaces,
-      allowedAudience,
-      caCert,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityKubernetesAuth }
-      } = await apiRequest.post<{ identityKubernetesAuth: IdentityKubernetesAuth }>(
-        `/api/v1/auth/kubernetes-auth/identities/${identityId}`,
-        {
-          kubernetesHost,
-          tokenReviewerJwt,
-          allowedNames,
-          allowedNamespaces,
-          allowedAudience,
-          caCert,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityKubernetesAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityAzureAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityAzureAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAzureAuth, {}, UpdateIdentityAzureAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      tenantId,
-      resource,
-      allowedServicePrincipalIds,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityAzureAuth }
-      } = await apiRequest.patch<{ identityAzureAuth: IdentityAzureAuth }>(
-        `/api/v1/auth/azure-auth/identities/${identityId}`,
-        {
-          tenantId,
-          resource,
-          allowedServicePrincipalIds,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityAzureAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityAzureAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityAzureAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAzureAuth, {}, DeleteIdentityAzureAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityAzureAuth }
-      } = await apiRequest.delete(`/api/v1/auth/azure-auth/identities/${identityId}`);
-      return identityAzureAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityAzureAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityKubernetesAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityKubernetesAuth, {}, UpdateIdentityKubernetesAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      kubernetesHost,
-      tokenReviewerJwt,
-      allowedNamespaces,
-      allowedNames,
-      allowedAudience,
-      caCert,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityKubernetesAuth }
-      } = await apiRequest.patch<{ identityKubernetesAuth: IdentityKubernetesAuth }>(
-        `/api/v1/auth/kubernetes-auth/identities/${identityId}`,
-        {
-          kubernetesHost,
-          tokenReviewerJwt,
-          allowedNames,
-          allowedNamespaces,
-          allowedAudience,
-          caCert,
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityKubernetesAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityKubernetesAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityKubernetesAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityTokenAuth, {}, DeleteIdentityKubernetesAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityKubernetesAuth }
-      } = await apiRequest.delete(`/api/v1/auth/kubernetes-auth/identities/${identityId}`);
-      return identityKubernetesAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityKubernetesAuth(identityId));
-    }
-  });
-};
-
-export const useAddIdentityTokenAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityTokenAuth, {}, AddIdentityTokenAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityTokenAuth }
-      } = await apiRequest.post<{ identityTokenAuth: IdentityTokenAuth }>(
-        `/api/v1/auth/token-auth/identities/${identityId}`,
-        {
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityTokenAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityUniversalAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityTokenAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityTokenAuth, {}, UpdateIdentityTokenAuthDTO>({
-    mutationFn: async ({
-      identityId,
-      accessTokenTTL,
-      accessTokenMaxTTL,
-      accessTokenNumUsesLimit,
-      accessTokenTrustedIps
-    }) => {
-      const {
-        data: { identityTokenAuth }
-      } = await apiRequest.patch<{ identityTokenAuth: IdentityTokenAuth }>(
-        `/api/v1/auth/token-auth/identities/${identityId}`,
-        {
-          accessTokenTTL,
-          accessTokenMaxTTL,
-          accessTokenNumUsesLimit,
-          accessTokenTrustedIps
-        }
-      );
-
-      return identityTokenAuth;
-    },
-    onSuccess: (_, { identityId, organizationId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityUniversalAuth(identityId));
-    }
-  });
-};
-
-export const useDeleteIdentityTokenAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityTokenAuth, {}, DeleteIdentityTokenAuthDTO>({
-    mutationFn: async ({ identityId }) => {
-      const {
-        data: { identityTokenAuth }
-      } = await apiRequest.delete(`/api/v1/auth/token-auth/identities/${identityId}`);
-      return identityTokenAuth;
-    },
-    onSuccess: (_, { organizationId, identityId }) => {
-      queryClient.invalidateQueries(organizationKeys.getOrgIdentityMemberships(organizationId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityById(identityId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityTokenAuth(identityId));
-    }
-  });
-};
-
-export const useCreateTokenIdentityTokenAuth = () => {
-  const queryClient = useQueryClient();
-  return useMutation<CreateTokenIdentityTokenAuthRes, {}, CreateTokenIdentityTokenAuthDTO>({
-    mutationFn: async ({ identityId, name }) => {
-      const { data } = await apiRequest.post<CreateTokenIdentityTokenAuthRes>(
-        `/api/v1/auth/token-auth/identities/${identityId}/tokens`,
-        {
-          name
-        }
-      );
-
-      return data;
-    },
-    onSuccess: (_, { identityId }) => {
-      queryClient.invalidateQueries(identitiesKeys.getIdentityTokensTokenAuth(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityTokenAuthToken = () => {
-  const queryClient = useQueryClient();
-  return useMutation<IdentityAccessToken, {}, UpdateTokenIdentityTokenAuthDTO>({
-    mutationFn: async ({ tokenId, name }) => {
-      const {
-        data: { token }
-      } = await apiRequest.patch<{ token: IdentityAccessToken }>(
-        `/api/v1/auth/token-auth/tokens/${tokenId}`,
-        {
-          name
-        }
-      );
-
-      return token;
-    },
-    onSuccess: (_, { identityId }) => {
-      queryClient.invalidateQueries(identitiesKeys.getIdentityTokensTokenAuth(identityId));
-    }
-  });
-};
-
-export const useRevokeIdentityTokenAuthToken = () => {
-  const queryClient = useQueryClient();
-  return useMutation<RevokeTokenRes, {}, RevokeTokenDTO>({
-    mutationFn: async ({ tokenId }) => {
-      const { data } = await apiRequest.post<RevokeTokenRes>(
-        `/api/v1/auth/token-auth/tokens/${tokenId}/revoke`
-      );
-
-      return data;
-    },
-    onSuccess: (_, { identityId }) => {
-      queryClient.invalidateQueries(identitiesKeys.getIdentityTokensTokenAuth(identityId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/identities/queries.tsx b/frontend-next/src/hooks/api/identities/queries.tsx
deleted file mode 100644
index 49136614e..000000000
--- a/frontend-next/src/hooks/api/identities/queries.tsx
+++ /dev/null
@@ -1,307 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  ClientSecretData,
-  IdentityAccessToken,
-  IdentityAwsAuth,
-  IdentityAzureAuth,
-  IdentityGcpAuth,
-  IdentityJwtAuth,
-  IdentityKubernetesAuth,
-  IdentityMembership,
-  IdentityMembershipOrg,
-  IdentityOidcAuth,
-  IdentityTokenAuth,
-  IdentityUniversalAuth
-} from "./types";
-
-export const identitiesKeys = {
-  getIdentityById: (identityId: string) => [{ identityId }, "identity"] as const,
-  getIdentityUniversalAuth: (identityId: string) =>
-    [{ identityId }, "identity-universal-auth"] as const,
-  getIdentityUniversalAuthClientSecrets: (identityId: string) =>
-    [{ identityId }, "identity-universal-auth-client-secrets"] as const,
-  getIdentityKubernetesAuth: (identityId: string) =>
-    [{ identityId }, "identity-kubernetes-auth"] as const,
-  getIdentityGcpAuth: (identityId: string) => [{ identityId }, "identity-gcp-auth"] as const,
-  getIdentityOidcAuth: (identityId: string) => [{ identityId }, "identity-oidc-auth"] as const,
-  getIdentityAwsAuth: (identityId: string) => [{ identityId }, "identity-aws-auth"] as const,
-  getIdentityAzureAuth: (identityId: string) => [{ identityId }, "identity-azure-auth"] as const,
-  getIdentityTokenAuth: (identityId: string) => [{ identityId }, "identity-token-auth"] as const,
-  getIdentityJwtAuth: (identityId: string) => [{ identityId }, "identity-jwt-auth"] as const,
-  getIdentityTokensTokenAuth: (identityId: string) =>
-    [{ identityId }, "identity-tokens-token-auth"] as const,
-  getIdentityProjectMemberships: (identityId: string) =>
-    [{ identityId }, "identity-project-memberships"] as const
-};
-
-export const useGetIdentityById = (identityId: string) => {
-  return useQuery({
-    enabled: Boolean(identityId),
-    queryKey: identitiesKeys.getIdentityById(identityId),
-    queryFn: async () => {
-      const {
-        data: { identity }
-      } = await apiRequest.get<{ identity: IdentityMembershipOrg }>(
-        `/api/v1/identities/${identityId}`
-      );
-      return identity;
-    }
-  });
-};
-
-export const useGetIdentityProjectMemberships = (identityId: string) => {
-  return useQuery({
-    enabled: Boolean(identityId),
-    queryKey: identitiesKeys.getIdentityProjectMemberships(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityMemberships }
-      } = await apiRequest.get<{ identityMemberships: IdentityMembership[] }>(
-        `/api/v1/identities/${identityId}/identity-memberships`
-      );
-      return identityMemberships;
-    }
-  });
-};
-
-export const useGetIdentityUniversalAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityUniversalAuth,
-    unknown,
-    IdentityUniversalAuth,
-    ReturnType<typeof identitiesKeys.getIdentityUniversalAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityUniversalAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityUniversalAuth }
-      } = await apiRequest.get<{ identityUniversalAuth: IdentityUniversalAuth }>(
-        `/api/v1/auth/universal-auth/identities/${identityId}`
-      );
-      return identityUniversalAuth;
-    },
-    cacheTime: 0,
-    staleTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityUniversalAuthClientSecrets = (identityId: string) => {
-  return useQuery({
-    enabled: Boolean(identityId),
-    queryKey: identitiesKeys.getIdentityUniversalAuthClientSecrets(identityId),
-    queryFn: async () => {
-      const {
-        data: { clientSecretData }
-      } = await apiRequest.get<{ clientSecretData: ClientSecretData[] }>(
-        `/api/v1/auth/universal-auth/identities/${identityId}/client-secrets`
-      );
-      return clientSecretData;
-    }
-  });
-};
-
-export const useGetIdentityGcpAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityGcpAuth,
-    unknown,
-    IdentityGcpAuth,
-    ReturnType<typeof identitiesKeys.getIdentityGcpAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityGcpAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityGcpAuth }
-      } = await apiRequest.get<{ identityGcpAuth: IdentityGcpAuth }>(
-        `/api/v1/auth/gcp-auth/identities/${identityId}`
-      );
-      return identityGcpAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityAwsAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityAwsAuth,
-    unknown,
-    IdentityAwsAuth,
-    ReturnType<typeof identitiesKeys.getIdentityAwsAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityAwsAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityAwsAuth }
-      } = await apiRequest.get<{ identityAwsAuth: IdentityAwsAuth }>(
-        `/api/v1/auth/aws-auth/identities/${identityId}`
-      );
-      return identityAwsAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityAzureAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityAzureAuth,
-    unknown,
-    IdentityAzureAuth,
-    ReturnType<typeof identitiesKeys.getIdentityAzureAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityAzureAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityAzureAuth }
-      } = await apiRequest.get<{ identityAzureAuth: IdentityAzureAuth }>(
-        `/api/v1/auth/azure-auth/identities/${identityId}`
-      );
-      return identityAzureAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityKubernetesAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityKubernetesAuth,
-    unknown,
-    IdentityKubernetesAuth,
-    ReturnType<typeof identitiesKeys.getIdentityKubernetesAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityKubernetesAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityKubernetesAuth }
-      } = await apiRequest.get<{ identityKubernetesAuth: IdentityKubernetesAuth }>(
-        `/api/v1/auth/kubernetes-auth/identities/${identityId}`
-      );
-      return identityKubernetesAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityTokenAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityTokenAuth,
-    unknown,
-    IdentityTokenAuth,
-    ReturnType<typeof identitiesKeys.getIdentityTokenAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityTokenAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityTokenAuth }
-      } = await apiRequest.get<{ identityTokenAuth: IdentityTokenAuth }>(
-        `/api/v1/auth/token-auth/identities/${identityId}`
-      );
-      return identityTokenAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityTokensTokenAuth = (identityId: string) => {
-  return useQuery({
-    enabled: Boolean(identityId),
-    queryKey: identitiesKeys.getIdentityTokensTokenAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { tokens }
-      } = await apiRequest.get<{ tokens: IdentityAccessToken[] }>(
-        `/api/v1/auth/token-auth/identities/${identityId}/tokens`
-      );
-      return tokens;
-    }
-  });
-};
-
-export const useGetIdentityOidcAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityOidcAuth,
-    unknown,
-    IdentityOidcAuth,
-    ReturnType<typeof identitiesKeys.getIdentityOidcAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityOidcAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityOidcAuth }
-      } = await apiRequest.get<{ identityOidcAuth: IdentityOidcAuth }>(
-        `/api/v1/auth/oidc-auth/identities/${identityId}`
-      );
-      return identityOidcAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
-
-export const useGetIdentityJwtAuth = (
-  identityId: string,
-  options?: UseQueryOptions<
-    IdentityJwtAuth,
-    unknown,
-    IdentityJwtAuth,
-    ReturnType<typeof identitiesKeys.getIdentityJwtAuth>
-  >
-) => {
-  return useQuery({
-    queryKey: identitiesKeys.getIdentityJwtAuth(identityId),
-    queryFn: async () => {
-      const {
-        data: { identityJwtAuth }
-      } = await apiRequest.get<{ identityJwtAuth: IdentityJwtAuth }>(
-        `/api/v1/auth/jwt-auth/identities/${identityId}`
-      );
-
-      return identityJwtAuth;
-    },
-    staleTime: 0,
-    cacheTime: 0,
-    ...options,
-    enabled: Boolean(identityId) && (options?.enabled ?? true)
-  });
-};
diff --git a/frontend-next/src/hooks/api/identities/types.ts b/frontend-next/src/hooks/api/identities/types.ts
deleted file mode 100644
index 8d344e7f7..000000000
--- a/frontend-next/src/hooks/api/identities/types.ts
+++ /dev/null
@@ -1,538 +0,0 @@
-import { TOrgRole } from "../roles/types";
-import { ProjectUserMembershipTemporaryMode, Workspace } from "../workspace/types";
-import { IdentityAuthMethod, IdentityJwtConfigurationType } from "./enums";
-
-export type IdentityTrustedIp = {
-  id: string;
-  ipAddress: string;
-  type: "ipv4" | "ipv6";
-  prefix?: number;
-};
-
-export type Identity = {
-  id: string;
-  name: string;
-  authMethods: IdentityAuthMethod[];
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type IdentityAccessToken = {
-  id: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUses: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenLastUsedAt: string | null;
-  accessTokenLastRenewedAt: string | null;
-  isAccessTokenRevoked: boolean;
-  identityUAClientSecretId: string | null;
-  identityId: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string | null;
-};
-
-export type IdentityMembershipOrg = {
-  id: string;
-  identity: Identity;
-  organization: string;
-  metadata: { key: string; value: string; id: string }[];
-  role: "admin" | "member" | "viewer" | "no-access" | "custom";
-  customRole?: TOrgRole;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type IdentityMembership = {
-  id: string;
-  identity: Identity;
-  project: Pick<Workspace, "id" | "name" | "type">;
-  roles: Array<
-    {
-      id: string;
-      role: "owner" | "admin" | "member" | "no-access" | "custom";
-      customRoleId: string;
-      customRoleName: string;
-      customRoleSlug: string;
-    } & (
-      | {
-          isTemporary: false;
-          temporaryRange: null;
-          temporaryMode: null;
-          temporaryAccessEndTime: null;
-          temporaryAccessStartTime: null;
-        }
-      | {
-          isTemporary: true;
-          temporaryRange: string;
-          temporaryMode: ProjectUserMembershipTemporaryMode;
-          temporaryAccessEndTime: string;
-          temporaryAccessStartTime: string;
-        }
-    )
-  >;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type CreateIdentityDTO = {
-  name: string;
-  organizationId: string;
-  role?: string;
-  metadata?: { key: string; value: string }[];
-};
-
-export type UpdateIdentityDTO = {
-  identityId: string;
-  name?: string;
-  role?: string;
-  organizationId: string;
-  metadata?: { key: string; value: string }[];
-};
-
-export type DeleteIdentityDTO = {
-  identityId: string;
-  organizationId: string;
-};
-
-export type IdentityUniversalAuth = {
-  identityId: string;
-  clientId: string;
-  clientSecretTrustedIps: IdentityTrustedIp[];
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityUniversalAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  clientSecretTrustedIps: {
-    ipAddress: string;
-  }[];
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityUniversalAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  clientSecretTrustedIps?: {
-    ipAddress: string;
-  }[];
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityUniversalAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type IdentityGcpAuth = {
-  identityId: string;
-  type: "iam" | "gce";
-  allowedServiceAccounts: string;
-  allowedProjects: string;
-  allowedZones: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityGcpAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  type: "iam" | "gce";
-  allowedServiceAccounts: string;
-  allowedProjects: string;
-  allowedZones: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityGcpAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  type?: "iam" | "gce";
-  allowedServiceAccounts?: string;
-  allowedProjects?: string;
-  allowedZones?: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityGcpAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type IdentityOidcAuth = {
-  identityId: string;
-  oidcDiscoveryUrl: string;
-  caCert: string;
-  boundIssuer: string;
-  boundAudiences: string;
-  boundClaims: Record<string, string>;
-  boundSubject: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityOidcAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  oidcDiscoveryUrl: string;
-  caCert: string;
-  boundIssuer: string;
-  boundAudiences: string;
-  boundClaims: Record<string, string>;
-  boundSubject: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityOidcAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  oidcDiscoveryUrl?: string;
-  caCert?: string;
-  boundIssuer?: string;
-  boundAudiences?: string;
-  boundClaims?: Record<string, string>;
-  boundSubject?: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityOidcAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type IdentityAwsAuth = {
-  identityId: string;
-  type: "iam";
-  stsEndpoint: string;
-  allowedPrincipalArns: string;
-  allowedAccountIds: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityAwsAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  stsEndpoint: string;
-  allowedPrincipalArns: string;
-  allowedAccountIds: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityAwsAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  stsEndpoint?: string;
-  allowedPrincipalArns?: string;
-  allowedAccountIds?: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityAwsAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type IdentityAzureAuth = {
-  identityId: string;
-  tenantId: string;
-  resource: string;
-  allowedServicePrincipalIds: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityAzureAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  tenantId: string;
-  resource: string;
-  allowedServicePrincipalIds: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityAzureAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  tenantId?: string;
-  resource?: string;
-  allowedServicePrincipalIds?: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityAzureAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type IdentityKubernetesAuth = {
-  identityId: string;
-  kubernetesHost: string;
-  tokenReviewerJwt: string;
-  allowedNamespaces: string;
-  allowedNames: string;
-  allowedAudience: string;
-  caCert: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityKubernetesAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  kubernetesHost: string;
-  tokenReviewerJwt: string;
-  allowedNamespaces: string;
-  allowedNames: string;
-  allowedAudience: string;
-  caCert: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityKubernetesAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  kubernetesHost?: string;
-  tokenReviewerJwt?: string;
-  allowedNamespaces?: string;
-  allowedNames?: string;
-  allowedAudience?: string;
-  caCert?: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityKubernetesAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type CreateIdentityUniversalAuthClientSecretDTO = {
-  identityId: string;
-  description?: string;
-  ttl?: number;
-  numUsesLimit?: number;
-};
-
-export type ClientSecretData = {
-  id: string;
-  identityUniversalAuth: string;
-  isClientSecretRevoked: boolean;
-  description: string;
-  clientSecretPrefix: string;
-  clientSecretNumUses: number;
-  clientSecretNumUsesLimit: number;
-  clientSecretTTL: number;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type CreateIdentityUniversalAuthClientSecretRes = {
-  clientSecret: string;
-  clientSecretData: ClientSecretData;
-};
-
-export type DeleteIdentityUniversalAuthClientSecretDTO = {
-  identityId: string;
-  clientSecretId: string;
-};
-
-export type IdentityTokenAuth = {
-  identityId: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityTokenAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityTokenAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityTokenAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type IdentityJwtAuth = {
-  identityId: string;
-  configurationType: IdentityJwtConfigurationType;
-  jwksUrl: string;
-  jwksCaCert: string;
-  publicKeys: string[];
-  boundIssuer: string;
-  boundAudiences: string;
-  boundClaims: Record<string, string>;
-  boundSubject: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: IdentityTrustedIp[];
-};
-
-export type AddIdentityJwtAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  configurationType: string;
-  jwksUrl?: string;
-  jwksCaCert: string;
-  publicKeys?: string[];
-  boundIssuer: string;
-  boundAudiences: string;
-  boundClaims: Record<string, string>;
-  boundSubject: string;
-  accessTokenTTL: number;
-  accessTokenMaxTTL: number;
-  accessTokenNumUsesLimit: number;
-  accessTokenTrustedIps: {
-    ipAddress: string;
-  }[];
-};
-
-export type UpdateIdentityJwtAuthDTO = {
-  organizationId: string;
-  identityId: string;
-  configurationType?: string;
-  jwksUrl?: string;
-  jwksCaCert?: string;
-  publicKeys?: string[];
-  boundIssuer?: string;
-  boundAudiences?: string;
-  boundClaims?: Record<string, string>;
-  boundSubject?: string;
-  accessTokenTTL?: number;
-  accessTokenMaxTTL?: number;
-  accessTokenNumUsesLimit?: number;
-  accessTokenTrustedIps?: {
-    ipAddress: string;
-  }[];
-};
-
-export type DeleteIdentityJwtAuthDTO = {
-  organizationId: string;
-  identityId: string;
-};
-
-export type CreateTokenIdentityTokenAuthDTO = {
-  identityId: string;
-  name: string;
-};
-
-export type CreateTokenIdentityTokenAuthRes = {
-  accessToken: string;
-  tokenType: string;
-  expiresIn: number;
-  accessTokenMaxTTL: number;
-};
-
-export type UpdateTokenIdentityTokenAuthDTO = {
-  identityId: string;
-  tokenId: string;
-  name?: string;
-};
-
-export type RevokeTokenDTO = {
-  identityId: string;
-  tokenId: string;
-};
-
-export type RevokeTokenRes = {
-  message: string;
-};
-
-export type TProjectIdentitiesList = {
-  identityMemberships: IdentityMembership[];
-  totalCount: number;
-};
diff --git a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/index.tsx b/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/index.tsx
deleted file mode 100644
index 401a06a72..000000000
--- a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  useCreateIdentityProjectAdditionalPrivilege,
-  useDeleteIdentityProjectAdditionalPrivilege,
-  useUpdateIdentityProjectAdditionalPrivilege
-} from "./mutation";
-export { useGetIdentityProjectPrivilegeDetails } from "./queries";
-export type { TIdentityProjectPrivilege } from "./types";
diff --git a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/mutation.tsx b/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/mutation.tsx
deleted file mode 100644
index ab8a2e5d1..000000000
--- a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/mutation.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { identitiyProjectPrivilegeKeys } from "./queries";
-import {
-  TCreateIdentityProjectPrivilegeDTO,
-  TDeleteIdentityProjectPrivilegeDTO,
-  TIdentityProjectPrivilege,
-  TUpdateIdentityProjectPrivlegeDTO
-} from "./types";
-
-export const useCreateIdentityProjectAdditionalPrivilege = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TIdentityProjectPrivilege, {}, TCreateIdentityProjectPrivilegeDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v2/identity-project-additional-privilege", dto);
-      return data.privilege;
-    },
-    onSuccess: (_, { projectId, identityId }) => {
-      queryClient.invalidateQueries(identitiyProjectPrivilegeKeys.list({ projectId, identityId }));
-    }
-  });
-};
-
-export const useUpdateIdentityProjectAdditionalPrivilege = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TIdentityProjectPrivilege, {}, TUpdateIdentityProjectPrivlegeDTO>({
-    mutationFn: async ({ projectId, privilegeId, identityId, permissions, slug, type }) => {
-      const { data: res } = await apiRequest.patch(
-        `/api/v2/identity-project-additional-privilege/${privilegeId}`,
-        {
-          privilegeId,
-          projectId,
-          identityId,
-          permissions,
-          slug,
-          type
-        }
-      );
-      return res.privilege;
-    },
-    onSuccess: (_, { projectId, identityId }) => {
-      queryClient.invalidateQueries(identitiyProjectPrivilegeKeys.list({ projectId, identityId }));
-    }
-  });
-};
-
-export const useDeleteIdentityProjectAdditionalPrivilege = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TIdentityProjectPrivilege, {}, TDeleteIdentityProjectPrivilegeDTO>({
-    mutationFn: async ({ identityId, projectId, privilegeId }) => {
-      const { data } = await apiRequest.delete(
-        `/api/v2/identity-project-additional-privilege/${privilegeId}`,
-        {
-          data: {
-            identityId,
-            privilegeId,
-            projectId
-          }
-        }
-      );
-      return data.privilege;
-    },
-    onSuccess: (_, { projectId, identityId }) => {
-      queryClient.invalidateQueries(identitiyProjectPrivilegeKeys.list({ projectId, identityId }));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/queries.tsx b/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/queries.tsx
deleted file mode 100644
index 8504f0423..000000000
--- a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/queries.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  TGetIdentityProejctPrivilegeDetails as TGetIdentityProjectPrivilegeDetails,
-  TIdentityProjectPrivilege,
-  TListIdentityUserPrivileges as TListIdentityProjectPrivileges
-} from "./types";
-
-export const identitiyProjectPrivilegeKeys = {
-  details: ({ identityId, privilegeId, projectId }: TGetIdentityProjectPrivilegeDetails) =>
-    [
-      "identity-user-privilege",
-      {
-        identityId,
-        projectId,
-        privilegeId
-      }
-    ] as const,
-  list: ({ projectId, identityId }: TListIdentityProjectPrivileges) =>
-    ["identity-user-privileges", { identityId, projectId }] as const
-};
-
-export const useGetIdentityProjectPrivilegeDetails = ({
-  projectId,
-  identityId,
-  privilegeId
-}: TGetIdentityProjectPrivilegeDetails) => {
-  return useQuery({
-    enabled: Boolean(projectId && identityId && privilegeId),
-    queryKey: identitiyProjectPrivilegeKeys.details({ projectId, privilegeId, identityId }),
-    queryFn: async () => {
-      const {
-        data: { privilege }
-      } = await apiRequest.get<{
-        privilege: TIdentityProjectPrivilege;
-      }>(`/api/v2/identity-project-additional-privilege/${privilegeId}`, {
-        params: {
-          identityId,
-          projectId
-        }
-      });
-      return privilege;
-    }
-  });
-};
-
-export const useListIdentityProjectPrivileges = ({
-  projectId,
-  identityId
-}: TListIdentityProjectPrivileges) => {
-  return useQuery({
-    enabled: Boolean(projectId && identityId),
-    queryKey: identitiyProjectPrivilegeKeys.list({ projectId, identityId }),
-    queryFn: async () => {
-      const {
-        data: { privileges }
-      } = await apiRequest.get<{
-        privileges: Array<TIdentityProjectPrivilege>;
-      }>("/api/v2/identity-project-additional-privilege", {
-        params: { identityId, projectId }
-      });
-      return privileges;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/types.tsx b/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/types.tsx
deleted file mode 100644
index 1e070e2bb..000000000
--- a/frontend-next/src/hooks/api/identityProjectAdditionalPrivilege/types.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { TProjectPermission } from "../roles/types";
-
-export enum IdentityProjectAdditionalPrivilegeTemporaryMode {
-  Relative = "relative"
-}
-
-export type TIdentityProjectPrivilege = {
-  projectMembershipId: string;
-  slug: string;
-  id: string;
-  createdAt: Date;
-  updatedAt: Date;
-  permissions?: TProjectPermission[];
-} & (
-  | {
-      isTemporary: true;
-      temporaryMode: string;
-      temporaryRange: string;
-      temporaryAccessStartTime: string;
-      temporaryAccessEndTime?: string;
-    }
-  | {
-      isTemporary: false;
-      temporaryMode?: null;
-      temporaryRange?: null;
-      temporaryAccessStartTime?: null;
-      temporaryAccessEndTime?: null;
-    }
-);
-
-export type TCreateIdentityProjectPrivilegeDTO = {
-  identityId: string;
-  projectId: string;
-  slug?: string;
-  type:
-    | {
-        isTemporary: true;
-        temporaryMode?: IdentityProjectAdditionalPrivilegeTemporaryMode;
-        temporaryRange?: string;
-        temporaryAccessStartTime?: string;
-      }
-    | {
-        isTemporary: false;
-      };
-  permissions: TProjectPermission[];
-};
-
-export type TUpdateIdentityProjectPrivlegeDTO = {
-  projectId: string;
-  identityId: string;
-  privilegeId: string;
-} & Partial<Omit<TCreateIdentityProjectPrivilegeDTO, "projectMembershipId" | "projectId">>;
-
-export type TDeleteIdentityProjectPrivilegeDTO = {
-  projectId: string;
-  identityId: string;
-  privilegeId: string;
-};
-
-export type TListIdentityUserPrivileges = {
-  projectId: string;
-  identityId: string;
-};
-
-export type TGetIdentityProejctPrivilegeDetails = {
-  projectId: string;
-  identityId: string;
-  privilegeId: string;
-};
diff --git a/frontend-next/src/hooks/api/incidentContacts/index.tsx b/frontend-next/src/hooks/api/incidentContacts/index.tsx
deleted file mode 100644
index b9b518848..000000000
--- a/frontend-next/src/hooks/api/incidentContacts/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export {
-  useAddIncidentContact,
-  useDeleteIncidentContact,
-  useGetOrgIncidentContact
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/incidentContacts/queries.tsx b/frontend-next/src/hooks/api/incidentContacts/queries.tsx
deleted file mode 100644
index 98f95d785..000000000
--- a/frontend-next/src/hooks/api/incidentContacts/queries.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { AddIncidentContactDTO, DeleteIncidentContactDTO, IncidentContact } from "./types";
-
-const incidentContactKeys = {
-  getAllContact: (orgId: string) => ["org-incident-contacts", { orgId }] as const
-};
-
-export const useGetOrgIncidentContact = (orgId: string) =>
-  useQuery({
-    queryKey: incidentContactKeys.getAllContact(orgId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ incidentContactsOrg: IncidentContact[] }>(
-        `/api/v1/organization/${orgId}/incidentContactOrg`
-      );
-
-      return data.incidentContactsOrg;
-    },
-    enabled: Boolean(orgId)
-  });
-
-// mutation
-export const useAddIncidentContact = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, AddIncidentContactDTO>({
-    mutationFn: async ({ orgId, email }) => {
-      const { data } = await apiRequest.post(`/api/v1/organization/${orgId}/incidentContactOrg`, {
-        email
-      });
-      return data;
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(incidentContactKeys.getAllContact(orgId));
-    }
-  });
-};
-
-export const useDeleteIncidentContact = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, DeleteIncidentContactDTO>({
-    mutationFn: async ({ orgId, incidentContactId }) => {
-      const { data } = await apiRequest.delete(
-        `/api/v1/organization/${orgId}/incidentContactOrg/${incidentContactId}`
-      );
-      return data;
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(incidentContactKeys.getAllContact(orgId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/incidentContacts/types.ts b/frontend-next/src/hooks/api/incidentContacts/types.ts
deleted file mode 100644
index 2c93fb7f9..000000000
--- a/frontend-next/src/hooks/api/incidentContacts/types.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export type IncidentContact = {
-  id: string;
-  email: string;
-  organization: string;
-  __v: number;
-  createdAt: Date;
-  updatedAt: Date;
-};
-
-export type DeleteIncidentContactDTO = {
-  orgId: string;
-  incidentContactId: string;
-};
-
-export type AddIncidentContactDTO = {
-  orgId: string;
-  email: string;
-};
diff --git a/frontend-next/src/hooks/api/index.tsx b/frontend-next/src/hooks/api/index.tsx
deleted file mode 100644
index 19a6fcc06..000000000
--- a/frontend-next/src/hooks/api/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-export * from "./accessApproval";
-export * from "./admin";
-export * from "./apiKeys";
-export * from "./auditLogs";
-export * from "./auditLogStreams";
-export * from "./auth";
-export * from "./bots";
-export * from "./ca";
-export * from "./certificates";
-export * from "./certificateTemplates";
-export * from "./dynamicSecret";
-export * from "./dynamicSecretLease";
-export * from "./groups";
-export * from "./identities";
-export * from "./identityProjectAdditionalPrivilege";
-export * from "./incidentContacts";
-export * from "./integrationAuth";
-export * from "./integrations";
-export * from "./keys";
-export * from "./kms";
-export * from "./ldapConfig";
-export * from "./oidcConfig";
-export * from "./orgAdmin";
-export * from "./organization";
-export * from "./pkiAlerts";
-export * from "./pkiCollections";
-export * from "./projectUserAdditionalPrivilege";
-export * from "./rateLimit";
-export * from "./roles";
-export * from "./scim";
-export * from "./secretApproval";
-export * from "./secretApprovalRequest";
-export * from "./secretFolders";
-export * from "./secretImports";
-export * from "./secretRotation";
-export * from "./secrets";
-export * from "./secretSharing";
-export * from "./secretSnapshots";
-export * from "./serverDetails";
-export * from "./serviceTokens";
-export * from "./ssh-ca";
-export * from "./sshCertificateTemplates";
-export * from "./ssoConfig";
-export * from "./subscriptions";
-export * from "./tags";
-export * from "./trustedIps";
-export * from "./users";
-export * from "./webhooks";
-export * from "./workflowIntegrations";
-export * from "./workspace";
diff --git a/frontend-next/src/hooks/api/integrationAuth/index.tsx b/frontend-next/src/hooks/api/integrationAuth/index.tsx
deleted file mode 100644
index e7ee5928a..000000000
--- a/frontend-next/src/hooks/api/integrationAuth/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-export { useDuplicateIntegrationAuth } from "./mutations";
-export {
-  useAuthorizeIntegration,
-  useDeleteIntegrationAuth,
-  useDeleteIntegrationAuths,
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthBitBucketWorkspaces,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthChecklyGroups,
-  useGetIntegrationAuthCircleCIOrganizations,
-  useGetIntegrationAuthGithubEnvs,
-  useGetIntegrationAuthGithubOrgs,
-  useGetIntegrationAuthNorthflankSecretGroups,
-  useGetIntegrationAuthRailwayEnvironments,
-  useGetIntegrationAuthRailwayServices,
-  useGetIntegrationAuthTeamCityBuildConfigs,
-  useGetIntegrationAuthTeams,
-  useGetIntegrationAuthVercelBranches,
-  useSaveIntegrationAccessToken
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/integrationAuth/mutations.tsx b/frontend-next/src/hooks/api/integrationAuth/mutations.tsx
deleted file mode 100644
index b7a3f18bd..000000000
--- a/frontend-next/src/hooks/api/integrationAuth/mutations.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useMutation } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { IntegrationAuth, TDuplicateIntegrationAuthDTO } from "./types";
-
-// For now, this should only be used in the Github app integration flow.
-export const useDuplicateIntegrationAuth = () => {
-  return useMutation<IntegrationAuth, {}, TDuplicateIntegrationAuthDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post<{ integrationAuth: IntegrationAuth }>(
-        `/api/v1/integration-auth/${body.integrationAuthId}/duplicate`,
-        body
-      );
-
-      return data.integrationAuth;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/integrationAuth/queries.tsx b/frontend-next/src/hooks/api/integrationAuth/queries.tsx
deleted file mode 100644
index 84a50ae1f..000000000
--- a/frontend-next/src/hooks/api/integrationAuth/queries.tsx
+++ /dev/null
@@ -1,1014 +0,0 @@
-import { useMutation, useQuery, useQueryClient, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import {
-  App,
-  BitBucketEnvironment,
-  BitBucketWorkspace,
-  ChecklyGroup,
-  CircleCIOrganization,
-  Environment,
-  HerokuPipelineCoupling,
-  IntegrationAuth,
-  KmsKey,
-  NorthflankSecretGroup,
-  Org,
-  Project,
-  Service,
-  Team,
-  TeamCityBuildConfig,
-  TGetIntegrationAuthOctopusDeployScopeValuesDTO,
-  TOctopusDeployVariableSetScopeValues
-} from "./types";
-
-const integrationAuthKeys = {
-  getIntegrationAuthById: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "integrationAuth"] as const,
-  getIntegrationAuthApps: (integrationAuthId: string, teamId?: string, workspaceSlug?: string) =>
-    [{ integrationAuthId, teamId, workspaceSlug }, "integrationAuthApps"] as const,
-  getIntegrationAuthTeams: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "integrationAuthTeams"] as const,
-  getIntegrationAuthVercelBranches: ({
-    integrationAuthId,
-    appId
-  }: {
-    integrationAuthId: string;
-    appId: string;
-  }) => [{ integrationAuthId, appId }, "integrationAuthVercelBranches"] as const,
-  getIntegrationAuthChecklyGroups: ({
-    integrationAuthId,
-    accountId
-  }: {
-    integrationAuthId: string;
-    accountId: string;
-  }) => [{ integrationAuthId, accountId }, "integrationAuthChecklyGroups"] as const,
-  getIntegrationAuthGithubOrgs: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "integrationAuthGithubOrgs"] as const,
-  getIntegrationAuthGithubEnvs: (integrationAuthId: string, repoName: string, repoOwner: string) =>
-    [{ integrationAuthId, repoName, repoOwner }, "integrationAuthGithubOrgs"] as const,
-  getIntegrationAuthAwsKmsKeys: ({
-    integrationAuthId,
-    region
-  }: {
-    integrationAuthId: string;
-    region: string;
-  }) => [{ integrationAuthId, region }, "integrationAuthAwsKmsKeyIds"] as const,
-  getIntegrationAuthQoveryOrgs: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "integrationAuthQoveryOrgs"] as const,
-  getIntegrationAuthQoveryProjects: ({
-    integrationAuthId,
-    orgId
-  }: {
-    integrationAuthId: string;
-    orgId: string;
-  }) => [{ integrationAuthId, orgId }, "integrationAuthQoveryProjects"] as const,
-  getIntegrationAuthQoveryEnvironments: ({
-    integrationAuthId,
-    projectId
-  }: {
-    integrationAuthId: string;
-    projectId: string;
-  }) => [{ integrationAuthId, projectId }, "integrationAuthQoveryEnvironments"] as const,
-  getIntegrationAuthQoveryScopes: ({
-    integrationAuthId,
-    environmentId,
-    scope
-  }: {
-    integrationAuthId: string;
-    environmentId: string;
-    scope: "job" | "application" | "container";
-  }) => [{ integrationAuthId, environmentId, scope }, "integrationAuthQoveryScopes"] as const,
-  getIntegrationAuthHerokuPipelines: ({ integrationAuthId }: { integrationAuthId: string }) =>
-    [{ integrationAuthId }, "integrationAuthHerokuPipelines"] as const,
-  getIntegrationAuthRailwayEnvironments: ({
-    integrationAuthId,
-    appId
-  }: {
-    integrationAuthId: string;
-    appId: string;
-  }) => [{ integrationAuthId, appId }, "integrationAuthRailwayEnvironments"] as const,
-  getIntegrationAuthRailwayServices: ({
-    integrationAuthId,
-    appId
-  }: {
-    integrationAuthId: string;
-    appId: string;
-  }) => [{ integrationAuthId, appId }, "integrationAuthRailwayServices"] as const,
-  getIntegrationAuthBitBucketWorkspaces: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "integrationAuthBitbucketWorkspaces"] as const,
-  getIntegrationAuthBitBucketEnvironments: (
-    integrationAuthId: string,
-    workspaceSlug: string,
-    repoSlug: string
-  ) =>
-    [
-      { integrationAuthId },
-      workspaceSlug,
-      repoSlug,
-      "integrationAuthBitbucketEnvironments"
-    ] as const,
-  getIntegrationAuthNorthflankSecretGroups: ({
-    integrationAuthId,
-    appId
-  }: {
-    integrationAuthId: string;
-    appId: string;
-  }) => [{ integrationAuthId, appId }, "integrationAuthNorthflankSecretGroups"] as const,
-  getIntegrationAuthTeamCityBuildConfigs: ({
-    integrationAuthId,
-    appId
-  }: {
-    integrationAuthId: string;
-    appId: string;
-  }) => [{ integrationAuthId, appId }, "integrationAuthTeamCityBranchConfigs"] as const,
-  getIntegrationAuthOctopusDeploySpaces: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "getIntegrationAuthOctopusDeploySpaces"] as const,
-  getIntegrationAuthOctopusDeployScopeValues: ({
-    integrationAuthId,
-    ...params
-  }: TGetIntegrationAuthOctopusDeployScopeValuesDTO) =>
-    [{ integrationAuthId }, "getIntegrationAuthOctopusDeployScopeValues", params] as const,
-  getIntegrationAuthCircleCIOrganizations: (integrationAuthId: string) =>
-    [{ integrationAuthId }, "getIntegrationAuthCircleCIOrganizations"] as const
-};
-
-const fetchIntegrationAuthById = async (integrationAuthId: string) => {
-  const { data } = await apiRequest.get<{ integrationAuth: IntegrationAuth }>(
-    `/api/v1/integration-auth/${integrationAuthId}`
-  );
-  return data.integrationAuth;
-};
-
-const fetchIntegrationAuthApps = async ({
-  integrationAuthId,
-  teamId,
-  azureDevOpsOrgName,
-  workspaceSlug
-}: {
-  integrationAuthId: string;
-  teamId?: string;
-  azureDevOpsOrgName?: string;
-  workspaceSlug?: string;
-}) => {
-  const params: Record<string, string> = {};
-  if (teamId) {
-    params.teamId = teamId;
-  }
-  if (azureDevOpsOrgName) {
-    params.azureDevOpsOrgName = azureDevOpsOrgName;
-  }
-
-  if (workspaceSlug) {
-    params.workspaceSlug = workspaceSlug;
-  }
-
-  const searchParams = new URLSearchParams(params);
-  const { data } = await apiRequest.get<{ apps: App[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/apps`,
-    { params: searchParams }
-  );
-
-  return data.apps.sort((a, b) => a.name.localeCompare(b.name));
-};
-
-const fetchIntegrationAuthTeams = async (integrationAuthId: string) => {
-  const { data } = await apiRequest.get<{ teams: Team[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/teams`
-  );
-  return data.teams;
-};
-
-const fetchIntegrationAuthChecklyGroups = async ({
-  integrationAuthId,
-  accountId
-}: {
-  integrationAuthId: string;
-  accountId: string;
-}) => {
-  const { data } = await apiRequest.get<{ groups: ChecklyGroup[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/checkly/groups`,
-    {
-      params: {
-        accountId
-      }
-    }
-  );
-
-  return data.groups;
-};
-
-const fetchIntegrationAuthVercelBranches = async ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  const {
-    data: { branches }
-  } = await apiRequest.get<{ branches: string[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/vercel/branches`,
-    {
-      params: {
-        appId
-      }
-    }
-  );
-
-  return branches;
-};
-
-const fetchIntegrationAuthGithubOrgs = async (integrationAuthId: string) => {
-  const {
-    data: { orgs }
-  } = await apiRequest.get<{ orgs: Org[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/github/orgs`
-  );
-
-  return orgs;
-};
-
-const fetchIntegrationAuthGithubEnvs = async (
-  integrationAuthId: string,
-  repoName: string,
-  repoOwner: string
-) => {
-  if (!repoName || !repoOwner) return [];
-
-  const {
-    data: { envs }
-  } = await apiRequest.get<{ envs: Array<{ name: string; envId: string }> }>(
-    `/api/v1/integration-auth/${integrationAuthId}/github/envs?repoName=${repoName}&repoOwner=${repoOwner}`
-  );
-
-  return envs;
-};
-
-const fetchIntegrationAuthQoveryOrgs = async (integrationAuthId: string) => {
-  const {
-    data: { orgs }
-  } = await apiRequest.get<{ orgs: Org[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/qovery/orgs`
-  );
-
-  return orgs;
-};
-
-const fetchIntegrationAuthQoveryProjects = async ({
-  integrationAuthId,
-  orgId
-}: {
-  integrationAuthId: string;
-  orgId: string;
-}) => {
-  if (orgId === "none") return [];
-
-  const {
-    data: { projects }
-  } = await apiRequest.get<{ projects: Project[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/qovery/projects`,
-    {
-      params: {
-        orgId
-      }
-    }
-  );
-
-  return projects;
-};
-
-const fetchIntegrationAuthQoveryEnvironments = async ({
-  integrationAuthId,
-  projectId
-}: {
-  integrationAuthId: string;
-  projectId: string;
-}) => {
-  if (projectId === "none") return [];
-
-  const {
-    data: { environments }
-  } = await apiRequest.get<{ environments: Environment[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/qovery/environments`,
-    {
-      params: {
-        projectId
-      }
-    }
-  );
-
-  return environments;
-};
-
-const fetchIntegrationAuthQoveryScopes = async ({
-  integrationAuthId,
-  environmentId,
-  scope
-}: {
-  integrationAuthId: string;
-  environmentId: string;
-  scope: "job" | "application" | "container";
-}) => {
-  if (environmentId === "none") return [];
-
-  if (scope === "application") {
-    const {
-      data: { apps }
-    } = await apiRequest.get<{ apps: App[] }>(
-      `/api/v1/integration-auth/${integrationAuthId}/qovery/apps`,
-      {
-        params: {
-          environmentId
-        }
-      }
-    );
-
-    return apps;
-  }
-
-  if (scope === "container") {
-    const {
-      data: { containers }
-    } = await apiRequest.get<{ containers: App[] }>(
-      `/api/v1/integration-auth/${integrationAuthId}/qovery/containers`,
-      {
-        params: {
-          environmentId
-        }
-      }
-    );
-
-    return containers;
-  }
-
-  if (scope === "job") {
-    const {
-      data: { jobs }
-    } = await apiRequest.get<{ jobs: App[] }>(
-      `/api/v1/integration-auth/${integrationAuthId}/qovery/jobs`,
-      {
-        params: {
-          environmentId
-        }
-      }
-    );
-
-    return jobs;
-  }
-
-  return undefined;
-};
-
-const fetchIntegrationAuthHerokuPipelines = async ({
-  integrationAuthId
-}: {
-  integrationAuthId: string;
-}) => {
-  const {
-    data: { pipelines }
-  } = await apiRequest.get<{ pipelines: HerokuPipelineCoupling[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/heroku/pipelines`
-  );
-
-  return pipelines;
-};
-
-const fetchIntegrationAuthRailwayEnvironments = async ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  if (appId === "none") return [];
-  const {
-    data: { environments }
-  } = await apiRequest.get<{ environments: Environment[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/railway/environments`,
-    {
-      params: {
-        appId
-      }
-    }
-  );
-
-  return environments;
-};
-
-const fetchIntegrationAuthRailwayServices = async ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  if (appId === "none") return [];
-  const {
-    data: { services }
-  } = await apiRequest.get<{ services: Service[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/railway/services`,
-    {
-      params: {
-        appId
-      }
-    }
-  );
-
-  return services;
-};
-
-const fetchIntegrationAuthBitBucketWorkspaces = async (integrationAuthId: string) => {
-  const {
-    data: { workspaces }
-  } = await apiRequest.get<{ workspaces: BitBucketWorkspace[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/bitbucket/workspaces`
-  );
-  return workspaces;
-};
-
-const fetchIntegrationAuthBitBucketEnvironments = async (
-  integrationAuthId: string,
-  workspaceSlug: string,
-  repoSlug: string
-) => {
-  const {
-    data: { environments }
-  } = await apiRequest.get<{ environments: BitBucketEnvironment[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/bitbucket/environments`,
-    {
-      params: {
-        workspaceSlug,
-        repoSlug
-      }
-    }
-  );
-  return environments;
-};
-
-const fetchIntegrationAuthNorthflankSecretGroups = async ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  const {
-    data: { secretGroups }
-  } = await apiRequest.get<{ secretGroups: NorthflankSecretGroup[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/northflank/secret-groups`,
-    {
-      params: {
-        appId
-      }
-    }
-  );
-
-  return secretGroups;
-};
-
-const fetchIntegrationAuthTeamCityBuildConfigs = async ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  if (appId === "") return [];
-
-  const {
-    data: { buildConfigs }
-  } = await apiRequest.get<{ buildConfigs: TeamCityBuildConfig[] }>(
-    `/api/v1/integration-auth/${integrationAuthId}/teamcity/build-configs`,
-    {
-      params: {
-        appId
-      }
-    }
-  );
-
-  return buildConfigs;
-};
-
-const fetchIntegrationAuthOctopusDeploySpaces = async (integrationAuthId: string) => {
-  const {
-    data: { spaces }
-  } = await apiRequest.get<{
-    spaces: { Name: string; Slug: string; Id: string; IsDefault: boolean }[];
-  }>(`/api/v1/integration-auth/${integrationAuthId}/octopus-deploy/spaces`);
-  return spaces;
-};
-
-const fetchIntegrationAuthOctopusDeployScopeValues = async ({
-  integrationAuthId,
-  scope,
-  spaceId,
-  resourceId
-}: TGetIntegrationAuthOctopusDeployScopeValuesDTO) => {
-  const { data } = await apiRequest.get<TOctopusDeployVariableSetScopeValues>(
-    `/api/v1/integration-auth/${integrationAuthId}/octopus-deploy/scope-values`,
-    { params: { scope, spaceId, resourceId } }
-  );
-  return data;
-};
-
-const fetchIntegrationAuthCircleCIOrganizations = async (integrationAuthId: string) => {
-  const {
-    data: { organizations }
-  } = await apiRequest.get<{
-    organizations: CircleCIOrganization[];
-  }>(`/api/v1/integration-auth/${integrationAuthId}/circleci/organizations`);
-  return organizations;
-};
-
-export const useGetIntegrationAuthById = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthById(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthById(integrationAuthId),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthApps = (
-  {
-    integrationAuthId,
-    teamId,
-    azureDevOpsOrgName,
-    workspaceSlug
-  }: {
-    integrationAuthId: string;
-    teamId?: string;
-    azureDevOpsOrgName?: string;
-    workspaceSlug?: string;
-  },
-  options?: UseQueryOptions<
-    Awaited<ReturnType<typeof fetchIntegrationAuthApps>>,
-    unknown,
-    Awaited<ReturnType<typeof fetchIntegrationAuthApps>>
-  >
-) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthApps(integrationAuthId, teamId, workspaceSlug),
-    queryFn: () =>
-      fetchIntegrationAuthApps({
-        integrationAuthId,
-        teamId,
-        azureDevOpsOrgName,
-        workspaceSlug
-      }),
-    ...options
-  });
-};
-
-export const useGetIntegrationAuthTeams = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthTeams(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthTeams(integrationAuthId),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthVercelBranches = ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthVercelBranches({
-      integrationAuthId,
-      appId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthVercelBranches({
-        integrationAuthId,
-        appId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthChecklyGroups = ({
-  integrationAuthId,
-  accountId
-}: {
-  integrationAuthId: string;
-  accountId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthChecklyGroups({
-      integrationAuthId,
-      accountId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthChecklyGroups({
-        integrationAuthId,
-        accountId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthGithubOrgs = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthGithubOrgs(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthGithubOrgs(integrationAuthId),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthGithubEnvs = (
-  integrationAuthId: string,
-  repoName: string,
-  repoOwner: string
-) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthGithubEnvs(
-      integrationAuthId,
-      repoName,
-      repoOwner
-    ),
-    queryFn: () => fetchIntegrationAuthGithubEnvs(integrationAuthId, repoName, repoOwner),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthQoveryOrgs = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthQoveryOrgs(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthQoveryOrgs(integrationAuthId),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthAwsKmsKeys = ({
-  integrationAuthId,
-  region
-}: {
-  integrationAuthId: string;
-  region: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthAwsKmsKeys({
-      integrationAuthId,
-      region
-    }),
-    queryFn: async () => {
-      if (!region) return [];
-
-      const {
-        data: { kmsKeys }
-      } = await apiRequest.get<{ kmsKeys: KmsKey[] }>(
-        `/api/v1/integration-auth/${integrationAuthId}/aws-secrets-manager/kms-keys`,
-        {
-          params: {
-            region
-          }
-        }
-      );
-
-      return kmsKeys;
-    },
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthQoveryProjects = ({
-  integrationAuthId,
-  orgId
-}: {
-  integrationAuthId: string;
-  orgId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthQoveryProjects({
-      integrationAuthId,
-      orgId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthQoveryProjects({
-        integrationAuthId,
-        orgId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthQoveryEnvironments = ({
-  integrationAuthId,
-  projectId
-}: {
-  integrationAuthId: string;
-  projectId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthQoveryEnvironments({
-      integrationAuthId,
-      projectId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthQoveryEnvironments({
-        integrationAuthId,
-        projectId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthQoveryScopes = ({
-  integrationAuthId,
-  environmentId,
-  scope
-}: {
-  integrationAuthId: string;
-  environmentId: string;
-  scope: "job" | "application" | "container";
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthQoveryScopes({
-      integrationAuthId,
-      environmentId,
-      scope
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthQoveryScopes({
-        integrationAuthId,
-        environmentId,
-        scope
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthHerokuPipelines = ({
-  integrationAuthId
-}: {
-  integrationAuthId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthHerokuPipelines({
-      integrationAuthId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthHerokuPipelines({
-        integrationAuthId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthRailwayEnvironments = ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthRailwayEnvironments({
-      integrationAuthId,
-      appId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthRailwayEnvironments({
-        integrationAuthId,
-        appId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthRailwayServices = ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthRailwayServices({
-      integrationAuthId,
-      appId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthRailwayServices({
-        integrationAuthId,
-        appId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthBitBucketWorkspaces = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthBitBucketWorkspaces(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthBitBucketWorkspaces(integrationAuthId),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthOctopusDeploySpaces = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthOctopusDeploySpaces(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthOctopusDeploySpaces(integrationAuthId)
-  });
-};
-
-export const useGetIntegrationAuthOctopusDeployScopeValues = (
-  params: TGetIntegrationAuthOctopusDeployScopeValuesDTO,
-  options?: UseQueryOptions<
-    TOctopusDeployVariableSetScopeValues,
-    unknown,
-    TOctopusDeployVariableSetScopeValues
-  >
-) =>
-  useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthOctopusDeployScopeValues(params),
-    queryFn: () => fetchIntegrationAuthOctopusDeployScopeValues(params),
-    ...options
-  });
-
-export const useGetIntegrationAuthBitBucketEnvironments = (
-  {
-    integrationAuthId,
-    workspaceSlug,
-    repoSlug
-  }: {
-    integrationAuthId: string;
-    workspaceSlug: string;
-    repoSlug: string;
-  },
-  options?: UseQueryOptions<BitBucketEnvironment[]>
-) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthBitBucketEnvironments(
-      integrationAuthId,
-      workspaceSlug,
-      repoSlug
-    ),
-    queryFn: () =>
-      fetchIntegrationAuthBitBucketEnvironments(integrationAuthId, workspaceSlug, repoSlug),
-    ...options
-  });
-};
-
-export const useGetIntegrationAuthNorthflankSecretGroups = ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthNorthflankSecretGroups({
-      integrationAuthId,
-      appId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthNorthflankSecretGroups({
-        integrationAuthId,
-        appId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthTeamCityBuildConfigs = ({
-  integrationAuthId,
-  appId
-}: {
-  integrationAuthId: string;
-  appId: string;
-}) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthTeamCityBuildConfigs({
-      integrationAuthId,
-      appId
-    }),
-    queryFn: () =>
-      fetchIntegrationAuthTeamCityBuildConfigs({
-        integrationAuthId,
-        appId
-      }),
-    enabled: true
-  });
-};
-
-export const useGetIntegrationAuthCircleCIOrganizations = (integrationAuthId: string) => {
-  return useQuery({
-    queryKey: integrationAuthKeys.getIntegrationAuthCircleCIOrganizations(integrationAuthId),
-    queryFn: () => fetchIntegrationAuthCircleCIOrganizations(integrationAuthId)
-  });
-};
-
-export const useAuthorizeIntegration = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      workspaceId,
-      code,
-      integration,
-      installationId,
-      url
-    }: {
-      workspaceId: string;
-      code: string;
-      integration: string;
-      installationId?: string;
-      url?: string;
-    }) => {
-      const {
-        data: { integrationAuth }
-      } = await apiRequest.post("/api/v1/integration-auth/oauth-token", {
-        workspaceId,
-        code,
-        integration,
-        installationId,
-        url
-      });
-
-      return integrationAuth;
-    },
-    onSuccess: (res) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceAuthorization(res.workspace));
-    }
-  });
-};
-
-export const useSaveIntegrationAccessToken = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      workspaceId,
-      integration,
-      refreshToken,
-      accessId,
-      accessToken,
-      awsAssumeIamRoleArn,
-      url,
-      namespace
-    }: {
-      workspaceId: string | null;
-      integration: string | undefined;
-      refreshToken?: string;
-      accessId?: string;
-      accessToken?: string;
-      awsAssumeIamRoleArn?: string;
-      url?: string;
-      namespace?: string;
-    }) => {
-      const {
-        data: { integrationAuth }
-      } = await apiRequest.post("/api/v1/integration-auth/access-token", {
-        workspaceId,
-        integration,
-        refreshToken,
-        accessId,
-        accessToken,
-        awsAssumeIamRoleArn,
-        url,
-        namespace
-      });
-
-      return integrationAuth;
-    },
-    onSuccess: (res) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceAuthorization(res.workspace));
-    }
-  });
-};
-
-export const useDeleteIntegrationAuths = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, { integration: string; workspaceId: string }>({
-    mutationFn: ({ integration, workspaceId }) =>
-      apiRequest.delete(
-        `/api/v1/integration-auth?${new URLSearchParams({
-          integration,
-          projectId: workspaceId
-        })}`
-      ),
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceAuthorization(workspaceId));
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIntegrations(workspaceId));
-    }
-  });
-};
-
-export const useDeleteIntegrationAuth = () => {
-  // not used
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, { id: string; workspaceId: string }>({
-    mutationFn: ({ id }) => apiRequest.delete(`/api/v1/integration-auth/${id}`),
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceAuthorization(workspaceId));
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIntegrations(workspaceId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/integrationAuth/types.ts b/frontend-next/src/hooks/api/integrationAuth/types.ts
deleted file mode 100644
index e2dee6067..000000000
--- a/frontend-next/src/hooks/api/integrationAuth/types.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-export type IntegrationAuth = {
-  id: string;
-  integration: string;
-  projectId: string;
-  __v: number;
-  createdAt: string;
-  updatedAt: string;
-  algorithm: string;
-  keyEncoding: string;
-  url?: string;
-  teamId?: string;
-  metadata: {
-    installationName?: string;
-    installationId?: string;
-  };
-};
-
-export type App = {
-  name: string;
-  appId?: string;
-  owner?: string;
-  secretGroups?: string[];
-};
-
-export type Pipeline = {
-  pipelineId: string;
-  name: string;
-};
-
-export type HerokuPipelineCoupling = {
-  app: { appId: string };
-  stage: string;
-  pipeline: { pipelineId: string; name: string };
-};
-
-export type Team = {
-  name: string;
-  id: string;
-};
-
-export type Environment = {
-  name: string;
-  environmentId: string;
-};
-
-export type ChecklyGroup = {
-  name: string;
-  groupId: number;
-};
-
-export type Container = {
-  name: string;
-  containerId: string;
-};
-
-export type Org = {
-  name: string;
-  orgId: string;
-};
-
-export type Project = {
-  name: string;
-  projectId: string;
-};
-
-export type KmsKey = {
-  id: string;
-  alias: string;
-};
-
-export type Service = {
-  name: string;
-  serviceId: string;
-};
-
-export type BitBucketWorkspace = {
-  uuid: string;
-  name: string;
-  slug: string;
-};
-
-export type BitBucketEnvironment = {
-  uuid: string;
-  name: string;
-  slug: string;
-};
-
-export type NorthflankSecretGroup = {
-  name: string;
-  groupId: string;
-};
-
-export type TeamCityBuildConfig = {
-  name: string;
-  buildConfigId: string;
-};
-
-export type TDuplicateIntegrationAuthDTO = {
-  integrationAuthId: string;
-  projectId: string;
-};
-
-export enum OctopusDeployScope {
-  Project = "project"
-  // tenant, variable set
-}
-
-export type CircleCIOrganization = {
-  name: string;
-  slug: string;
-  projects: {
-    name: string;
-    id: string;
-  }[];
-  contexts: {
-    name: string;
-    id: string;
-  }[];
-};
-
-export type TGetIntegrationAuthOctopusDeployScopeValuesDTO = {
-  integrationAuthId: string;
-  spaceId: string;
-  resourceId: string;
-  scope: OctopusDeployScope;
-};
-
-export type TOctopusDeployVariableSetScopeValues = {
-  Environments: { Id: string; Name: string }[];
-  Machines: { Id: string; Name: string }[];
-  Actions: { Id: string; Name: string }[];
-  Roles: { Id: string; Name: string }[];
-  Channels: { Id: string; Name: string }[];
-  TenantTags: { Id: string; Name: string }[];
-  Processes: {
-    ProcessType: string;
-    Id: string;
-    Name: string;
-  }[];
-};
-
-export enum CircleCiScope {
-  Context = "context",
-  Project = "project"
-}
diff --git a/frontend-next/src/hooks/api/integrations/index.tsx b/frontend-next/src/hooks/api/integrations/index.tsx
deleted file mode 100644
index 9d43c33ad..000000000
--- a/frontend-next/src/hooks/api/integrations/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useCreateIntegration,
-  useDeleteIntegration,
-  useGetCloudIntegrations,
-  useGetIntegration
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/integrations/queries.tsx b/frontend-next/src/hooks/api/integrations/queries.tsx
deleted file mode 100644
index 5c059ae98..000000000
--- a/frontend-next/src/hooks/api/integrations/queries.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import { useMutation, useQuery, useQueryClient, UseQueryOptions } from "@tanstack/react-query";
-
-import { createNotification } from "@app/components/notifications";
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { TCloudIntegration, TIntegrationWithEnv, TOctopusDeployScopeValues } from "./types";
-
-export const integrationQueryKeys = {
-  getIntegrations: () => ["integrations"] as const,
-  getIntegration: (id: string) => ["integration", id] as const
-};
-
-const fetchIntegrations = async () => {
-  const { data } = await apiRequest.get<{ integrationOptions: TCloudIntegration[] }>(
-    "/api/v1/integration-auth/integration-options"
-  );
-
-  return data.integrationOptions;
-};
-
-const fetchIntegration = async (id: string) => {
-  const { data } = await apiRequest.get<{ integration: TIntegrationWithEnv }>(
-    `/api/v1/integration/${id}`
-  );
-
-  return data.integration;
-};
-
-export const useGetCloudIntegrations = () =>
-  useQuery({
-    queryKey: integrationQueryKeys.getIntegrations(),
-    queryFn: () => fetchIntegrations()
-  });
-
-export const useCreateIntegration = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      integrationAuthId,
-      isActive,
-      app,
-      appId,
-      sourceEnvironment,
-      targetEnvironment,
-      targetEnvironmentId,
-      targetService,
-      targetServiceId,
-      owner,
-      path,
-      region,
-      url,
-      scope,
-      secretPath,
-      metadata
-    }: {
-      integrationAuthId: string;
-      isActive: boolean;
-      secretPath: string;
-      app?: string;
-      appId?: string;
-      sourceEnvironment: string;
-      targetEnvironment?: string;
-      targetEnvironmentId?: string;
-      targetService?: string;
-      targetServiceId?: string;
-      owner?: string;
-      url?: string;
-      path?: string;
-      region?: string;
-      scope?: string;
-      metadata?: {
-        secretPrefix?: string;
-        secretSuffix?: string;
-        initialSyncBehavior?: string;
-        shouldAutoRedeploy?: boolean;
-        mappingBehavior?: string;
-        secretAWSTag?: {
-          key: string;
-          value: string;
-        }[];
-        azureLabel?: string;
-        githubVisibility?: string;
-        githubVisibilityRepoIds?: string[];
-        kmsKeyId?: string;
-        shouldDisableDelete?: boolean;
-        shouldMaskSecrets?: boolean;
-        shouldProtectSecrets?: boolean;
-        shouldEnableDelete?: boolean;
-        octopusDeployScopeValues?: TOctopusDeployScopeValues;
-      };
-    }) => {
-      const {
-        data: { integration }
-      } = await apiRequest.post("/api/v1/integration", {
-        integrationAuthId,
-        isActive,
-        app,
-        appId,
-        sourceEnvironment,
-        targetEnvironment,
-        targetEnvironmentId,
-        targetService,
-        targetServiceId,
-        url,
-        owner,
-        path,
-        scope,
-        region,
-        secretPath,
-        metadata
-      });
-
-      return integration;
-    },
-    onSuccess: (res) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIntegrations(res.workspace));
-    }
-  });
-};
-
-export const useDeleteIntegration = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<
-    {},
-    {},
-    { id: string; workspaceId: string; shouldDeleteIntegrationSecrets: boolean }
-  >({
-    mutationFn: ({ id, shouldDeleteIntegrationSecrets }) =>
-      apiRequest.delete(
-        `/api/v1/integration/${id}?shouldDeleteIntegrationSecrets=${shouldDeleteIntegrationSecrets}`
-      ),
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIntegrations(workspaceId));
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceAuthorization(workspaceId));
-    }
-  });
-};
-
-export const useGetIntegration = (
-  integrationId: string,
-  options?: Omit<
-    UseQueryOptions<
-      TIntegrationWithEnv,
-      unknown,
-      TIntegrationWithEnv,
-      ReturnType<typeof integrationQueryKeys.getIntegration>
-    >,
-    "queryFn" | "queryKey"
-  >
-) => {
-  return useQuery({
-    ...options,
-    enabled: Boolean(integrationId && options?.enabled === undefined ? true : options?.enabled),
-    queryKey: integrationQueryKeys.getIntegration(integrationId),
-    queryFn: () => fetchIntegration(integrationId)
-  });
-};
-
-export const useSyncIntegration = () => {
-  return useMutation<{}, {}, { id: string; workspaceId: string; lastUsed: string }>({
-    mutationFn: ({ id }) => apiRequest.post(`/api/v1/integration/${id}/sync`),
-    onSuccess: () => {
-      createNotification({
-        text: "Successfully triggered manual sync",
-        type: "success"
-      });
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/integrations/types.ts b/frontend-next/src/hooks/api/integrations/types.ts
deleted file mode 100644
index 7054befc7..000000000
--- a/frontend-next/src/hooks/api/integrations/types.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-export type TCloudIntegration = {
-  name: string;
-  slug: string;
-  image: string;
-  isAvailable: boolean;
-  type: string;
-  clientId: string;
-  docsLink: string;
-  clientSlug: string;
-};
-
-export type TIntegration = {
-  id: string;
-  isActive: boolean;
-  url?: string;
-  app?: string;
-  appId?: string;
-  targetEnvironment?: string;
-  targetEnvironmentId?: string;
-  targetService?: string;
-  targetServiceId?: string;
-  owner?: string;
-  path?: string;
-  region?: string;
-  scope?: string;
-  integration: string;
-  integrationAuthId: string;
-  envId: string;
-  secretPath: string;
-  createdAt: string;
-  updatedAt: string;
-  lastUsed?: string;
-  isSynced?: boolean;
-  syncMessage?: string;
-  __v: number;
-  metadata?: {
-    githubVisibility?: string;
-    githubVisibilityRepoIds?: string[];
-    shouldAutoRedeploy?: boolean;
-    secretAWSTag?: {
-      key: string;
-      value: string;
-    }[];
-    azureLabel?: string;
-
-    kmsKeyId?: string;
-    secretSuffix?: string;
-    secretPrefix?: string;
-    syncBehavior?: IntegrationSyncBehavior;
-    initialSyncBehavior: IntegrationSyncBehavior;
-    mappingBehavior?: IntegrationMappingBehavior;
-    scope: string;
-    org: string;
-    project: string;
-    environment: string;
-
-    shouldDisableDelete?: boolean;
-    shouldMaskSecrets?: boolean;
-    shouldProtectSecrets?: boolean;
-    shouldEnableDelete?: boolean;
-
-    octopusDeployScopeValues?: TOctopusDeployScopeValues;
-    awsIamRole?: string;
-    region?: string;
-  };
-};
-
-export type TOctopusDeployScopeValues = {
-  Environment?: string[];
-  Action?: string[];
-  Channel?: string[];
-  Machine?: string[];
-  ProcessOwner?: string[];
-  Role?: string[];
-};
-
-export type TIntegrationWithEnv = TIntegration & {
-  environment: {
-    id: string;
-    name: string;
-    slug: string;
-  };
-};
-
-export enum IntegrationSyncBehavior {
-  OVERWRITE_TARGET = "overwrite-target",
-  PREFER_TARGET = "prefer-target",
-  PREFER_SOURCE = "prefer-source"
-}
-
-export enum IntegrationMappingBehavior {
-  ONE_TO_ONE = "one-to-one",
-  MANY_TO_ONE = "many-to-one"
-}
diff --git a/frontend-next/src/hooks/api/keys/index.tsx b/frontend-next/src/hooks/api/keys/index.tsx
deleted file mode 100644
index cd4f0aea8..000000000
--- a/frontend-next/src/hooks/api/keys/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { useGetUserWsKey, useUploadWsKey } from "./queries";
diff --git a/frontend-next/src/hooks/api/keys/queries.tsx b/frontend-next/src/hooks/api/keys/queries.tsx
deleted file mode 100644
index 7e59c0840..000000000
--- a/frontend-next/src/hooks/api/keys/queries.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useMutation, useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { UploadWsKeyDTO, UserWsKeyPair } from "./types";
-
-const encKeyKeys = {
-  getUserWorkspaceKey: (workspaceID: string) => ["workspace-key-pair", { workspaceID }] as const
-};
-
-export const fetchUserWsKey = async (projectId: string) => {
-  const { data } = await apiRequest.get<UserWsKeyPair>(
-    `/api/v2/workspace/${projectId}/encrypted-key`
-  );
-
-  return data;
-};
-
-export const useGetUserWsKey = (workspaceID: string) =>
-  useQuery({
-    queryKey: encKeyKeys.getUserWorkspaceKey(workspaceID),
-    queryFn: () => fetchUserWsKey(workspaceID),
-    enabled: Boolean(workspaceID)
-  });
-
-// mutations
-export const uploadWsKey = async ({ workspaceId, userId, encryptedKey, nonce }: UploadWsKeyDTO) => {
-  return apiRequest.post(`/api/v1/workspace/${workspaceId}/key`, {
-    key: { userId, encryptedKey, nonce }
-  });
-};
-
-export const useUploadWsKey = () =>
-  useMutation<{}, {}, UploadWsKeyDTO>({
-    mutationFn: async ({ encryptedKey, nonce, userId, workspaceId }) => {
-      return uploadWsKey({
-        workspaceId,
-        userId,
-        encryptedKey,
-        nonce
-      });
-    }
-  });
diff --git a/frontend-next/src/hooks/api/keys/types.ts b/frontend-next/src/hooks/api/keys/types.ts
deleted file mode 100644
index fc455deaf..000000000
--- a/frontend-next/src/hooks/api/keys/types.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export type UserWsKeyPair = {
-  id: string;
-  encryptedKey: string;
-  nonce: string;
-  sender: Sender;
-  receiver: string;
-  workspace: string;
-  createdAt: string;
-  updatedAt: string;
-  __v: number;
-};
-
-export type Sender = {
-  id: string;
-  email: string;
-  createdAt: string;
-  updatedAt: string;
-  __v: number;
-  firstName: string;
-  lastName: string;
-  publicKey: string;
-};
-
-export type UploadWsKeyDTO = {
-  userId: string;
-  encryptedKey: string;
-  nonce: string;
-  workspaceId: string;
-};
diff --git a/frontend-next/src/hooks/api/kms/index.tsx b/frontend-next/src/hooks/api/kms/index.tsx
deleted file mode 100644
index 906368bd3..000000000
--- a/frontend-next/src/hooks/api/kms/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export {
-  useAddExternalKms,
-  useExternalKmsFetchGcpKeys,
-  useLoadProjectKmsBackup,
-  useRemoveExternalKms,
-  useUpdateExternalKms,
-  useUpdateProjectKms
-} from "./mutations";
-export { useGetActiveProjectKms, useGetExternalKmsById, useGetExternalKmsList } from "./queries";
diff --git a/frontend-next/src/hooks/api/kms/mutations.tsx b/frontend-next/src/hooks/api/kms/mutations.tsx
deleted file mode 100644
index b87c495c9..000000000
--- a/frontend-next/src/hooks/api/kms/mutations.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { kmsKeys } from "./queries";
-import {
-  AddExternalKmsType,
-  ExternalKmsGcpSchemaType,
-  KmsGcpKeyFetchAuthType,
-  KmsType,
-  UpdateExternalKmsType
-} from "./types";
-
-export const useAddExternalKms = (orgId: string) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ name, description, provider }: AddExternalKmsType) => {
-      const { data } = await apiRequest.post("/api/v1/external-kms", {
-        name,
-        description,
-        provider
-      });
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(kmsKeys.getExternalKmsList(orgId));
-    }
-  });
-};
-
-export const useUpdateExternalKms = (orgId: string) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      kmsId,
-      name,
-      description,
-      provider
-    }: {
-      kmsId: string;
-    } & UpdateExternalKmsType) => {
-      const { data } = await apiRequest.patch(`/api/v1/external-kms/${kmsId}`, {
-        name,
-        description,
-        provider
-      });
-
-      return data;
-    },
-    onSuccess: (_, { kmsId }) => {
-      queryClient.invalidateQueries(kmsKeys.getExternalKmsList(orgId));
-      queryClient.invalidateQueries(kmsKeys.getExternalKmsById(kmsId));
-    }
-  });
-};
-
-export const useRemoveExternalKms = (orgId: string) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (kmsId: string) => {
-      const { data } = await apiRequest.delete(`/api/v1/external-kms/${kmsId}`);
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(kmsKeys.getExternalKmsList(orgId));
-    }
-  });
-};
-
-export const useUpdateProjectKms = (projectId: string) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (
-      updatedData: { type: KmsType.Internal } | { type: KmsType.External; kmsId: string }
-    ) => {
-      const { data } = await apiRequest.patch(`/api/v1/workspace/${projectId}/kms`, {
-        kms: updatedData
-      });
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(kmsKeys.getActiveProjectKms(projectId));
-    }
-  });
-};
-
-export const useLoadProjectKmsBackup = (projectId: string) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (backup: string) => {
-      const { data } = await apiRequest.post(`/api/v1/workspace/${projectId}/kms/backup`, {
-        backup
-      });
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(kmsKeys.getActiveProjectKms(projectId));
-    }
-  });
-};
-
-export const useExternalKmsFetchGcpKeys = (orgId: string) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      gcpRegion,
-      ...rest
-    }: Pick<ExternalKmsGcpSchemaType, "gcpRegion"> &
-      (
-        | (Pick<ExternalKmsGcpSchemaType, KmsGcpKeyFetchAuthType.Credential> & {
-            [KmsGcpKeyFetchAuthType.Kms]?: never;
-          })
-        | {
-            [KmsGcpKeyFetchAuthType.Kms]: string;
-            [KmsGcpKeyFetchAuthType.Credential]?: never;
-          }
-      )): Promise<{ keys: string[] }> => {
-      const {
-        [KmsGcpKeyFetchAuthType.Credential]: credential,
-        [KmsGcpKeyFetchAuthType.Kms]: kmsId
-      } = rest;
-
-      if ((credential && kmsId) || (!credential && !kmsId)) {
-        throw new Error(
-          `Either '${KmsGcpKeyFetchAuthType.Credential}' or '${KmsGcpKeyFetchAuthType.Kms}' must be provided, but not both.`
-        );
-      }
-
-      const { data } = await apiRequest.post("/api/v1/external-kms/gcp/keys", {
-        authMethod: credential ? KmsGcpKeyFetchAuthType.Credential : KmsGcpKeyFetchAuthType.Kms,
-        region: gcpRegion,
-        ...rest
-      });
-
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(kmsKeys.getExternalKmsList(orgId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/kms/queries.tsx b/frontend-next/src/hooks/api/kms/queries.tsx
deleted file mode 100644
index 9efa9cc51..000000000
--- a/frontend-next/src/hooks/api/kms/queries.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { Kms, KmsListEntry } from "./types";
-
-export const kmsKeys = {
-  getExternalKmsList: (orgId: string) => ["get-all-external-kms", { orgId }],
-  getExternalKmsById: (id: string) => ["get-external-kms", { id }],
-  getActiveProjectKms: (projectId: string) => ["get-active-project-kms", { projectId }]
-};
-
-export const useGetExternalKmsList = (orgId: string, { enabled }: { enabled?: boolean } = {}) => {
-  return useQuery({
-    queryKey: kmsKeys.getExternalKmsList(orgId),
-    enabled,
-    queryFn: async () => {
-      const {
-        data: { externalKmsList }
-      } = await apiRequest.get<{ externalKmsList: KmsListEntry[] }>("/api/v1/external-kms");
-      return externalKmsList;
-    }
-  });
-};
-
-export const useGetExternalKmsById = (kmsId: string) => {
-  return useQuery({
-    queryKey: kmsKeys.getExternalKmsById(kmsId),
-    enabled: Boolean(kmsId),
-    queryFn: async () => {
-      const {
-        data: { externalKms }
-      } = await apiRequest.get<{ externalKms: Kms }>(`/api/v1/external-kms/${kmsId}`);
-      return externalKms;
-    }
-  });
-};
-
-export const useGetActiveProjectKms = (projectId: string) => {
-  return useQuery({
-    queryKey: kmsKeys.getActiveProjectKms(projectId),
-    enabled: Boolean(projectId),
-    queryFn: async () => {
-      const {
-        data: { secretManagerKmsKey }
-      } = await apiRequest.get<{
-        secretManagerKmsKey: {
-          id: string;
-          name: string;
-          isExternal: string;
-        };
-      }>(`/api/v1/workspace/${projectId}/kms`);
-      return secretManagerKmsKey;
-    }
-  });
-};
-
-export const fetchProjectKmsBackup = async (projectId: string) => {
-  const { data } = await apiRequest.get<{
-    secretManager: string;
-  }>(`/api/v1/workspace/${projectId}/kms/backup`);
-
-  return data;
-};
diff --git a/frontend-next/src/hooks/api/kms/types.ts b/frontend-next/src/hooks/api/kms/types.ts
deleted file mode 100644
index 73b821b1a..000000000
--- a/frontend-next/src/hooks/api/kms/types.ts
+++ /dev/null
@@ -1,197 +0,0 @@
-import slugify from "@sindresorhus/slugify";
-import { z } from "zod";
-
-import { slugSchema } from "@app/lib/schemas";
-
-export type Kms = {
-  id: string;
-  description: string;
-  orgId: string;
-  name: string;
-  external: {
-    id: string;
-    status: string;
-    statusDetails: string;
-    provider: string;
-    providerInput: Record<string, any>;
-  };
-};
-
-export type KmsListEntry = {
-  id: string;
-  description: string;
-  isDisabled: boolean;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  externalKms: {
-    provider: string;
-    status: string;
-    statusDetails: string;
-  };
-};
-
-export enum KmsType {
-  Internal = "internal",
-  External = "external"
-}
-
-export enum ExternalKmsProvider {
-  Aws = "aws",
-  Gcp = "gcp"
-}
-
-export const INTERNAL_KMS_KEY_ID = "internal";
-
-export enum KmsAwsCredentialType {
-  AssumeRole = "assume-role",
-  AccessKey = "access-key"
-}
-// Google uses snake_case for their enum values and we need to match that
-export enum KmsGcpCredentialType {
-  ServiceAccount = "service_account"
-}
-
-export const ExternalKmsAwsSchema = z.object({
-  credential: z
-    .discriminatedUnion("type", [
-      z.object({
-        type: z.literal(KmsAwsCredentialType.AccessKey),
-        data: z.object({
-          accessKey: z.string().trim().min(1).describe("AWS user account access key"),
-          secretKey: z.string().trim().min(1).describe("AWS user account secret key")
-        })
-      }),
-      z.object({
-        type: z.literal(KmsAwsCredentialType.AssumeRole),
-        data: z.object({
-          assumeRoleArn: z
-            .string()
-            .trim()
-            .min(1)
-            .describe("AWS user role to be assumed by infisical"),
-          externalId: z
-            .string()
-            .trim()
-            .min(1)
-            .optional()
-            .describe("AWS assume role external id for furthur security in authentication")
-        })
-      })
-    ])
-    .describe("AWS credential information to connect"),
-  awsRegion: z.string().min(1).trim().describe("AWS region to connect"),
-  kmsKeyId: z
-    .string()
-    .trim()
-    .optional()
-    .describe(
-      "A pre existing AWS KMS key id to be used for encryption. If not provided a kms key will be generated."
-    )
-});
-
-export const ExternalKmsGcpCredentialSchema = z.object({
-  type: z.literal(KmsGcpCredentialType.ServiceAccount),
-  project_id: z.string().min(1),
-  private_key_id: z.string().min(1),
-  private_key: z.string().min(1),
-  client_email: z.string().min(1),
-  client_id: z.string().min(1),
-  auth_uri: z.string().min(1),
-  token_uri: z.string().min(1),
-  auth_provider_x509_cert_url: z.string().min(1),
-  client_x509_cert_url: z.string().min(1),
-  universe_domain: z.string().min(1)
-});
-
-export type ExternalKmsGcpCredentialSchemaType = z.infer<typeof ExternalKmsGcpCredentialSchema>;
-
-export const ExternalKmsGcpSchema = z.object({
-  credential: ExternalKmsGcpCredentialSchema.describe(
-    "GCP Service Account JSON credential to connect"
-  ),
-  gcpRegion: z.string().min(1).trim().describe("GCP region where the KMS key is located"),
-  keyName: z.string().min(1).trim().describe("GCP key name")
-});
-export type ExternalKmsGcpSchemaType = z.infer<typeof ExternalKmsGcpSchema>;
-
-export const ExternalKmsInputSchema = z.discriminatedUnion("type", [
-  z.object({ type: z.literal(ExternalKmsProvider.Aws), inputs: ExternalKmsAwsSchema }),
-  z.object({ type: z.literal(ExternalKmsProvider.Gcp), inputs: ExternalKmsGcpSchema })
-]);
-
-export const AddExternalKmsSchema = z.object({
-  name: slugSchema({ min: 1, field: "Alias" }),
-  description: z.string().trim().optional(),
-  provider: ExternalKmsInputSchema
-});
-
-export type AddExternalKmsType = z.infer<typeof AddExternalKmsSchema>;
-
-// we need separate schema for update because the credential field is not required on GCP
-export const ExternalKmsUpdateInputSchema = z.discriminatedUnion("type", [
-  z.object({ type: z.literal(ExternalKmsProvider.Aws), inputs: ExternalKmsAwsSchema }),
-  z.object({
-    type: z.literal(ExternalKmsProvider.Gcp),
-    inputs: ExternalKmsGcpSchema.pick({ gcpRegion: true, keyName: true })
-  })
-]);
-
-export const UpdateExternalKmsSchema = z.object({
-  name: z
-    .string()
-    .trim()
-    .min(1)
-    .refine((v) => slugify(v) === v, {
-      message: "Alias must be a valid slug"
-    }),
-  description: z.string().trim().optional(),
-  provider: ExternalKmsUpdateInputSchema
-});
-
-export type UpdateExternalKmsType = z.infer<typeof UpdateExternalKmsSchema>;
-
-const GCP_CREDENTIAL_MAX_FILE_SIZE = 8 * 1024; // 8KB
-const GCP_CREDENTIAL_ACCEPTED_FILE_TYPES = ["application/json"];
-
-const AddExternalKmsGcpFormSchemaStandardInputs = z.object({
-  keyObject: z
-    .object({ label: z.string().trim(), value: z.string().trim() })
-    .describe("GCP key name"),
-  gcpRegion: z.object({ label: z.string().trim(), value: z.string().trim() }).describe("GCP Region")
-});
-
-export const AddExternalKmsGcpFormSchema = z.discriminatedUnion("formType", [
-  z
-    .object({
-      formType: z.literal("newGcpKms"),
-      // `FileList` is a browser-only (window-specific) type, so we need to handle it differently on the server to avoid SSR errors
-      credentialFile:
-        typeof window === "undefined"
-          ? z.any()
-          : z
-              .instanceof(FileList)
-              .refine((files) => files?.length === 1, "Image is required.")
-              .refine(
-                (files) => files?.[0]?.size <= GCP_CREDENTIAL_MAX_FILE_SIZE,
-                "Max file size is 8KB."
-              )
-              .refine(
-                (files) => GCP_CREDENTIAL_ACCEPTED_FILE_TYPES.includes(files?.[0]?.type),
-                "Only .json files are accepted."
-              )
-    })
-    .merge(AddExternalKmsGcpFormSchemaStandardInputs)
-    .merge(AddExternalKmsSchema.pick({ name: true, description: true })),
-  z
-    .object({ formType: z.literal("updateGcpKms") })
-    .merge(AddExternalKmsGcpFormSchemaStandardInputs)
-    .merge(AddExternalKmsSchema.pick({ name: true, description: true }))
-]);
-
-export type AddExternalKmsGcpFormSchemaType = z.infer<typeof AddExternalKmsGcpFormSchema>;
-
-export enum KmsGcpKeyFetchAuthType {
-  Credential = "credential",
-  Kms = "kmsId"
-}
diff --git a/frontend-next/src/hooks/api/ldapConfig/index.tsx b/frontend-next/src/hooks/api/ldapConfig/index.tsx
deleted file mode 100644
index 20ba1469a..000000000
--- a/frontend-next/src/hooks/api/ldapConfig/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  useCreateLDAPConfig,
-  useCreateLDAPGroupMapping,
-  useDeleteLDAPGroupMapping,
-  useTestLDAPConnection,
-  useUpdateLDAPConfig} from "./mutations";
-export { useGetLDAPConfig, useGetLDAPGroupMaps } from "./queries";
diff --git a/frontend-next/src/hooks/api/ldapConfig/mutations.tsx b/frontend-next/src/hooks/api/ldapConfig/mutations.tsx
deleted file mode 100644
index 2014f52bd..000000000
--- a/frontend-next/src/hooks/api/ldapConfig/mutations.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { ldapConfigKeys } from "./queries";
-
-export const useCreateLDAPConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      isActive,
-      url,
-      bindDN,
-      bindPass,
-      uniqueUserAttribute,
-      searchBase,
-      searchFilter,
-      groupSearchBase,
-      groupSearchFilter,
-      caCert
-    }: {
-      organizationId: string;
-      isActive: boolean;
-      url: string;
-      bindDN: string;
-      bindPass: string;
-      uniqueUserAttribute: string;
-      searchBase: string;
-      searchFilter: string;
-      groupSearchBase: string;
-      groupSearchFilter: string;
-      caCert?: string;
-    }) => {
-      const { data } = await apiRequest.post("/api/v1/ldap/config", {
-        organizationId,
-        isActive,
-        url,
-        bindDN,
-        bindPass,
-        uniqueUserAttribute,
-        searchBase,
-        searchFilter,
-        groupSearchBase,
-        groupSearchFilter,
-        caCert
-      });
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(ldapConfigKeys.getLDAPConfig(dto.organizationId));
-    }
-  });
-};
-
-export const useUpdateLDAPConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      isActive,
-      url,
-      bindDN,
-      bindPass,
-      uniqueUserAttribute,
-      searchBase,
-      searchFilter,
-      groupSearchBase,
-      groupSearchFilter,
-      caCert
-    }: {
-      organizationId: string;
-      isActive?: boolean;
-      url?: string;
-      bindDN?: string;
-      bindPass?: string;
-      uniqueUserAttribute?: string;
-      searchBase?: string;
-      searchFilter?: string;
-      groupSearchBase?: string;
-      groupSearchFilter?: string;
-      caCert?: string;
-    }) => {
-      const { data } = await apiRequest.patch("/api/v1/ldap/config", {
-        organizationId,
-        isActive,
-        url,
-        bindDN,
-        bindPass,
-        uniqueUserAttribute,
-        searchBase,
-        searchFilter,
-        groupSearchBase,
-        groupSearchFilter,
-        caCert
-      });
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(ldapConfigKeys.getLDAPConfig(dto.organizationId));
-    }
-  });
-};
-
-export const useCreateLDAPGroupMapping = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      ldapConfigId,
-      ldapGroupCN,
-      groupSlug
-    }: {
-      ldapConfigId: string;
-      ldapGroupCN: string;
-      groupSlug: string;
-    }) => {
-      const { data } = await apiRequest.post(`/api/v1/ldap/config/${ldapConfigId}/group-maps`, {
-        ldapGroupCN,
-        groupSlug
-      });
-      return data;
-    },
-    onSuccess(_, { ldapConfigId }) {
-      queryClient.invalidateQueries(ldapConfigKeys.getLDAPGroupMaps(ldapConfigId));
-    }
-  });
-};
-
-export const useDeleteLDAPGroupMapping = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      ldapConfigId,
-      ldapGroupMapId
-    }: {
-      ldapConfigId: string;
-      ldapGroupMapId: string;
-    }) => {
-      const { data } = await apiRequest.delete(
-        `/api/v1/ldap/config/${ldapConfigId}/group-maps/${ldapGroupMapId}`
-      );
-      return data;
-    },
-    onSuccess(_, { ldapConfigId }) {
-      queryClient.invalidateQueries(ldapConfigKeys.getLDAPGroupMaps(ldapConfigId));
-    }
-  });
-};
-
-export const useTestLDAPConnection = () => {
-  return useMutation({
-    mutationFn: async (ldapConfigId: string) => {
-      const { data } = await apiRequest.post<boolean>(
-        `/api/v1/ldap/config/${ldapConfigId}/test-connection`
-      );
-      return data;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/ldapConfig/queries.tsx b/frontend-next/src/hooks/api/ldapConfig/queries.tsx
deleted file mode 100644
index e92a7a1c7..000000000
--- a/frontend-next/src/hooks/api/ldapConfig/queries.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { LDAPGroupMap } from "./types";
-
-export const ldapConfigKeys = {
-  getLDAPConfig: (orgId: string) => [{ orgId }, "organization-ldap"] as const,
-  getLDAPGroupMaps: (ldapConfigId: string) => [{ ldapConfigId }, "ldap-group-maps"] as const
-};
-
-export const useGetLDAPConfig = (organizationId: string) => {
-  return useQuery({
-    queryKey: ldapConfigKeys.getLDAPConfig(organizationId),
-    queryFn: async () => {
-      try {
-        const { data } = await apiRequest.get(
-          `/api/v1/ldap/config?organizationId=${organizationId}`
-        );
-
-        return data;
-      } catch (err) {
-        return null;
-      }
-    },
-    enabled: true
-  });
-};
-
-export const useGetLDAPGroupMaps = (ldapConfigId: string) => {
-  return useQuery({
-    queryKey: ldapConfigKeys.getLDAPGroupMaps(ldapConfigId),
-    queryFn: async () => {
-      if (!ldapConfigId) return [];
-
-      const { data } = await apiRequest.get<LDAPGroupMap[]>(
-        `/api/v1/ldap/config/${ldapConfigId}/group-maps`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
diff --git a/frontend-next/src/hooks/api/ldapConfig/types.ts b/frontend-next/src/hooks/api/ldapConfig/types.ts
deleted file mode 100644
index 0d3519c14..000000000
--- a/frontend-next/src/hooks/api/ldapConfig/types.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type LDAPGroupMap = {
-  id: string;
-  ldapConfigId: string;
-  ldapGroupCN: string;
-  group: {
-    id: string;
-    name: string;
-    slug: string;
-  };
-};
diff --git a/frontend-next/src/hooks/api/migration/mutations.tsx b/frontend-next/src/hooks/api/migration/mutations.tsx
deleted file mode 100644
index feee7778d..000000000
--- a/frontend-next/src/hooks/api/migration/mutations.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { ProjectType } from "../workspace/types";
-
-export const useImportEnvKey = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({ file, decryptionKey }: { file: File; decryptionKey: string }) => {
-      const formData = new FormData();
-
-      formData.append("decryptionKey", decryptionKey);
-      formData.append("file", file);
-
-      try {
-        const response = await apiRequest.post("/api/v3/migrate/env-key/", formData, {
-          headers: {
-            "Content-Type": "multipart/form-data"
-          },
-          onUploadProgress: (progressEvent) => {
-            const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
-            console.log(`Upload Progress: ${percentCompleted}%`);
-          }
-        });
-
-        console.log("Upload successful:", response.data);
-      } catch (error) {
-        console.error("Upload failed:", error);
-      }
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/oidcConfig/index.tsx b/frontend-next/src/hooks/api/oidcConfig/index.tsx
deleted file mode 100644
index b69c25120..000000000
--- a/frontend-next/src/hooks/api/oidcConfig/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./queries";
diff --git a/frontend-next/src/hooks/api/oidcConfig/mutations.tsx b/frontend-next/src/hooks/api/oidcConfig/mutations.tsx
deleted file mode 100644
index 9f57c0332..000000000
--- a/frontend-next/src/hooks/api/oidcConfig/mutations.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { organizationKeys } from "../organization/queries";
-import { oidcConfigKeys } from "./queries";
-
-export const useUpdateOIDCConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      issuer,
-      authorizationEndpoint,
-      configurationType,
-      discoveryURL,
-      jwksUri,
-      tokenEndpoint,
-      userinfoEndpoint,
-      allowedEmailDomains,
-      clientId,
-      clientSecret,
-      isActive,
-      orgSlug
-    }: {
-      allowedEmailDomains?: string;
-      issuer?: string;
-      authorizationEndpoint?: string;
-      discoveryURL?: string;
-      jwksUri?: string;
-      tokenEndpoint?: string;
-      userinfoEndpoint?: string;
-      clientId?: string;
-      clientSecret?: string;
-      isActive?: boolean;
-      configurationType?: string;
-      orgSlug: string;
-    }) => {
-      const { data } = await apiRequest.patch("/api/v1/sso/oidc/config", {
-        issuer,
-        allowedEmailDomains,
-        authorizationEndpoint,
-        discoveryURL,
-        configurationType,
-        jwksUri,
-        tokenEndpoint,
-        userinfoEndpoint,
-        clientId,
-        orgSlug,
-        clientSecret,
-        isActive
-      });
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(oidcConfigKeys.getOIDCConfig(dto.orgSlug));
-      queryClient.invalidateQueries(organizationKeys.getUserOrganizations);
-    }
-  });
-};
-
-export const useCreateOIDCConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      issuer,
-      configurationType,
-      discoveryURL,
-      authorizationEndpoint,
-      allowedEmailDomains,
-      jwksUri,
-      tokenEndpoint,
-      userinfoEndpoint,
-      clientId,
-      clientSecret,
-      isActive,
-      orgSlug
-    }: {
-      issuer?: string;
-      configurationType: string;
-      discoveryURL?: string;
-      authorizationEndpoint?: string;
-      jwksUri?: string;
-      tokenEndpoint?: string;
-      userinfoEndpoint?: string;
-      clientId: string;
-      clientSecret: string;
-      isActive: boolean;
-      orgSlug: string;
-      allowedEmailDomains?: string;
-    }) => {
-      const { data } = await apiRequest.post("/api/v1/sso/oidc/config", {
-        issuer,
-        configurationType,
-        discoveryURL,
-        authorizationEndpoint,
-        allowedEmailDomains,
-        jwksUri,
-        tokenEndpoint,
-        userinfoEndpoint,
-        clientId,
-        clientSecret,
-        isActive,
-        orgSlug
-      });
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(oidcConfigKeys.getOIDCConfig(dto.orgSlug));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/oidcConfig/queries.tsx b/frontend-next/src/hooks/api/oidcConfig/queries.tsx
deleted file mode 100644
index 49db7c5d4..000000000
--- a/frontend-next/src/hooks/api/oidcConfig/queries.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { OIDCConfigData } from "./types";
-
-export const oidcConfigKeys = {
-  getOIDCConfig: (orgSlug: string) => [{ orgSlug }, "organization-oidc"] as const
-};
-
-export const useGetOIDCConfig = (orgSlug: string) => {
-  return useQuery({
-    queryKey: oidcConfigKeys.getOIDCConfig(orgSlug),
-    queryFn: async () => {
-      try {
-        const { data } = await apiRequest.get<OIDCConfigData>(
-          `/api/v1/sso/oidc/config?orgSlug=${orgSlug}`
-        );
-
-        return data;
-      } catch (err) {
-        return null;
-      }
-    },
-    enabled: true
-  });
-};
diff --git a/frontend-next/src/hooks/api/oidcConfig/types.ts b/frontend-next/src/hooks/api/oidcConfig/types.ts
deleted file mode 100644
index 1b8ede5e3..000000000
--- a/frontend-next/src/hooks/api/oidcConfig/types.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export type OIDCConfigData = {
-  id: string;
-  issuer: string;
-  authorizationEndpoint: string;
-  configurationType: string;
-  discoveryURL: string;
-  jwksUri: string;
-  tokenEndpoint: string;
-  userinfoEndpoint: string;
-  isActive: boolean;
-  orgId: string;
-  clientId: string;
-  clientSecret: string;
-  allowedEmailDomains?: string;
-};
diff --git a/frontend-next/src/hooks/api/orgAdmin/index.tsx b/frontend-next/src/hooks/api/orgAdmin/index.tsx
deleted file mode 100644
index 57eed413a..000000000
--- a/frontend-next/src/hooks/api/orgAdmin/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useOrgAdminAccessProject } from "./mutation";
-export { useOrgAdminGetProjects } from "./queries";
diff --git a/frontend-next/src/hooks/api/orgAdmin/mutation.tsx b/frontend-next/src/hooks/api/orgAdmin/mutation.tsx
deleted file mode 100644
index 9fa93722e..000000000
--- a/frontend-next/src/hooks/api/orgAdmin/mutation.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { useMutation } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TOrgAdminAccessProjectDTO } from "./types";
-
-export const useOrgAdminAccessProject = () =>
-  useMutation({
-    mutationFn: async ({ projectId }: TOrgAdminAccessProjectDTO) => {
-      const { data } = await apiRequest.post(
-        `/api/v1/organization-admin/projects/${projectId}/grant-admin-access`
-      );
-      return data;
-    }
-  });
diff --git a/frontend-next/src/hooks/api/orgAdmin/queries.tsx b/frontend-next/src/hooks/api/orgAdmin/queries.tsx
deleted file mode 100644
index 2856de0a2..000000000
--- a/frontend-next/src/hooks/api/orgAdmin/queries.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { Workspace } from "../types";
-import { TOrgAdminGetProjectsDTO } from "./types";
-
-export const orgAdminQueryKeys = {
-  getProjects: (filter: TOrgAdminGetProjectsDTO) => ["org-admin-projects", filter] as const
-};
-
-export const useOrgAdminGetProjects = ({ search, offset, limit = 50 }: TOrgAdminGetProjectsDTO) => {
-  return useQuery({
-    queryKey: orgAdminQueryKeys.getProjects({ search, offset, limit }),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ projects: Workspace[]; count: number }>(
-        "/api/v1/organization-admin/projects",
-        {
-          params: {
-            limit,
-            offset,
-            search
-          }
-        }
-      );
-
-      return data;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/orgAdmin/types.ts b/frontend-next/src/hooks/api/orgAdmin/types.ts
deleted file mode 100644
index 87626a466..000000000
--- a/frontend-next/src/hooks/api/orgAdmin/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type TOrgAdminGetProjectsDTO = {
-  limit?: number;
-  offset?: number;
-  search?: string;
-};
-
-export type TOrgAdminAccessProjectDTO = {
-  projectId: string;
-};
diff --git a/frontend-next/src/hooks/api/organization/index.ts b/frontend-next/src/hooks/api/organization/index.ts
deleted file mode 100644
index fece19e5f..000000000
--- a/frontend-next/src/hooks/api/organization/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export {
-  useAddOrgPmtMethod,
-  useAddOrgTaxId,
-  useCreateCustomerPortalSession,
-  useCreateOrg,
-  useDeleteOrgById,
-  useDeleteOrgPmtMethod,
-  useDeleteOrgTaxId,
-  useGetIdentityMembershipOrgs,
-  useGetOrganizationGroups,
-  useGetOrganizations,
-  useGetOrgBillingDetails,
-  useGetOrgIntegrationAuths,
-  useGetOrgInvoices,
-  useGetOrgLicenses,
-  useGetOrgPlanBillingInfo,
-  useGetOrgPlansTable,
-  useGetOrgPlanTable,
-  useGetOrgPmtMethods,
-  useGetOrgTaxIds,
-  useGetOrgTrialUrl,
-  useUpdateOrg,
-  useUpdateOrgBillingDetails
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/organization/queries.tsx b/frontend-next/src/hooks/api/organization/queries.tsx
deleted file mode 100644
index 82894d988..000000000
--- a/frontend-next/src/hooks/api/organization/queries.tsx
+++ /dev/null
@@ -1,501 +0,0 @@
-import { useMutation, useQuery, useQueryClient, UseQueryOptions } from "@tanstack/react-query";
-
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { apiRequest } from "@app/config/request";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-import { TGroupOrgMembership } from "../groups/types";
-import { IntegrationAuth } from "../types";
-import {
-  BillingDetails,
-  Invoice,
-  License,
-  Organization,
-  OrgIdentityOrderBy,
-  OrgPlanTable,
-  PlanBillingInfo,
-  PmtMethod,
-  ProductsTable,
-  TaxID,
-  TListOrgIdentitiesDTO,
-  TOrgIdentitiesList,
-  UpdateOrgDTO
-} from "./types";
-
-export const organizationKeys = {
-  getUserOrganizations: ["organization"] as const,
-  getOrgPlanBillingInfo: (orgId: string) => [{ orgId }, "organization-plan-billing"] as const,
-  getOrgPlanTable: (orgId: string) => [{ orgId }, "organization-plan-table"] as const,
-  getOrgPlansTable: (orgId: string, billingCycle: "monthly" | "yearly") =>
-    [{ orgId, billingCycle }, "organization-plans-table"] as const,
-  getOrgBillingDetails: (orgId: string) => [{ orgId }, "organization-billing-details"] as const,
-  getOrgPmtMethods: (orgId: string) => [{ orgId }, "organization-pmt-methods"] as const,
-  getOrgTaxIds: (orgId: string) => [{ orgId }, "organization-tax-ids"] as const,
-  getOrgInvoices: (orgId: string) => [{ orgId }, "organization-invoices"] as const,
-  getOrgLicenses: (orgId: string) => [{ orgId }, "organization-licenses"] as const,
-  getOrgIdentityMemberships: (orgId: string) =>
-    [{ orgId }, "organization-identity-memberships"] as const,
-  // allows invalidation using above key without knowing params
-  getOrgIdentityMembershipsWithParams: ({
-    organizationId: orgId,
-    ...params
-  }: TListOrgIdentitiesDTO) =>
-    [...organizationKeys.getOrgIdentityMemberships(orgId), params] as const,
-  getOrgGroups: (orgId: string) => [{ orgId }, "organization-groups"] as const,
-  getOrgIntegrationAuths: (orgId: string) => [{ orgId }, "integration-auths"] as const
-};
-
-export const fetchOrganizations = async () => {
-  const {
-    data: { organizations }
-  } = await apiRequest.get<{ organizations: Organization[] }>("/api/v1/organization");
-  return organizations;
-};
-
-export const useGetOrganizations = () => {
-  return useQuery({
-    queryKey: organizationKeys.getUserOrganizations,
-    queryFn: async () => {
-      return fetchOrganizations();
-    }
-  });
-};
-
-export const useCreateOrg = (options: { invalidate: boolean } = { invalidate: true }) => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({ name }: { name: string }) => {
-      const {
-        data: { organization }
-      } = await apiRequest.post<{ organization: { id: string } }>("/api/v2/organizations", {
-        name
-      });
-
-      return organization;
-    },
-    onSuccess: () => {
-      if (options?.invalidate) {
-        queryClient.invalidateQueries(organizationKeys.getUserOrganizations);
-      }
-    }
-  });
-};
-
-export const useUpdateOrg = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, UpdateOrgDTO>({
-    mutationFn: ({
-      name,
-      authEnforced,
-      scimEnabled,
-      slug,
-      orgId,
-      defaultMembershipRoleSlug,
-      enforceMfa,
-      selectedMfaMethod
-    }) => {
-      return apiRequest.patch(`/api/v1/organization/${orgId}`, {
-        name,
-        authEnforced,
-        scimEnabled,
-        slug,
-        defaultMembershipRoleSlug,
-        enforceMfa,
-        selectedMfaMethod
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(organizationKeys.getUserOrganizations);
-    }
-  });
-};
-
-export const useGetOrgTrialUrl = () => {
-  return useMutation({
-    mutationFn: async ({ orgId, success_url }: { orgId: string; success_url: string }) => {
-      const {
-        data: { url }
-      } = await apiRequest.post(`/api/v1/organizations/${orgId}/session/trial`, {
-        success_url
-      });
-
-      return url;
-    }
-  });
-};
-
-export const useGetOrgPlanBillingInfo = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgPlanBillingInfo(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<PlanBillingInfo>(
-        `/api/v1/organizations/${organizationId}/plan/billing`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useGetOrgPlanTable = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgPlanTable(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<OrgPlanTable>(
-        `/api/v1/organizations/${organizationId}/plan/table`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useGetOrgPlansTable = ({
-  organizationId,
-  billingCycle
-}: {
-  organizationId: string;
-  billingCycle: "monthly" | "yearly";
-}) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgPlansTable(organizationId, billingCycle),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<ProductsTable>(
-        `/api/v1/organizations/${organizationId}/plans/table?billingCycle=${billingCycle}`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useGetOrgBillingDetails = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgBillingDetails(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<BillingDetails>(
-        `/api/v1/organizations/${organizationId}/billing-details`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useUpdateOrgBillingDetails = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      name,
-      email
-    }: {
-      organizationId: string;
-      name?: string;
-      email?: string;
-    }) => {
-      const { data } = await apiRequest.patch(
-        `/api/v1/organizations/${organizationId}/billing-details`,
-        {
-          name,
-          email
-        }
-      );
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(organizationKeys.getOrgBillingDetails(dto.organizationId));
-    }
-  });
-};
-
-export const useGetOrgPmtMethods = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgPmtMethods(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<PmtMethod[]>(
-        `/api/v1/organizations/${organizationId}/billing-details/payment-methods`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useAddOrgPmtMethod = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      success_url,
-      cancel_url
-    }: {
-      organizationId: string;
-      success_url: string;
-      cancel_url: string;
-    }) => {
-      const {
-        data: { url }
-      } = await apiRequest.post(
-        `/api/v1/organizations/${organizationId}/billing-details/payment-methods`,
-        {
-          success_url,
-          cancel_url
-        }
-      );
-
-      return url;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(organizationKeys.getOrgPmtMethods(dto.organizationId));
-    }
-  });
-};
-
-export const useDeleteOrgPmtMethod = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      pmtMethodId
-    }: {
-      organizationId: string;
-      pmtMethodId: string;
-    }) => {
-      const { data } = await apiRequest.delete(
-        `/api/v1/organizations/${organizationId}/billing-details/payment-methods/${pmtMethodId}`
-      );
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(organizationKeys.getOrgPmtMethods(dto.organizationId));
-    }
-  });
-};
-
-export const useGetOrgTaxIds = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgTaxIds(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TaxID[]>(
-        `/api/v1/organizations/${organizationId}/billing-details/tax-ids`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useAddOrgTaxId = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      type,
-      value
-    }: {
-      organizationId: string;
-      type: string;
-      value: string;
-    }) => {
-      const { data } = await apiRequest.post(
-        `/api/v1/organizations/${organizationId}/billing-details/tax-ids`,
-        {
-          type,
-          value
-        }
-      );
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(organizationKeys.getOrgTaxIds(dto.organizationId));
-    }
-  });
-};
-
-export const useDeleteOrgTaxId = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({ organizationId, taxId }: { organizationId: string; taxId: string }) => {
-      const { data } = await apiRequest.delete(
-        `/api/v1/organizations/${organizationId}/billing-details/tax-ids/${taxId}`
-      );
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(organizationKeys.getOrgTaxIds(dto.organizationId));
-    }
-  });
-};
-
-export const useGetOrgInvoices = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgInvoices(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<Invoice[]>(
-        `/api/v1/organizations/${organizationId}/invoices`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useCreateCustomerPortalSession = () => {
-  return useMutation({
-    mutationFn: async (organizationId: string) => {
-      const { data } = await apiRequest.post(
-        `/api/v1/organizations/${organizationId}/customer-portal-session`
-      );
-      return data;
-    }
-  });
-};
-
-export const useGetOrgLicenses = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgLicenses(organizationId),
-    queryFn: async () => {
-      if (organizationId === "") return undefined;
-
-      const { data } = await apiRequest.get<License[]>(
-        `/api/v1/organizations/${organizationId}/licenses`
-      );
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useGetIdentityMembershipOrgs = (
-  {
-    organizationId,
-    offset = 0,
-    limit = 100,
-    orderBy = OrgIdentityOrderBy.Name,
-    orderDirection = OrderByDirection.ASC,
-    search = ""
-  }: TListOrgIdentitiesDTO,
-  options?: Omit<
-    UseQueryOptions<
-      TOrgIdentitiesList,
-      unknown,
-      TOrgIdentitiesList,
-      ReturnType<typeof organizationKeys.getOrgIdentityMembershipsWithParams>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  const params = new URLSearchParams({
-    offset: String(offset),
-    limit: String(limit),
-    orderBy: String(orderBy),
-    orderDirection: String(orderDirection),
-    search: String(search)
-  });
-  return useQuery({
-    queryKey: organizationKeys.getOrgIdentityMembershipsWithParams({
-      organizationId,
-      offset,
-      limit,
-      orderBy,
-      orderDirection,
-      search
-    }),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TOrgIdentitiesList>(
-        `/api/v2/organizations/${organizationId}/identity-memberships`,
-        { params }
-      );
-
-      return data;
-    },
-    enabled: true,
-    ...options
-  });
-};
-
-export const useDeleteOrgById = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({ organizationId }: { organizationId: string }) => {
-      const {
-        data: { organization, accessToken }
-      } = await apiRequest.delete<{ organization: Organization; accessToken: string }>(
-        `/api/v2/organizations/${organizationId}`
-      );
-      SecurityClient.setToken(accessToken);
-      localStorage.removeItem("orgData.id");
-
-      return organization;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(organizationKeys.getUserOrganizations);
-      queryClient.invalidateQueries(organizationKeys.getOrgPlanBillingInfo(dto.organizationId));
-      queryClient.invalidateQueries(organizationKeys.getOrgPlanTable(dto.organizationId));
-      queryClient.invalidateQueries(
-        organizationKeys.getOrgPlansTable(dto.organizationId, "monthly")
-      ); // You might need to invalidate for 'yearly' as well.
-      queryClient.invalidateQueries(
-        organizationKeys.getOrgPlansTable(dto.organizationId, "yearly")
-      );
-      queryClient.invalidateQueries(organizationKeys.getOrgBillingDetails(dto.organizationId));
-      queryClient.invalidateQueries(organizationKeys.getOrgPmtMethods(dto.organizationId));
-      queryClient.invalidateQueries(organizationKeys.getOrgTaxIds(dto.organizationId));
-      queryClient.invalidateQueries(organizationKeys.getOrgInvoices(dto.organizationId));
-      queryClient.invalidateQueries(organizationKeys.getOrgLicenses(dto.organizationId));
-    }
-  });
-};
-
-export const useGetOrganizationGroups = (organizationId: string) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgGroups(organizationId),
-    enabled: Boolean(organizationId),
-    queryFn: async () => {
-      const {
-        data: { groups }
-      } = await apiRequest.get<{ groups: TGroupOrgMembership[] }>(
-        `/api/v1/organization/${organizationId}/groups`
-      );
-
-      return groups;
-    }
-  });
-};
-
-export const useGetOrgIntegrationAuths = <TData = IntegrationAuth[],>(
-  organizationId: string,
-  select?: (data: IntegrationAuth[]) => TData
-) => {
-  return useQuery({
-    queryKey: organizationKeys.getOrgIntegrationAuths(organizationId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ authorizations: IntegrationAuth[] }>(
-        `/api/v1/organization/${organizationId}/integration-authorizations`
-      );
-
-      return data.authorizations;
-    },
-    enabled: Boolean(organizationId),
-    select
-  });
-};
diff --git a/frontend-next/src/hooks/api/organization/types.ts b/frontend-next/src/hooks/api/organization/types.ts
deleted file mode 100644
index 629c4a330..000000000
--- a/frontend-next/src/hooks/api/organization/types.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { IdentityMembershipOrg } from "@app/hooks/api/identities/types";
-
-import { MfaMethod } from "../auth/types";
-
-export type Organization = {
-  id: string;
-  name: string;
-  createAt: string;
-  updatedAt: string;
-  authEnforced: boolean;
-  orgAuthMethod: string;
-  scimEnabled: boolean;
-  slug: string;
-  defaultMembershipRole: string;
-  enforceMfa: boolean;
-  selectedMfaMethod?: MfaMethod;
-};
-
-export type UpdateOrgDTO = {
-  orgId: string;
-  name?: string;
-  authEnforced?: boolean;
-  scimEnabled?: boolean;
-  slug?: string;
-  defaultMembershipRoleSlug?: string;
-  enforceMfa?: boolean;
-  selectedMfaMethod?: MfaMethod;
-};
-
-export type BillingDetails = {
-  name: string;
-  email: string;
-};
-
-export type PlanBillingInfo = {
-  amount: number;
-  currentPeriodEnd: number;
-  currentPeriodStart: number;
-  interval: "month" | "year";
-  intervalCount: number;
-  quantity: number;
-};
-
-export type Invoice = {
-  id: string;
-  created: number;
-  invoice_pdf: string;
-  number: string;
-  paid: boolean;
-  total: number;
-};
-
-export type PmtMethod = {
-  _id: string;
-  brand: string;
-  exp_month: number;
-  exp_year: number;
-  funding: string;
-  last4: string;
-};
-
-export type TaxID = {
-  id: string;
-  country: string;
-  type: string;
-  value: string;
-};
-
-export type License = {
-  id: string;
-  customerId: string;
-  prefix: string;
-  licenseKey: string;
-  isActivated: boolean;
-  expiresAt: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type OrgPlanTableHead = {
-  name: string;
-};
-
-export type OrgPlanTableRow = {
-  name: string;
-  allowed: number | boolean | null;
-  used: string;
-};
-
-export type OrgPlanTable = {
-  head: OrgPlanTableHead[];
-  rows: OrgPlanTableRow[];
-};
-
-export type ProductsTableHead = {
-  name: string;
-  price: number | null;
-  priceLine: string;
-  productId: string;
-  slug: string;
-  tier: number;
-};
-
-export type ProductsTableRow = {
-  name: string;
-  starter: number | boolean | null;
-  team: number | boolean | null;
-  pro: number | boolean | null;
-  enterprise: number | boolean | null;
-};
-
-export type ProductsTable = {
-  head: ProductsTableHead[];
-  rows: ProductsTableRow[];
-};
-
-export type TListOrgIdentitiesDTO = {
-  organizationId: string;
-  offset?: number;
-  limit?: number;
-  orderBy?: OrgIdentityOrderBy;
-  orderDirection?: OrderByDirection;
-  search?: string;
-};
-
-export type TOrgIdentitiesList = {
-  identityMemberships: IdentityMembershipOrg[];
-  totalCount: number;
-};
-
-export enum OrgIdentityOrderBy {
-  Name = "name"
-  // Role = "role"
-}
diff --git a/frontend-next/src/hooks/api/pkiAlerts/index.tsx b/frontend-next/src/hooks/api/pkiAlerts/index.tsx
deleted file mode 100644
index f88f71679..000000000
--- a/frontend-next/src/hooks/api/pkiAlerts/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useCreatePkiAlert, useDeletePkiAlert, useUpdatePkiAlert } from "./mutations";
-export { useGetPkiAlertById } from "./queries";
diff --git a/frontend-next/src/hooks/api/pkiAlerts/mutations.tsx b/frontend-next/src/hooks/api/pkiAlerts/mutations.tsx
deleted file mode 100644
index 54aa8eeff..000000000
--- a/frontend-next/src/hooks/api/pkiAlerts/mutations.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { pkiAlertKeys } from "./queries";
-import { TCreatePkiAlertDTO, TDeletePkiAlertDTO, TPkiAlert, TUpdatePkiAlertDTO } from "./types";
-
-export const useCreatePkiAlert = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiAlert, {}, TCreatePkiAlertDTO>({
-    mutationFn: async (body) => {
-      const { data: alert } = await apiRequest.post<TPkiAlert>("/api/v1/pki/alerts", body);
-      return alert;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspacePkiAlerts(projectId));
-    }
-  });
-};
-
-export const useUpdatePkiAlert = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiAlert, {}, TUpdatePkiAlertDTO>({
-    mutationFn: async ({ alertId, ...body }) => {
-      const { data: alert } = await apiRequest.patch<TPkiAlert>(
-        `/api/v1/pki/alerts/${alertId}`,
-        body
-      );
-      return alert;
-    },
-    onSuccess: (_, { projectId, alertId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspacePkiAlerts(projectId));
-      queryClient.invalidateQueries(pkiAlertKeys.getPkiAlertById(alertId));
-    }
-  });
-};
-
-export const useDeletePkiAlert = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiAlert, {}, TDeletePkiAlertDTO>({
-    mutationFn: async ({ alertId }) => {
-      const { data: alert } = await apiRequest.delete<TPkiAlert>(`/api/v1/pki/alerts/${alertId}`);
-      return alert;
-    },
-    onSuccess: (_, { projectId, alertId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspacePkiAlerts(projectId));
-      queryClient.invalidateQueries(pkiAlertKeys.getPkiAlertById(alertId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/pkiAlerts/queries.tsx b/frontend-next/src/hooks/api/pkiAlerts/queries.tsx
deleted file mode 100644
index db324e96d..000000000
--- a/frontend-next/src/hooks/api/pkiAlerts/queries.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TPkiAlert } from "./types";
-
-export const pkiAlertKeys = {
-  getPkiAlertById: (alertId: string) => [{ alertId }, "alert"]
-};
-
-export const useGetPkiAlertById = (alertId: string) => {
-  return useQuery({
-    queryKey: pkiAlertKeys.getPkiAlertById(alertId),
-    queryFn: async () => {
-      const { data: alert } = await apiRequest.get<TPkiAlert>(`/api/v1/pki/alerts/${alertId}`);
-      return alert;
-    },
-    enabled: Boolean(alertId)
-  });
-};
diff --git a/frontend-next/src/hooks/api/pkiAlerts/types.ts b/frontend-next/src/hooks/api/pkiAlerts/types.ts
deleted file mode 100644
index 744c4e598..000000000
--- a/frontend-next/src/hooks/api/pkiAlerts/types.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export type TPkiAlert = {
-  id: string;
-  name: string;
-  projectId: string;
-  pkiCollectionId: string;
-  alertBeforeDays: number;
-  recipientEmails: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TCreatePkiAlertDTO = {
-  projectId: string;
-  name: string;
-  pkiCollectionId: string;
-  alertBeforeDays: number;
-  emails: string[];
-};
-
-export type TUpdatePkiAlertDTO = {
-  alertId: string;
-  projectId: string;
-  pkiCollectionId?: string;
-  name?: string;
-  alertBeforeDays?: number;
-  emails?: string[];
-};
-
-export type TDeletePkiAlertDTO = {
-  alertId: string;
-  projectId: string;
-};
diff --git a/frontend-next/src/hooks/api/pkiCollections/constants.tsx b/frontend-next/src/hooks/api/pkiCollections/constants.tsx
deleted file mode 100644
index c103dc386..000000000
--- a/frontend-next/src/hooks/api/pkiCollections/constants.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export enum PkiItemType {
-  CERTIFICATE = "certificate",
-  CA = "ca"
-}
-
-export const pkiItemTypeToNameMap: { [K in PkiItemType]: string } = {
-  [PkiItemType.CA]: "CA",
-  [PkiItemType.CERTIFICATE]: "Certificate"
-};
diff --git a/frontend-next/src/hooks/api/pkiCollections/index.tsx b/frontend-next/src/hooks/api/pkiCollections/index.tsx
deleted file mode 100644
index cf638d8fa..000000000
--- a/frontend-next/src/hooks/api/pkiCollections/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  useAddItemToPkiCollection,
-  useCreatePkiCollection,
-  useDeletePkiCollection,
-  useRemoveItemFromPkiCollection,
-  useUpdatePkiCollection} from "./mutations";
-export { useGetPkiCollectionById, useListPkiCollectionItems } from "./queries";
diff --git a/frontend-next/src/hooks/api/pkiCollections/mutations.tsx b/frontend-next/src/hooks/api/pkiCollections/mutations.tsx
deleted file mode 100644
index 496a17051..000000000
--- a/frontend-next/src/hooks/api/pkiCollections/mutations.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { pkiCollectionKeys } from "./queries";
-import {
-  TAddItemToPkiCollectionDTO,
-  TCreatePkiCollectionDTO,
-  TDeletePkiCollectionDTO,
-  TPkiCollection,
-  TPkiCollectionItem,
-  TRemoveItemFromPkiCollectionDTO,
-  TUpdatePkiCollectionTO
-} from "./types";
-
-export const useCreatePkiCollection = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiCollection, {}, TCreatePkiCollectionDTO>({
-    mutationFn: async (body) => {
-      const { data: pkiCollection } = await apiRequest.post<TPkiCollection>(
-        "/api/v1/pki/collections",
-        body
-      );
-      return pkiCollection;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspacePkiCollections(projectId));
-    }
-  });
-};
-
-export const useUpdatePkiCollection = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiCollection, {}, TUpdatePkiCollectionTO>({
-    mutationFn: async ({ collectionId, ...body }) => {
-      const { data: pkiCollection } = await apiRequest.patch<TPkiCollection>(
-        `/api/v1/pki/collections/${collectionId}`,
-        body
-      );
-      return pkiCollection;
-    },
-    onSuccess: (_, { projectId, collectionId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspacePkiCollections(projectId));
-      queryClient.invalidateQueries(pkiCollectionKeys.getPkiCollectionById(collectionId));
-    }
-  });
-};
-
-export const useDeletePkiCollection = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiCollection, {}, TDeletePkiCollectionDTO>({
-    mutationFn: async ({ collectionId }) => {
-      const { data: pkiCollection } = await apiRequest.delete<TPkiCollection>(
-        `/api/v1/pki/collections/${collectionId}`
-      );
-      return pkiCollection;
-    },
-    onSuccess: (_, { projectId, collectionId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspacePkiCollections(projectId));
-      queryClient.invalidateQueries(pkiCollectionKeys.getPkiCollectionById(collectionId));
-    }
-  });
-};
-
-export const useAddItemToPkiCollection = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiCollectionItem, {}, TAddItemToPkiCollectionDTO>({
-    mutationFn: async ({ collectionId, type, itemId }) => {
-      const { data: pkiCollectionItem } = await apiRequest.post<TPkiCollectionItem>(
-        `/api/v1/pki/collections/${collectionId}/items`,
-        {
-          type,
-          itemId
-        }
-      );
-      return pkiCollectionItem;
-    },
-    onSuccess: (_, { collectionId }) => {
-      queryClient.invalidateQueries(pkiCollectionKeys.getPkiCollectionItems(collectionId));
-    }
-  });
-};
-
-export const useRemoveItemFromPkiCollection = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TPkiCollectionItem, {}, TRemoveItemFromPkiCollectionDTO>({
-    mutationFn: async ({ collectionId, itemId }) => {
-      const { data: pkiCollectionItem } = await apiRequest.delete<TPkiCollectionItem>(
-        `/api/v1/pki/collections/${collectionId}/items/${itemId}`
-      );
-      return pkiCollectionItem;
-    },
-    onSuccess: (_, { collectionId }) => {
-      queryClient.invalidateQueries(pkiCollectionKeys.getPkiCollectionItems(collectionId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/pkiCollections/queries.tsx b/frontend-next/src/hooks/api/pkiCollections/queries.tsx
deleted file mode 100644
index 109862767..000000000
--- a/frontend-next/src/hooks/api/pkiCollections/queries.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { PkiItemType } from "./constants";
-import { TPkiCollection, TPkiCollectionItem } from "./types";
-
-export const pkiCollectionKeys = {
-  getPkiCollectionById: (collectionId: string) => [{ collectionId }, "pki-collection"] as const,
-  getPkiCollectionItems: (collectionId: string) =>
-    [{ collectionId }, "pki-collection-items"] as const,
-  specificPkiCollectionItems: ({
-    collectionId,
-    type,
-    offset,
-    limit
-  }: {
-    collectionId: string;
-    type?: PkiItemType;
-    offset: number;
-    limit: number;
-  }) =>
-    [
-      ...pkiCollectionKeys.getPkiCollectionItems(collectionId),
-      { offset, limit, type },
-      "pki-collection-items-2"
-    ] as const
-};
-
-export const useGetPkiCollectionById = (collectionId: string) => {
-  return useQuery({
-    queryKey: pkiCollectionKeys.getPkiCollectionById(collectionId),
-    queryFn: async () => {
-      const { data: pkiCollection } = await apiRequest.get<TPkiCollection>(
-        `/api/v1/pki/collections/${collectionId}`
-      );
-      return pkiCollection;
-    },
-    enabled: Boolean(collectionId)
-  });
-};
-
-export const useListPkiCollectionItems = ({
-  collectionId,
-  type,
-  offset,
-  limit
-}: {
-  collectionId: string;
-  type?: PkiItemType;
-  offset: number;
-  limit: number;
-}) => {
-  return useQuery({
-    queryKey: pkiCollectionKeys.specificPkiCollectionItems({
-      collectionId,
-      offset,
-      limit,
-      type
-    }),
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        offset: String(offset),
-        limit: String(limit),
-        ...(type ? { type } : {})
-      });
-
-      const {
-        data: { collectionItems, totalCount }
-      } = await apiRequest.get<{
-        collectionItems: (TPkiCollectionItem & {
-          notBefore: string;
-          notAfter: string;
-          friendlyName: string;
-        })[];
-        totalCount: number;
-      }>(`/api/v1/pki/collections/${collectionId}/items`, {
-        params
-      });
-
-      return { collectionItems, totalCount };
-    },
-    enabled: Boolean(collectionId)
-  });
-};
diff --git a/frontend-next/src/hooks/api/pkiCollections/types.ts b/frontend-next/src/hooks/api/pkiCollections/types.ts
deleted file mode 100644
index 98a98d520..000000000
--- a/frontend-next/src/hooks/api/pkiCollections/types.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-export type TPkiCollection = {
-  id: string;
-  name: string;
-  description: string;
-  projectId: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TCreatePkiCollectionDTO = {
-  projectId: string;
-  name: string;
-  description: string;
-};
-
-export type TUpdatePkiCollectionTO = {
-  collectionId: string;
-  projectId: string;
-  name?: string;
-  description?: string;
-};
-
-export type TDeletePkiCollectionDTO = {
-  collectionId: string;
-  projectId: string;
-};
-
-export type TPkiCollectionItem = {
-  id: string;
-  collectionId: string;
-  type: string;
-  itemId: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TAddItemToPkiCollectionDTO = {
-  collectionId: string;
-  type: string;
-  itemId: string;
-};
-
-export type TRemoveItemFromPkiCollectionDTO = {
-  collectionId: string;
-  itemId: string;
-};
diff --git a/frontend-next/src/hooks/api/policies/enums.ts b/frontend-next/src/hooks/api/policies/enums.ts
deleted file mode 100644
index f91bcb98c..000000000
--- a/frontend-next/src/hooks/api/policies/enums.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export enum EnforcementLevel {
-    Hard = "hard",
-    Soft = "soft"
-}
-
-export enum PolicyType {
-    ChangePolicy = "change",
-    AccessPolicy = "access"
-}
diff --git a/frontend-next/src/hooks/api/projectTemplates/index.ts b/frontend-next/src/hooks/api/projectTemplates/index.ts
deleted file mode 100644
index 177955438..000000000
--- a/frontend-next/src/hooks/api/projectTemplates/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./mutations";
-export * from "./queries";
-export * from "./types";
diff --git a/frontend-next/src/hooks/api/projectTemplates/mutations.tsx b/frontend-next/src/hooks/api/projectTemplates/mutations.tsx
deleted file mode 100644
index 7056f738e..000000000
--- a/frontend-next/src/hooks/api/projectTemplates/mutations.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { projectTemplateKeys } from "@app/hooks/api/projectTemplates/queries";
-import {
-  TCreateProjectTemplateDTO,
-  TDeleteProjectTemplateDTO,
-  TProjectTemplateResponse,
-  TUpdateProjectTemplateDTO
-} from "@app/hooks/api/projectTemplates/types";
-
-export const useCreateProjectTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (payload: TCreateProjectTemplateDTO) => {
-      const { data } = await apiRequest.post<TProjectTemplateResponse>(
-        "/api/v1/project-templates",
-        payload
-      );
-
-      return data.projectTemplate;
-    },
-    onSuccess: () => queryClient.invalidateQueries(projectTemplateKeys.list())
-  });
-};
-
-export const useUpdateProjectTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ templateId, ...params }: TUpdateProjectTemplateDTO) => {
-      const { data } = await apiRequest.patch<TProjectTemplateResponse>(
-        `/api/v1/project-templates/${templateId}`,
-        params
-      );
-
-      return data.projectTemplate;
-    },
-    onSuccess: (_, { templateId }) => {
-      queryClient.invalidateQueries(projectTemplateKeys.list());
-      queryClient.invalidateQueries(projectTemplateKeys.byId(templateId));
-    }
-  });
-};
-
-export const useDeleteProjectTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ templateId }: TDeleteProjectTemplateDTO) => {
-      const { data } = await apiRequest.delete(`/api/v1/project-templates/${templateId}`);
-
-      return data;
-    },
-    onSuccess: (_, { templateId }) => {
-      queryClient.invalidateQueries(projectTemplateKeys.list());
-      queryClient.invalidateQueries(projectTemplateKeys.byId(templateId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/projectTemplates/queries.tsx b/frontend-next/src/hooks/api/projectTemplates/queries.tsx
deleted file mode 100644
index f5863915a..000000000
--- a/frontend-next/src/hooks/api/projectTemplates/queries.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import {
-  TListProjectTemplates,
-  TProjectTemplate,
-  TProjectTemplateResponse
-} from "@app/hooks/api/projectTemplates/types";
-
-export const projectTemplateKeys = {
-  all: ["project-template"] as const,
-  list: () => [...projectTemplateKeys.all, "list"] as const,
-  byId: (templateId: string) => [...projectTemplateKeys.all, templateId] as const
-};
-
-export const useListProjectTemplates = (
-  options?: Omit<
-    UseQueryOptions<
-      TProjectTemplate[],
-      unknown,
-      TProjectTemplate[],
-      ReturnType<typeof projectTemplateKeys.list>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: projectTemplateKeys.list(),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TListProjectTemplates>("/api/v1/project-templates");
-
-      return data.projectTemplates;
-    },
-    ...options
-  });
-};
-
-export const useGetProjectTemplateById = (
-  templateId: string,
-  options?: Omit<
-    UseQueryOptions<
-      TProjectTemplate,
-      unknown,
-      TProjectTemplate,
-      ReturnType<typeof projectTemplateKeys.byId>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: projectTemplateKeys.byId(templateId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TProjectTemplateResponse>(
-        `/api/v1/project-templates/${templateId}`
-      );
-
-      return data.projectTemplate;
-    },
-    ...options
-  });
-};
diff --git a/frontend-next/src/hooks/api/projectTemplates/types.ts b/frontend-next/src/hooks/api/projectTemplates/types.ts
deleted file mode 100644
index 37c6cc902..000000000
--- a/frontend-next/src/hooks/api/projectTemplates/types.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { TProjectRole } from "@app/hooks/api/roles/types";
-
-export type TProjectTemplate = {
-  id: string;
-  name: string;
-  description?: string;
-  roles: Pick<TProjectRole, "slug" | "name" | "permissions">[];
-  environments: { name: string; slug: string; position: number }[];
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TListProjectTemplates = { projectTemplates: TProjectTemplate[] };
-export type TProjectTemplateResponse = { projectTemplate: TProjectTemplate };
-
-export type TCreateProjectTemplateDTO = {
-  name: string;
-  description?: string;
-};
-
-export type TUpdateProjectTemplateDTO = Partial<
-  Pick<TProjectTemplate, "name" | "description" | "roles" | "environments">
-> & { templateId: string };
-
-export type TDeleteProjectTemplateDTO = {
-  templateId: string;
-};
-
-export enum InfisicalProjectTemplate {
-  Default = "default"
-}
diff --git a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/index.tsx b/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/index.tsx
deleted file mode 100644
index 14a2c8980..000000000
--- a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  useCreateProjectUserAdditionalPrivilege,
-  useDeleteProjectUserAdditionalPrivilege,
-  useUpdateProjectUserAdditionalPrivilege
-} from "./mutation";
-export { useGetProjectUserPrivilegeDetails, useListProjectUserPrivileges } from "./queries";
-export type { TProjectUserPrivilege } from "./types";
diff --git a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/mutation.tsx b/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/mutation.tsx
deleted file mode 100644
index de0a1a51e..000000000
--- a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/mutation.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { projectUserPrivilegeKeys } from "./queries";
-import {
-  TCreateProjectUserPrivilegeDTO,
-  TDeleteProjectUserPrivilegeDTO,
-  TProjectUserPrivilege,
-  TUpdateProjectUserPrivlegeDTO
-} from "./types";
-
-export const useCreateProjectUserAdditionalPrivilege = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ privilege: TProjectUserPrivilege }, {}, TCreateProjectUserPrivilegeDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v1/user-project-additional-privilege", dto);
-      return data.privilege;
-    },
-    onSuccess: (_, { projectMembershipId }) => {
-      queryClient.invalidateQueries(projectUserPrivilegeKeys.list(projectMembershipId));
-    }
-  });
-};
-
-export const useUpdateProjectUserAdditionalPrivilege = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ privilege: TProjectUserPrivilege }, {}, TUpdateProjectUserPrivlegeDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.patch(
-        `/api/v1/user-project-additional-privilege/${dto.privilegeId}`,
-        dto
-      );
-      return data.privilege;
-    },
-    onSuccess: (_, { projectMembershipId }) => {
-      queryClient.invalidateQueries(projectUserPrivilegeKeys.list(projectMembershipId));
-    }
-  });
-};
-
-export const useDeleteProjectUserAdditionalPrivilege = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ privilege: TProjectUserPrivilege }, {}, TDeleteProjectUserPrivilegeDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete(
-        `/api/v1/user-project-additional-privilege/${dto.privilegeId}`
-      );
-      return data.privilege;
-    },
-    onSuccess: (_, { projectMembershipId }) => {
-      queryClient.invalidateQueries(projectUserPrivilegeKeys.list(projectMembershipId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/queries.tsx b/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/queries.tsx
deleted file mode 100644
index fd31015cf..000000000
--- a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/queries.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TProjectPermission } from "../roles/types";
-import { TProjectUserPrivilege } from "./types";
-
-export const projectUserPrivilegeKeys = {
-  details: (privilegeId: string) => ["project-user-privilege", { privilegeId }] as const,
-  list: (projectMembershipId: string) =>
-    ["project-user-privileges", { projectMembershipId }] as const
-};
-
-const fetchProjectUserPrivilegeDetails = async (privilegeId: string) => {
-  const {
-    data: { privilege }
-  } = await apiRequest.get<{
-    privilege: Omit<TProjectUserPrivilege, "permissions"> & { permissions: TProjectPermission[] };
-  }>(`/api/v1/user-project-additional-privilege/${privilegeId}`);
-  return privilege;
-};
-
-export const useGetProjectUserPrivilegeDetails = (privilegeId: string) => {
-  return useQuery({
-    enabled: Boolean(privilegeId),
-    queryKey: projectUserPrivilegeKeys.details(privilegeId),
-    queryFn: () => fetchProjectUserPrivilegeDetails(privilegeId)
-  });
-};
-
-export const useListProjectUserPrivileges = (projectMembershipId: string) => {
-  return useQuery({
-    enabled: Boolean(projectMembershipId),
-    queryKey: projectUserPrivilegeKeys.list(projectMembershipId),
-    queryFn: async () => {
-      const {
-        data: { privileges }
-      } = await apiRequest.get<{
-        privileges: Array<Omit<TProjectUserPrivilege, "permissions"> & { permissions: unknown }>;
-      }>("/api/v1/user-project-additional-privilege", { params: { projectMembershipId } });
-      return privileges.map((el) => ({
-        ...el,
-        permissions: el.permissions as TProjectPermission[]
-      }));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/types.tsx b/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/types.tsx
deleted file mode 100644
index c3faae369..000000000
--- a/frontend-next/src/hooks/api/projectUserAdditionalPrivilege/types.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { TProjectPermission } from "../roles/types";
-
-export enum ProjectUserAdditionalPrivilegeTemporaryMode {
-  Relative = "relative"
-}
-
-export type TProjectUserPrivilege = {
-  projectMembershipId: string;
-  slug: string;
-  id: string;
-  createdAt: Date;
-  updatedAt: Date;
-  permissions?: TProjectPermission[];
-} & (
-  | {
-      isTemporary: true;
-      temporaryMode: string;
-      temporaryRange: string;
-      temporaryAccessStartTime: string;
-      temporaryAccessEndTime?: string;
-    }
-  | {
-      isTemporary: false;
-      temporaryMode?: null;
-      temporaryRange?: null;
-      temporaryAccessStartTime?: null;
-      temporaryAccessEndTime?: null;
-    }
-);
-
-export type TCreateProjectUserPrivilegeDTO = {
-  projectMembershipId: string;
-  slug?: string;
-  type:
-    | {
-        isTemporary: true;
-        temporaryMode?: ProjectUserAdditionalPrivilegeTemporaryMode;
-        temporaryRange?: string;
-        temporaryAccessStartTime?: string;
-      }
-    | {
-        isTemporary: false;
-      };
-  permissions: TProjectPermission[];
-};
-
-export type TUpdateProjectUserPrivlegeDTO = {
-  privilegeId: string;
-  projectMembershipId: string;
-} & Partial<Omit<TCreateProjectUserPrivilegeDTO, "projectMembershipId">>;
-
-export type TDeleteProjectUserPrivilegeDTO = {
-  privilegeId: string;
-  projectMembershipId: string;
-};
-
-export type TGetProjectUserPrivilegeDetails = {
-  privilegeId: string;
-};
-
-export type TListProjectUserPrivileges = {
-  projectMembershipId: string;
-};
diff --git a/frontend-next/src/hooks/api/rateLimit/index.ts b/frontend-next/src/hooks/api/rateLimit/index.ts
deleted file mode 100644
index f3f81b1c9..000000000
--- a/frontend-next/src/hooks/api/rateLimit/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useUpdateRateLimit } from "./mutation";
-export { useGetRateLimit } from "./queries";
diff --git a/frontend-next/src/hooks/api/rateLimit/mutation.ts b/frontend-next/src/hooks/api/rateLimit/mutation.ts
deleted file mode 100644
index 22a7f9898..000000000
--- a/frontend-next/src/hooks/api/rateLimit/mutation.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { rateLimitQueryKeys } from "./queries";
-import { TRateLimit } from "./types";
-
-export const useUpdateRateLimit = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TRateLimit, {}, TRateLimit>({
-    mutationFn: async (opt) => {
-      const { data } = await apiRequest.put<{ rateLimit: TRateLimit }>("/api/v1/rate-limit", opt);
-      return data.rateLimit;
-    },
-    onSuccess: (data) => {
-      queryClient.setQueryData(rateLimitQueryKeys.rateLimit(), data);
-      queryClient.invalidateQueries(rateLimitQueryKeys.rateLimit());
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/rateLimit/queries.ts b/frontend-next/src/hooks/api/rateLimit/queries.ts
deleted file mode 100644
index 5a52ff74b..000000000
--- a/frontend-next/src/hooks/api/rateLimit/queries.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TRateLimit } from "./types";
-
-export const rateLimitQueryKeys = {
-  rateLimit: () => ["rate-limit"] as const
-};
-
-const fetchRateLimit = async () => {
-  const { data } = await apiRequest.get<{ rateLimit: TRateLimit }>("/api/v1/rate-limit");
-  return data.rateLimit;
-};
-
-export const useGetRateLimit = ({
-  options = {}
-}: {
-  options?: Omit<
-    UseQueryOptions<
-      TRateLimit,
-      unknown,
-      TRateLimit,
-      ReturnType<typeof rateLimitQueryKeys.rateLimit>
-    >,
-    "queryKey" | "queryFn"
-  >;
-} = {}) =>
-  useQuery({
-    queryKey: rateLimitQueryKeys.rateLimit(),
-    queryFn: fetchRateLimit,
-    ...options,
-    enabled: options?.enabled ?? true
-  });
diff --git a/frontend-next/src/hooks/api/rateLimit/types.ts b/frontend-next/src/hooks/api/rateLimit/types.ts
deleted file mode 100644
index 53b075ce4..000000000
--- a/frontend-next/src/hooks/api/rateLimit/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type TRateLimit = {
-  readRateLimit: number;
-  writeRateLimit: number;
-  secretsRateLimit: number;
-  authRateLimit: number;
-  inviteUserRateLimit: number;
-  mfaRateLimit: number;
-  publicEndpointLimit: number;
-};
diff --git a/frontend-next/src/hooks/api/roles/index.tsx b/frontend-next/src/hooks/api/roles/index.tsx
deleted file mode 100644
index fd8e4e705..000000000
--- a/frontend-next/src/hooks/api/roles/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export {
-  useCreateOrgRole,
-  useCreateProjectRole,
-  useDeleteOrgRole,
-  useDeleteProjectRole,
-  useUpdateOrgRole,
-  useUpdateProjectRole
-} from "./mutation";
-export {
-  useGetOrgRole,
-  useGetOrgRoles,
-  useGetProjectRoleBySlug,
-  useGetProjectRoles,
-  useGetUserOrgPermissions,
-  useGetUserProjectPermissions
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/roles/mutation.tsx b/frontend-next/src/hooks/api/roles/mutation.tsx
deleted file mode 100644
index 1562fbf1a..000000000
--- a/frontend-next/src/hooks/api/roles/mutation.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { packRules } from "@casl/ability/extra";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { roleQueryKeys } from "./queries";
-import {
-  TCreateOrgRoleDTO,
-  TCreateProjectRoleDTO,
-  TDeleteOrgRoleDTO,
-  TDeleteProjectRoleDTO,
-  TOrgRole,
-  TProjectRole,
-  TUpdateOrgRoleDTO,
-  TUpdateProjectRoleDTO
-} from "./types";
-
-export const useCreateProjectRole = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TProjectRole, {}, TCreateProjectRoleDTO>({
-    mutationFn: async ({ projectId, ...dto }: TCreateProjectRoleDTO) => {
-      const {
-        data: { role }
-      } = await apiRequest.post(`/api/v2/workspace/${projectId}/roles`, dto);
-      return role;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(roleQueryKeys.getProjectRoles(projectId));
-    }
-  });
-};
-
-export const useUpdateProjectRole = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TProjectRole, {}, TUpdateProjectRoleDTO>({
-    mutationFn: async ({ id, projectId, ...dto }: TUpdateProjectRoleDTO) => {
-      const {
-        data: { role }
-      } = await apiRequest.patch(`/api/v2/workspace/${projectId}/roles/${id}`, dto);
-      return role;
-    },
-    onSuccess: (_, { projectId, slug }) => {
-      queryClient.invalidateQueries(roleQueryKeys.getProjectRoles(projectId));
-      if (slug) {
-        queryClient.invalidateQueries(roleQueryKeys.getProjectRoleBySlug(projectId, slug));
-      }
-    }
-  });
-};
-
-export const useDeleteProjectRole = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TProjectRole, {}, TDeleteProjectRoleDTO>({
-    mutationFn: async ({ projectId, id }: TDeleteProjectRoleDTO) => {
-      const {
-        data: { role }
-      } = await apiRequest.delete(`/api/v2/workspace/${projectId}/roles/${id}`);
-      return role;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(roleQueryKeys.getProjectRoles(projectId));
-    }
-  });
-};
-
-export const useCreateOrgRole = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TOrgRole, {}, TCreateOrgRoleDTO>({
-    mutationFn: async ({ orgId, permissions, ...dto }: TCreateOrgRoleDTO) => {
-      const {
-        data: { role }
-      } = await apiRequest.post(`/api/v1/organization/${orgId}/roles`, {
-        ...dto,
-        permissions: permissions.length ? packRules(permissions) : []
-      });
-
-      return role;
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(roleQueryKeys.getOrgRoles(orgId));
-    }
-  });
-};
-
-export const useUpdateOrgRole = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TOrgRole, {}, TUpdateOrgRoleDTO>({
-    mutationFn: async ({ id, orgId, permissions, ...dto }: TUpdateOrgRoleDTO) => {
-      const {
-        data: { role }
-      } = await apiRequest.patch(`/api/v1/organization/${orgId}/roles/${id}`, {
-        ...dto,
-        permissions: permissions?.length ? packRules(permissions) : undefined
-      });
-
-      return role;
-    },
-    onSuccess: (_, { id, orgId }) => {
-      queryClient.invalidateQueries(roleQueryKeys.getOrgRoles(orgId));
-      queryClient.invalidateQueries(roleQueryKeys.getOrgRole(orgId, id));
-    }
-  });
-};
-
-export const useDeleteOrgRole = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<TOrgRole, {}, TDeleteOrgRoleDTO>({
-    mutationFn: async ({ orgId, id }: TDeleteOrgRoleDTO) => {
-      const {
-        data: { role }
-      } = await apiRequest.delete(`/api/v1/organization/${orgId}/roles/${id}`, {
-        data: { orgId }
-      });
-
-      return role;
-    },
-    onSuccess: (_, { id, orgId }) => {
-      queryClient.invalidateQueries(roleQueryKeys.getOrgRoles(orgId));
-      queryClient.invalidateQueries(roleQueryKeys.getOrgRole(orgId, id));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/roles/queries.tsx b/frontend-next/src/hooks/api/roles/queries.tsx
deleted file mode 100644
index 7333cb4af..000000000
--- a/frontend-next/src/hooks/api/roles/queries.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { buildMongoQueryMatcher, createMongoAbility, MongoAbility, RawRuleOf } from "@casl/ability";
-import { PackRule, unpackRules } from "@casl/ability/extra";
-import { useQuery } from "@tanstack/react-query";
-import { FieldCondition, FieldInstruction, JsInterpreter } from "@ucast/mongo2js";
-import picomatch from "picomatch";
-
-import { apiRequest } from "@app/config/request";
-import { OrgPermissionSet } from "@app/context/OrgPermissionContext/types";
-import { ProjectPermissionSet } from "@app/context/ProjectPermissionContext/types";
-import { groupBy } from "@app/lib/fn/array";
-import { omit } from "@app/lib/fn/object";
-
-import { OrgUser, TProjectMembership } from "../users/types";
-import {
-  TGetUserOrgPermissionsDTO,
-  TGetUserProjectPermissionDTO,
-  TOrgRole,
-  TPermission,
-  TProjectRole
-} from "./types";
-
-const $glob: FieldInstruction<string> = {
-  type: "field",
-  validate(instruction, value) {
-    if (typeof value !== "string") {
-      throw new Error(`"${instruction.name}" expects value to be a string`);
-    }
-  }
-};
-
-const glob: JsInterpreter<FieldCondition<string>> = (node, object, context) => {
-  const secretPath = context.get(object, node.field);
-  const permissionSecretGlobPath = node.value;
-  if (!secretPath) return false;
-  return picomatch.isMatch(secretPath, permissionSecretGlobPath, { strictSlashes: false });
-};
-
-const conditionsMatcher = buildMongoQueryMatcher({ $glob }, { glob });
-
-export const roleQueryKeys = {
-  getProjectRoles: (projectId: string) => ["roles", { projectId }] as const,
-  getProjectRoleBySlug: (projectId: string, roleSlug: string) =>
-    ["roles", { projectId, roleSlug }] as const,
-  getOrgRoles: (orgId: string) => ["org-roles", { orgId }] as const,
-  getOrgRole: (orgId: string, roleId: string) => [{ orgId, roleId }, "org-role"] as const,
-  getUserOrgPermissions: ({ orgId }: TGetUserOrgPermissionsDTO) =>
-    ["user-permissions", { orgId }] as const,
-  getUserProjectPermissions: ({ workspaceId }: TGetUserProjectPermissionDTO) =>
-    ["user-project-permissions", { workspaceId }] as const
-};
-
-export const getProjectRoles = async (projectId: string) => {
-  const { data } = await apiRequest.get<{ roles: Array<Omit<TProjectRole, "permissions">> }>(
-    `/api/v2/workspace/${projectId}/roles`
-  );
-  return data.roles;
-};
-
-export const useGetProjectRoles = (projectId: string) =>
-  useQuery({
-    queryKey: roleQueryKeys.getProjectRoles(projectId),
-    queryFn: () => getProjectRoles(projectId),
-    enabled: Boolean(projectId)
-  });
-
-export const useGetProjectRoleBySlug = (projectId: string, roleSlug: string) =>
-  useQuery({
-    queryKey: roleQueryKeys.getProjectRoleBySlug(projectId, roleSlug),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ role: TProjectRole }>(
-        `/api/v2/workspace/${projectId}/roles/slug/${roleSlug}`
-      );
-      return data.role;
-    },
-    enabled: Boolean(projectId && roleSlug)
-  });
-
-const getOrgRoles = async (orgId: string) => {
-  const { data } = await apiRequest.get<{
-    data: { roles: Array<Omit<TOrgRole, "permissions"> & { permissions: unknown }> };
-  }>(`/api/v1/organization/${orgId}/roles`);
-  return data.data.roles.map(({ permissions, ...el }) => ({
-    ...el,
-    permissions: unpackRules(permissions as PackRule<TPermission>[])
-  }));
-};
-
-export const useGetOrgRoles = (orgId: string, enable = true) =>
-  useQuery({
-    queryKey: roleQueryKeys.getOrgRoles(orgId),
-    queryFn: () => getOrgRoles(orgId),
-    enabled: Boolean(orgId) && enable
-  });
-
-export const useGetOrgRole = (orgId: string, roleId: string) =>
-  useQuery({
-    queryKey: roleQueryKeys.getOrgRole(orgId, roleId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{
-        role: Omit<TOrgRole, "permissions"> & { permissions: unknown };
-      }>(`/api/v1/organization/${orgId}/roles/${roleId}`);
-      return {
-        ...data.role,
-        permissions: unpackRules(data.role.permissions as PackRule<TPermission>[])
-      };
-    },
-    enabled: Boolean(orgId && roleId)
-  });
-
-const getUserOrgPermissions = async ({ orgId }: TGetUserOrgPermissionsDTO) => {
-  if (orgId === "") return { permissions: [], membership: null };
-
-  const { data } = await apiRequest.get<{
-    permissions: PackRule<RawRuleOf<MongoAbility<OrgPermissionSet>>>[];
-    membership: OrgUser;
-  }>(`/api/v1/organization/${orgId}/permissions`);
-
-  return data;
-};
-
-export const useGetUserOrgPermissions = ({ orgId }: TGetUserOrgPermissionsDTO) =>
-  useQuery({
-    queryKey: roleQueryKeys.getUserOrgPermissions({ orgId }),
-    queryFn: () => getUserOrgPermissions({ orgId }),
-    // enabled: Boolean(orgId),
-    select: (data) => {
-      const rule = unpackRules<RawRuleOf<MongoAbility<OrgPermissionSet>>>(data.permissions);
-      const ability = createMongoAbility<OrgPermissionSet>(rule, { conditionsMatcher });
-      return { permission: ability, membership: data.membership };
-    }
-  });
-
-const getUserProjectPermissions = async ({ workspaceId }: TGetUserProjectPermissionDTO) => {
-  const { data } = await apiRequest.get<{
-    data: {
-      permissions: PackRule<RawRuleOf<MongoAbility<OrgPermissionSet>>>[];
-      membership: Omit<TProjectMembership, "roles"> & { roles: { role: string }[] };
-    };
-  }>(`/api/v1/workspace/${workspaceId}/permissions`, {});
-
-  return data.data;
-};
-
-export const useGetUserProjectPermissions = ({ workspaceId }: TGetUserProjectPermissionDTO) =>
-  useQuery({
-    queryKey: roleQueryKeys.getUserProjectPermissions({ workspaceId }),
-    queryFn: () => getUserProjectPermissions({ workspaceId }),
-    enabled: Boolean(workspaceId),
-    select: (data) => {
-      const rule = unpackRules<RawRuleOf<MongoAbility<ProjectPermissionSet>>>(data.permissions);
-      const negatedRules = groupBy(
-        rule.filter((i) => i.inverted && i.conditions),
-        (i) => `${i.subject}-${JSON.stringify(i.conditions)}`
-      );
-      const ability = createMongoAbility<ProjectPermissionSet>(rule, {
-        // this allows in frontend to skip some rules using *
-        conditionsMatcher: (rules) => {
-          return (entity) => {
-            // skip validation if its negated rules
-            const isNegatedRule =
-              // eslint-disable-next-line no-underscore-dangle
-              negatedRules?.[`${entity.__caslSubjectType__}-${JSON.stringify(rules)}`];
-            if (isNegatedRule) {
-              const baseMatcher = conditionsMatcher(rules);
-              return baseMatcher(entity);
-            }
-
-            const rulesStrippedOfWildcard = omit(
-              rules,
-              Object.keys(entity).filter((el) => entity[el]?.includes("*"))
-            );
-            const baseMatcher = conditionsMatcher(rulesStrippedOfWildcard);
-            return baseMatcher(entity);
-          };
-        }
-      });
-      const membership = {
-        ...data.membership,
-        roles: data.membership.roles.map(({ role }) => role)
-      };
-
-      return { permission: ability, membership };
-    }
-  });
diff --git a/frontend-next/src/hooks/api/roles/types.ts b/frontend-next/src/hooks/api/roles/types.ts
deleted file mode 100644
index 20c65190c..000000000
--- a/frontend-next/src/hooks/api/roles/types.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-export enum ProjectMembershipRole {
-  Admin = "admin",
-  Member = "member",
-  Custom = "custom",
-  Viewer = "viewer",
-  NoAccess = "no-access"
-}
-
-export type TGetProjectRolesDTO = {
-  workspaceId?: string;
-};
-
-export type TProjectRole = {
-  slug: string;
-  name: string;
-  projectId: string;
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  description?: string;
-  permissions: TProjectPermission[];
-};
-
-export type TOrgRole = {
-  slug: string;
-  name: string;
-  orgId: string;
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  description?: string;
-  permissions: TPermission[];
-};
-
-export type TPermission = {
-  conditions?: Record<string, any>;
-  action: string;
-  subject: string;
-};
-
-export type TProjectPermission = {
-  conditions?: Record<string, any>;
-  inverted?: boolean;
-  action: string | string[];
-  subject: string | string[];
-};
-
-export type TGetUserOrgPermissionsDTO = {
-  orgId: string;
-};
-
-export type TGetUserProjectPermissionDTO = {
-  workspaceId: string;
-};
-
-export type TCreateOrgRoleDTO = {
-  orgId: string;
-  name: string;
-  description?: string | null;
-  slug: string;
-  permissions: TPermission[];
-};
-
-export type TUpdateOrgRoleDTO = {
-  orgId: string;
-  id: string;
-} & Partial<Omit<TCreateOrgRoleDTO, "orgId">>;
-
-export type TDeleteOrgRoleDTO = {
-  orgId: string;
-  id: string;
-};
-
-export type TCreateProjectRoleDTO = {
-  projectId: string;
-  name: string;
-  description?: string | null;
-  slug: string;
-  permissions: TProjectPermission[];
-};
-
-export type TUpdateProjectRoleDTO = {
-  projectId: string;
-  id: string;
-} & Partial<Omit<TCreateProjectRoleDTO, "orgId">>;
-
-export type TDeleteProjectRoleDTO = {
-  projectId: string;
-  id: string;
-};
diff --git a/frontend-next/src/hooks/api/scim/index.tsx b/frontend-next/src/hooks/api/scim/index.tsx
deleted file mode 100644
index a015b0b82..000000000
--- a/frontend-next/src/hooks/api/scim/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useCreateScimToken, useDeleteScimToken } from "./mutations";
-export { useGetScimTokens } from "./queries";
diff --git a/frontend-next/src/hooks/api/scim/mutations.tsx b/frontend-next/src/hooks/api/scim/mutations.tsx
deleted file mode 100644
index f779b8860..000000000
--- a/frontend-next/src/hooks/api/scim/mutations.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { scimKeys } from "./queries";
-import { CreateScimTokenDTO, CreateScimTokenRes, DeleteScimTokenDTO } from "./types";
-
-export const useCreateScimToken = () => {
-  const queryClient = useQueryClient();
-  return useMutation<CreateScimTokenRes, {}, CreateScimTokenDTO>({
-    mutationFn: async ({ organizationId, description, ttlDays }) => {
-      const { data } = await apiRequest.post("/api/v1/scim/scim-tokens", {
-        organizationId,
-        description,
-        ttlDays
-      });
-
-      return data;
-    },
-    onSuccess: (_, { organizationId }) => {
-      queryClient.invalidateQueries(scimKeys.getScimTokens(organizationId));
-    }
-  });
-};
-
-export const useDeleteScimToken = () => {
-  const queryClient = useQueryClient();
-  return useMutation<CreateScimTokenRes, {}, DeleteScimTokenDTO>({
-    mutationFn: async ({ scimTokenId }) => {
-      const { data } = await apiRequest.delete(`/api/v1/scim/scim-tokens/${scimTokenId}`);
-      return data;
-    },
-    onSuccess: (_, { organizationId }) => {
-      queryClient.invalidateQueries(scimKeys.getScimTokens(organizationId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/scim/queries.tsx b/frontend-next/src/hooks/api/scim/queries.tsx
deleted file mode 100644
index 3aa578efb..000000000
--- a/frontend-next/src/hooks/api/scim/queries.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { ScimTokenData } from "./types";
-
-export const scimKeys = {
-  getScimTokens: (orgId: string) => [{ orgId }, "organization-scim-token"] as const
-};
-
-export const useGetScimTokens = (organizationId: string) => {
-  return useQuery({
-    queryKey: scimKeys.getScimTokens(organizationId),
-    queryFn: async () => {
-      if (organizationId === "") {
-        return undefined;
-      }
-
-      const {
-        data: { scimTokens }
-      } = await apiRequest.get<{ scimTokens: ScimTokenData[] }>(
-        `/api/v1/scim/scim-tokens?organizationId=${organizationId}`
-      );
-
-      return scimTokens;
-    },
-    enabled: true
-  });
-};
diff --git a/frontend-next/src/hooks/api/scim/types.ts b/frontend-next/src/hooks/api/scim/types.ts
deleted file mode 100644
index 45bdf2f4c..000000000
--- a/frontend-next/src/hooks/api/scim/types.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export type ScimTokenData = {
-  id: string;
-  ttlDays: number;
-  description: string;
-  tokenSuffix: string;
-  orgId: string;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type CreateScimTokenDTO = {
-  organizationId: string;
-  description?: string;
-  ttlDays?: number;
-};
-
-export type DeleteScimTokenDTO = {
-  organizationId: string;
-  scimTokenId: string;
-};
-
-export type CreateScimTokenRes = {
-  scimToken: string;
-};
diff --git a/frontend-next/src/hooks/api/secretApproval/index.tsx b/frontend-next/src/hooks/api/secretApproval/index.tsx
deleted file mode 100644
index 41774b9d1..000000000
--- a/frontend-next/src/hooks/api/secretApproval/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useCreateSecretApprovalPolicy,
-  useDeleteSecretApprovalPolicy,
-  useUpdateSecretApprovalPolicy
-} from "./mutation";
-export { useGetSecretApprovalPolicies, useGetSecretApprovalPolicyOfABoard } from "./queries";
diff --git a/frontend-next/src/hooks/api/secretApproval/mutation.tsx b/frontend-next/src/hooks/api/secretApproval/mutation.tsx
deleted file mode 100644
index ceebd3493..000000000
--- a/frontend-next/src/hooks/api/secretApproval/mutation.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { secretApprovalKeys } from "./queries";
-import { TCreateSecretPolicyDTO, TDeleteSecretPolicyDTO, TUpdateSecretPolicyDTO } from "./types";
-
-export const useCreateSecretApprovalPolicy = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateSecretPolicyDTO>({
-    mutationFn: async ({
-      environment,
-      workspaceId,
-      approvals,
-      approvers,
-      secretPath,
-      name,
-      enforcementLevel
-    }) => {
-      const { data } = await apiRequest.post("/api/v1/secret-approvals", {
-        environment,
-        workspaceId,
-        approvals,
-        approvers,
-        secretPath,
-        name,
-        enforcementLevel
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(secretApprovalKeys.getApprovalPolicies(workspaceId));
-    }
-  });
-};
-
-export const useUpdateSecretApprovalPolicy = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateSecretPolicyDTO>({
-    mutationFn: async ({ id, approvers, approvals, secretPath, name, enforcementLevel }) => {
-      const { data } = await apiRequest.patch(`/api/v1/secret-approvals/${id}`, {
-        approvals,
-        approvers,
-        secretPath,
-        name,
-        enforcementLevel
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(secretApprovalKeys.getApprovalPolicies(workspaceId));
-    }
-  });
-};
-
-export const useDeleteSecretApprovalPolicy = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSecretPolicyDTO>({
-    mutationFn: async ({ id }) => {
-      const { data } = await apiRequest.delete(`/api/v1/secret-approvals/${id}`);
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(secretApprovalKeys.getApprovalPolicies(workspaceId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretApproval/queries.tsx b/frontend-next/src/hooks/api/secretApproval/queries.tsx
deleted file mode 100644
index ae90ff766..000000000
--- a/frontend-next/src/hooks/api/secretApproval/queries.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  TGetSecretApprovalPoliciesDTO,
-  TGetSecretApprovalPolicyOfBoardDTO,
-  TSecretApprovalPolicy
-} from "./types";
-
-export const secretApprovalKeys = {
-  getApprovalPolicies: (workspaceId: string) =>
-    [{ workspaceId }, "secret-approval-policies"] as const,
-  getApprovalPolicyOfABoard: (workspaceId: string, environment: string, secretPath: string) => [
-    { workspaceId, environment, secretPath },
-    "Secret-approval-policy"
-  ]
-};
-
-const fetchApprovalPolicies = async (workspaceId: string) => {
-  const { data } = await apiRequest.get<{ approvals: TSecretApprovalPolicy[] }>(
-    "/api/v1/secret-approvals",
-    { params: { workspaceId } }
-  );
-  return data.approvals;
-};
-
-export const useGetSecretApprovalPolicies = ({
-  workspaceId,
-  options = {}
-}: TGetSecretApprovalPoliciesDTO & {
-  options?: UseQueryOptions<
-    TSecretApprovalPolicy[],
-    unknown,
-    TSecretApprovalPolicy[],
-    ReturnType<typeof secretApprovalKeys.getApprovalPolicies>
-  >;
-}) =>
-  useQuery({
-    queryKey: secretApprovalKeys.getApprovalPolicies(workspaceId),
-    queryFn: () => fetchApprovalPolicies(workspaceId),
-    ...options,
-    enabled: Boolean(workspaceId) && (options?.enabled ?? true)
-  });
-
-const fetchApprovalPolicyOfABoard = async (
-  workspaceId: string,
-  environment: string,
-  secretPath: string
-) => {
-  const { data } = await apiRequest.get<{ policy: TSecretApprovalPolicy }>(
-    "/api/v1/secret-approvals/board",
-    { params: { workspaceId, environment, secretPath } }
-  );
-  return data.policy || "";
-};
-
-export const useGetSecretApprovalPolicyOfABoard = ({
-  workspaceId,
-  secretPath = "/",
-  environment,
-  options = {}
-}: TGetSecretApprovalPolicyOfBoardDTO & {
-  options?: UseQueryOptions<
-    TSecretApprovalPolicy,
-    unknown,
-    TSecretApprovalPolicy,
-    ReturnType<typeof secretApprovalKeys.getApprovalPolicyOfABoard>
-  >;
-}) =>
-  useQuery({
-    queryKey: secretApprovalKeys.getApprovalPolicyOfABoard(workspaceId, environment, secretPath),
-    queryFn: () => fetchApprovalPolicyOfABoard(workspaceId, environment, secretPath),
-    ...options,
-    enabled: Boolean(workspaceId && secretPath && environment) && (options?.enabled ?? true)
-  });
diff --git a/frontend-next/src/hooks/api/secretApproval/types.ts b/frontend-next/src/hooks/api/secretApproval/types.ts
deleted file mode 100644
index fcf83086c..000000000
--- a/frontend-next/src/hooks/api/secretApproval/types.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { EnforcementLevel } from "../policies/enums";
-import { WorkspaceEnv } from "../workspace/types";
-
-export type TSecretApprovalPolicy = {
-  id: string;
-  workspace: string;
-  name: string;
-  envId: string;
-  environment: WorkspaceEnv;
-  secretPath?: string;
-  approvals: number;
-  approvers: Approver[];
-  updatedAt: Date;
-  enforcementLevel: EnforcementLevel;
-};
-
-export enum ApproverType{
-  User = "user",
-  Group = "group"
-}
-
-export type Approver ={
-  id: string;
-  type: ApproverType;
-}
-
-export type TGetSecretApprovalPoliciesDTO = {
-  workspaceId: string;
-};
-
-export type TGetSecretApprovalPolicyOfBoardDTO = {
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-};
-
-export type TCreateSecretPolicyDTO = {
-  workspaceId: string;
-  name?: string;
-  environment: string;
-  secretPath?: string | null;
-  approvers?: Approver[];
-  approvals?: number;
-  enforcementLevel: EnforcementLevel;
-};
-
-export type TUpdateSecretPolicyDTO = {
-  id: string;
-  name?: string;
-  approvers?: Approver[];
-  secretPath?: string | null;
-  approvals?: number;
-  enforcementLevel?: EnforcementLevel;
-  // for invalidating list
-  workspaceId: string;
-};
-
-export type TDeleteSecretPolicyDTO = {
-  id: string;
-  // for invalidating list
-  workspaceId: string;
-};
diff --git a/frontend-next/src/hooks/api/secretApprovalRequest/index.tsx b/frontend-next/src/hooks/api/secretApprovalRequest/index.tsx
deleted file mode 100644
index a72399901..000000000
--- a/frontend-next/src/hooks/api/secretApprovalRequest/index.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export {
-  usePerformSecretApprovalRequestMerge,
-  useUpdateSecretApprovalRequestStatus,
-  useUpdateSecretApprovalReviewStatus
-} from "./mutation";
-export {
-  useGetSecretApprovalRequestCount,
-  useGetSecretApprovalRequestDetails,
-  useGetSecretApprovalRequests
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/secretApprovalRequest/mutation.tsx b/frontend-next/src/hooks/api/secretApprovalRequest/mutation.tsx
deleted file mode 100644
index f3b389644..000000000
--- a/frontend-next/src/hooks/api/secretApprovalRequest/mutation.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { secretApprovalRequestKeys } from "./queries";
-import {
-  TPerformSecretApprovalRequestMerge,
-  TUpdateSecretApprovalRequestStatusDTO,
-  TUpdateSecretApprovalReviewStatusDTO
-} from "./types";
-
-export const useUpdateSecretApprovalReviewStatus = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateSecretApprovalReviewStatusDTO>({
-    mutationFn: async ({ id, status }) => {
-      const { data } = await apiRequest.post(`/api/v1/secret-approval-requests/${id}/review`, {
-        status
-      });
-      return data;
-    },
-    onSuccess: (_, { id }) => {
-      queryClient.invalidateQueries(secretApprovalRequestKeys.detail({ id }));
-    }
-  });
-};
-
-export const useUpdateSecretApprovalRequestStatus = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateSecretApprovalRequestStatusDTO>({
-    mutationFn: async ({ id, status }) => {
-      const { data } = await apiRequest.post(`/api/v1/secret-approval-requests/${id}/status`, {
-        status
-      });
-      return data;
-    },
-    onSuccess: (_, { id, workspaceId }) => {
-      queryClient.invalidateQueries(secretApprovalRequestKeys.detail({ id }));
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    }
-  });
-};
-
-export const usePerformSecretApprovalRequestMerge = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TPerformSecretApprovalRequestMerge>({
-    mutationFn: async ({ id, bypassReason }) => {
-      const { data } = await apiRequest.post(`/api/v1/secret-approval-requests/${id}/merge`, {
-        bypassReason
-      });
-      return data;
-    },
-    onSuccess: (_, { id, workspaceId }) => {
-      queryClient.invalidateQueries(secretApprovalRequestKeys.detail({ id }));
-      queryClient.invalidateQueries(secretApprovalRequestKeys.list({ workspaceId }));
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretApprovalRequest/queries.tsx b/frontend-next/src/hooks/api/secretApprovalRequest/queries.tsx
deleted file mode 100644
index a15316018..000000000
--- a/frontend-next/src/hooks/api/secretApprovalRequest/queries.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-/* eslint-disable no-param-reassign */
-import {
-  useInfiniteQuery,
-  UseInfiniteQueryOptions,
-  useQuery,
-  UseQueryOptions
-} from "@tanstack/react-query";
-
-import {
-  decryptAssymmetric,
-  decryptSymmetric
-} from "@app/components/utilities/cryptography/crypto";
-import { apiRequest } from "@app/config/request";
-
-import { UserWsKeyPair } from "../keys/types";
-import { EncryptedSecret, SecretType, SecretV3RawSanitized } from "../secrets/types";
-import {
-  TGetSecretApprovalRequestCount,
-  TGetSecretApprovalRequestDetails,
-  TGetSecretApprovalRequestList,
-  TSecretApprovalRequest,
-  TSecretApprovalRequestCount
-} from "./types";
-
-export const secretApprovalRequestKeys = {
-  list: ({
-    workspaceId,
-    environment,
-    status,
-    committer,
-    offset,
-    limit
-  }: TGetSecretApprovalRequestList) =>
-    [
-      { workspaceId, environment, status, committer, offset, limit },
-      "secret-approval-requests"
-    ] as const,
-  detail: ({ id }: Omit<TGetSecretApprovalRequestDetails, "decryptKey">) =>
-    [{ id }, "secret-approval-request-detail"] as const,
-  count: ({ workspaceId }: TGetSecretApprovalRequestCount) => [
-    { workspaceId },
-    "secret-approval-request-count"
-  ]
-};
-
-export const decryptSecrets = (
-  encryptedSecrets: EncryptedSecret[],
-  decryptFileKey: UserWsKeyPair
-) => {
-  const PRIVATE_KEY = localStorage.getItem("PRIVATE_KEY") as string;
-  const key = decryptAssymmetric({
-    ciphertext: decryptFileKey.encryptedKey,
-    nonce: decryptFileKey.nonce,
-    publicKey: decryptFileKey.sender.publicKey,
-    privateKey: PRIVATE_KEY
-  });
-
-  const personalSecrets: Record<string, { id: string; value: string }> = {};
-  const secrets: SecretV3RawSanitized[] = [];
-  encryptedSecrets.forEach((encSecret) => {
-    const secretKey = decryptSymmetric({
-      ciphertext: encSecret.secretKeyCiphertext,
-      iv: encSecret.secretKeyIV,
-      tag: encSecret.secretKeyTag,
-      key
-    });
-
-    const secretValue = decryptSymmetric({
-      ciphertext: encSecret.secretValueCiphertext,
-      iv: encSecret.secretValueIV,
-      tag: encSecret.secretValueTag,
-      key
-    });
-
-    const secretComment = decryptSymmetric({
-      ciphertext: encSecret.secretCommentCiphertext,
-      iv: encSecret.secretCommentIV,
-      tag: encSecret.secretCommentTag,
-      key
-    });
-
-    const decryptedSecret: SecretV3RawSanitized = {
-      id: encSecret.id,
-      env: encSecret.environment,
-      key: secretKey,
-      value: secretValue,
-      tags: encSecret.tags,
-      comment: secretComment,
-      reminderRepeatDays: encSecret.secretReminderRepeatDays,
-      reminderNote: encSecret.secretReminderNote,
-      createdAt: encSecret.createdAt,
-      updatedAt: encSecret.updatedAt,
-      version: encSecret.version,
-      skipMultilineEncoding: encSecret.skipMultilineEncoding
-    };
-
-    if (encSecret.type === SecretType.Personal) {
-      personalSecrets[decryptedSecret.key] = {
-        id: encSecret.id,
-        value: secretValue
-      };
-    } else {
-      secrets.push(decryptedSecret);
-    }
-  });
-
-  secrets.forEach((sec) => {
-    if (personalSecrets?.[sec.key]) {
-      sec.idOverride = personalSecrets[sec.key].id;
-      sec.valueOverride = personalSecrets[sec.key].value;
-      sec.overrideAction = "modified";
-    }
-  });
-
-  return secrets;
-};
-
-const fetchSecretApprovalRequestList = async ({
-  workspaceId,
-  environment,
-  committer,
-  status = "open",
-  limit = 20,
-  offset
-}: TGetSecretApprovalRequestList) => {
-  const { data } = await apiRequest.get<{ approvals: TSecretApprovalRequest[] }>(
-    "/api/v1/secret-approval-requests",
-    {
-      params: {
-        workspaceId,
-        environment,
-        committer,
-        status,
-        limit,
-        offset
-      }
-    }
-  );
-
-  return data.approvals;
-};
-
-export const useGetSecretApprovalRequests = ({
-  workspaceId,
-  environment,
-  options = {},
-  status,
-  limit = 20,
-  committer
-}: TGetSecretApprovalRequestList & {
-  options?: Omit<
-    UseInfiniteQueryOptions<
-      TSecretApprovalRequest[],
-      unknown,
-      TSecretApprovalRequest[],
-      ReturnType<typeof secretApprovalRequestKeys.list>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useInfiniteQuery({
-    queryKey: secretApprovalRequestKeys.list({
-      workspaceId,
-      environment,
-      committer,
-      status
-    }),
-    queryFn: ({ pageParam }) =>
-      fetchSecretApprovalRequestList({
-        workspaceId,
-        environment,
-        status,
-        committer,
-        limit,
-        offset: pageParam
-      }),
-    enabled: Boolean(workspaceId) && (options?.enabled ?? true),
-    getNextPageParam: (lastPage, pages) => {
-      if (lastPage.length && lastPage.length < limit) return undefined;
-
-      return lastPage?.length !== 0 ? pages.length * limit : undefined;
-    }
-  });
-
-const fetchSecretApprovalRequestDetails = async ({
-  id
-}: Omit<TGetSecretApprovalRequestDetails, "decryptKey">) => {
-  const { data } = await apiRequest.get<{ approval: TSecretApprovalRequest }>(
-    `/api/v1/secret-approval-requests/${id}`
-  );
-
-  return data.approval;
-};
-
-export const useGetSecretApprovalRequestDetails = ({
-  id,
-  options = {}
-}: TGetSecretApprovalRequestDetails & {
-  options?: Omit<
-    UseQueryOptions<
-      TSecretApprovalRequest,
-      unknown,
-      TSecretApprovalRequest,
-      ReturnType<typeof secretApprovalRequestKeys.detail>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    queryKey: secretApprovalRequestKeys.detail({ id }),
-    queryFn: () => fetchSecretApprovalRequestDetails({ id }),
-    enabled: Boolean(id) && (options?.enabled ?? true)
-  });
-
-const fetchSecretApprovalRequestCount = async ({ workspaceId }: TGetSecretApprovalRequestCount) => {
-  const { data } = await apiRequest.get<{ approvals: TSecretApprovalRequestCount }>(
-    "/api/v1/secret-approval-requests/count",
-    { params: { workspaceId } }
-  );
-
-  return data.approvals;
-};
-
-export const useGetSecretApprovalRequestCount = ({
-  workspaceId,
-  options = {}
-}: TGetSecretApprovalRequestCount & {
-  options?: Omit<
-    UseQueryOptions<
-      TSecretApprovalRequestCount,
-      unknown,
-      TSecretApprovalRequestCount,
-      ReturnType<typeof secretApprovalRequestKeys.count>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    queryKey: secretApprovalRequestKeys.count({ workspaceId }),
-    refetchInterval: 5000,
-    queryFn: () => fetchSecretApprovalRequestCount({ workspaceId }),
-    enabled: Boolean(workspaceId) && (options?.enabled ?? true)
-  });
diff --git a/frontend-next/src/hooks/api/secretApprovalRequest/types.ts b/frontend-next/src/hooks/api/secretApprovalRequest/types.ts
deleted file mode 100644
index c8a685115..000000000
--- a/frontend-next/src/hooks/api/secretApprovalRequest/types.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { TSecretApprovalPolicy } from "../secretApproval/types";
-import { SecretV3Raw } from "../secrets/types";
-import { WsTag } from "../tags/types";
-
-export enum ApprovalStatus {
-  PENDING = "pending",
-  APPROVED = "approved",
-  REJECTED = "rejected"
-}
-
-export enum CommitType {
-  DELETE = "delete",
-  UPDATE = "update",
-  CREATE = "create"
-}
-
-export type TSecretApprovalSecChangeData = {
-  id: string;
-  secretKey: string;
-  secretValue?: string;
-  secretComment?: string;
-  skipMultilineEncoding?: boolean;
-  algorithm: "aes-256-gcm";
-  keyEncoding: "utf8" | "base64";
-  tags?: WsTag[];
-  version: number;
-};
-
-export type TSecretApprovalSecChange = {
-  id: string;
-  version: number;
-  secretKey: string;
-  secretValue?: string;
-  secretComment?: string;
-  tags?: string[];
-};
-
-export type TSecretApprovalRequest = {
-  id: string;
-  isReplicated?: boolean;
-  slug: string;
-  createdAt: string;
-  committerUserId: string;
-  reviewers: {
-    userId: string;
-    status: ApprovalStatus;
-    email: string;
-    firstName: string;
-    lastName: string;
-    username: string;
-  }[];
-  workspace: string;
-  environment: string;
-  folderId: string;
-  secretPath: string;
-  hasMerged: boolean;
-  status: "open" | "close";
-  policy: Omit<TSecretApprovalPolicy, "approvers"> & {
-    approvers: {
-      userId: string;
-      email: string;
-      firstName: string;
-      lastName: string;
-      username: string;
-    }[];
-  };
-  statusChangedByUserId: string;
-  statusChangedByUser?: {
-    userId: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    username: string;
-  };
-  committerUser: {
-    userId: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    username: string;
-  };
-  conflicts: Array<{ secretId: string; op: CommitType.UPDATE }>;
-  commits: ({
-    // if there is no secret means it was creation
-    secret?: { version: number };
-    secretVersion: SecretV3Raw;
-    // if there is no new version its for Delete
-    op: CommitType;
-  } & TSecretApprovalSecChangeData)[];
-};
-
-export type TSecretApprovalRequestCount = {
-  open: number;
-  closed: number;
-};
-
-export type TGetSecretApprovalRequestList = {
-  workspaceId: string;
-  environment?: string;
-  status?: "open" | "close";
-  committer?: string;
-  limit?: number;
-  offset?: number;
-};
-
-export type TGetSecretApprovalRequestCount = {
-  workspaceId: string;
-};
-
-export type TGetSecretApprovalRequestDetails = {
-  id: string;
-};
-
-export type TUpdateSecretApprovalReviewStatusDTO = {
-  status: ApprovalStatus;
-  id: string;
-};
-
-export type TUpdateSecretApprovalRequestStatusDTO = {
-  status: "open" | "close";
-  id: string;
-  workspaceId: string;
-};
-
-export type TPerformSecretApprovalRequestMerge = {
-  id: string;
-  workspaceId: string;
-  bypassReason?: string;
-};
diff --git a/frontend-next/src/hooks/api/secretFolders/index.tsx b/frontend-next/src/hooks/api/secretFolders/index.tsx
deleted file mode 100644
index 0676f5d14..000000000
--- a/frontend-next/src/hooks/api/secretFolders/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  useCreateFolder,
-  useDeleteFolder,
-  useGetFoldersByEnv,
-  useGetProjectFolders,
-  useUpdateFolder
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/secretFolders/queries.tsx b/frontend-next/src/hooks/api/secretFolders/queries.tsx
deleted file mode 100644
index d85bc558a..000000000
--- a/frontend-next/src/hooks/api/secretFolders/queries.tsx
+++ /dev/null
@@ -1,258 +0,0 @@
-import { useCallback, useMemo } from "react";
-import {
-  useMutation,
-  useQueries,
-  useQuery,
-  useQueryClient,
-  UseQueryOptions
-} from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { dashboardKeys } from "@app/hooks/api/dashboard/queries";
-
-import { secretSnapshotKeys } from "../secretSnapshots/queries";
-import {
-  TCreateFolderDTO,
-  TDeleteFolderDTO,
-  TGetFoldersByEnvDTO,
-  TGetProjectFoldersDTO,
-  TSecretFolder,
-  TUpdateFolderBatchDTO,
-  TUpdateFolderDTO
-} from "./types";
-
-export const folderQueryKeys = {
-  getSecretFolders: ({ projectId, environment, path }: TGetProjectFoldersDTO) =>
-    ["secret-folders", { projectId, environment, path }] as const
-};
-
-const fetchProjectFolders = async (workspaceId: string, environment: string, path = "/") => {
-  const { data } = await apiRequest.get<{ folders: TSecretFolder[] }>("/api/v1/folders", {
-    params: {
-      workspaceId,
-      environment,
-      path
-    }
-  });
-  return data.folders;
-};
-
-export const useGetProjectFolders = ({
-  projectId,
-  environment,
-  path = "/",
-  options = {}
-}: TGetProjectFoldersDTO & {
-  options?: Omit<
-    UseQueryOptions<
-      TSecretFolder[],
-      unknown,
-      TSecretFolder[],
-      ReturnType<typeof folderQueryKeys.getSecretFolders>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    ...options,
-    queryKey: folderQueryKeys.getSecretFolders({ projectId, environment, path }),
-    enabled: Boolean(projectId) && Boolean(environment) && (options?.enabled ?? true),
-    queryFn: async () => fetchProjectFolders(projectId, environment, path)
-  });
-
-export const useGetFoldersByEnv = ({
-  path = "/",
-  projectId,
-  environments
-}: TGetFoldersByEnvDTO) => {
-  const folders = useQueries({
-    queries: environments.map((environment) => ({
-      queryKey: folderQueryKeys.getSecretFolders({ projectId, environment, path }),
-      queryFn: async () => fetchProjectFolders(projectId, environment, path),
-      enabled: Boolean(projectId) && Boolean(environment)
-    }))
-  });
-
-  const folderNames = useMemo(() => {
-    const names = new Set<string>();
-    folders?.forEach(({ data }) => {
-      data?.forEach(({ name }) => {
-        names.add(name);
-      });
-    });
-    return [...names];
-  }, [...(folders || []).map((folder) => folder.data)]);
-
-  const isFolderPresentInEnv = useCallback(
-    (name: string, env: string) => {
-      const selectedEnvIndex = environments.indexOf(env);
-      if (selectedEnvIndex !== -1) {
-        return Boolean(
-          folders?.[selectedEnvIndex]?.data?.find(({ name: folderName }) => folderName === name)
-        );
-      }
-      return false;
-    },
-    [...(folders || []).map((folder) => folder.data)]
-  );
-
-  const getFolderByNameAndEnv = useCallback(
-    (name: string, env: string) => {
-      const selectedEnvIndex = environments.indexOf(env);
-      if (selectedEnvIndex !== -1) {
-        return folders?.[selectedEnvIndex]?.data?.find(
-          ({ name: folderName }) => folderName === name
-        );
-      }
-
-      return undefined;
-    },
-    [(folders || []).map((folder) => folder.data)]
-  );
-
-  return { folders, folderNames, isFolderPresentInEnv, getFolderByNameAndEnv };
-};
-
-export const useCreateFolder = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateFolderDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v1/folders", {
-        ...dto,
-        workspaceId: dto.projectId
-      });
-      return data;
-    },
-    onSuccess: (_, { projectId, environment, path }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({
-          projectId,
-          secretPath: path ?? "/"
-        })
-      );
-      queryClient.invalidateQueries(
-        folderQueryKeys.getSecretFolders({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ workspaceId: projectId, environment, directory: path })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ workspaceId: projectId, environment, directory: path })
-      );
-    }
-  });
-};
-
-export const useUpdateFolder = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateFolderDTO>({
-    mutationFn: async ({ path = "/", folderId, name, environment, projectId }) => {
-      const { data } = await apiRequest.patch(`/api/v1/folders/${folderId}`, {
-        name,
-        environment,
-        workspaceId: projectId,
-        path
-      });
-      return data;
-    },
-    onSuccess: (_, { projectId, environment, path }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({
-          projectId,
-          secretPath: path ?? "/"
-        })
-      );
-      queryClient.invalidateQueries(
-        folderQueryKeys.getSecretFolders({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ workspaceId: projectId, environment, directory: path })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ workspaceId: projectId, environment, directory: path })
-      );
-    }
-  });
-};
-
-export const useDeleteFolder = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteFolderDTO>({
-    mutationFn: async ({ path = "/", folderId, environment, projectId }) => {
-      const { data } = await apiRequest.delete(`/api/v1/folders/${folderId}`, {
-        data: {
-          environment,
-          workspaceId: projectId,
-          path
-        }
-      });
-      return data;
-    },
-    onSuccess: (_, { path = "/", projectId, environment }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({
-          projectId,
-          secretPath: path
-        })
-      );
-      queryClient.invalidateQueries(
-        folderQueryKeys.getSecretFolders({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ workspaceId: projectId, environment, directory: path })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ workspaceId: projectId, environment, directory: path })
-      );
-    }
-  });
-};
-
-export const useUpdateFolderBatch = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateFolderBatchDTO>({
-    mutationFn: async ({ projectSlug, folders }) => {
-      const { data } = await apiRequest.patch("/api/v1/folders/batch", {
-        projectSlug,
-        folders
-      });
-
-      return data;
-    },
-    onSuccess: (_, { projectId, folders }) => {
-      folders.forEach((folder) => {
-        queryClient.invalidateQueries(
-          dashboardKeys.getDashboardSecrets({
-            projectId,
-            secretPath: folder.path ?? "/"
-          })
-        );
-        queryClient.invalidateQueries(
-          folderQueryKeys.getSecretFolders({
-            projectId,
-            environment: folder.environment,
-            path: folder.path
-          })
-        );
-        queryClient.invalidateQueries(
-          secretSnapshotKeys.list({
-            workspaceId: projectId,
-            environment: folder.environment,
-            directory: folder.path
-          })
-        );
-        queryClient.invalidateQueries(
-          secretSnapshotKeys.count({
-            workspaceId: projectId,
-            environment: folder.environment,
-            directory: folder.path
-          })
-        );
-      });
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretFolders/types.ts b/frontend-next/src/hooks/api/secretFolders/types.ts
deleted file mode 100644
index 412f2686d..000000000
--- a/frontend-next/src/hooks/api/secretFolders/types.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-export enum ReservedFolders {
-  SecretReplication = "__reserve_replication_"
-}
-
-export type TSecretFolder = {
-  id: string;
-  name: string;
-};
-
-export type TGetProjectFoldersDTO = {
-  projectId: string;
-  environment: string;
-  path?: string;
-};
-
-export type TGetFoldersByEnvDTO = {
-  environments: string[];
-  projectId: string;
-  path?: string;
-};
-
-export type TCreateFolderDTO = {
-  projectId: string;
-  environment: string;
-  name: string;
-  path?: string;
-};
-
-export type TUpdateFolderDTO = {
-  projectId: string;
-  environment: string;
-  name: string;
-  folderId: string;
-  path?: string;
-};
-
-export type TDeleteFolderDTO = {
-  projectId: string;
-  environment: string;
-  folderId: string;
-  path?: string;
-};
-
-export type TUpdateFolderBatchDTO = {
-  projectId: string;
-  projectSlug: string;
-  folders: {
-    name: string;
-    environment: string;
-    id: string;
-    path?: string;
-  }[];
-};
diff --git a/frontend-next/src/hooks/api/secretImports/index.ts b/frontend-next/src/hooks/api/secretImports/index.ts
deleted file mode 100644
index fed0f13d4..000000000
--- a/frontend-next/src/hooks/api/secretImports/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export {
-  useCreateSecretImport,
-  useDeleteSecretImport,
-  useResyncSecretReplication,
-  useUpdateSecretImport
-} from "./mutation";
-export {
-  useGetImportedFoldersByEnv,
-  useGetImportedSecretsAllEnvs,
-  useGetImportedSecretsSingleEnv,
-  useGetSecretImports
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/secretImports/mutation.tsx b/frontend-next/src/hooks/api/secretImports/mutation.tsx
deleted file mode 100644
index 4bee1a4ed..000000000
--- a/frontend-next/src/hooks/api/secretImports/mutation.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { dashboardKeys } from "@app/hooks/api/dashboard/queries";
-
-import { secretImportKeys } from "./queries";
-import {
-  TCreateSecretImportDTO,
-  TDeleteSecretImportDTO,
-  TResyncSecretReplicationDTO,
-  TUpdateSecretImportDTO
-} from "./types";
-
-export const useCreateSecretImport = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateSecretImportDTO>({
-    mutationFn: async ({ import: secretImport, environment, isReplication, projectId, path }) => {
-      const { data } = await apiRequest.post("/api/v1/secret-imports", {
-        import: secretImport,
-        environment,
-        workspaceId: projectId,
-        path,
-        isReplication
-      });
-      return data;
-    },
-    onSuccess: (_, { environment, projectId, path }) => {
-      queryClient.invalidateQueries(
-        secretImportKeys.getProjectSecretImports({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        secretImportKeys.getSecretImportSecrets({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId, secretPath: path ?? "/" })
-      );
-    }
-  });
-};
-
-export const useUpdateSecretImport = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateSecretImportDTO>({
-    mutationFn: async ({ environment, import: secretImports, projectId, path, id }) => {
-      const { data } = await apiRequest.patch(`/api/v1/secret-imports/${id}`, {
-        import: secretImports,
-        environment,
-        path,
-        workspaceId: projectId
-      });
-      return data;
-    },
-    onSuccess: (_, { environment, projectId, path }) => {
-      queryClient.invalidateQueries(
-        secretImportKeys.getProjectSecretImports({ projectId, path, environment })
-      );
-      queryClient.invalidateQueries(
-        secretImportKeys.getSecretImportSecrets({ environment, path, projectId })
-      );
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId, secretPath: path ?? "/" })
-      );
-    }
-  });
-};
-
-export const useResyncSecretReplication = () => {
-  return useMutation<{}, {}, TResyncSecretReplicationDTO>({
-    mutationFn: async ({ environment, projectId, path, id }) => {
-      const { data } = await apiRequest.post(`/api/v1/secret-imports/${id}/replication-resync`, {
-        environment,
-        path,
-        workspaceId: projectId
-      });
-      return data;
-    }
-  });
-};
-
-export const useDeleteSecretImport = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSecretImportDTO>({
-    mutationFn: async ({ id, projectId, path, environment }) => {
-      const { data } = await apiRequest.delete(`/api/v1/secret-imports/${id}`, {
-        data: {
-          workspaceId: projectId,
-          path,
-          environment
-        }
-      });
-      return data;
-    },
-    onSuccess: (_, { projectId, environment, path }) => {
-      queryClient.invalidateQueries(
-        secretImportKeys.getProjectSecretImports({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        secretImportKeys.getSecretImportSecrets({ projectId, environment, path })
-      );
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId, secretPath: path ?? "/" })
-      );
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretImports/queries.tsx b/frontend-next/src/hooks/api/secretImports/queries.tsx
deleted file mode 100644
index c2ddd2fbe..000000000
--- a/frontend-next/src/hooks/api/secretImports/queries.tsx
+++ /dev/null
@@ -1,293 +0,0 @@
-import { useCallback } from "react";
-import { useQueries, useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  TGetImportedFoldersByEnvDTO,
-  TGetImportedSecrets,
-  TGetSecretImports,
-  TGetSecretImportsAllEnvs,
-  TImportedSecrets,
-  TSecretImport,
-  TuseGetImportedFoldersByEnv
-} from "./types";
-
-export const secretImportKeys = {
-  getProjectSecretImports: ({ environment, projectId, path }: TGetSecretImports) =>
-    [{ projectId, path, environment }, "secrets-imports"] as const,
-  getSecretImportSecrets: ({
-    environment,
-    projectId,
-    path
-  }: Omit<TGetImportedSecrets, "decryptFileKey">) =>
-    [{ environment, path, projectId }, "secrets-import-sec"] as const,
-  getImportedFoldersByEnv: ({ environment, projectId, path }: TGetImportedFoldersByEnvDTO) =>
-    [{ environment, projectId, path }, "imported-folders"] as const,
-  getImportedFoldersAllEnvs: ({ projectId, path, environment }: TGetImportedFoldersByEnvDTO) =>
-    [{ projectId, path, environment }, "imported-folders-all-envs"] as const
-};
-
-const fetchSecretImport = async ({ projectId, environment, path = "/" }: TGetSecretImports) => {
-  const { data } = await apiRequest.get<{ secretImports: TSecretImport[] }>(
-    "/api/v1/secret-imports",
-    {
-      params: {
-        workspaceId: projectId,
-        environment,
-        path
-      }
-    }
-  );
-  return data.secretImports;
-};
-
-export const useGetSecretImports = ({
-  environment,
-  path = "/",
-  projectId,
-  options = {}
-}: TGetSecretImports & {
-  options?: Omit<
-    UseQueryOptions<
-      TSecretImport[],
-      unknown,
-      TSecretImport[],
-      ReturnType<typeof secretImportKeys.getProjectSecretImports>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    ...options,
-    queryKey: secretImportKeys.getProjectSecretImports({ environment, projectId, path }),
-    enabled: Boolean(projectId) && Boolean(environment) && (options?.enabled ?? true),
-    queryFn: () => fetchSecretImport({ path, projectId, environment })
-  });
-
-const fetchImportedSecrets = async (
-  workspaceId: string,
-  environment: string,
-  directory?: string
-) => {
-  const { data } = await apiRequest.get<{ secrets: TImportedSecrets[] }>(
-    "/api/v1/secret-imports/secrets/raw",
-    {
-      params: {
-        workspaceId,
-        environment,
-        path: directory
-      }
-    }
-  );
-  return data.secrets;
-};
-
-const fetchImportedFolders = async ({
-  projectId,
-  environment,
-  path
-}: TGetImportedFoldersByEnvDTO) => {
-  const { data } = await apiRequest.get<{ secretImports: TSecretImport[] }>(
-    "/api/v1/secret-imports",
-    {
-      params: {
-        workspaceId: projectId,
-        environment,
-        path
-      }
-    }
-  );
-  return data.secretImports;
-};
-
-export const useGetImportedSecretsSingleEnv = ({
-  environment,
-  path,
-  projectId,
-  options = {}
-}: TGetImportedSecrets & {
-  options?: Omit<
-    UseQueryOptions<
-      TImportedSecrets[],
-      unknown,
-      TImportedSecrets[],
-      ReturnType<typeof secretImportKeys.getSecretImportSecrets>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    enabled: Boolean(projectId) && Boolean(environment) && (options?.enabled ?? true),
-    queryKey: secretImportKeys.getSecretImportSecrets({
-      environment,
-      path,
-      projectId
-    }),
-    queryFn: () => fetchImportedSecrets(projectId, environment, path),
-    select: (data: TImportedSecrets[]) => {
-      return data.map((el) => ({
-        environment: el.environment,
-        secretPath: el.secretPath,
-        environmentInfo: el.environmentInfo,
-        folderId: el.folderId,
-        secrets: el.secrets.map((encSecret) => {
-          return {
-            id: encSecret.id,
-            env: encSecret.environment,
-            key: encSecret.secretKey,
-            value: encSecret.secretValue,
-            tags: encSecret.tags,
-            comment: encSecret.secretComment,
-            createdAt: encSecret.createdAt,
-            updatedAt: encSecret.updatedAt,
-            version: encSecret.version
-          };
-        })
-      }));
-    }
-  });
-
-export const useGetImportedSecretsAllEnvs = ({
-  projectId,
-  environments,
-  path = "/"
-}: TGetSecretImportsAllEnvs) => {
-  const secretImports = useQueries({
-    queries: environments.map((env) => ({
-      queryKey: secretImportKeys.getImportedFoldersAllEnvs({
-        environment: env,
-        projectId,
-        path
-      }),
-      queryFn: () => fetchImportedSecrets(projectId, env, path).catch(() => []),
-      enabled: Boolean(projectId) && Boolean(env),
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      select: useCallback(
-        (data: Awaited<ReturnType<typeof fetchImportedSecrets>>) =>
-          data.map((el) => ({
-            environment: el.environment,
-            secretPath: el.secretPath,
-            environmentInfo: el.environmentInfo,
-            folderId: el.folderId,
-            secrets: el.secrets.map((encSecret) => {
-              return {
-                id: encSecret.id,
-                env: encSecret.environment,
-                key: encSecret.secretKey,
-                value: encSecret.secretValue,
-                tags: encSecret.tags,
-                comment: encSecret.secretComment,
-                createdAt: encSecret.createdAt,
-                updatedAt: encSecret.updatedAt,
-                version: encSecret.version
-              };
-            })
-          })),
-        []
-      )
-    }))
-  });
-
-  const getEnvImportedSecretKeyCount = useCallback(
-    (env: string) => {
-      const selectedEnvIndex = environments.indexOf(env);
-      let totalSecrets = 0;
-
-      if (selectedEnvIndex !== -1) {
-        secretImports?.[selectedEnvIndex]?.data?.forEach((secret) => {
-          totalSecrets += secret.secrets.length;
-        });
-      }
-
-      return totalSecrets;
-    },
-    [(secretImports || []).map((response) => response.data)]
-  );
-
-  const isImportedSecretPresentInEnv = useCallback(
-    (envSlug: string, secretName: string) => {
-      const selectedEnvIndex = environments.indexOf(envSlug);
-
-      if (selectedEnvIndex !== -1) {
-        const isPresent = secretImports?.[selectedEnvIndex]?.data?.find(({ secrets }) =>
-          secrets.some((s) => s.key === secretName)
-        );
-
-        return Boolean(isPresent);
-      }
-      return false;
-    },
-    [(secretImports || []).map((response) => response.data)]
-  );
-
-  const getImportedSecretByKey = useCallback(
-    (envSlug: string, secretName: string) => {
-      const selectedEnvIndex = environments.indexOf(envSlug);
-
-      if (selectedEnvIndex !== -1) {
-        const secret = secretImports?.[selectedEnvIndex]?.data?.find(({ secrets }) =>
-          secrets.find((s) => s.key === secretName)
-        );
-
-        if (!secret) return undefined;
-
-        return {
-          secret: secret?.secrets.find((s) => s.key === secretName),
-          environmentInfo: secret?.environmentInfo
-        };
-      }
-      return undefined;
-    },
-    [(secretImports || []).map((response) => response.data)]
-  );
-
-  return {
-    secretImports,
-    isImportedSecretPresentInEnv,
-    getImportedSecretByKey,
-    getEnvImportedSecretKeyCount
-  };
-};
-
-export const useGetImportedFoldersByEnv = ({
-  projectId,
-  environments,
-  path = "/"
-}: TuseGetImportedFoldersByEnv) => {
-  const queryParams = new URLSearchParams(window.location.search);
-
-  const currentPath = path;
-
-  const importedFolders = useQueries({
-    queries: environments.map((env) => ({
-      queryKey: secretImportKeys.getImportedFoldersByEnv({
-        projectId,
-        environment: env,
-        path: currentPath
-      }),
-      queryFn: async () => fetchImportedFolders({ projectId, environment: env, path: currentPath }),
-      enabled: Boolean(projectId) && Boolean(env)
-    }))
-  });
-
-  const isImportedFolderPresentInEnv = useCallback(
-    (name: string, env: string) => {
-      const selectedEnvIndex = environments.indexOf(env);
-
-      if (selectedEnvIndex !== -1) {
-        const currentlyBrowsingPath = queryParams.get("secretPath") || "";
-
-        const isPresent = importedFolders?.[selectedEnvIndex]?.data?.find(
-          ({ importPath }) => importPath === `${currentlyBrowsingPath}/${name}`
-        );
-
-        return Boolean(isPresent);
-      }
-      return false;
-    },
-    [(importedFolders || []).map((response) => response.data)]
-  );
-
-  return { importedFolders, isImportedFolderPresentInEnv };
-};
diff --git a/frontend-next/src/hooks/api/secretImports/types.ts b/frontend-next/src/hooks/api/secretImports/types.ts
deleted file mode 100644
index 1bf60bd4e..000000000
--- a/frontend-next/src/hooks/api/secretImports/types.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { SecretV3Raw } from "../secrets/types";
-import { WorkspaceEnv } from "../workspace/types";
-
-export type TSecretImport = {
-  id: string;
-  folderId: string;
-  importPath: string;
-  importEnv: WorkspaceEnv;
-  position: string;
-  createdAt: string;
-  updatedAt: string;
-  isReserved?: boolean;
-  isReplication?: boolean;
-  isReplicationSuccess?: boolean;
-  replicationStatus?: string;
-  lastReplicated?: string;
-};
-
-export type TGetImportedFoldersByEnvDTO = {
-  projectId: string;
-  environment: string;
-  path?: string;
-};
-
-export type TImportedSecrets = {
-  environment: string;
-  environmentInfo: WorkspaceEnv;
-  secretPath: string;
-  folderId: string;
-  secrets: SecretV3Raw[];
-};
-
-export type TGetSecretImports = {
-  projectId: string;
-  environment: string;
-  path?: string;
-};
-
-export type TGetSecretImportsAllEnvs = {
-  projectId: string;
-  path?: string;
-  environments: string[];
-};
-
-export type TGetImportedSecrets = {
-  projectId: string;
-  environment: string;
-  path?: string;
-};
-
-export type TuseGetImportedFoldersByEnv = {
-  environments: string[];
-  projectId: string;
-  path?: string;
-};
-
-export type TCreateSecretImportDTO = {
-  projectId: string;
-  environment: string;
-  path?: string;
-  import: {
-    environment: string;
-    path: string;
-  };
-  isReplication?: boolean;
-};
-
-export type TUpdateSecretImportDTO = {
-  id: string;
-  projectId: string;
-  environment: string;
-  path?: string;
-  import: Partial<{
-    environment: string;
-    path: string;
-    position: number;
-  }>;
-};
-
-export type TResyncSecretReplicationDTO = {
-  id: string;
-  projectId: string;
-  environment: string;
-  path?: string;
-};
-
-export type TDeleteSecretImportDTO = {
-  id: string;
-  projectId: string;
-  environment: string;
-  path?: string;
-};
diff --git a/frontend-next/src/hooks/api/secretRotation/index.ts b/frontend-next/src/hooks/api/secretRotation/index.ts
deleted file mode 100644
index 906c8b498..000000000
--- a/frontend-next/src/hooks/api/secretRotation/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useCreateSecretRotation,
-  useDeleteSecretRotation,
-  useRestartSecretRotation
-} from "./mutation";
-export { useGetSecretRotationProviders, useGetSecretRotations } from "./queries";
diff --git a/frontend-next/src/hooks/api/secretRotation/mutation.tsx b/frontend-next/src/hooks/api/secretRotation/mutation.tsx
deleted file mode 100644
index cda4f8074..000000000
--- a/frontend-next/src/hooks/api/secretRotation/mutation.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { secretRotationKeys } from "./queries";
-import {
-  TCreateSecretRotationDTO,
-  TDeleteSecretRotationDTO,
-  TRestartSecretRotationDTO
-} from "./types";
-
-export const useCreateSecretRotation = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateSecretRotationDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v1/secret-rotations", dto);
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(secretRotationKeys.list({ workspaceId }));
-    }
-  });
-};
-
-export const useDeleteSecretRotation = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSecretRotationDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete(`/api/v1/secret-rotations/${dto.id}`);
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(secretRotationKeys.list({ workspaceId }));
-    }
-  });
-};
-
-export const useRestartSecretRotation = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TRestartSecretRotationDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v1/secret-rotations/restart", { id: dto.id });
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(secretRotationKeys.list({ workspaceId }));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretRotation/queries.tsx b/frontend-next/src/hooks/api/secretRotation/queries.tsx
deleted file mode 100644
index d612189ad..000000000
--- a/frontend-next/src/hooks/api/secretRotation/queries.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  TGetSecretRotationListDTO,
-  TGetSecretRotationProviders,
-  TSecretRotation,
-  TSecretRotationProviderList
-} from "./types";
-
-export const secretRotationKeys = {
-  listProviders: ({ workspaceId }: TGetSecretRotationProviders) => [
-    { workspaceId },
-    "secret-rotation-providers"
-  ],
-  list: ({ workspaceId }: Omit<TGetSecretRotationListDTO, "decryptFileKey">) =>
-    [{ workspaceId }, "secret-rotations"] as const
-};
-
-const fetchSecretRotationProviders = async ({ workspaceId }: TGetSecretRotationProviders) => {
-  const { data } = await apiRequest.get<TSecretRotationProviderList>(
-    `/api/v1/secret-rotation-providers/${workspaceId}`
-  );
-  return data;
-};
-
-export const useGetSecretRotationProviders = ({
-  workspaceId,
-  options = {}
-}: TGetSecretRotationProviders & {
-  options?: Omit<
-    UseQueryOptions<
-      TSecretRotationProviderList,
-      unknown,
-      TSecretRotationProviderList,
-      ReturnType<typeof secretRotationKeys.listProviders>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    ...options,
-    queryKey: secretRotationKeys.listProviders({ workspaceId }),
-    enabled: Boolean(workspaceId) && (options?.enabled ?? true),
-    queryFn: async () => fetchSecretRotationProviders({ workspaceId })
-  });
-
-const fetchSecretRotations = async ({
-  workspaceId
-}: Omit<TGetSecretRotationListDTO, "decryptFileKey">) => {
-  const { data } = await apiRequest.get<{ secretRotations: TSecretRotation[] }>(
-    "/api/v1/secret-rotations",
-    { params: { workspaceId } }
-  );
-  return data.secretRotations;
-};
-
-export const useGetSecretRotations = ({
-  workspaceId,
-  options = {}
-}: TGetSecretRotationListDTO & {
-  options?: Omit<
-    UseQueryOptions<
-      TSecretRotation[],
-      unknown,
-      TSecretRotation[],
-      ReturnType<typeof secretRotationKeys.list>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    ...options,
-    queryKey: secretRotationKeys.list({ workspaceId }),
-    enabled: Boolean(workspaceId) && (options?.enabled ?? true),
-    queryFn: async () => fetchSecretRotations({ workspaceId })
-  });
diff --git a/frontend-next/src/hooks/api/secretRotation/types.ts b/frontend-next/src/hooks/api/secretRotation/types.ts
deleted file mode 100644
index 07a4c70df..000000000
--- a/frontend-next/src/hooks/api/secretRotation/types.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { WorkspaceEnv } from "../workspace/types";
-
-export enum TProviderFunctionTypes {
-  HTTP = "http",
-  DB = "database"
-}
-
-export enum TDbProviderClients {
-  // postgres, cockroack db, amazon red shift
-  Pg = "pg",
-  // mysql and maria db
-  Sql = "sql"
-}
-
-export enum TAssignOp {
-  Direct = "direct",
-  JmesPath = "jmesopath"
-}
-
-export type TJmesPathAssignOp = {
-  assign: TAssignOp.JmesPath;
-  path: string;
-};
-
-export type TDirectAssignOp = {
-  assign: TAssignOp.Direct;
-  value: string;
-};
-
-export type TAssignFunction = TJmesPathAssignOp | TDirectAssignOp;
-
-export type THttpProviderFunction = {
-  url: string;
-  method: string;
-  header?: Record<string, string>;
-  query?: Record<string, string>;
-  body?: Record<string, unknown>;
-  setter?: Record<string, TAssignFunction>;
-  pre?: Record<string, TDirectAssignOp>;
-};
-
-export type TSecretRotationProviderTemplate = {
-  name: string;
-  title: string;
-  image?: string;
-  description?: string;
-  template: THttpProviderTemplate | TDbProviderTemplate;
-};
-
-export type THttpProviderTemplate = {
-  type: TProviderFunctionTypes.HTTP;
-  inputs: {
-    type: "object";
-    properties: Record<string, { type: string; [x: string]: unknown; desc?: string }>;
-    required: string[];
-  };
-  outputs: Record<string, unknown>;
-  functions: {
-    set: THttpProviderFunction;
-    remove?: THttpProviderFunction;
-    test: THttpProviderFunction;
-  };
-};
-
-export type TDbProviderTemplate = {
-  type: TProviderFunctionTypes.DB;
-  inputs: {
-    type: "object";
-    properties: Record<string, { type: string; [x: string]: unknown; desc?: string }>;
-    required: string[];
-  };
-  outputs: Record<string, unknown>;
-};
-
-export type TSecretRotation = {
-  id: string;
-  interval: number;
-  provider: string;
-  customProvider: string;
-  workspace: string;
-  envId: string;
-  environment: WorkspaceEnv;
-  secretPath: string;
-  outputs: Array<{
-    key: string;
-    secret: {
-      version: number;
-      id: string;
-      secretKey: string;
-    };
-  }>;
-  status?: "success" | "failed";
-  lastRotatedAt?: string;
-  statusMessage?: string;
-  algorithm: string;
-  keyEncoding: string;
-};
-
-export type TSecretRotationProviderList = {
-  custom: TSecretRotationProviderTemplate[];
-  providers: TSecretRotationProviderTemplate[];
-};
-
-export type TGetSecretRotationProviders = {
-  workspaceId: string;
-};
-
-export type TGetSecretRotationListDTO = {
-  workspaceId: string;
-};
-
-export type TCreateSecretRotationDTO = {
-  workspaceId: string;
-  secretPath: string;
-  environment: string;
-  interval: number;
-  provider: string;
-  customProvider?: string;
-  inputs: Record<string, unknown>;
-  outputs: Record<string, string>;
-};
-
-export type TDeleteSecretRotationDTO = {
-  id: string;
-  workspaceId: string;
-};
-
-export type TRestartSecretRotationDTO = {
-  id: string;
-  workspaceId: string;
-};
diff --git a/frontend-next/src/hooks/api/secretSharing/index.ts b/frontend-next/src/hooks/api/secretSharing/index.ts
deleted file mode 100644
index 177955438..000000000
--- a/frontend-next/src/hooks/api/secretSharing/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./mutations";
-export * from "./queries";
-export * from "./types";
diff --git a/frontend-next/src/hooks/api/secretSharing/mutations.ts b/frontend-next/src/hooks/api/secretSharing/mutations.ts
deleted file mode 100644
index e805abfd2..000000000
--- a/frontend-next/src/hooks/api/secretSharing/mutations.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { secretSharingKeys } from "./queries";
-import {
-  TCreatedSharedSecret,
-  TCreateSharedSecretRequest,
-  TDeleteSharedSecretRequest,
-  TSharedSecret
-} from "./types";
-
-export const useCreateSharedSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (inputData: TCreateSharedSecretRequest) => {
-      const { data } = await apiRequest.post<TCreatedSharedSecret>(
-        "/api/v1/secret-sharing",
-        inputData
-      );
-      return data;
-    },
-    onSuccess: () => queryClient.invalidateQueries(secretSharingKeys.allSharedSecrets())
-  });
-};
-
-export const useCreatePublicSharedSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (inputData: TCreateSharedSecretRequest) => {
-      const { data } = await apiRequest.post<TCreatedSharedSecret>(
-        "/api/v1/secret-sharing/public",
-        inputData
-      );
-      return data;
-    },
-    onSuccess: () => queryClient.invalidateQueries(secretSharingKeys.allSharedSecrets())
-  });
-};
-
-export const useDeleteSharedSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSharedSecret, { message: string }, { sharedSecretId: string }>({
-    mutationFn: async ({ sharedSecretId }: TDeleteSharedSecretRequest) => {
-      const { data } = await apiRequest.delete<TSharedSecret>(
-        `/api/v1/secret-sharing/${sharedSecretId}`
-      );
-      return data;
-    },
-    onSuccess: () => queryClient.invalidateQueries(secretSharingKeys.allSharedSecrets())
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretSharing/queries.ts b/frontend-next/src/hooks/api/secretSharing/queries.ts
deleted file mode 100644
index 479f3ec16..000000000
--- a/frontend-next/src/hooks/api/secretSharing/queries.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TSharedSecret, TViewSharedSecretResponse } from "./types";
-
-export const secretSharingKeys = {
-  allSharedSecrets: () => ["sharedSecrets"] as const,
-  specificSharedSecrets: ({ offset, limit }: { offset: number; limit: number }) =>
-    [...secretSharingKeys.allSharedSecrets(), { offset, limit }] as const,
-  getSecretById: (arg: { id: string; hashedHex: string | null; password?: string }) => [
-    "shared-secret",
-    arg
-  ]
-};
-
-export const useGetSharedSecrets = ({
-  offset = 0,
-  limit = 25
-}: {
-  offset: number;
-  limit: number;
-}) => {
-  return useQuery({
-    queryKey: secretSharingKeys.specificSharedSecrets({ offset, limit }),
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        offset: String(offset),
-        limit: String(limit)
-      });
-
-      const { data } = await apiRequest.get<{ secrets: TSharedSecret[]; totalCount: number }>(
-        "/api/v1/secret-sharing/",
-        {
-          params
-        }
-      );
-      return data;
-    }
-  });
-};
-
-export const useGetActiveSharedSecretById = ({
-  sharedSecretId,
-  hashedHex,
-  password
-}: {
-  sharedSecretId: string;
-  hashedHex: string | null;
-  password?: string;
-}) => {
-  return useQuery<TViewSharedSecretResponse>(
-    secretSharingKeys.getSecretById({ id: sharedSecretId, hashedHex, password }),
-    async () => {
-      const { data } = await apiRequest.post<TViewSharedSecretResponse>(
-        `/api/v1/secret-sharing/public/${sharedSecretId}`,
-        {
-          ...(hashedHex && { hashedHex }),
-          password
-        }
-      );
-
-      return data;
-    },
-    {
-      enabled: Boolean(sharedSecretId)
-    }
-  );
-};
diff --git a/frontend-next/src/hooks/api/secretSharing/types.ts b/frontend-next/src/hooks/api/secretSharing/types.ts
deleted file mode 100644
index b9843a711..000000000
--- a/frontend-next/src/hooks/api/secretSharing/types.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-export type TSharedSecret = {
-  id: string;
-  userId: string;
-  orgId: string;
-  createdAt: Date;
-  updatedAt: Date;
-  name: string | null;
-  lastViewedAt?: Date;
-  expiresAt: Date;
-  expiresAfterViews: number | null;
-  encryptedValue: string;
-  iv: string;
-  tag: string;
-};
-
-export type TCreatedSharedSecret = {
-  id: string;
-};
-
-export type TCreateSharedSecretRequest = {
-  name?: string;
-  password?: string;
-  secretValue: string;
-  expiresAt: Date;
-  expiresAfterViews?: number;
-  accessType?: SecretSharingAccessType;
-};
-
-export type TViewSharedSecretResponse = {
-  isPasswordProtected: boolean;
-  secret: {
-    secretValue?: string;
-    encryptedValue: string;
-    iv: string;
-    tag: string;
-    accessType: SecretSharingAccessType;
-    orgName?: string;
-  };
-};
-
-export type TDeleteSharedSecretRequest = {
-  sharedSecretId: string;
-};
-
-export enum SecretSharingAccessType {
-  Anyone = "anyone",
-  Organization = "organization"
-}
diff --git a/frontend-next/src/hooks/api/secretSnapshots/index.tsx b/frontend-next/src/hooks/api/secretSnapshots/index.tsx
deleted file mode 100644
index e6d4ec9b0..000000000
--- a/frontend-next/src/hooks/api/secretSnapshots/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useGetSnapshotSecrets,
-  useGetWorkspaceSnapshotList,
-  useGetWsSnapshotCount,
-  usePerformSecretRollback
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/secretSnapshots/queries.tsx b/frontend-next/src/hooks/api/secretSnapshots/queries.tsx
deleted file mode 100644
index f45d6db5e..000000000
--- a/frontend-next/src/hooks/api/secretSnapshots/queries.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { SecretType, SecretV3RawSanitized } from "../secrets/types";
-import {
-  TGetSecretSnapshotsDTO,
-  TSecretRollbackDTO,
-  TSecretSnapshot,
-  TSnapshotData,
-  TSnapshotDataProps
-} from "./types";
-
-export const secretSnapshotKeys = {
-  list: ({ workspaceId, environment, directory }: Omit<TGetSecretSnapshotsDTO, "limit">) =>
-    [{ workspaceId, environment, directory }, "secret-snapshot"] as const,
-  snapshotData: (snapshotId: string) => [{ snapshotId }, "secret-snapshot"] as const,
-  count: ({ environment, workspaceId, directory }: Omit<TGetSecretSnapshotsDTO, "limit">) => [
-    { workspaceId, environment, directory },
-    "count",
-    "secret-snapshot"
-  ]
-};
-
-const fetchWorkspaceSnaphots = async ({
-  workspaceId,
-  environment,
-  directory = "/",
-  limit = 10,
-  offset = 0
-}: TGetSecretSnapshotsDTO & { offset: number }) => {
-  const res = await apiRequest.get<{ secretSnapshots: TSecretSnapshot[] }>(
-    `/api/v1/workspace/${workspaceId}/secret-snapshots`,
-    {
-      params: {
-        limit,
-        offset,
-        environment,
-        path: directory
-      }
-    }
-  );
-
-  return res.data.secretSnapshots;
-};
-
-export const useGetWorkspaceSnapshotList = (dto: TGetSecretSnapshotsDTO & { isPaused?: boolean }) =>
-  useInfiniteQuery({
-    enabled: Boolean(dto.workspaceId && dto.environment) && !dto.isPaused,
-    queryKey: secretSnapshotKeys.list({ ...dto }),
-    queryFn: ({ pageParam }) => fetchWorkspaceSnaphots({ ...dto, offset: pageParam }),
-    getNextPageParam: (lastPage, pages) =>
-      lastPage.length !== 0 ? pages.length * dto.limit : undefined
-  });
-
-const fetchSnapshotEncSecrets = async (snapshotId: string) => {
-  const res = await apiRequest.get<{ secretSnapshot: TSnapshotData }>(
-    `/api/v1/secret-snapshot/${snapshotId}`
-  );
-  return res.data.secretSnapshot;
-};
-
-export const useGetSnapshotSecrets = ({ snapshotId }: TSnapshotDataProps) =>
-  useQuery({
-    queryKey: secretSnapshotKeys.snapshotData(snapshotId),
-    enabled: Boolean(snapshotId),
-    queryFn: () => fetchSnapshotEncSecrets(snapshotId),
-    select: (data) => {
-      const sharedSecrets: SecretV3RawSanitized[] = [];
-      const personalSecrets: Record<string, { id: string; value: string }> = {};
-      data.secretVersions.forEach((secretVersion) => {
-        const decryptedSecret = {
-          id: secretVersion.secretId,
-          env: data.environment.slug,
-          key: secretVersion.secretKey,
-          value: secretVersion.secretValue || "",
-          tags: secretVersion.tags,
-          comment: secretVersion.secretComment,
-          createdAt: secretVersion.createdAt,
-          updatedAt: secretVersion.updatedAt,
-          type: "modified",
-          version: secretVersion.version
-        };
-
-        if (secretVersion.type === SecretType.Personal) {
-          personalSecrets[decryptedSecret.key] = {
-            id: secretVersion.secretId,
-            value: secretVersion.secretValue || ""
-          };
-        } else {
-          sharedSecrets.push(decryptedSecret);
-        }
-      });
-
-      sharedSecrets.forEach((val) => {
-        if (personalSecrets?.[val.key]) {
-          val.idOverride = personalSecrets[val.key].id;
-          val.valueOverride = personalSecrets[val.key].value;
-          val.overrideAction = "modified";
-        }
-      });
-
-      return {
-        id: data.id,
-        secrets: sharedSecrets,
-        createdAt: data.createdAt,
-        folders: data.folderVersion
-      };
-    }
-  });
-
-const fetchWorkspaceSecretSnaphotCount = async (
-  workspaceId: string,
-  environment: string,
-  directory = "/"
-) => {
-  const res = await apiRequest.get<{ count: number }>(
-    `/api/v1/workspace/${workspaceId}/secret-snapshots/count`,
-    {
-      params: {
-        environment,
-        path: directory
-      }
-    }
-  );
-  return res.data.count;
-};
-
-export const useGetWsSnapshotCount = ({
-  workspaceId,
-  environment,
-  directory,
-  isPaused
-}: Omit<TGetSecretSnapshotsDTO, "limit"> & { isPaused?: boolean }) =>
-  useQuery({
-    enabled: Boolean(workspaceId && environment) && !isPaused,
-    queryKey: secretSnapshotKeys.count({ workspaceId, environment, directory }),
-    queryFn: () => fetchWorkspaceSecretSnaphotCount(workspaceId, environment, directory)
-  });
-
-export const usePerformSecretRollback = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TSecretRollbackDTO>({
-    mutationFn: async ({ snapshotId }) => {
-      const { data } = await apiRequest.post(`/api/v1/secret-snapshot/${snapshotId}/rollback`);
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, directory }) => {
-      queryClient.invalidateQueries([
-        { workspaceId, environment, secretPath: directory },
-        "secrets"
-      ]);
-      queryClient.invalidateQueries([
-        "secret-folders",
-        { projectId: workspaceId, environment, path: directory }
-      ]);
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ workspaceId, environment, directory })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ workspaceId, environment, directory })
-      );
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/secretSnapshots/types.ts b/frontend-next/src/hooks/api/secretSnapshots/types.ts
deleted file mode 100644
index 54bf152cc..000000000
--- a/frontend-next/src/hooks/api/secretSnapshots/types.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { SecretVersions } from "../secrets/types";
-import { WorkspaceEnv } from "../types";
-
-export type TSecretSnapshot = {
-  id: string;
-  workspace: string;
-  secretVersions: string[];
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TSnapshotData = Omit<TSecretSnapshot, "secretVersions"> & {
-  id: string;
-  secretVersions: SecretVersions[];
-  folderVersion: Array<{ name: string; id: string }>;
-  environment: WorkspaceEnv;
-};
-
-export type TSnapshotDataProps = {
-  snapshotId: string;
-  env: string;
-};
-
-export type TGetSecretSnapshotsDTO = {
-  workspaceId: string;
-  limit: number;
-  environment: string;
-  directory?: string;
-};
-
-export type TSecretRollbackDTO = {
-  snapshotId: string;
-  workspaceId: string;
-  environment: string;
-  directory?: string;
-};
diff --git a/frontend-next/src/hooks/api/secrets/constants.ts b/frontend-next/src/hooks/api/secrets/constants.ts
deleted file mode 100644
index 97280c902..000000000
--- a/frontend-next/src/hooks/api/secrets/constants.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const ERROR_NOT_ALLOWED_READ_SECRETS = "You are not allowed to read on secrets";
diff --git a/frontend-next/src/hooks/api/secrets/index.ts b/frontend-next/src/hooks/api/secrets/index.ts
deleted file mode 100644
index 74d6c4439..000000000
--- a/frontend-next/src/hooks/api/secrets/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export {
-  useBackfillSecretReference,
-  useCreateSecretBatch,
-  useCreateSecretV3,
-  useDeleteSecretBatch,
-  useDeleteSecretV3,
-  useMoveSecrets,
-  useUpdateSecretBatch,
-  useUpdateSecretV3
-} from "./mutations";
-export {
-  useGetProjectSecrets,
-  useGetProjectSecretsAllEnv,
-  useGetSecretReferenceTree,
-  useGetSecretVersion} from "./queries";
diff --git a/frontend-next/src/hooks/api/secrets/mutations.tsx b/frontend-next/src/hooks/api/secrets/mutations.tsx
deleted file mode 100644
index 7bc3849be..000000000
--- a/frontend-next/src/hooks/api/secrets/mutations.tsx
+++ /dev/null
@@ -1,365 +0,0 @@
-import { MutationOptions, useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { dashboardKeys } from "@app/hooks/api/dashboard/queries";
-
-import { secretApprovalRequestKeys } from "../secretApprovalRequest/queries";
-import { secretSnapshotKeys } from "../secretSnapshots/queries";
-import { secretKeys } from "./queries";
-import {
-  TCreateSecretBatchDTO,
-  TCreateSecretsV3DTO,
-  TDeleteSecretBatchDTO,
-  TDeleteSecretsV3DTO,
-  TMoveSecretsDTO,
-  TUpdateSecretBatchDTO,
-  TUpdateSecretsV3DTO
-} from "./types";
-
-export const useCreateSecretV3 = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TCreateSecretsV3DTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, TCreateSecretsV3DTO>({
-    mutationFn: async ({
-      secretPath = "/",
-      type,
-      environment,
-      workspaceId,
-      secretKey,
-      secretValue,
-      secretComment,
-      skipMultilineEncoding,
-      tagIds
-    }) => {
-      const { data } = await apiRequest.post(`/api/v3/secrets/raw/${secretKey}`, {
-        secretPath,
-        type,
-        environment,
-        workspaceId,
-        secretValue,
-        secretComment,
-        skipMultilineEncoding,
-        tagIds
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, secretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    },
-    ...options
-  });
-};
-
-export const useUpdateSecretV3 = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TUpdateSecretsV3DTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, TUpdateSecretsV3DTO>({
-    mutationFn: async ({
-      secretPath = "/",
-      type,
-      environment,
-      workspaceId,
-      secretKey,
-      secretValue,
-      tagIds,
-      secretComment,
-      secretReminderRepeatDays,
-      secretReminderNote,
-      newSecretName,
-      skipMultilineEncoding
-    }) => {
-      const { data } = await apiRequest.patch(`/api/v3/secrets/raw/${secretKey}`, {
-        workspaceId,
-        environment,
-        type,
-        secretReminderNote,
-        secretReminderRepeatDays,
-        secretPath,
-        skipMultilineEncoding,
-        newSecretName,
-        secretComment,
-        tagIds,
-        secretValue
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, secretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    },
-    ...options
-  });
-};
-
-export const useDeleteSecretV3 = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TDeleteSecretsV3DTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSecretsV3DTO>({
-    mutationFn: async ({
-      secretPath = "/",
-      type,
-      environment,
-      workspaceId,
-      secretKey,
-      secretId
-    }) => {
-      const { data } = await apiRequest.delete(`/api/v3/secrets/raw/${secretKey}`, {
-        data: {
-          workspaceId,
-          environment,
-          type,
-          secretPath,
-          secretId
-        }
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, secretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    },
-    ...options
-  });
-};
-
-export const useCreateSecretBatch = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TCreateSecretBatchDTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateSecretBatchDTO>({
-    mutationFn: async ({ secretPath = "/", workspaceId, environment, secrets }) => {
-      const { data } = await apiRequest.post("/api/v3/secrets/batch/raw", {
-        workspaceId,
-        environment,
-        secretPath,
-        secrets
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, secretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    },
-    ...options
-  });
-};
-
-export const useUpdateSecretBatch = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TUpdateSecretBatchDTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateSecretBatchDTO>({
-    mutationFn: async ({ secretPath = "/", workspaceId, environment, secrets }) => {
-      const { data } = await apiRequest.patch("/api/v3/secrets/batch/raw", {
-        workspaceId,
-        environment,
-        secretPath,
-        secrets
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, secretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    },
-    ...options
-  });
-};
-
-export const useDeleteSecretBatch = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TDeleteSecretBatchDTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSecretBatchDTO>({
-    mutationFn: async ({ secretPath = "/", workspaceId, environment, secrets }) => {
-      const { data } = await apiRequest.delete("/api/v3/secrets/batch/raw", {
-        data: {
-          workspaceId,
-          environment,
-          secretPath,
-          secrets
-        }
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId, environment, secretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ environment, workspaceId, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-    },
-    ...options
-  });
-};
-
-export const useMoveSecrets = ({
-  options
-}: {
-  options?: Omit<MutationOptions<{}, {}, TMoveSecretsDTO>, "mutationFn">;
-} = {}) => {
-  const queryClient = useQueryClient();
-
-  return useMutation<
-    {
-      isSourceUpdated: boolean;
-      isDestinationUpdated: boolean;
-    },
-    {},
-    TMoveSecretsDTO
-  >({
-    mutationFn: async ({
-      sourceEnvironment,
-      sourceSecretPath,
-      projectSlug,
-      destinationEnvironment,
-      destinationSecretPath,
-      secretIds,
-      shouldOverwrite
-    }) => {
-      const { data } = await apiRequest.post<{
-        isSourceUpdated: boolean;
-        isDestinationUpdated: boolean;
-      }>("/api/v3/secrets/move", {
-        sourceEnvironment,
-        sourceSecretPath,
-        projectSlug,
-        destinationEnvironment,
-        destinationSecretPath,
-        secretIds,
-        shouldOverwrite
-      });
-
-      return data;
-    },
-    onSuccess: (_, { projectId, sourceEnvironment, sourceSecretPath }) => {
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({
-          projectId,
-          secretPath: sourceSecretPath
-        })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({
-          workspaceId: projectId,
-          environment: sourceEnvironment,
-          secretPath: sourceSecretPath
-        })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({
-          environment: sourceEnvironment,
-          workspaceId: projectId,
-          directory: sourceSecretPath
-        })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({
-          environment: sourceEnvironment,
-          workspaceId: projectId,
-          directory: sourceSecretPath
-        })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId: projectId }));
-    },
-    ...options
-  });
-};
-
-export const createSecret = async (dto: TCreateSecretsV3DTO) => {
-  const { data } = await apiRequest.post(`/api/v3/secrets/${dto.secretKey}`, dto);
-  return data;
-};
-
-export const useBackfillSecretReference = () =>
-  useMutation<{ message: string }, {}, { projectId: string }>({
-    mutationFn: async ({ projectId }) => {
-      const { data } = await apiRequest.post("/api/v3/secrets/backfill-secret-references", {
-        projectId
-      });
-      return data.message;
-    }
-  });
diff --git a/frontend-next/src/hooks/api/secrets/queries.tsx b/frontend-next/src/hooks/api/secrets/queries.tsx
deleted file mode 100644
index a803ff50b..000000000
--- a/frontend-next/src/hooks/api/secrets/queries.tsx
+++ /dev/null
@@ -1,282 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { useCallback, useMemo } from "react";
-import { useQueries, useQuery, UseQueryOptions } from "@tanstack/react-query";
-import axios from "axios";
-
-import { createNotification } from "@app/components/notifications";
-import { apiRequest } from "@app/config/request";
-import { useToggle } from "@app/hooks/useToggle";
-
-import { ERROR_NOT_ALLOWED_READ_SECRETS } from "./constants";
-import {
-  GetSecretVersionsDTO,
-  SecretType,
-  SecretV3Raw,
-  SecretV3RawResponse,
-  SecretV3RawSanitized,
-  SecretVersions,
-  TGetProjectSecretsAllEnvDTO,
-  TGetProjectSecretsDTO,
-  TGetProjectSecretsKey,
-  TGetSecretReferenceTreeDTO,
-  TSecretReferenceTraceNode
-} from "./types";
-
-export const secretKeys = {
-  // this is also used in secretSnapshot part
-  getProjectSecret: ({ workspaceId, environment, secretPath }: TGetProjectSecretsKey) =>
-    [{ workspaceId, environment, secretPath }, "secrets"] as const,
-  getSecretVersion: (secretId: string) => [{ secretId }, "secret-versions"] as const,
-  getSecretReferenceTree: (dto: TGetSecretReferenceTreeDTO) => ["secret-reference-tree", dto]
-};
-
-export const fetchProjectSecrets = async ({
-  workspaceId,
-  environment,
-  secretPath,
-  includeImports,
-  expandSecretReferences
-}: TGetProjectSecretsKey) => {
-  const { data } = await apiRequest.get<SecretV3RawResponse>("/api/v3/secrets/raw", {
-    params: {
-      environment,
-      workspaceId,
-      secretPath,
-      expandSecretReferences,
-      include_imports: includeImports
-    }
-  });
-
-  return data;
-};
-
-export const mergePersonalSecrets = (rawSecrets: SecretV3Raw[]) => {
-  const personalSecrets: Record<string, { id: string; value?: string; env: string }> = {};
-  const secrets: SecretV3RawSanitized[] = [];
-  rawSecrets.forEach((el) => {
-    const decryptedSecret: SecretV3RawSanitized = {
-      id: el.id,
-      env: el.environment,
-      key: el.secretKey,
-      value: el.secretValue,
-      tags: el.tags || [],
-      comment: el.secretComment || "",
-      reminderRepeatDays: el.secretReminderRepeatDays,
-      reminderNote: el.secretReminderNote,
-      createdAt: el.createdAt,
-      updatedAt: el.updatedAt,
-      version: el.version,
-      skipMultilineEncoding: el.skipMultilineEncoding,
-      path: el.secretPath
-    };
-
-    if (el.type === SecretType.Personal) {
-      personalSecrets[decryptedSecret.key] = {
-        id: el.id,
-        value: el.secretValue,
-        env: el.environment
-      };
-    } else {
-      secrets.push(decryptedSecret);
-    }
-  });
-
-  secrets.forEach((sec) => {
-    const personalSecret = personalSecrets?.[sec.key];
-    if (personalSecret && personalSecret.env === sec.env) {
-      sec.idOverride = personalSecret.id;
-      sec.valueOverride = personalSecret.value;
-      sec.overrideAction = "modified";
-    }
-  });
-
-  return secrets;
-};
-
-export const useGetProjectSecrets = ({
-  workspaceId,
-  environment,
-  secretPath,
-  options
-}: TGetProjectSecretsDTO & {
-  options?: Omit<
-    UseQueryOptions<
-      SecretV3RawResponse,
-      unknown,
-      SecretV3RawSanitized[],
-      ReturnType<typeof secretKeys.getProjectSecret>
-    >,
-    "queryKey" | "queryFn"
-  >;
-}) =>
-  useQuery({
-    ...options,
-    // wait for all values to be available
-    enabled: Boolean(workspaceId && environment) && (options?.enabled ?? true),
-    queryKey: secretKeys.getProjectSecret({ workspaceId, environment, secretPath }),
-    queryFn: () => fetchProjectSecrets({ workspaceId, environment, secretPath }),
-    onError: (error) => {
-      if (axios.isAxiosError(error)) {
-        const { message, requestId } = error.response?.data as {
-          message: string;
-          requestId: string;
-        };
-        createNotification({
-          title: "Error fetching secrets",
-          type: "error",
-          text: message,
-          copyActions: [
-            {
-              value: requestId,
-              name: "Request ID",
-              label: `Request ID: ${requestId}`
-            }
-          ]
-        });
-      }
-    },
-    select: useCallback(
-      (data: Awaited<ReturnType<typeof fetchProjectSecrets>>) => mergePersonalSecrets(data.secrets),
-      []
-    )
-  });
-
-export const useGetProjectSecretsAllEnv = ({
-  workspaceId,
-  envs,
-  secretPath
-}: TGetProjectSecretsAllEnvDTO) => {
-  const [isErrorHandled, setIsErrorHandled] = useToggle(false);
-
-  const secrets = useQueries({
-    queries: envs.map((environment) => ({
-      queryKey: secretKeys.getProjectSecret({
-        workspaceId,
-        environment,
-        secretPath
-      }),
-      enabled: Boolean(workspaceId && environment),
-      onError: (error: unknown) => {
-        if (axios.isAxiosError(error) && !isErrorHandled) {
-          const { message, requestId } = error.response?.data as {
-            message: string;
-            requestId: string;
-          };
-          if (message !== ERROR_NOT_ALLOWED_READ_SECRETS) {
-            createNotification({
-              title: "Error fetching secrets",
-              type: "error",
-              text: message,
-              copyActions: [
-                {
-                  value: requestId,
-                  name: "Request ID",
-                  label: `Request ID: ${requestId}`
-                }
-              ]
-            });
-          }
-          setIsErrorHandled.on();
-        }
-      },
-      queryFn: () => fetchProjectSecrets({ workspaceId, environment, secretPath }),
-      staleTime: 60 * 1000,
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      select: useCallback(
-        (data: Awaited<ReturnType<typeof fetchProjectSecrets>>) =>
-          mergePersonalSecrets(data.secrets).reduce<Record<string, SecretV3RawSanitized>>(
-            (prev, curr) => ({ ...prev, [curr.key]: curr }),
-            {}
-          ),
-        []
-      )
-    }))
-  });
-
-  const secKeys = useMemo(() => {
-    const keys = new Set<string>();
-    secrets?.forEach(({ data }) => {
-      // TODO(akhilmhdh): find out why this is unknown
-      Object.keys(data || {}).forEach((key) => keys.add(key));
-    });
-    return [...keys];
-  }, [(secrets || []).map((sec) => sec.data)]);
-
-  const getEnvSecretKeyCount = useCallback(
-    (env: string) => {
-      const selectedEnvIndex = envs.indexOf(env);
-      if (selectedEnvIndex !== -1) {
-        return Object.keys(secrets[selectedEnvIndex]?.data || {}).length;
-      }
-      return 0;
-    },
-    [(secrets || []).map((sec) => sec.data)]
-  );
-
-  const getSecretByKey = useCallback(
-    (env: string, key: string) => {
-      const selectedEnvIndex = envs.indexOf(env);
-      if (selectedEnvIndex !== -1) {
-        const sec = secrets[selectedEnvIndex]?.data?.[key];
-        return sec;
-      }
-      return undefined;
-    },
-    [(secrets || []).map((sec) => sec.data)]
-  );
-
-  return { data: secrets, secKeys, getSecretByKey, getEnvSecretKeyCount };
-};
-
-const fetchEncryptedSecretVersion = async (secretId: string, offset: number, limit: number) => {
-  const { data } = await apiRequest.get<{ secretVersions: SecretVersions[] }>(
-    `/api/v1/secret/${secretId}/secret-versions`,
-    {
-      params: {
-        limit,
-        offset
-      }
-    }
-  );
-  return data.secretVersions;
-};
-
-export const useGetSecretVersion = (dto: GetSecretVersionsDTO) =>
-  useQuery({
-    enabled: Boolean(dto.secretId),
-    queryKey: secretKeys.getSecretVersion(dto.secretId),
-    queryFn: () => fetchEncryptedSecretVersion(dto.secretId, dto.offset, dto.limit),
-    select: useCallback((data: SecretVersions[]) => {
-      return data.sort((a, b) => b.createdAt.localeCompare(a.createdAt));
-    }, [])
-  });
-
-const fetchSecretReferenceTree = async ({
-  secretPath,
-  projectId,
-  secretKey,
-  environmentSlug
-}: TGetSecretReferenceTreeDTO) => {
-  const { data } = await apiRequest.get<{ tree: TSecretReferenceTraceNode; value: string }>(
-    `/api/v3/secrets/raw/${secretKey}/secret-reference-tree`,
-    {
-      params: {
-        secretPath,
-        workspaceId: projectId,
-        environment: environmentSlug
-      }
-    }
-  );
-  return data;
-};
-
-export const useGetSecretReferenceTree = (dto: TGetSecretReferenceTreeDTO) =>
-  useQuery({
-    enabled:
-      Boolean(dto.environmentSlug) &&
-      Boolean(dto.secretPath) &&
-      Boolean(dto.projectId) &&
-      Boolean(dto.secretKey),
-    queryKey: secretKeys.getSecretReferenceTree(dto),
-    queryFn: () => fetchSecretReferenceTree(dto)
-  });
diff --git a/frontend-next/src/hooks/api/secrets/types.ts b/frontend-next/src/hooks/api/secrets/types.ts
deleted file mode 100644
index f4dfb07d1..000000000
--- a/frontend-next/src/hooks/api/secrets/types.ts
+++ /dev/null
@@ -1,230 +0,0 @@
-import type { WsTag } from "../tags/types";
-
-export enum SecretType {
-  Shared = "shared",
-  Personal = "personal"
-}
-
-export type EncryptedSecret = {
-  id: string;
-  version: number;
-  workspace: string;
-  type: SecretType;
-  environment: string;
-  secretKeyCiphertext: string;
-  secretKeyIV: string;
-  secretKeyTag: string;
-  secretValueCiphertext: string;
-  secretValueIV: string;
-  secretValueTag: string;
-  __v: number;
-  createdAt: string;
-  updatedAt: string;
-  skipMultilineEncoding?: boolean;
-  secretCommentCiphertext: string;
-  secretCommentIV: string;
-  secretCommentTag: string;
-  secretReminderRepeatDays?: number | null;
-  secretReminderNote?: string | null;
-  tags: WsTag[];
-};
-
-// both personal and shared secret stitched together for dashboard
-export type SecretV3RawSanitized = {
-  id: string;
-  version: number;
-  key: string;
-  value?: string;
-  comment?: string;
-  reminderRepeatDays?: number | null;
-  reminderNote?: string | null;
-  tags?: WsTag[];
-  createdAt: string;
-  updatedAt: string;
-  env: string;
-  path?: string;
-  valueOverride?: string;
-  idOverride?: string;
-  overrideAction?: string;
-  folderId?: string;
-  skipMultilineEncoding?: boolean;
-};
-
-export type SecretV3Raw = {
-  id: string;
-  _id: string;
-  workspace: string;
-  environment: string;
-  version: number;
-  type: string;
-  secretKey: string;
-  secretPath: string;
-  secretValue?: string;
-  secretComment?: string;
-  secretReminderNote?: string;
-  secretReminderRepeatDays?: number;
-  skipMultilineEncoding?: boolean;
-  metadata?: Record<string, string>;
-  tags?: WsTag[];
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type SecretV3RawResponse = {
-  secrets: SecretV3Raw[];
-  imports: {
-    secretPath: string;
-    environment: string;
-    folderId: string;
-    secrets: SecretV3Raw[];
-  }[];
-};
-
-export type SecretVersions = {
-  id: string;
-  secretId: string;
-  version: number;
-  workspace: string;
-  type: SecretType;
-  isDeleted: boolean;
-  envId: string;
-  secretKey: string;
-  secretValue?: string;
-  secretComment?: string;
-  tags: WsTag[];
-  __v: number;
-  skipMultilineEncoding?: boolean;
-  createdAt: string;
-  updatedAt: string;
-};
-
-// dto
-export type TGetProjectSecretsKey = {
-  workspaceId: string;
-  environment: string;
-  secretPath?: string;
-  includeImports?: boolean;
-  expandSecretReferences?: boolean;
-};
-
-export type TGetProjectSecretsDTO = TGetProjectSecretsKey;
-
-export type TGetProjectSecretsAllEnvDTO = {
-  workspaceId: string;
-  envs: string[];
-  folderId?: string;
-  secretPath?: string;
-  isPaused?: boolean;
-};
-
-export type GetSecretVersionsDTO = {
-  secretId: string;
-  limit: number;
-  offset: number;
-};
-
-export type TCreateSecretsV3DTO = {
-  secretKey: string;
-  secretValue: string;
-  secretComment: string;
-  skipMultilineEncoding?: boolean;
-  secretPath: string;
-  workspaceId: string;
-  environment: string;
-  type: SecretType;
-  tagIds?: string[];
-};
-
-export type TUpdateSecretsV3DTO = {
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-  type: SecretType;
-  skipMultilineEncoding?: boolean;
-  newSecretName?: string;
-  secretKey: string;
-  secretValue: string;
-  secretComment?: string;
-  secretReminderRepeatDays?: number | null;
-  secretReminderNote?: string | null;
-  tagIds?: string[];
-};
-
-export type TDeleteSecretsV3DTO = {
-  workspaceId: string;
-  environment: string;
-  type: SecretType;
-  secretPath: string;
-  secretKey: string;
-  secretId?: string;
-};
-
-export type TCreateSecretBatchDTO = {
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-  secrets: Array<{
-    secretKey: string;
-    secretValue: string;
-    secretComment: string;
-    skipMultilineEncoding?: boolean;
-    type: SecretType;
-    tagIds?: string[];
-    metadata?: {
-      source?: string;
-    };
-  }>;
-};
-
-export type TUpdateSecretBatchDTO = {
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-  secrets: Array<{
-    type: SecretType;
-    secretKey: string;
-    secretValue: string;
-    secretComment?: string;
-    skipMultilineEncoding?: boolean;
-    tagIds?: string[];
-    metadata?: {
-      source?: string;
-    };
-  }>;
-};
-
-export type TDeleteSecretBatchDTO = {
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-  secrets: Array<{
-    secretKey: string;
-    type: SecretType;
-  }>;
-};
-
-export type TMoveSecretsDTO = {
-  projectSlug: string;
-  projectId: string;
-  sourceEnvironment: string;
-  sourceSecretPath: string;
-  destinationEnvironment: string;
-  destinationSecretPath: string;
-  secretIds: string[];
-  shouldOverwrite: boolean;
-};
-
-export type TGetSecretReferenceTreeDTO = {
-  secretKey: string;
-  secretPath: string;
-  environmentSlug: string;
-  projectId: string;
-};
-
-export type TSecretReferenceTraceNode = {
-  key: string;
-  value?: string;
-  environment: string;
-  secretPath: string;
-  children: TSecretReferenceTraceNode[];
-};
diff --git a/frontend-next/src/hooks/api/serverDetails/index.ts b/frontend-next/src/hooks/api/serverDetails/index.ts
deleted file mode 100644
index 8f3a116e3..000000000
--- a/frontend-next/src/hooks/api/serverDetails/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useFetchServerStatus } from "./queries";
diff --git a/frontend-next/src/hooks/api/serverDetails/queries.tsx b/frontend-next/src/hooks/api/serverDetails/queries.tsx
deleted file mode 100644
index 886cc4da3..000000000
--- a/frontend-next/src/hooks/api/serverDetails/queries.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { ServerStatus } from "./types";
-
-// cache key
-const serverStatusKeys = {
-  serverStatus: ["serverStatus"] as const
-};
-
-const fetchServerStatus = async () => {
-  const { data } = await apiRequest.get<ServerStatus>("/api/status");
-  return data;
-};
-
-export const useFetchServerStatus = () => {
-  return useQuery({ queryKey: serverStatusKeys.serverStatus, queryFn: fetchServerStatus });
-};
diff --git a/frontend-next/src/hooks/api/serverDetails/types.ts b/frontend-next/src/hooks/api/serverDetails/types.ts
deleted file mode 100644
index 3e22c2684..000000000
--- a/frontend-next/src/hooks/api/serverDetails/types.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export type ServerStatus = {
-  date: string;
-  message: string;
-  emailConfigured: boolean;
-  secretScanningConfigured: boolean;
-  redisConfigured: boolean;
-  samlDefaultOrgSlug: string;
-};
diff --git a/frontend-next/src/hooks/api/serviceTokens/enums.ts b/frontend-next/src/hooks/api/serviceTokens/enums.ts
deleted file mode 100644
index 5472be503..000000000
--- a/frontend-next/src/hooks/api/serviceTokens/enums.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum Permission {
-  READ = "read",
-  WRITE = "write"
-}
diff --git a/frontend-next/src/hooks/api/serviceTokens/index.ts b/frontend-next/src/hooks/api/serviceTokens/index.ts
deleted file mode 100644
index b594d5a64..000000000
--- a/frontend-next/src/hooks/api/serviceTokens/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useCreateServiceToken, useDeleteServiceToken, useGetUserWsServiceTokens } from "./queries";
diff --git a/frontend-next/src/hooks/api/serviceTokens/queries.tsx b/frontend-next/src/hooks/api/serviceTokens/queries.tsx
deleted file mode 100644
index d3f129cc7..000000000
--- a/frontend-next/src/hooks/api/serviceTokens/queries.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import {
-  CreateServiceTokenDTO,
-  CreateServiceTokenRes,
-  DeleteServiceTokenRes,
-  ServiceToken
-} from "./types";
-
-const serviceTokenKeys = {
-  getAllWorkspaceServiceToken: (workspaceID: string) => [{ workspaceID }, "service-tokens"] as const
-};
-
-const fetchWorkspaceServiceTokens = async (workspaceID: string) => {
-  const { data } = await apiRequest.get<{ serviceTokenData: ServiceToken[] }>(
-    `/api/v1/workspace/${workspaceID}/service-token-data`
-  );
-
-  return data.serviceTokenData;
-};
-
-type UseGetWorkspaceServiceTokensProps = { workspaceID: string };
-
-export const useGetUserWsServiceTokens = ({ workspaceID }: UseGetWorkspaceServiceTokensProps) => {
-  return useQuery({
-    queryKey: serviceTokenKeys.getAllWorkspaceServiceToken(workspaceID),
-    queryFn: () => fetchWorkspaceServiceTokens(workspaceID),
-    enabled: Boolean(workspaceID)
-  });
-};
-
-// mutation
-export const useCreateServiceToken = () => {
-  // TODO: deprecate
-  const queryClient = useQueryClient();
-
-  return useMutation<CreateServiceTokenRes, {}, CreateServiceTokenDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post("/api/v2/service-token/", body);
-      data.serviceToken += `.${body.randomBytes}`;
-      return data;
-    },
-    onSuccess: ({ serviceTokenData: { projectId } }) => {
-      queryClient.invalidateQueries(serviceTokenKeys.getAllWorkspaceServiceToken(projectId));
-    }
-  });
-};
-
-export const useDeleteServiceToken = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<DeleteServiceTokenRes, {}, string>({
-    mutationFn: async (serviceTokenId) => {
-      const { data } = await apiRequest.delete(`/api/v2/service-token/${serviceTokenId}`);
-      return data;
-    },
-    onSuccess: ({ serviceTokenData: { projectId } }) => {
-      queryClient.invalidateQueries(serviceTokenKeys.getAllWorkspaceServiceToken(projectId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/serviceTokens/types.ts b/frontend-next/src/hooks/api/serviceTokens/types.ts
deleted file mode 100644
index 2dd61b1b3..000000000
--- a/frontend-next/src/hooks/api/serviceTokens/types.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export type ServiceTokenScope = {
-  environment: string;
-  secretPath: string;
-};
-
-export type ServiceToken = {
-  id: string;
-  name: string;
-  projectId: string;
-  scopes: ServiceTokenScope[];
-  user: string;
-  expiresAt: string;
-  createdAt: string;
-  updatedAt: string;
-  __v: number;
-};
-
-export type CreateServiceTokenDTO = {
-  name: string;
-  workspaceId: string;
-  scopes: ServiceTokenScope[];
-  expiresIn: number;
-  encryptedKey: string;
-  iv: string;
-  tag: string;
-  randomBytes: string;
-  permissions: string[];
-};
-
-export type CreateServiceTokenRes = {
-  serviceToken: string;
-  serviceTokenData: ServiceToken;
-};
-
-export type DeleteServiceTokenRes = { serviceTokenData: ServiceToken };
diff --git a/frontend-next/src/hooks/api/ssh-ca/constants.tsx b/frontend-next/src/hooks/api/ssh-ca/constants.tsx
deleted file mode 100644
index 2742a7bfa..000000000
--- a/frontend-next/src/hooks/api/ssh-ca/constants.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-export enum SshCaStatus {
-  ACTIVE = "active",
-  DISABLED = "disabled"
-}
-
-export enum SshCertType {
-  USER = "user",
-  HOST = "host"
-}
-
-export const sshCertTypeToNameMap: { [K in SshCertType]: string } = {
-  [SshCertType.USER]: "User",
-  [SshCertType.HOST]: "Host"
-};
diff --git a/frontend-next/src/hooks/api/ssh-ca/index.tsx b/frontend-next/src/hooks/api/ssh-ca/index.tsx
deleted file mode 100644
index 8fc57654b..000000000
--- a/frontend-next/src/hooks/api/ssh-ca/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export { SshCaStatus } from "./constants";
-export {
-  useCreateSshCa,
-  useDeleteSshCa,
-  useIssueSshCreds,
-  useSignSshKey,
-  useUpdateSshCa
-} from "./mutations";
-export { useGetSshCaById, useGetSshCaCertTemplates } from "./queries";
diff --git a/frontend-next/src/hooks/api/ssh-ca/mutations.tsx b/frontend-next/src/hooks/api/ssh-ca/mutations.tsx
deleted file mode 100644
index ceddd65b4..000000000
--- a/frontend-next/src/hooks/api/ssh-ca/mutations.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace/query-keys";
-import {
-  TCreateSshCaDTO,
-  TDeleteSshCaDTO,
-  TIssueSshCredsDTO,
-  TIssueSshCredsResponse,
-  TSignSshKeyDTO,
-  TSignSshKeyResponse,
-  TSshCertificateAuthority,
-  TUpdateSshCaDTO
-} from "./types";
-
-export const sshCaKeys = {
-  getSshCaById: (caId: string) => [{ caId }, "ssh-ca"]
-};
-
-export const useCreateSshCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSshCertificateAuthority, {}, TCreateSshCaDTO>({
-    mutationFn: async (body) => {
-      const {
-        data: { ca }
-      } = await apiRequest.post<{ ca: TSshCertificateAuthority }>("/api/v1/ssh/ca/", body);
-      return ca;
-    },
-    onSuccess: ({ projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceSshCas(projectId));
-    }
-  });
-};
-
-export const useUpdateSshCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSshCertificateAuthority, {}, TUpdateSshCaDTO>({
-    mutationFn: async ({ caId, ...body }) => {
-      const {
-        data: { ca }
-      } = await apiRequest.patch<{ ca: TSshCertificateAuthority }>(`/api/v1/ssh/ca/${caId}`, body);
-      return ca;
-    },
-    onSuccess: ({ projectId }, { caId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceSshCas(projectId));
-      queryClient.invalidateQueries(sshCaKeys.getSshCaById(caId));
-    }
-  });
-};
-
-export const useDeleteSshCa = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSshCertificateAuthority, {}, TDeleteSshCaDTO>({
-    mutationFn: async ({ caId }) => {
-      const {
-        data: { ca }
-      } = await apiRequest.delete<{ ca: TSshCertificateAuthority }>(`/api/v1/ssh/ca/${caId}`);
-      return ca;
-    },
-    onSuccess: ({ projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceSshCas(projectId));
-    }
-  });
-};
-
-export const useSignSshKey = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSignSshKeyResponse, {}, TSignSshKeyDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post<TSignSshKeyResponse>(
-        "/api/v1/ssh/certificates/sign",
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.allWorkspaceSshCertificates(projectId));
-    }
-  });
-};
-
-export const useIssueSshCreds = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TIssueSshCredsResponse, {}, TIssueSshCredsDTO>({
-    mutationFn: async (body) => {
-      const { data } = await apiRequest.post<TIssueSshCredsResponse>(
-        "/api/v1/ssh/certificates/issue",
-        body
-      );
-      return data;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.allWorkspaceSshCertificates(projectId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/ssh-ca/queries.tsx b/frontend-next/src/hooks/api/ssh-ca/queries.tsx
deleted file mode 100644
index b85bbcb35..000000000
--- a/frontend-next/src/hooks/api/ssh-ca/queries.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TSshCertificateTemplate } from "../sshCertificateTemplates/types";
-import { TSshCertificateAuthority } from "./types";
-
-export const sshCaKeys = {
-  getSshCaById: (caId: string) => [{ caId }, "ssh-ca"],
-  getSshCaCertTemplates: (caId: string) => [{ caId }, "ssh-ca-cert-templates"]
-};
-
-export const useGetSshCaById = (caId: string) => {
-  return useQuery({
-    queryKey: sshCaKeys.getSshCaById(caId),
-    queryFn: async () => {
-      const {
-        data: { ca }
-      } = await apiRequest.get<{ ca: TSshCertificateAuthority }>(`/api/v1/ssh/ca/${caId}`);
-      return ca;
-    },
-    enabled: Boolean(caId)
-  });
-};
-
-export const useGetSshCaCertTemplates = (caId: string) => {
-  return useQuery({
-    queryKey: sshCaKeys.getSshCaCertTemplates(caId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{
-        certificateTemplates: TSshCertificateTemplate[];
-      }>(`/api/v1/ssh/ca/${caId}/certificate-templates`);
-      return data;
-    },
-    enabled: Boolean(caId)
-  });
-};
diff --git a/frontend-next/src/hooks/api/ssh-ca/types.ts b/frontend-next/src/hooks/api/ssh-ca/types.ts
deleted file mode 100644
index 6e5f02c4d..000000000
--- a/frontend-next/src/hooks/api/ssh-ca/types.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { CertKeyAlgorithm } from "../certificates/enums";
-import { SshCaStatus, SshCertType } from "./constants";
-
-export type TSshCertificate = {
-  id: string;
-  sshCaId: string;
-  sshCertificateTemplateId: string;
-  serialNumber: string;
-  certType: SshCertType;
-  principals: string[];
-  keyId: string;
-  notBefore: string;
-  notAfter: string;
-};
-
-export type TSshCertificateAuthority = {
-  id: string;
-  projectId: string;
-  status: SshCaStatus;
-  friendlyName: string;
-  keyAlgorithm: CertKeyAlgorithm;
-  createdAt: string;
-  updatedAt: string;
-  publicKey: string;
-};
-
-export type TCreateSshCaDTO = {
-  projectId: string;
-  friendlyName?: string;
-  keyAlgorithm: CertKeyAlgorithm;
-};
-
-export type TUpdateSshCaDTO = {
-  caId: string;
-  friendlyName?: string;
-  status?: SshCaStatus;
-};
-
-export type TDeleteSshCaDTO = {
-  caId: string;
-};
-
-export type TSignSshKeyDTO = {
-  projectId: string;
-  certificateTemplateId: string;
-  publicKey?: string;
-  certType: SshCertType;
-  principals: string[];
-  ttl?: string;
-  keyId?: string;
-};
-
-export type TSignSshKeyResponse = {
-  serialNumber: string;
-  signedKey: string;
-};
-
-export type TIssueSshCredsDTO = {
-  projectId: string;
-  certificateTemplateId: string;
-  keyAlgorithm: CertKeyAlgorithm;
-  certType: SshCertType;
-  principals: string[];
-  ttl?: string;
-  keyId?: string;
-};
-
-export type TIssueSshCredsResponse = {
-  serialNumber: string;
-  signedKey: string;
-  privateKey: string;
-  publicKey: string;
-  keyAlgorithm: CertKeyAlgorithm;
-};
diff --git a/frontend-next/src/hooks/api/sshCertificateTemplates/index.tsx b/frontend-next/src/hooks/api/sshCertificateTemplates/index.tsx
deleted file mode 100644
index 9efe99c81..000000000
--- a/frontend-next/src/hooks/api/sshCertificateTemplates/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export {
-  useCreateSshCertTemplate,
-  useDeleteSshCertTemplate,
-  useUpdateSshCertTemplate
-} from "./mutations";
-export { useGetSshCertTemplate } from "./queries";
-export * from "./types";
diff --git a/frontend-next/src/hooks/api/sshCertificateTemplates/mutations.tsx b/frontend-next/src/hooks/api/sshCertificateTemplates/mutations.tsx
deleted file mode 100644
index 91fb5eb53..000000000
--- a/frontend-next/src/hooks/api/sshCertificateTemplates/mutations.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { sshCaKeys } from "../ssh-ca/queries";
-import {
-  TCreateSshCertificateTemplateDTO,
-  TDeleteSshCertificateTemplateDTO,
-  TSshCertificateTemplate,
-  TUpdateSshCertificateTemplateDTO
-} from "./types";
-
-export const useCreateSshCertTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSshCertificateTemplate, {}, TCreateSshCertificateTemplateDTO>({
-    mutationFn: async (data) => {
-      const { data: certificateTemplate } = await apiRequest.post<TSshCertificateTemplate>(
-        "/api/v1/ssh/certificate-templates",
-        data
-      );
-      return certificateTemplate;
-    },
-    onSuccess: ({ sshCaId }) => {
-      queryClient.invalidateQueries(sshCaKeys.getSshCaCertTemplates(sshCaId));
-    }
-  });
-};
-
-export const useUpdateSshCertTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSshCertificateTemplate, {}, TUpdateSshCertificateTemplateDTO>({
-    mutationFn: async (data) => {
-      const { data: certificateTemplate } = await apiRequest.patch<TSshCertificateTemplate>(
-        `/api/v1/ssh/certificate-templates/${data.id}`,
-        data
-      );
-
-      return certificateTemplate;
-    },
-    onSuccess: ({ sshCaId }) => {
-      queryClient.invalidateQueries(sshCaKeys.getSshCaCertTemplates(sshCaId));
-    }
-  });
-};
-
-export const useDeleteSshCertTemplate = () => {
-  const queryClient = useQueryClient();
-  return useMutation<TSshCertificateTemplate, {}, TDeleteSshCertificateTemplateDTO>({
-    mutationFn: async (data) => {
-      const { data: certificateTemplate } = await apiRequest.delete<TSshCertificateTemplate>(
-        `/api/v1/ssh/certificate-templates/${data.id}`
-      );
-      return certificateTemplate;
-    },
-    onSuccess: ({ sshCaId }) => {
-      queryClient.invalidateQueries(sshCaKeys.getSshCaCertTemplates(sshCaId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/sshCertificateTemplates/queries.tsx b/frontend-next/src/hooks/api/sshCertificateTemplates/queries.tsx
deleted file mode 100644
index b9b535916..000000000
--- a/frontend-next/src/hooks/api/sshCertificateTemplates/queries.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TSshCertificateTemplate } from "./types";
-
-export const certTemplateKeys = {
-  getSshCertTemplateById: (id: string) => [{ id }, "ssh-cert-template"]
-};
-
-export const useGetSshCertTemplate = (id: string) => {
-  return useQuery({
-    queryKey: certTemplateKeys.getSshCertTemplateById(id),
-    queryFn: async () => {
-      const { data: certificateTemplate } = await apiRequest.get<TSshCertificateTemplate>(
-        `/api/v1/ssh/certificate-templates/${id}`
-      );
-      return certificateTemplate;
-    },
-    enabled: Boolean(id)
-  });
-};
diff --git a/frontend-next/src/hooks/api/sshCertificateTemplates/types.ts b/frontend-next/src/hooks/api/sshCertificateTemplates/types.ts
deleted file mode 100644
index 4099b4b8a..000000000
--- a/frontend-next/src/hooks/api/sshCertificateTemplates/types.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-export enum SshCertTemplateStatus {
-  ACTIVE = "active",
-  DISABLED = "disabled"
-}
-
-export type TSshCertificateTemplate = {
-  id: string;
-  sshCaId: string;
-  status: SshCertTemplateStatus;
-  name: string;
-  ttl: string;
-  maxTTL: string;
-  allowedUsers: string[];
-  allowedHosts: string[];
-  allowUserCertificates: boolean;
-  allowHostCertificates: boolean;
-  allowCustomKeyIds: boolean;
-};
-
-export type TCreateSshCertificateTemplateDTO = {
-  sshCaId: string;
-  name: string;
-  ttl: string;
-  maxTTL: string;
-  allowedUsers: string[];
-  allowedHosts: string[];
-  allowUserCertificates: boolean;
-  allowHostCertificates: boolean;
-  allowCustomKeyIds: boolean;
-};
-
-export type TUpdateSshCertificateTemplateDTO = {
-  id: string;
-  status?: SshCertTemplateStatus;
-  name?: string;
-  ttl?: string;
-  maxTTL?: string;
-  allowedUsers?: string[];
-  allowedHosts?: string[];
-  allowUserCertificates?: boolean;
-  allowHostCertificates?: boolean;
-  allowCustomKeyIds?: boolean;
-};
-
-export type TDeleteSshCertificateTemplateDTO = {
-  id: string;
-};
diff --git a/frontend-next/src/hooks/api/ssoConfig/index.tsx b/frontend-next/src/hooks/api/ssoConfig/index.tsx
deleted file mode 100644
index fbc0e4670..000000000
--- a/frontend-next/src/hooks/api/ssoConfig/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { useCreateSSOConfig, useGetSSOConfig, useUpdateSSOConfig } from "./queries";
diff --git a/frontend-next/src/hooks/api/ssoConfig/queries.tsx b/frontend-next/src/hooks/api/ssoConfig/queries.tsx
deleted file mode 100644
index cbb8e0abe..000000000
--- a/frontend-next/src/hooks/api/ssoConfig/queries.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { organizationKeys } from "@app/hooks/api/organization/queries";
-
-const ssoConfigKeys = {
-  getSSOConfig: (orgId: string) => [{ orgId }, "organization-saml-sso"] as const
-};
-
-export const useGetSSOConfig = (organizationId: string) => {
-  return useQuery({
-    queryKey: ssoConfigKeys.getSSOConfig(organizationId),
-    queryFn: async () => {
-      try {
-        const { data } = await apiRequest.get(
-          `/api/v1/sso/config?organizationId=${organizationId}`
-        );
-
-        return data;
-      } catch (err) {
-        return null;
-      }
-    },
-    enabled: true
-  });
-};
-
-export const useCreateSSOConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      authProvider,
-      isActive,
-      entryPoint,
-      issuer,
-      cert
-    }: {
-      organizationId: string;
-      authProvider: string;
-      isActive: boolean;
-      entryPoint: string;
-      issuer: string;
-      cert: string;
-    }) => {
-      const { data } = await apiRequest.post("/api/v1/sso/config", {
-        organizationId,
-        authProvider,
-        isActive,
-        entryPoint,
-        issuer,
-        cert
-      });
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(ssoConfigKeys.getSSOConfig(dto.organizationId));
-    }
-  });
-};
-
-export const useUpdateSSOConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      organizationId,
-      authProvider,
-      isActive,
-      entryPoint,
-      issuer,
-      cert
-    }: {
-      organizationId: string;
-      authProvider?: string;
-      isActive?: boolean;
-      entryPoint?: string;
-      issuer?: string;
-      cert?: string;
-    }) => {
-      const { data } = await apiRequest.patch("/api/v1/sso/config", {
-        organizationId,
-        ...(authProvider !== undefined ? { authProvider } : {}),
-        ...(isActive !== undefined ? { isActive } : {}),
-        ...(entryPoint !== undefined ? { entryPoint } : {}),
-        ...(issuer !== undefined ? { issuer } : {}),
-        ...(cert !== undefined ? { cert } : {})
-      });
-
-      return data;
-    },
-    onSuccess(_, { organizationId, isActive }) {
-      if (isActive === false) {
-        queryClient.invalidateQueries(organizationKeys.getUserOrganizations);
-      }
-
-      queryClient.invalidateQueries(ssoConfigKeys.getSSOConfig(organizationId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/subscriptions/index.tsx b/frontend-next/src/hooks/api/subscriptions/index.tsx
deleted file mode 100644
index 4ccfd6b15..000000000
--- a/frontend-next/src/hooks/api/subscriptions/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { useGetOrgSubscription } from "./queries";
diff --git a/frontend-next/src/hooks/api/subscriptions/queries.tsx b/frontend-next/src/hooks/api/subscriptions/queries.tsx
deleted file mode 100644
index 6f24b3f6e..000000000
--- a/frontend-next/src/hooks/api/subscriptions/queries.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { SubscriptionPlan } from "./types";
-
-// import { Workspace } from './types';
-
-const subscriptionKeys = {
-  getOrgSubsription: (orgID: string) => ["plan", { orgID }] as const
-};
-
-const fetchOrgSubscription = async (orgID: string) => {
-  const { data } = await apiRequest.get<{ plan: SubscriptionPlan }>(
-    `/api/v1/organizations/${orgID}/plan`
-  );
-
-  return data.plan;
-};
-
-type UseGetOrgSubscriptionProps = {
-  orgID: string;
-};
-
-export const useGetOrgSubscription = ({ orgID }: UseGetOrgSubscriptionProps) =>
-  useQuery({
-    queryKey: subscriptionKeys.getOrgSubsription(orgID),
-    queryFn: () => fetchOrgSubscription(orgID),
-    enabled: Boolean(orgID)
-  });
diff --git a/frontend-next/src/hooks/api/subscriptions/types.ts b/frontend-next/src/hooks/api/subscriptions/types.ts
deleted file mode 100644
index 44b0a34fb..000000000
--- a/frontend-next/src/hooks/api/subscriptions/types.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-export type SubscriptionPlan = {
-  id: string;
-  membersUsed: number;
-  memberLimit: number;
-  identitiesUsed: number;
-  identityLimit: number;
-  auditLogs: boolean;
-  dynamicSecret: boolean;
-  auditLogsRetentionDays: number;
-  auditLogStreamLimit: number;
-  auditLogStreams: boolean;
-  customAlerts: boolean;
-  customRateLimits: boolean;
-  pitRecovery: boolean;
-  ipAllowlisting: boolean;
-  rbac: boolean;
-  secretVersioning: boolean;
-  slug: string;
-  secretApproval: string;
-  secretRotation: string;
-  tier: number;
-  workspaceLimit: number;
-  workspacesUsed: number;
-  environmentLimit: number;
-  samlSSO: boolean;
-  hsm: boolean;
-  oidcSSO: boolean;
-  scim: boolean;
-  ldap: boolean;
-  groups: boolean;
-  status:
-    | "incomplete"
-    | "incomplete_expired"
-    | "trialing"
-    | "active"
-    | "past_due"
-    | "canceled"
-    | "unpaid"
-    | null;
-  trial_end: number | null;
-  has_used_trial: boolean;
-  caCrl: boolean;
-  instanceUserManagement: boolean;
-  externalKms: boolean;
-  pkiEst: boolean;
-  enforceMfa: boolean;
-  projectTemplates: boolean;
-  appConnections: boolean; // TODO: remove once released
-};
diff --git a/frontend-next/src/hooks/api/tags/index.tsx b/frontend-next/src/hooks/api/tags/index.tsx
deleted file mode 100644
index 375d32ca9..000000000
--- a/frontend-next/src/hooks/api/tags/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { useGetWsTags } from "./queries";
-export { useCreateWsTag } from "./queries";
-export { useDeleteWsTag } from "./queries";
diff --git a/frontend-next/src/hooks/api/tags/queries.tsx b/frontend-next/src/hooks/api/tags/queries.tsx
deleted file mode 100644
index d1c4b533d..000000000
--- a/frontend-next/src/hooks/api/tags/queries.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { CreateTagDTO, DeleteTagDTO, UserWsTags, WsTag } from "./types";
-
-const workspaceTags = {
-  getWsTags: (workspaceID: string) => ["workspace-tags", { workspaceID }] as const
-};
-
-const fetchWsTag = async (workspaceID: string) => {
-  const { data } = await apiRequest.get<{ workspaceTags: UserWsTags }>(
-    `/api/v1/workspace/${workspaceID}/tags`
-  );
-
-  return data.workspaceTags;
-};
-
-export const useGetWsTags = (workspaceID: string) => {
-  return useQuery({
-    queryKey: workspaceTags.getWsTags(workspaceID),
-    queryFn: () => fetchWsTag(workspaceID),
-    enabled: Boolean(workspaceID)
-  });
-};
-
-export const useCreateWsTag = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<WsTag, {}, CreateTagDTO>({
-    mutationFn: async ({ workspaceID, tagColor, tagSlug }) => {
-      const { data } = await apiRequest.post<{ workspaceTag: WsTag }>(
-        `/api/v1/workspace/${workspaceID}/tags`,
-        {
-          color: tagColor || "",
-          slug: tagSlug
-        }
-      );
-      return data.workspaceTag;
-    },
-    onSuccess: (tagData) => {
-      queryClient.invalidateQueries(workspaceTags.getWsTags(tagData?.projectId));
-    }
-  });
-};
-
-export const useDeleteWsTag = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<WsTag, {}, DeleteTagDTO>({
-    mutationFn: async ({ tagID, projectId }) => {
-      const { data } = await apiRequest.delete<{ workspaceTag: WsTag }>(
-        `/api/v1/workspace/${projectId}/tags/${tagID}`
-      );
-      return data.workspaceTag;
-    },
-    onSuccess: (tagData) => {
-      queryClient.invalidateQueries(workspaceTags.getWsTags(tagData?.projectId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/tags/types.ts b/frontend-next/src/hooks/api/tags/types.ts
deleted file mode 100644
index 72d710cfa..000000000
--- a/frontend-next/src/hooks/api/tags/types.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export type UserWsTags = WsTag[];
-
-export type WsTag = {
-  id: string;
-  slug: string;
-  color?: string;
-  projectId: string;
-  createdAt: string;
-  updatedAt: string;
-  __v: number;
-};
-
-export type WorkspaceTag = { id: string; name: string; slug: string };
-
-export type CreateTagDTO = {
-  workspaceID: string;
-  tagSlug: string;
-  tagColor: string;
-};
-
-export type DeleteTagDTO = { tagID: string; projectId: string };
-
-export type SecretTags = {
-  id: string;
-  slug: string;
-  tagColor: string;
-};
-
-export type TagColor = {
-  id: number;
-  hex: string;
-  rgba: string;
-  name: string;
-  selected: boolean;
-};
diff --git a/frontend-next/src/hooks/api/trustedIps/index.ts b/frontend-next/src/hooks/api/trustedIps/index.ts
deleted file mode 100644
index c40c2b2a5..000000000
--- a/frontend-next/src/hooks/api/trustedIps/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export {
-  useAddTrustedIp,
-  useDeleteTrustedIp,
-  useGetTrustedIps,
-  useUpdateTrustedIp
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/trustedIps/queries.ts b/frontend-next/src/hooks/api/trustedIps/queries.ts
deleted file mode 100644
index c8b4f922b..000000000
--- a/frontend-next/src/hooks/api/trustedIps/queries.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TrustedIp } from "./types";
-
-const trustedIps = {
-  getTrustedIps: (workspaceId: string) => [{ workspaceId }, "trusted-ips"] as const
-};
-
-export const useGetTrustedIps = (workspaceId: string) => {
-  return useQuery({
-    queryKey: trustedIps.getTrustedIps(workspaceId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ trustedIps: TrustedIp[] }>(
-        `/api/v1/workspace/${workspaceId}/trusted-ips`
-      );
-
-      return data.trustedIps;
-    }
-  });
-};
-
-export const useAddTrustedIp = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      workspaceId,
-      ipAddress,
-      comment,
-      isActive
-    }: {
-      workspaceId: string;
-      ipAddress: string;
-      comment?: string;
-      isActive: boolean;
-    }) => {
-      const { data } = await apiRequest.post(`/api/v1/workspace/${workspaceId}/trusted-ips`, {
-        ipAddress,
-        ...(comment ? { comment } : {}),
-        isActive
-      });
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(trustedIps.getTrustedIps(dto.workspaceId));
-    }
-  });
-};
-
-export const useUpdateTrustedIp = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      workspaceId,
-      trustedIpId,
-      ipAddress,
-      comment,
-      isActive
-    }: {
-      workspaceId: string;
-      trustedIpId: string;
-      ipAddress: string;
-      comment?: string;
-      isActive: boolean;
-    }) => {
-      const { data } = await apiRequest.patch(
-        `/api/v1/workspace/${workspaceId}/trusted-ips/${trustedIpId}`,
-        {
-          ipAddress,
-          ...(comment ? { comment } : {}),
-          isActive
-        }
-      );
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(trustedIps.getTrustedIps(dto.workspaceId));
-    }
-  });
-};
-
-export const useDeleteTrustedIp = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      workspaceId,
-      trustedIpId
-    }: {
-      workspaceId: string;
-      trustedIpId: string;
-    }) => {
-      const { data } = await apiRequest.delete(
-        `/api/v1/workspace/${workspaceId}/trusted-ips/${trustedIpId}`
-      );
-
-      return data;
-    },
-    onSuccess(_, dto) {
-      queryClient.invalidateQueries(trustedIps.getTrustedIps(dto.workspaceId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/trustedIps/types.ts b/frontend-next/src/hooks/api/trustedIps/types.ts
deleted file mode 100644
index 00349382f..000000000
--- a/frontend-next/src/hooks/api/trustedIps/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export type TrustedIp = {
-  id: string;
-  projectId: string;
-  ipAddress: string;
-  type: "ipv4" | "ipv6";
-  isActive: boolean;
-  comment: string;
-  prefix?: number;
-};
diff --git a/frontend-next/src/hooks/api/types.ts b/frontend-next/src/hooks/api/types.ts
deleted file mode 100644
index c03358b42..000000000
--- a/frontend-next/src/hooks/api/types.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { PureAbility } from "@casl/ability";
-import { ZodIssue } from "zod";
-
-export type { TAccessApprovalPolicy } from "./accessApproval/types";
-export type { TAuditLogStream } from "./auditLogStreams/types";
-export type { GetAuthTokenAPI } from "./auth/types";
-export type { IncidentContact } from "./incidentContacts/types";
-export type { IntegrationAuth } from "./integrationAuth/types";
-export type { TCloudIntegration, TIntegration } from "./integrations/types";
-export type { UserWsKeyPair } from "./keys/types";
-export type { Organization } from "./organization/types";
-export type { TSecretApprovalPolicy } from "./secretApproval/types";
-export type {
-  TGetSecretApprovalRequestDetails,
-  TSecretApprovalRequest,
-  TSecretApprovalSecChange
-} from "./secretApprovalRequest/types";
-export { ApprovalStatus, CommitType } from "./secretApprovalRequest/types";
-export type { TSecretFolder } from "./secretFolders/types";
-export type { TImportedSecrets, TSecretImport } from "./secretImports/types";
-export type {
-  TGetSecretRotationProviders,
-  TSecretRotationProviderList,
-  TSecretRotationProviderTemplate
-} from "./secretRotation/types";
-export * from "./secrets/types";
-export type { CreateServiceTokenDTO, ServiceToken } from "./serviceTokens/types";
-export type { SubscriptionPlan } from "./subscriptions/types";
-export type { WsTag } from "./tags/types";
-export type { AddUserToWsDTOE2EE, OrgUser, TWorkspaceUser, User, UserEnc } from "./users/types";
-export type { TWebhook } from "./webhooks/types";
-export type {
-  CreateEnvironmentDTO,
-  CreateWorkspaceDTO,
-  DeleteEnvironmentDTO,
-  DeleteWorkspaceDTO,
-  ToggleAutoCapitalizationDTO,
-  UpdateEnvironmentDTO,
-  UpdateProjectDTO,
-  Workspace,
-  WorkspaceEnv,
-  WorkspaceTag
-} from "./workspace/types";
-
-export enum ApiErrorTypes {
-  ValidationError = "ValidationFailure",
-  BadRequestError = "BadRequest",
-  UnauthorizedError = "UnauthorizedError",
-  ForbiddenError = "PermissionDenied"
-}
-
-export type TApiErrors =
-  | {
-      reqId: string;
-      error: ApiErrorTypes.ValidationError;
-      message: ZodIssue[];
-      statusCode: 422;
-    }
-  | {
-      reqId: string;
-      error: ApiErrorTypes.UnauthorizedError;
-      message: string;
-      statusCode: 401;
-    }
-  | {
-      reqId: string;
-      error: ApiErrorTypes.ForbiddenError;
-      message: string;
-      details: PureAbility["rules"];
-      statusCode: 403;
-    }
-  | {
-      reqId: string;
-      statusCode: 400;
-      message: string;
-      error: ApiErrorTypes.BadRequestError;
-    };
diff --git a/frontend-next/src/hooks/api/userEngagement/index.ts b/frontend-next/src/hooks/api/userEngagement/index.ts
deleted file mode 100644
index 5a4c29fa8..000000000
--- a/frontend-next/src/hooks/api/userEngagement/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useCreateUserWish } from "./mutations";
diff --git a/frontend-next/src/hooks/api/userEngagement/mutations.tsx b/frontend-next/src/hooks/api/userEngagement/mutations.tsx
deleted file mode 100644
index d876e65c8..000000000
--- a/frontend-next/src/hooks/api/userEngagement/mutations.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useMutation } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TCreateUserWishDto } from "./types";
-
-export const useCreateUserWish = () => {
-  return useMutation<{}, {}, TCreateUserWishDto>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v1/user-engagement/me/wish", dto);
-      return data;
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/userEngagement/types.ts b/frontend-next/src/hooks/api/userEngagement/types.ts
deleted file mode 100644
index ad94d03d2..000000000
--- a/frontend-next/src/hooks/api/userEngagement/types.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export type TCreateUserWishDto = {
-  text: string;
-};
diff --git a/frontend-next/src/hooks/api/users/index.tsx b/frontend-next/src/hooks/api/users/index.tsx
deleted file mode 100644
index b9d9f159b..000000000
--- a/frontend-next/src/hooks/api/users/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-export {
-  useAddUserToWsE2EE,
-  useAddUserToWsNonE2EE,
-  useSendEmailVerificationCode,
-  useVerifyEmailVerificationCode
-} from "./mutation";
-export {
-  fetchOrgUsers,
-  useAddUsersToOrg,
-  useCreateAPIKey,
-  useDeleteAPIKey,
-  useDeleteMe,
-  useDeleteOrgMembership,
-  useGetMyAPIKeys,
-  useGetMyAPIKeysV2,
-  useGetMyIp,
-  useGetMyOrganizationProjects,
-  useGetMySessions,
-  useGetOrgMembership,
-  useGetOrgMembershipProjectMemberships,
-  useGetOrgUsers,
-  useGetUser,
-  useGetUserAction,
-  useGetUserTotpRegistration,
-  useListUserGroupMemberships,
-  useLogoutUser,
-  useRegisterUserAction,
-  useRevokeMySessions,
-  useUpdateOrgMembership,
-  useUpdateUserAuthMethods,
-  useUpdateUserMfa
-} from "./queries";
-export { userKeys } from "./query-keys";
diff --git a/frontend-next/src/hooks/api/users/mutation.tsx b/frontend-next/src/hooks/api/users/mutation.tsx
deleted file mode 100644
index e8cf41acb..000000000
--- a/frontend-next/src/hooks/api/users/mutation.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import {
-  decryptAssymmetric,
-  encryptAssymmetric
-} from "@app/components/utilities/cryptography/crypto";
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace";
-import { userKeys } from "./query-keys";
-import { AddUserToWsDTOE2EE, AddUserToWsDTONonE2EE } from "./types";
-
-export const useAddUserToWsE2EE = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, AddUserToWsDTOE2EE>({
-    mutationFn: async ({ workspaceId, members, decryptKey, userPrivateKey }) => {
-      // assymmetrically decrypt symmetric key with local private key
-      const key = decryptAssymmetric({
-        ciphertext: decryptKey.encryptedKey,
-        nonce: decryptKey.nonce,
-        publicKey: decryptKey.sender.publicKey,
-        privateKey: userPrivateKey
-      });
-
-      const newWsMembers = members.map(({ orgMembershipId, userPublicKey }) => {
-        const { ciphertext: inviteeCipherText, nonce: inviteeNonce } = encryptAssymmetric({
-          plaintext: key,
-          publicKey: userPublicKey,
-          privateKey: userPrivateKey
-        });
-
-        return {
-          orgMembershipId,
-          workspaceEncryptedKey: inviteeCipherText,
-          workspaceEncryptedNonce: inviteeNonce
-        };
-      });
-      const { data } = await apiRequest.post(`/api/v1/workspace/${workspaceId}/memberships`, {
-        members: newWsMembers
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceUsers(workspaceId));
-    }
-  });
-};
-
-export const useAddUserToWsNonE2EE = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, AddUserToWsDTONonE2EE>({
-    mutationFn: async ({ projectId, usernames, roleSlugs }) => {
-      const { data } = await apiRequest.post(`/api/v2/workspace/${projectId}/memberships`, {
-        usernames,
-        roleSlugs
-      });
-      return data;
-    },
-    onSuccess: (_, { orgId, projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceUsers(projectId));
-      queryClient.invalidateQueries(userKeys.allOrgMembershipProjectMemberships(orgId));
-    }
-  });
-};
-
-export const sendEmailVerificationCode = async (username: string) => {
-  return apiRequest.post("/api/v2/users/me/emails/code", {
-    username
-  });
-};
-
-export const useSendEmailVerificationCode = () => {
-  return useMutation({
-    mutationFn: async (username: string) => {
-      await sendEmailVerificationCode(username);
-      return {};
-    }
-  });
-};
-
-export const useVerifyEmailVerificationCode = () => {
-  return useMutation({
-    mutationFn: async ({ username, code }: { username: string; code: string }) => {
-      await apiRequest.post("/api/v2/users/me/emails/verify", {
-        username,
-        code
-      });
-      return {};
-    }
-  });
-};
-
-export const useUpdateUserProjectFavorites = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      orgId,
-      projectFavorites
-    }: {
-      orgId: string;
-      projectFavorites: string[];
-    }) => {
-      await apiRequest.put("/api/v1/user/me/project-favorites", {
-        orgId,
-        projectFavorites
-      });
-
-      return {};
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(userKeys.userProjectFavorites(orgId));
-    }
-  });
-};
-
-export const useVerifyUserTotpRegistration = () => {
-  return useMutation({
-    mutationFn: async ({ totp }: { totp: string }) => {
-      await apiRequest.post("/api/v1/user/me/totp/verify", {
-        totp
-      });
-
-      return {};
-    }
-  });
-};
-
-export const useDeleteUserTotpConfiguration = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async () => {
-      await apiRequest.delete("/api/v1/user/me/totp");
-
-      return {};
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.totpConfiguration);
-    }
-  });
-};
-
-export const useCreateNewTotpRecoveryCodes = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async () => {
-      await apiRequest.post("/api/v1/user/me/totp/recovery-codes");
-
-      return {};
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.totpConfiguration);
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/users/queries.tsx b/frontend-next/src/hooks/api/users/queries.tsx
deleted file mode 100644
index 98d8e4b56..000000000
--- a/frontend-next/src/hooks/api/users/queries.tsx
+++ /dev/null
@@ -1,493 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { AxiosError } from "axios";
-
-import { apiRequest } from "@app/config/request";
-import { SessionStorageKeys } from "@app/const";
-import { setAuthToken } from "@app/reactQuery";
-
-import { APIKeyDataV2 } from "../apiKeys/types";
-import { MfaMethod } from "../auth/types";
-import { TGroupWithProjectMemberships } from "../groups/types";
-import { workspaceKeys } from "../workspace";
-import { userKeys } from "./query-keys";
-import {
-  AddUserToOrgDTO,
-  APIKeyData,
-  AuthMethod,
-  CreateAPIKeyRes,
-  DeletOrgMembershipDTO,
-  OrgUser,
-  RenameUserDTO,
-  TokenVersion,
-  TWorkspaceUser,
-  UpdateOrgMembershipDTO,
-  User,
-  UserEnc
-} from "./types";
-
-export const fetchUserDetails = async () => {
-  const { data } = await apiRequest.get<{ user: User & UserEnc }>("/api/v1/user");
-
-  return data.user;
-};
-
-export const useGetUser = () => useQuery(userKeys.getUser, fetchUserDetails);
-
-export const useDeleteMe = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async () => {
-      const {
-        data: { user }
-      } = await apiRequest.delete<{ user: User }>("/api/v2/users/me");
-      return user;
-    },
-    onSuccess: () => {
-      localStorage.removeItem("protectedKey");
-      localStorage.removeItem("protectedKeyIV");
-      localStorage.removeItem("protectedKeyTag");
-      localStorage.removeItem("publicKey");
-      localStorage.removeItem("encryptedPrivateKey");
-      localStorage.removeItem("iv");
-      localStorage.removeItem("tag");
-      localStorage.removeItem("PRIVATE_KEY");
-      localStorage.removeItem("orgData.id");
-      localStorage.removeItem("projectData.id");
-
-      queryClient.clear();
-    }
-  });
-};
-
-export const fetchUserAction = async (action: string) => {
-  const { data } = await apiRequest.get<{ userAction: string }>("/api/v1/user-action", {
-    params: {
-      action
-    }
-  });
-  return data.userAction || "";
-};
-
-export const fetchUserProjectFavorites = async (orgId: string) => {
-  const { data } = await apiRequest.get<{ projectFavorites: string[] }>(
-    `/api/v1/user/me/project-favorites?orgId=${orgId}`
-  );
-
-  return data.projectFavorites;
-};
-
-export const useRenameUser = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, RenameUserDTO>({
-    mutationFn: ({ newName }) =>
-      apiRequest.patch("/api/v2/users/me/name", {
-        firstName: newName?.split(" ")[0],
-        lastName: newName?.split(" ").slice(1).join(" ")
-      }),
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.getUser);
-    }
-  });
-};
-
-export const useUpdateUserAuthMethods = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({ authMethods }: { authMethods: AuthMethod[] }) => {
-      const {
-        data: { user }
-      } = await apiRequest.put("/api/v2/users/me/auth-methods", {
-        authMethods
-      });
-
-      return user;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.getUser);
-    }
-  });
-};
-
-export const useGetUserAction = (action: string) =>
-  useQuery({
-    queryKey: userKeys.userAction,
-    queryFn: () => fetchUserAction(action)
-  });
-
-export const fetchOrgUsers = async (orgId: string) => {
-  const { data } = await apiRequest.get<{ users: OrgUser[] }>(
-    `/api/v1/organization/${orgId}/users`
-  );
-
-  return data.users;
-};
-
-export const useGetUserProjectFavorites = (orgId: string) =>
-  useQuery({
-    queryKey: userKeys.userProjectFavorites(orgId),
-    queryFn: () => fetchUserProjectFavorites(orgId)
-  });
-
-export const useGetOrgUsers = (orgId: string) =>
-  useQuery({
-    queryKey: userKeys.getOrgUsers(orgId),
-    queryFn: () => fetchOrgUsers(orgId),
-    enabled: Boolean(orgId)
-  });
-
-// mutation
-// TODO(akhilmhdh): move all mutation to mutation file
-export const useAddUsersToOrg = () => {
-  const queryClient = useQueryClient();
-  type Response = {
-    data: {
-      message: string;
-      completeInviteLinks?: {
-        email: string;
-        link: string;
-      }[];
-    };
-  };
-
-  return useMutation<Response, {}, AddUserToOrgDTO>({
-    mutationFn: (dto) => {
-      return apiRequest.post("/api/v1/invite-org/signup", dto);
-    },
-    onSuccess: (_, { organizationId, projects }) => {
-      queryClient.invalidateQueries(userKeys.getOrgUsers(organizationId));
-
-      projects?.forEach((project) => {
-        if (project.slug) {
-          queryClient.invalidateQueries(workspaceKeys.getWorkspaceGroupMemberships(project.slug));
-        }
-        queryClient.invalidateQueries(workspaceKeys.getWorkspaceUsers(project.id));
-      });
-    }
-  });
-};
-
-export const useGetOrgMembership = (organizationId: string, orgMembershipId: string) => {
-  return useQuery({
-    queryKey: userKeys.getOrgMembership(organizationId, orgMembershipId),
-    queryFn: async () => {
-      const {
-        data: { membership }
-      } = await apiRequest.get<{ membership: OrgUser }>(
-        `/api/v2/organizations/${organizationId}/memberships/${orgMembershipId}`
-      );
-
-      return membership;
-    },
-    enabled: Boolean(organizationId) && Boolean(orgMembershipId)
-  });
-};
-
-export const useGetOrgMembershipProjectMemberships = (
-  organizationId: string,
-  orgMembershipId: string
-) => {
-  return useQuery({
-    queryKey: userKeys.forOrgMembershipProjectMemberships(organizationId, orgMembershipId),
-    queryFn: async () => {
-      const {
-        data: { memberships }
-      } = await apiRequest.get<{ memberships: TWorkspaceUser[] }>(
-        `/api/v2/organizations/${organizationId}/memberships/${orgMembershipId}/project-memberships`
-      );
-
-      return memberships;
-    },
-    enabled: Boolean(organizationId) && Boolean(orgMembershipId)
-  });
-};
-
-export const useDeleteOrgMembership = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, DeletOrgMembershipDTO>({
-    mutationFn: ({ membershipId, orgId }) => {
-      return apiRequest.delete(`/api/v2/organizations/${orgId}/memberships/${membershipId}`);
-    },
-    onSuccess: (_, { orgId }) => {
-      queryClient.invalidateQueries(userKeys.getOrgUsers(orgId));
-    }
-  });
-};
-
-export const useDeactivateOrgMembership = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, DeletOrgMembershipDTO>({
-    mutationFn: ({ membershipId, orgId }) => {
-      return apiRequest.post(
-        `/api/v2/organizations/${orgId}/memberships/${membershipId}/deactivate`
-      );
-    },
-    onSuccess: (_, { orgId, membershipId }) => {
-      queryClient.invalidateQueries(userKeys.getOrgUsers(orgId));
-      queryClient.invalidateQueries(userKeys.getOrgMembership(orgId, membershipId));
-    }
-  });
-};
-
-export const useUpdateOrgMembership = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, UpdateOrgMembershipDTO>({
-    mutationFn: ({ organizationId, membershipId, role, isActive, metadata }) => {
-      return apiRequest.patch(
-        `/api/v2/organizations/${organizationId}/memberships/${membershipId}`,
-        {
-          role,
-          isActive,
-          metadata
-        }
-      );
-    },
-    onSuccess: (_, { organizationId, membershipId }) => {
-      queryClient.invalidateQueries(userKeys.getOrgUsers(organizationId));
-      queryClient.invalidateQueries(userKeys.getOrgMembership(organizationId, membershipId));
-    },
-    // to remove old states
-    onError: (_, { organizationId, membershipId }) => {
-      queryClient.invalidateQueries(userKeys.getOrgUsers(organizationId));
-      queryClient.invalidateQueries(userKeys.getOrgMembership(organizationId, membershipId));
-    }
-  });
-};
-
-export const useRegisterUserAction = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, string>({
-    mutationFn: (action) => apiRequest.post("/api/v1/user-action", { action }),
-    onSuccess: () => {
-      queryClient.invalidateQueries(userKeys.userAction);
-    }
-  });
-};
-
-export const useLogoutUser = (keepQueryClient?: boolean) => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async () => {
-      await apiRequest.post("/api/v1/auth/logout");
-    },
-    onSuccess: () => {
-      setAuthToken("");
-      // Delete the cookie by not setting a value; Alternatively clear the local storage
-      localStorage.removeItem("protectedKey");
-      localStorage.removeItem("protectedKeyIV");
-      localStorage.removeItem("protectedKeyTag");
-      localStorage.removeItem("publicKey");
-      localStorage.removeItem("encryptedPrivateKey");
-      localStorage.removeItem("iv");
-      localStorage.removeItem("tag");
-      localStorage.removeItem("PRIVATE_KEY");
-      localStorage.removeItem("orgData.id");
-      localStorage.removeItem("projectData.id");
-      sessionStorage.removeItem(SessionStorageKeys.CLI_TERMINAL_TOKEN);
-
-      if (!keepQueryClient) {
-        queryClient.clear();
-      }
-    }
-  });
-};
-
-export const useGetMyIp = () => {
-  return useQuery({
-    queryKey: userKeys.myIp,
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ ip: string }>("/api/v1/users/me/ip");
-      return data.ip;
-    },
-    enabled: true
-  });
-};
-
-export const useGetMyAPIKeys = () => {
-  // TODO: deprecate (moving to API Key V2)
-  return useQuery({
-    queryKey: userKeys.myAPIKeys,
-    queryFn: async () => {
-      const { data } = await apiRequest.get<APIKeyData[]>("/api/v2/users/me/api-keys");
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useGetMyAPIKeysV2 = () => {
-  return useQuery({
-    queryKey: userKeys.myAPIKeysV2,
-    queryFn: async () => {
-      const {
-        data: { apiKeyData }
-      } = await apiRequest.get<{ apiKeyData: APIKeyDataV2[] }>("/api/v3/users/me/api-keys");
-      return apiKeyData;
-    },
-    enabled: true
-  });
-};
-
-export const useCreateAPIKey = () => {
-  // TODO: deprecate (moving to API Key V2)
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ name, expiresIn }: { name: string; expiresIn: number }) => {
-      const { data } = await apiRequest.post<CreateAPIKeyRes>("/api/v2/users/me/api-keys", {
-        name,
-        expiresIn
-      });
-
-      return data;
-    },
-    onSuccess() {
-      queryClient.invalidateQueries(userKeys.myAPIKeys);
-    }
-  });
-};
-
-export const useDeleteAPIKey = () => {
-  // TODO: deprecate (moving to API Key V2)
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (apiKeyDataId: string) => {
-      const { data } = await apiRequest.delete(`/api/v2/users/me/api-keys/${apiKeyDataId}`);
-
-      return data;
-    },
-    onSuccess() {
-      queryClient.invalidateQueries(userKeys.myAPIKeys);
-    }
-  });
-};
-
-export const useGetMySessions = () => {
-  return useQuery({
-    queryKey: userKeys.mySessions,
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TokenVersion[]>("/api/v2/users/me/sessions");
-
-      return data;
-    },
-    enabled: true
-  });
-};
-
-export const useRevokeMySessions = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async () => {
-      const { data } = await apiRequest.delete("/api/v2/users/me/sessions");
-
-      return data;
-    },
-    onSuccess() {
-      queryClient.invalidateQueries(userKeys.mySessions);
-    }
-  });
-};
-
-export const useUpdateUserMfa = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      isMfaEnabled,
-      selectedMfaMethod
-    }: {
-      isMfaEnabled?: boolean;
-      selectedMfaMethod?: MfaMethod;
-    }) => {
-      const {
-        data: { user }
-      } = await apiRequest.patch("/api/v2/users/me/mfa", {
-        isMfaEnabled,
-        selectedMfaMethod
-      });
-
-      return user;
-    },
-    onSuccess() {
-      queryClient.invalidateQueries(userKeys.getUser);
-    }
-  });
-};
-
-export const fetchMyOrganizationProjects = async (orgId: string) => {
-  const {
-    data: { workspaces }
-  } = await apiRequest.get(`/api/v1/organization/${orgId}/my-workspaces`);
-
-  return workspaces;
-};
-
-export const useGetMyOrganizationProjects = (orgId: string) => {
-  return useQuery({
-    queryKey: userKeys.myOrganizationProjects(orgId),
-    queryFn: async () => {
-      return fetchMyOrganizationProjects(orgId);
-    },
-    enabled: true
-  });
-};
-
-export const fetchMyPrivateKey = async () => {
-  const {
-    data: { privateKey }
-  } = await apiRequest.get<{ privateKey: string }>("/api/v1/user/private-key");
-
-  return privateKey;
-};
-
-export const useListUserGroupMemberships = (username: string) => {
-  return useQuery({
-    queryKey: userKeys.listUserGroupMemberships(username),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<TGroupWithProjectMemberships[]>(
-        `/api/v1/user/me/${username}/groups`
-      );
-
-      return data;
-    }
-  });
-};
-
-export const useGetUserTotpRegistration = () => {
-  return useQuery({
-    queryKey: userKeys.totpRegistration,
-    queryFn: async () => {
-      const { data } = await apiRequest.post<{ otpUrl: string; recoveryCodes: string[] }>(
-        "/api/v1/user/me/totp/register"
-      );
-
-      return data;
-    }
-  });
-};
-
-export const useGetUserTotpConfiguration = () => {
-  return useQuery({
-    queryKey: userKeys.totpConfiguration,
-    queryFn: async () => {
-      try {
-        const { data } = await apiRequest.get<{ isVerified: boolean; recoveryCodes: string[] }>(
-          "/api/v1/user/me/totp"
-        );
-
-        return data;
-      } catch (error) {
-        if (error instanceof AxiosError && [404, 400].includes(error.response?.data?.statusCode)) {
-          return {
-            isVerified: false,
-            recoveryCodes: []
-          };
-        }
-        throw error;
-      }
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/users/query-keys.tsx b/frontend-next/src/hooks/api/users/query-keys.tsx
deleted file mode 100644
index 34d969b49..000000000
--- a/frontend-next/src/hooks/api/users/query-keys.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-export const userKeys = {
-  getUser: ["user"] as const,
-  getPrivateKey: ["user"] as const,
-  userAction: ["user-action"] as const,
-  userProjectFavorites: (orgId: string) => [{ orgId }, "user-project-favorites"] as const,
-  getOrgMembership: (orgId: string, orgMembershipId: string) =>
-    [{ orgId, orgMembershipId }, "org-membership"] as const,
-  allOrgMembershipProjectMemberships: (orgId: string) => [orgId, "all-user-memberships"] as const,
-  forOrgMembershipProjectMemberships: (orgId: string, orgMembershipId: string) =>
-    [...userKeys.allOrgMembershipProjectMemberships(orgId), { orgMembershipId }] as const,
-  getOrgMembershipProjectMemberships: (orgId: string, username: string) =>
-    [{ orgId, username }, "org-membership-project-memberships"] as const,
-  getOrgUsers: (orgId: string) => [{ orgId }, "user"],
-  myIp: ["ip"] as const,
-  myAPIKeys: ["api-keys"] as const,
-  myAPIKeysV2: ["api-keys-v2"] as const,
-  mySessions: ["sessions"] as const,
-  listUsers: ["user-list"] as const,
-  totpRegistration: ["totp-registration"],
-  totpConfiguration: ["totp-configuration"],
-  listUserGroupMemberships: (username: string) => [{ username }, "user-group-memberships"] as const,
-  myOrganizationProjects: (orgId: string) => [{ orgId }, "organization-projects"] as const
-};
diff --git a/frontend-next/src/hooks/api/users/types.ts b/frontend-next/src/hooks/api/users/types.ts
deleted file mode 100644
index 319fb723d..000000000
--- a/frontend-next/src/hooks/api/users/types.ts
+++ /dev/null
@@ -1,197 +0,0 @@
-import { MfaMethod } from "../auth/types";
-import { UserWsKeyPair } from "../keys/types";
-import { ProjectType, ProjectUserMembershipTemporaryMode } from "../workspace/types";
-
-export enum AuthMethod {
-  EMAIL = "email",
-  GOOGLE = "google",
-  GITHUB = "github",
-  GITLAB = "gitlab",
-  OKTA_SAML = "okta-saml",
-  AZURE_SAML = "azure-saml",
-  JUMPCLOUD_SAML = "jumpcloud-saml",
-  KEYCLOAK_SAML = "keycloak-saml",
-  LDAP = "ldap",
-  OIDC = "oidc",
-  SAML = "saml"
-}
-
-export type User = {
-  createdAt: Date;
-  updatedAt: Date;
-  username: string;
-  email?: string;
-  superAdmin: boolean;
-  firstName?: string;
-  lastName?: string;
-  authProvider?: AuthMethod;
-  authMethods: AuthMethod[];
-  isMfaEnabled: boolean;
-  selectedMfaMethod?: MfaMethod;
-  seenIps: string[];
-  id: string;
-};
-
-export enum UserAliasType {
-  LDAP = "ldap",
-  SAML = "saml",
-  OIDC = "oidc"
-}
-
-export type UserEnc = {
-  encryptionVersion?: number;
-  protectedKey?: string;
-  protectedKeyIV?: string;
-  protectedKeyTag?: string;
-  publicKey: string;
-  encryptedPrivateKey?: string;
-  iv?: string;
-  tag?: string;
-};
-
-export type OrgUser = {
-  id: string;
-  metadata: { key: string; value: string; id: string }[];
-  user: {
-    username: string;
-    email?: string;
-    isEmailVerified: boolean;
-    firstName: string;
-    lastName: string;
-    id: string;
-    publicKey: string;
-    superAdmin: boolean;
-  };
-  inviteEmail: string;
-  organization: string;
-  role: "owner" | "admin" | "member" | "no-access" | "custom";
-  status: "invited" | "accepted" | "verified" | "completed";
-  deniedPermissions: any[];
-  roleId: string;
-  isActive: boolean;
-};
-
-export type TProjectMembership = {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  roles: string[];
-};
-
-export type TWorkspaceUser = {
-  id: string;
-  user: {
-    email: string;
-    username: string;
-    firstName: string;
-    lastName: string;
-    id: string;
-    publicKey: string;
-  };
-  createdAt: string;
-  projectId: string;
-  isGroupMember: boolean;
-  project: {
-    id: string;
-    name: string;
-    type: ProjectType;
-  };
-  inviteEmail: string;
-  organization: string;
-  roles: (
-    | {
-        id: string;
-        role: "owner" | "admin" | "member" | "no-access" | "custom";
-        customRoleId: string;
-        customRoleName: string;
-        customRoleSlug: string;
-        isTemporary: false;
-        temporaryRange: null;
-        temporaryMode: null;
-        temporaryAccessEndTime: null;
-        temporaryAccessStartTime: null;
-      }
-    | {
-        id: string;
-        role: "owner" | "admin" | "member" | "no-access" | "custom";
-        customRoleId: string;
-        customRoleName: string;
-        customRoleSlug: string;
-        isTemporary: true;
-        temporaryRange: string;
-        temporaryMode: ProjectUserMembershipTemporaryMode;
-        temporaryAccessEndTime: string;
-        temporaryAccessStartTime: string;
-      }
-  )[];
-  status: "invited" | "accepted" | "verified" | "completed";
-  deniedPermissions: any[];
-};
-
-export type AddUserToWsDTOE2EE = {
-  workspaceId: string;
-  decryptKey: UserWsKeyPair;
-  userPrivateKey: string;
-  members: {
-    orgMembershipId: string;
-    userPublicKey: string;
-  }[];
-};
-
-export type AddUserToWsDTONonE2EE = {
-  projectId: string;
-  usernames: string[];
-  roleSlugs?: string[];
-  orgId: string;
-};
-
-export type UpdateOrgMembershipDTO = {
-  organizationId: string;
-  membershipId: string;
-  role?: string;
-  isActive?: boolean;
-  metadata?: { key: string; value: string }[];
-};
-
-export type DeletOrgMembershipDTO = {
-  membershipId: string;
-  orgId: string;
-};
-
-export type AddUserToOrgDTO = {
-  inviteeEmails: string[];
-  organizationRoleSlug: string;
-  organizationId: string;
-
-  // We need the slug in order to invalidate the groups query. `slug` is only used for invalidation purposes.
-  projects?: { id: string; slug?: string; projectRoleSlug: string[] }[];
-};
-
-export type CreateAPIKeyRes = {
-  apiKey: string;
-  apiKeyData: APIKeyData;
-};
-
-export type RenameUserDTO = {
-  newName: string;
-};
-
-export type APIKeyData = {
-  id: string;
-  name: string;
-  user: string;
-  lastUsed: string;
-  createdAt: string;
-  expiresAt: string;
-};
-
-export type TokenVersion = {
-  id: string;
-  user: string;
-  userAgent: string;
-  ip: string;
-  lastUsed: string;
-  createdAt: string;
-  updatedAt: string;
-};
diff --git a/frontend-next/src/hooks/api/webhooks/index.tsx b/frontend-next/src/hooks/api/webhooks/index.tsx
deleted file mode 100644
index 44f1b5cfc..000000000
--- a/frontend-next/src/hooks/api/webhooks/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { useCreateWebhook, useDeleteWebhook, useTestWebhook, useUpdateWebhook } from "./mutation";
-export { useGetWebhooks } from "./query";
diff --git a/frontend-next/src/hooks/api/webhooks/mutation.tsx b/frontend-next/src/hooks/api/webhooks/mutation.tsx
deleted file mode 100644
index 786fbb459..000000000
--- a/frontend-next/src/hooks/api/webhooks/mutation.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { queryKeys } from "./query";
-import { TCreateWebhookDto, TDeleteWebhookDto, TTestWebhookDTO, TUpdateWebhookDto } from "./types";
-
-export const useCreateWebhook = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TCreateWebhookDto>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.post("/api/v1/webhooks", dto);
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(queryKeys.getWebhooks(workspaceId));
-    }
-  });
-};
-
-export const useTestWebhook = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TTestWebhookDTO>({
-    mutationFn: async ({ webhookId }) => {
-      const { data } = await apiRequest.post(`/api/v1/webhooks/${webhookId}/test`);
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(queryKeys.getWebhooks(workspaceId));
-    },
-    onError: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(queryKeys.getWebhooks(workspaceId));
-    }
-  });
-};
-
-export const useUpdateWebhook = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateWebhookDto>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.patch(`/api/v1/webhooks/${dto.webhookId}`, {
-        isDisabled: dto.isDisabled
-      });
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(queryKeys.getWebhooks(workspaceId));
-    }
-  });
-};
-
-export const useDeleteWebhook = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteWebhookDto>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete(`/api/v1/webhooks/${dto.webhookId}`);
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(queryKeys.getWebhooks(workspaceId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/webhooks/query.tsx b/frontend-next/src/hooks/api/webhooks/query.tsx
deleted file mode 100644
index fc1840409..000000000
--- a/frontend-next/src/hooks/api/webhooks/query.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { TWebhook } from "./types";
-
-export const queryKeys = {
-  getWebhooks: (workspaceId: string) => ["webhooks", { workspaceId }]
-};
-
-const fetchWebhooks = async (workspaceId: string) => {
-  const { data } = await apiRequest.get<{ webhooks: TWebhook[] }>("/api/v1/webhooks", {
-    params: {
-      workspaceId
-    }
-  });
-
-  return data.webhooks;
-};
-
-export const useGetWebhooks = (workspaceId: string) =>
-  useQuery({
-    queryKey: queryKeys.getWebhooks(workspaceId),
-    queryFn: () => fetchWebhooks(workspaceId),
-    enabled: Boolean(workspaceId)
-  });
diff --git a/frontend-next/src/hooks/api/webhooks/types.ts b/frontend-next/src/hooks/api/webhooks/types.ts
deleted file mode 100644
index 86183bf1b..000000000
--- a/frontend-next/src/hooks/api/webhooks/types.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-export enum WebhookType {
-  GENERAL = "general",
-  SLACK = "slack"
-}
-
-export type TWebhook = {
-  id: string;
-  type: WebhookType;
-  projectId: string;
-  environment: {
-    slug: string;
-    name: string;
-    id: string;
-  };
-  envId: string;
-  secretPath: string;
-  url: string;
-  lastStatus: "success" | "failed";
-  lastRunErrorMessage?: string;
-  isDisabled: boolean;
-  createdAt: string;
-  updatedAt: string;
-};
-
-export type TCreateWebhookDto = {
-  workspaceId: string;
-  environment: string;
-  webhookUrl: string;
-  webhookSecretKey?: string;
-  secretPath: string;
-  type: WebhookType;
-};
-
-export type TUpdateWebhookDto = {
-  webhookId: string;
-  workspaceId: string;
-  isDisabled?: boolean;
-};
-
-export type TDeleteWebhookDto = {
-  webhookId: string;
-  workspaceId: string;
-};
-
-export type TTestWebhookDTO = {
-  webhookId: string;
-  workspaceId: string;
-};
diff --git a/frontend-next/src/hooks/api/workflowIntegrations/index.ts b/frontend-next/src/hooks/api/workflowIntegrations/index.ts
deleted file mode 100644
index e4730bd7d..000000000
--- a/frontend-next/src/hooks/api/workflowIntegrations/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export {
-  useDeleteSlackIntegration,
-  useUpdateProjectSlackConfig,
-  useUpdateSlackIntegration
-} from "./mutation";
-export {
-  fetchSlackInstallUrl,
-  fetchSlackReinstallUrl,
-  useGetSlackIntegrationById,
-  useGetSlackIntegrationChannels,
-  useGetSlackIntegrations,
-  useGetWorkflowIntegrations
-} from "./queries";
diff --git a/frontend-next/src/hooks/api/workflowIntegrations/mutation.tsx b/frontend-next/src/hooks/api/workflowIntegrations/mutation.tsx
deleted file mode 100644
index bf43325ff..000000000
--- a/frontend-next/src/hooks/api/workflowIntegrations/mutation.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { workspaceKeys } from "../workspace/query-keys";
-import { workflowIntegrationKeys } from "./queries";
-import {
-  TDeleteSlackIntegrationDTO,
-  TUpdateProjectSlackConfigDTO,
-  TUpdateSlackIntegrationDTO
-} from "./types";
-
-export const useUpdateSlackIntegration = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TUpdateSlackIntegrationDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.patch(`/api/v1/workflow-integrations/slack/${dto.id}`, dto);
-
-      return data;
-    },
-    onSuccess: (_, { orgId, id }) => {
-      queryClient.invalidateQueries(workflowIntegrationKeys.getSlackIntegration(id));
-      queryClient.invalidateQueries(workflowIntegrationKeys.getSlackIntegrations(orgId));
-    }
-  });
-};
-
-export const useDeleteSlackIntegration = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, TDeleteSlackIntegrationDTO>({
-    mutationFn: async (dto) => {
-      const { data } = await apiRequest.delete(`/api/v1/workflow-integrations/slack/${dto.id}`);
-
-      return data;
-    },
-    onSuccess: (_, { orgId, id }) => {
-      queryClient.invalidateQueries(workflowIntegrationKeys.getSlackIntegration(id));
-      queryClient.invalidateQueries(workflowIntegrationKeys.getIntegrations(orgId));
-    }
-  });
-};
-
-export const useUpdateProjectSlackConfig = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (dto: TUpdateProjectSlackConfigDTO) => {
-      const { data } = await apiRequest.put(
-        `/api/v1/workspace/${dto.workspaceId}/slack-config`,
-        dto
-      );
-
-      return data;
-    },
-    onSuccess: (_, { workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceSlackConfig(workspaceId));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/workflowIntegrations/queries.tsx b/frontend-next/src/hooks/api/workflowIntegrations/queries.tsx
deleted file mode 100644
index bcf092c73..000000000
--- a/frontend-next/src/hooks/api/workflowIntegrations/queries.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { SlackIntegration, SlackIntegrationChannel, WorkflowIntegration } from "./types";
-
-export const workflowIntegrationKeys = {
-  getIntegrations: (orgId?: string) => [{ orgId }, "workflow-integrations"],
-  getSlackIntegrations: (orgId?: string) => [{ orgId }, "slack-workflow-integrations"],
-  getSlackIntegration: (id?: string) => [{ id }, "slack-workflow-integration"],
-  getSlackIntegrationChannels: (id?: string) => [{ id }, "slack-workflow-integration-channels"]
-};
-
-export const fetchSlackInstallUrl = async ({
-  slug,
-  description
-}: {
-  slug: string;
-  description?: string;
-}) => {
-  const { data } = await apiRequest.get<string>("/api/v1/workflow-integrations/slack/install", {
-    params: {
-      slug,
-      description
-    }
-  });
-
-  return data;
-};
-
-export const fetchSlackReinstallUrl = async ({ id }: { id: string }) => {
-  const { data } = await apiRequest.get<string>("/api/v1/workflow-integrations/slack/reinstall", {
-    params: {
-      id
-    }
-  });
-
-  return data;
-};
-
-export const fetchSlackIntegrations = async () => {
-  const { data } = await apiRequest.get<SlackIntegration[]>("/api/v1/workflow-integrations/slack");
-
-  return data;
-};
-
-export const fetchSlackIntegrationById = async (id?: string) => {
-  const { data } = await apiRequest.get<SlackIntegration>(
-    `/api/v1/workflow-integrations/slack/${id}`
-  );
-
-  return data;
-};
-
-export const fetchSlackIntegrationChannels = async (id?: string) => {
-  const { data } = await apiRequest.get<SlackIntegrationChannel[]>(
-    `/api/v1/workflow-integrations/slack/${id}/channels`
-  );
-
-  return data;
-};
-
-export const fetchWorkflowIntegrations = async () => {
-  const { data } = await apiRequest.get<WorkflowIntegration[]>("/api/v1/workflow-integrations");
-
-  return data;
-};
-
-export const useGetSlackIntegrations = (orgId?: string) =>
-  useQuery({
-    queryKey: workflowIntegrationKeys.getSlackIntegrations(orgId),
-    queryFn: () => fetchSlackIntegrations(),
-    enabled: Boolean(orgId)
-  });
-
-export const useGetSlackIntegrationById = (id?: string) =>
-  useQuery({
-    queryKey: workflowIntegrationKeys.getSlackIntegration(id),
-    queryFn: () => fetchSlackIntegrationById(id),
-    enabled: Boolean(id)
-  });
-
-export const useGetSlackIntegrationChannels = (id?: string) =>
-  useQuery({
-    queryKey: workflowIntegrationKeys.getSlackIntegrationChannels(id),
-    queryFn: () => fetchSlackIntegrationChannels(id),
-    enabled: Boolean(id)
-  });
-
-export const useGetWorkflowIntegrations = (id?: string) =>
-  useQuery({
-    queryKey: workflowIntegrationKeys.getIntegrations(id),
-    queryFn: () => fetchWorkflowIntegrations(),
-    enabled: Boolean(id)
-  });
diff --git a/frontend-next/src/hooks/api/workflowIntegrations/types.ts b/frontend-next/src/hooks/api/workflowIntegrations/types.ts
deleted file mode 100644
index e30193776..000000000
--- a/frontend-next/src/hooks/api/workflowIntegrations/types.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-export enum WorkflowIntegrationPlatform {
-  SLACK = "slack"
-}
-
-export type WorkflowIntegration = {
-  id: string;
-  slug: string;
-  description: string;
-  integration: WorkflowIntegrationPlatform;
-};
-
-export type SlackIntegration = {
-  id: string;
-  slug: string;
-  description: string;
-  teamName: string;
-};
-
-export type SlackIntegrationChannel = {
-  id: string;
-  name: string;
-};
-
-export type TUpdateSlackIntegrationDTO = {
-  id: string;
-  orgId: string;
-  slug?: string;
-  description?: string;
-};
-
-export type TDeleteSlackIntegrationDTO = {
-  id: string;
-  orgId: string;
-};
-
-export type ProjectSlackConfig = {
-  id: string;
-  slackIntegrationId: string;
-  isAccessRequestNotificationEnabled: boolean;
-  accessRequestChannels: string;
-  isSecretRequestNotificationEnabled: boolean;
-  secretRequestChannels: string;
-};
-
-export type TUpdateProjectSlackConfigDTO = {
-  workspaceId: string;
-  slackIntegrationId: string;
-  isAccessRequestNotificationEnabled: boolean;
-  accessRequestChannels: string;
-  isSecretRequestNotificationEnabled: boolean;
-  secretRequestChannels: string;
-};
diff --git a/frontend-next/src/hooks/api/workspace/index.tsx b/frontend-next/src/hooks/api/workspace/index.tsx
deleted file mode 100644
index 665462e7d..000000000
--- a/frontend-next/src/hooks/api/workspace/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-export {
-  useAddGroupToWorkspace,
-  useDeleteGroupFromWorkspace,
-  useLeaveProject,
-  useMigrateProjectToV3,
-  useUpdateGroupWorkspaceRole
-} from "./mutations";
-export {
-  useAddIdentityToWorkspace,
-  useCreateWorkspace,
-  useCreateWsEnvironment,
-  useDeleteIdentityFromWorkspace,
-  useDeleteUserFromWorkspace,
-  useDeleteWorkspace,
-  useDeleteWsEnvironment,
-  useGetUpgradeProjectStatus,
-  useGetUserWorkspaceMemberships,
-  useGetUserWorkspaces,
-  useGetWorkspaceAuthorizations,
-  useGetWorkspaceById,
-  useGetWorkspaceIdentityMembershipDetails,
-  useGetWorkspaceIdentityMemberships,
-  useGetWorkspaceIndexStatus,
-  useGetWorkspaceIntegrations,
-  useGetWorkspaceSecrets,
-  useGetWorkspaceSlackConfig,
-  useGetWorkspaceUserDetails,
-  useGetWorkspaceUsers,
-  useListWorkspaceCas,
-  useListWorkspaceCertificates,
-  useListWorkspaceCertificateTemplates,
-  useListWorkspaceGroups,
-  useListWorkspacePkiAlerts,
-  useListWorkspacePkiCollections,
-  useListWorkspaceSshCas,
-  useListWorkspaceSshCertificates,
-  useListWorkspaceSshCertificateTemplates,
-  useNameWorkspaceSecrets,
-  useToggleAutoCapitalization,
-  useUpdateIdentityWorkspaceRole,
-  useUpdateProject,
-  useUpdateUserWorkspaceRole,
-  useUpdateWsEnvironment,
-  useUpgradeProject
-} from "./queries";
-export { workspaceKeys } from "./query-keys";
diff --git a/frontend-next/src/hooks/api/workspace/mutations.tsx b/frontend-next/src/hooks/api/workspace/mutations.tsx
deleted file mode 100644
index c4b8211bb..000000000
--- a/frontend-next/src/hooks/api/workspace/mutations.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-
-import { userKeys } from "../users/query-keys";
-import { workspaceKeys } from "./query-keys";
-import { ProjectType, TUpdateWorkspaceGroupRoleDTO } from "./types";
-
-export const useAddGroupToWorkspace = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      groupId,
-      projectId,
-      role
-    }: {
-      groupId: string;
-      projectId: string;
-      role?: string;
-    }) => {
-      const {
-        data: { groupMembership }
-      } = await apiRequest.post(`/api/v2/workspace/${projectId}/groups/${groupId}`, {
-        role
-      });
-
-      return groupMembership;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceGroupMemberships(projectId));
-    }
-  });
-};
-
-export const useUpdateGroupWorkspaceRole = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ groupId, projectId, roles }: TUpdateWorkspaceGroupRoleDTO) => {
-      const {
-        data: { groupMembership }
-      } = await apiRequest.patch(`/api/v2/workspace/${projectId}/groups/${groupId}`, {
-        roles
-      });
-
-      return groupMembership;
-    },
-    onSuccess: (_, { projectId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceGroupMemberships(projectId));
-    }
-  });
-};
-
-export const useDeleteGroupFromWorkspace = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      groupId,
-      projectId
-    }: {
-      groupId: string;
-      projectId: string;
-      username?: string;
-    }) => {
-      const {
-        data: { groupMembership }
-      } = await apiRequest.delete(`/api/v2/workspace/${projectId}/groups/${groupId}`);
-      return groupMembership;
-    },
-    onSuccess: (_, { projectId, username }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceGroupMemberships(projectId));
-
-      if (username) {
-        queryClient.invalidateQueries(userKeys.listUserGroupMemberships(username));
-      }
-    }
-  });
-};
-
-export const useLeaveProject = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, { workspaceId: string }>({
-    mutationFn: ({ workspaceId }) => {
-      return apiRequest.delete(`/api/v1/workspace/${workspaceId}/leave`);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace());
-    }
-  });
-};
-
-export const useMigrateProjectToV3 = () => {
-  const queryClient = useQueryClient();
-  return useMutation<{}, {}, { workspaceId: string }>({
-    mutationFn: ({ workspaceId }) => {
-      return apiRequest.post(`/api/v1/workspace/${workspaceId}/migrate-v3`);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  });
-};
diff --git a/frontend-next/src/hooks/api/workspace/queries.tsx b/frontend-next/src/hooks/api/workspace/queries.tsx
deleted file mode 100644
index 45524bdb3..000000000
--- a/frontend-next/src/hooks/api/workspace/queries.tsx
+++ /dev/null
@@ -1,809 +0,0 @@
-import { useMutation, useQuery, useQueryClient, UseQueryOptions } from "@tanstack/react-query";
-
-import { apiRequest } from "@app/config/request";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-import { CaStatus } from "../ca/enums";
-import { TCertificateAuthority } from "../ca/types";
-import { TCertificate } from "../certificates/types";
-import { TCertificateTemplate } from "../certificateTemplates/types";
-import { TGroupMembership } from "../groups/types";
-import { identitiesKeys } from "../identities/queries";
-import { IdentityMembership, TProjectIdentitiesList } from "../identities/types";
-import { IntegrationAuth } from "../integrationAuth/types";
-import { TIntegration } from "../integrations/types";
-import { TPkiAlert } from "../pkiAlerts/types";
-import { TPkiCollection } from "../pkiCollections/types";
-import { EncryptedSecret } from "../secrets/types";
-import { TSshCertificate, TSshCertificateAuthority } from "../ssh-ca/types";
-import { TSshCertificateTemplate } from "../sshCertificateTemplates/types";
-import { userKeys } from "../users/query-keys";
-import { TWorkspaceUser } from "../users/types";
-import { ProjectSlackConfig } from "../workflowIntegrations/types";
-import { workspaceKeys } from "./query-keys";
-import {
-  CreateEnvironmentDTO,
-  CreateWorkspaceDTO,
-  DeleteEnvironmentDTO,
-  DeleteWorkspaceDTO,
-  NameWorkspaceSecretsDTO,
-  ProjectIdentityOrderBy,
-  ProjectType,
-  TGetUpgradeProjectStatusDTO,
-  TListProjectIdentitiesDTO,
-  ToggleAutoCapitalizationDTO,
-  TUpdateWorkspaceIdentityRoleDTO,
-  TUpdateWorkspaceUserRoleDTO,
-  UpdateAuditLogsRetentionDTO,
-  UpdateEnvironmentDTO,
-  UpdatePitVersionLimitDTO,
-  UpdateProjectDTO,
-  Workspace
-} from "./types";
-
-const fetchWorkspaceById = async (workspaceId: string) => {
-  const { data } = await apiRequest.get<{ workspace: Workspace }>(
-    `/api/v1/workspace/${workspaceId}`
-  );
-
-  return data.workspace;
-};
-
-const fetchWorkspaceIndexStatus = async (workspaceId: string) => {
-  const { data } = await apiRequest.get<boolean>(
-    `/api/v3/workspaces/${workspaceId}/secrets/blind-index-status`
-  );
-
-  return data;
-};
-
-const fetchProjectUpgradeStatus = async (projectId: string) => {
-  const { data } = await apiRequest.get<{ status: string }>(
-    `/api/v2/workspace/${projectId}/upgrade/status`
-  );
-
-  return data;
-};
-
-export const fetchWorkspaceSecrets = async (workspaceId: string) => {
-  const {
-    data: { secrets }
-  } = await apiRequest.get<{ secrets: EncryptedSecret[] }>(
-    `/api/v3/workspaces/${workspaceId}/secrets`
-  );
-
-  return secrets;
-};
-
-export const useUpgradeProject = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, { projectId: string; privateKey: string }>({
-    mutationFn: ({ projectId, privateKey }) => {
-      return apiRequest.post(`/api/v2/workspace/${projectId}/upgrade`, {
-        userPrivateKey: privateKey
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  });
-};
-
-export const useGetUpgradeProjectStatus = ({
-  projectId,
-  onSuccess,
-  enabled,
-  refetchInterval
-}: TGetUpgradeProjectStatusDTO) => {
-  return useQuery({
-    queryKey: workspaceKeys.getProjectUpgradeStatus(projectId),
-    queryFn: () => fetchProjectUpgradeStatus(projectId),
-    enabled,
-    onSuccess,
-    refetchInterval
-  });
-};
-
-const fetchUserWorkspaces = async (includeRoles?: boolean, type?: ProjectType | "all") => {
-  const { data } = await apiRequest.get<{ workspaces: Workspace[] }>("/api/v1/workspace", {
-    params: {
-      includeRoles,
-      type
-    }
-  });
-  return data.workspaces;
-};
-
-export const useGetWorkspaceIndexStatus = (workspaceId: string) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceIndexStatus(workspaceId),
-    queryFn: () => fetchWorkspaceIndexStatus(workspaceId),
-    enabled: true
-  });
-};
-
-export const useGetWorkspaceSecrets = (workspaceId: string) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceSecrets(workspaceId),
-    queryFn: () => fetchWorkspaceSecrets(workspaceId),
-    enabled: true
-  });
-};
-
-export const useGetWorkspaceById = (
-  workspaceId: string,
-  dto?: { refetchInterval?: number | false }
-) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceById(workspaceId),
-    queryFn: () => fetchWorkspaceById(workspaceId),
-    enabled: Boolean(workspaceId),
-    refetchInterval: dto?.refetchInterval
-  });
-};
-
-export const useGetUserWorkspaces = ({
-  includeRoles,
-  type = "all"
-}: {
-  includeRoles?: boolean;
-  type?: ProjectType | "all";
-} = {}) =>
-  useQuery(workspaceKeys.getAllUserWorkspace(type || ""), () =>
-    fetchUserWorkspaces(includeRoles, type)
-  );
-
-const fetchUserWorkspaceMemberships = async (orgId: string) => {
-  const { data } = await apiRequest.get<Record<string, Workspace[]>>(
-    `/api/v1/organization/${orgId}/workspace-memberships`
-  );
-
-  return data;
-};
-
-// to get all userids in an org with the workspace they are part of
-export const useGetUserWorkspaceMemberships = (orgId: string) =>
-  useQuery({
-    queryKey: workspaceKeys.getWorkspaceMemberships(orgId),
-    queryFn: () => fetchUserWorkspaceMemberships(orgId),
-    enabled: Boolean(orgId)
-  });
-
-export const useNameWorkspaceSecrets = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, NameWorkspaceSecretsDTO>({
-    mutationFn: async ({ workspaceId, secretsToUpdate }) =>
-      apiRequest.post(`/api/v3/workspaces/${workspaceId}/secrets/names`, {
-        secretsToUpdate
-      }),
-    onSuccess: (_, variables) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIndexStatus(variables.workspaceId));
-    }
-  });
-};
-
-const fetchWorkspaceAuthorization = async (workspaceId: string) => {
-  const { data } = await apiRequest.get<{ authorizations: IntegrationAuth[] }>(
-    `/api/v1/workspace/${workspaceId}/authorizations`
-  );
-
-  return data.authorizations;
-};
-
-export const useGetWorkspaceAuthorizations = <TData = IntegrationAuth[],>(
-  workspaceId: string,
-  select?: (data: IntegrationAuth[]) => TData
-) =>
-  useQuery({
-    queryKey: workspaceKeys.getWorkspaceAuthorization(workspaceId),
-    queryFn: () => fetchWorkspaceAuthorization(workspaceId),
-    enabled: Boolean(workspaceId),
-    select
-  });
-
-const fetchWorkspaceIntegrations = async (workspaceId: string) => {
-  const { data } = await apiRequest.get<{ integrations: TIntegration[] }>(
-    `/api/v1/workspace/${workspaceId}/integrations`
-  );
-  return data.integrations;
-};
-
-export const useGetWorkspaceIntegrations = (workspaceId: string) =>
-  useQuery({
-    queryKey: workspaceKeys.getWorkspaceIntegrations(workspaceId),
-    queryFn: () => fetchWorkspaceIntegrations(workspaceId),
-    enabled: Boolean(workspaceId),
-    refetchInterval: 4000
-  });
-
-export const createWorkspace = (
-  dto: CreateWorkspaceDTO
-): Promise<{ data: { project: Workspace } }> => {
-  return apiRequest.post("/api/v2/workspace", dto);
-};
-
-export const useCreateWorkspace = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{ data: { project: Workspace } }, {}, CreateWorkspaceDTO>({
-    mutationFn: async ({ projectName, projectDescription, kmsKeyId, template, type }) =>
-      createWorkspace({
-        projectName,
-        projectDescription,
-        kmsKeyId,
-        template,
-        type
-      }),
-    onSuccess: (dto) => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(dto.data.project.type));
-    }
-  });
-};
-
-export const useUpdateProject = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<Workspace, {}, UpdateProjectDTO>({
-    mutationFn: async ({ projectID, newProjectName, newProjectDescription }) => {
-      const { data } = await apiRequest.patch<{ workspace: Workspace }>(
-        `/api/v1/workspace/${projectID}`,
-        {
-          name: newProjectName,
-          description: newProjectDescription
-        }
-      );
-      return data.workspace;
-    },
-    onSuccess: (dto) => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(dto.type));
-    }
-  });
-};
-
-export const useToggleAutoCapitalization = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<Workspace, {}, ToggleAutoCapitalizationDTO>({
-    mutationFn: async ({ workspaceID, state }) => {
-      const { data } = await apiRequest.post<{ workspace: Workspace }>(
-        `/api/v1/workspace/${workspaceID}/auto-capitalization`,
-        {
-          autoCapitalization: state
-        }
-      );
-      return data.workspace;
-    },
-    onSuccess: (dto) => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(dto.type));
-    }
-  });
-};
-
-export const useUpdateWorkspaceVersionLimit = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<Workspace, {}, UpdatePitVersionLimitDTO>({
-    mutationFn: async ({ projectSlug, pitVersionLimit }) => {
-      const { data } = await apiRequest.put(`/api/v1/workspace/${projectSlug}/version-limit`, {
-        pitVersionLimit
-      });
-      return data.workspace;
-    },
-    onSuccess: (dto) => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(dto.type));
-    }
-  });
-};
-
-export const useUpdateWorkspaceAuditLogsRetention = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<Workspace, {}, UpdateAuditLogsRetentionDTO>({
-    mutationFn: async ({ projectSlug, auditLogsRetentionDays }) => {
-      const { data } = await apiRequest.put(
-        `/api/v1/workspace/${projectSlug}/audit-logs-retention`,
-        {
-          auditLogsRetentionDays
-        }
-      );
-      return data.workspace;
-    },
-    onSuccess: (dto) => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(dto.type));
-    }
-  });
-};
-
-export const useDeleteWorkspace = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<Workspace, {}, DeleteWorkspaceDTO>({
-    mutationFn: async ({ workspaceID }) => {
-      const { data } = await apiRequest.delete(`/api/v1/workspace/${workspaceID}`);
-      return data.workspace;
-    },
-    onSuccess: (dto) => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(dto.type));
-      queryClient.invalidateQueries(["org-admin-projects"]);
-    }
-  });
-};
-
-export const useCreateWsEnvironment = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, CreateEnvironmentDTO>({
-    mutationFn: ({ workspaceId, name, slug }) => {
-      return apiRequest.post(`/api/v1/workspace/${workspaceId}/environments`, {
-        name,
-        slug
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  });
-};
-
-export const useUpdateWsEnvironment = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, UpdateEnvironmentDTO>({
-    mutationFn: ({ workspaceId, id, name, slug, position }) => {
-      return apiRequest.patch(`/api/v1/workspace/${workspaceId}/environments/${id}`, {
-        name,
-        slug,
-        position
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  });
-};
-
-export const useDeleteWsEnvironment = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation<{}, {}, DeleteEnvironmentDTO>({
-    mutationFn: ({ id, workspaceId }) => {
-      return apiRequest.delete(`/api/v1/workspace/${workspaceId}/environments/${id}`);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  });
-};
-
-export const useGetWorkspaceUsers = (workspaceId: string, includeGroupMembers?: boolean) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceUsers(workspaceId),
-    queryFn: async () => {
-      const {
-        data: { users }
-      } = await apiRequest.get<{ users: TWorkspaceUser[] }>(
-        `/api/v1/workspace/${workspaceId}/users`,
-        {
-          params: {
-            includeGroupMembers
-          }
-        }
-      );
-      return users;
-    },
-    enabled: true
-  });
-};
-
-export const useGetWorkspaceUserDetails = (workspaceId: string, membershipId: string) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceUserDetails(workspaceId, membershipId),
-    queryFn: async () => {
-      const {
-        data: { membership }
-      } = await apiRequest.get<{ membership: TWorkspaceUser }>(
-        `/api/v1/workspace/${workspaceId}/memberships/${membershipId}`
-      );
-      return membership;
-    },
-    enabled: Boolean(workspaceId) && Boolean(membershipId)
-  });
-};
-
-export const useDeleteUserFromWorkspace = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async ({
-      usernames,
-      workspaceId
-    }: {
-      workspaceId: string;
-      usernames: string[];
-      orgId: string;
-    }) => {
-      const {
-        data: { deletedMembership }
-      } = await apiRequest.delete(`/api/v2/workspace/${workspaceId}/memberships`, {
-        data: { usernames }
-      });
-      return deletedMembership;
-    },
-    onSuccess: (_, { orgId, workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceUsers(workspaceId));
-      queryClient.invalidateQueries(userKeys.allOrgMembershipProjectMemberships(orgId));
-    }
-  });
-};
-
-export const useUpdateUserWorkspaceRole = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ membershipId, roles, workspaceId }: TUpdateWorkspaceUserRoleDTO) => {
-      const {
-        data: { membership }
-      } = await apiRequest.patch<{ membership: { projectId: string } }>(
-        `/api/v1/workspace/${workspaceId}/memberships/${membershipId}`,
-        {
-          roles
-        }
-      );
-      return membership;
-    },
-    onSuccess: (_, { workspaceId, membershipId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceUsers(workspaceId));
-      queryClient.invalidateQueries(
-        workspaceKeys.getWorkspaceUserDetails(workspaceId, membershipId)
-      );
-    }
-  });
-};
-
-export const useAddIdentityToWorkspace = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      identityId,
-      workspaceId,
-      role
-    }: {
-      identityId: string;
-      workspaceId: string;
-      role?: string;
-    }) => {
-      const {
-        data: { identityMembership }
-      } = await apiRequest.post(
-        `/api/v2/workspace/${workspaceId}/identity-memberships/${identityId}`,
-        {
-          role
-        }
-      );
-
-      return identityMembership;
-    },
-    onSuccess: (_, { identityId, workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIdentityMemberships(workspaceId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityProjectMemberships(identityId));
-    }
-  });
-};
-
-export const useUpdateIdentityWorkspaceRole = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ identityId, workspaceId, roles }: TUpdateWorkspaceIdentityRoleDTO) => {
-      const {
-        data: { identityMembership }
-      } = await apiRequest.patch(
-        `/api/v2/workspace/${workspaceId}/identity-memberships/${identityId}`,
-        {
-          roles
-        }
-      );
-
-      return identityMembership;
-    },
-    onSuccess: (_, { identityId, workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIdentityMemberships(workspaceId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityProjectMemberships(identityId));
-      queryClient.invalidateQueries(
-        workspaceKeys.getWorkspaceIdentityMembershipDetails(workspaceId, identityId)
-      );
-    }
-  });
-};
-
-export const useDeleteIdentityFromWorkspace = () => {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      identityId,
-      workspaceId
-    }: {
-      identityId: string;
-      workspaceId: string;
-    }) => {
-      const {
-        data: { identityMembership }
-      } = await apiRequest.delete(
-        `/api/v2/workspace/${workspaceId}/identity-memberships/${identityId}`
-      );
-      return identityMembership;
-    },
-    onSuccess: (_, { identityId, workspaceId }) => {
-      queryClient.invalidateQueries(workspaceKeys.getWorkspaceIdentityMemberships(workspaceId));
-      queryClient.invalidateQueries(identitiesKeys.getIdentityProjectMemberships(identityId));
-    }
-  });
-};
-
-export const useGetWorkspaceIdentityMemberships = (
-  {
-    workspaceId,
-    offset = 0,
-    limit = 100,
-    orderBy = ProjectIdentityOrderBy.Name,
-    orderDirection = OrderByDirection.ASC,
-    search = ""
-  }: TListProjectIdentitiesDTO,
-  options?: Omit<
-    UseQueryOptions<
-      TProjectIdentitiesList,
-      unknown,
-      TProjectIdentitiesList,
-      ReturnType<typeof workspaceKeys.getWorkspaceIdentityMembershipsWithParams>
-    >,
-    "queryKey" | "queryFn"
-  >
-) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceIdentityMembershipsWithParams({
-      workspaceId,
-      offset,
-      limit,
-      orderBy,
-      orderDirection,
-      search
-    }),
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        offset: String(offset),
-        limit: String(limit),
-        orderBy: String(orderBy),
-        orderDirection: String(orderDirection),
-        search: String(search)
-      });
-
-      const { data } = await apiRequest.get<TProjectIdentitiesList>(
-        `/api/v2/workspace/${workspaceId}/identity-memberships`,
-        { params }
-      );
-      return data;
-    },
-    enabled: true,
-    ...options
-  });
-};
-
-export const useGetWorkspaceIdentityMembershipDetails = (projectId: string, identityId: string) => {
-  return useQuery({
-    enabled: Boolean(projectId && identityId),
-    queryKey: workspaceKeys.getWorkspaceIdentityMembershipDetails(projectId, identityId),
-    queryFn: async () => {
-      const {
-        data: { identityMembership }
-      } = await apiRequest.get<{ identityMembership: IdentityMembership }>(
-        `/api/v2/workspace/${projectId}/identity-memberships/${identityId}`
-      );
-      return identityMembership;
-    }
-  });
-};
-
-export const useListWorkspaceGroups = (projectId: string) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceGroupMemberships(projectId),
-    queryFn: async () => {
-      const {
-        data: { groupMemberships }
-      } = await apiRequest.get<{ groupMemberships: TGroupMembership[] }>(
-        `/api/v2/workspace/${projectId}/groups`
-      );
-      return groupMemberships;
-    },
-    enabled: true
-  });
-};
-
-export const useListWorkspaceCas = ({
-  projectSlug,
-  status
-}: {
-  projectSlug: string;
-  status?: CaStatus;
-}) => {
-  return useQuery({
-    queryKey: workspaceKeys.specificWorkspaceCas({
-      projectSlug,
-      status
-    }),
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        ...(status && { status })
-      });
-
-      const {
-        data: { cas }
-      } = await apiRequest.get<{ cas: TCertificateAuthority[] }>(
-        `/api/v2/workspace/${projectSlug}/cas`,
-        {
-          params
-        }
-      );
-      return cas;
-    },
-    enabled: Boolean(projectSlug)
-  });
-};
-
-export const useListWorkspaceCertificates = ({
-  projectSlug,
-  offset,
-  limit
-}: {
-  projectSlug: string;
-  offset: number;
-  limit: number;
-}) => {
-  return useQuery({
-    queryKey: workspaceKeys.specificWorkspaceCertificates({
-      slug: projectSlug,
-      offset,
-      limit
-    }),
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        offset: String(offset),
-        limit: String(limit)
-      });
-
-      const {
-        data: { certificates, totalCount }
-      } = await apiRequest.get<{ certificates: TCertificate[]; totalCount: number }>(
-        `/api/v2/workspace/${projectSlug}/certificates`,
-        {
-          params
-        }
-      );
-
-      return { certificates, totalCount };
-    },
-    enabled: Boolean(projectSlug)
-  });
-};
-
-export const useListWorkspacePkiAlerts = ({ workspaceId }: { workspaceId: string }) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspacePkiAlerts(workspaceId),
-    queryFn: async () => {
-      const {
-        data: { alerts }
-      } = await apiRequest.get<{ alerts: TPkiAlert[] }>(
-        `/api/v2/workspace/${workspaceId}/pki-alerts`
-      );
-
-      return { alerts };
-    },
-    enabled: Boolean(workspaceId)
-  });
-};
-
-export const useListWorkspacePkiCollections = ({ workspaceId }: { workspaceId: string }) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspacePkiCollections(workspaceId),
-    queryFn: async () => {
-      const {
-        data: { collections }
-      } = await apiRequest.get<{ collections: TPkiCollection[] }>(
-        `/api/v2/workspace/${workspaceId}/pki-collections`
-      );
-
-      return { collections };
-    },
-    enabled: Boolean(workspaceId)
-  });
-};
-
-export const useListWorkspaceCertificateTemplates = ({ workspaceId }: { workspaceId: string }) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceCertificateTemplates(workspaceId),
-    queryFn: async () => {
-      const {
-        data: { certificateTemplates }
-      } = await apiRequest.get<{ certificateTemplates: TCertificateTemplate[] }>(
-        `/api/v2/workspace/${workspaceId}/certificate-templates`
-      );
-
-      return { certificateTemplates };
-    },
-    enabled: Boolean(workspaceId)
-  });
-};
-
-export const useListWorkspaceSshCertificates = ({
-  offset,
-  limit,
-  projectId
-}: {
-  offset: number;
-  limit: number;
-  projectId: string;
-}) => {
-  return useQuery({
-    queryKey: workspaceKeys.specificWorkspaceSshCertificates({
-      offset,
-      limit,
-      projectId
-    }),
-    queryFn: async () => {
-      const params = new URLSearchParams({
-        offset: String(offset),
-        limit: String(limit)
-      });
-
-      const { data } = await apiRequest.get<{
-        certificates: TSshCertificate[];
-        totalCount: number;
-      }>(`/api/v2/workspace/${projectId}/ssh-certificates`, {
-        params
-      });
-      return data;
-    },
-    enabled: Boolean(projectId)
-  });
-};
-
-export const useListWorkspaceSshCas = (projectId: string) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceSshCas(projectId),
-    queryFn: async () => {
-      const {
-        data: { cas }
-      } = await apiRequest.get<{ cas: Omit<TSshCertificateAuthority, "publicKey">[] }>(
-        `/api/v2/workspace/${projectId}/ssh-cas`
-      );
-      return cas;
-    },
-    enabled: Boolean(projectId)
-  });
-};
-
-export const useListWorkspaceSshCertificateTemplates = (projectId: string) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceSshCertificateTemplates(projectId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<{ certificateTemplates: TSshCertificateTemplate[] }>(
-        `/api/v2/workspace/${projectId}/ssh-certificate-templates`
-      );
-      return data;
-    },
-    enabled: Boolean(projectId)
-  });
-};
-
-export const useGetWorkspaceSlackConfig = ({ workspaceId }: { workspaceId: string }) => {
-  return useQuery({
-    queryKey: workspaceKeys.getWorkspaceSlackConfig(workspaceId),
-    queryFn: async () => {
-      const { data } = await apiRequest.get<ProjectSlackConfig>(
-        `/api/v1/workspace/${workspaceId}/slack-config`
-      );
-
-      return data;
-    },
-    enabled: Boolean(workspaceId)
-  });
-};
diff --git a/frontend-next/src/hooks/api/workspace/query-keys.tsx b/frontend-next/src/hooks/api/workspace/query-keys.tsx
deleted file mode 100644
index 1005fe8bc..000000000
--- a/frontend-next/src/hooks/api/workspace/query-keys.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { TListProjectIdentitiesDTO } from "@app/hooks/api/workspace/types";
-
-import type { CaStatus } from "../ca";
-
-export const workspaceKeys = {
-  getWorkspaceById: (workspaceId: string) => [{ workspaceId }, "workspace"] as const,
-  getWorkspaceSecrets: (workspaceId: string) => [{ workspaceId }, "workspace-secrets"] as const,
-  getWorkspaceIndexStatus: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-index-status"] as const,
-  getProjectUpgradeStatus: (workspaceId: string) => [{ workspaceId }, "workspace-upgrade-status"],
-  getWorkspaceMemberships: (orgId: string) => [{ orgId }, "workspace-memberships"],
-  getWorkspaceAuthorization: (workspaceId: string) => [{ workspaceId }, "workspace-authorizations"],
-  getWorkspaceIntegrations: (workspaceId: string) => [{ workspaceId }, "workspace-integrations"],
-  getAllUserWorkspace: (type?: string) =>
-    type ? ["workspaces", { type }] : (["workspace"] as const),
-  getWorkspaceAuditLogs: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-audit-logs"] as const,
-  getWorkspaceUsers: (workspaceId: string) => [{ workspaceId }, "workspace-users"] as const,
-  getWorkspaceUserDetails: (workspaceId: string, membershipId: string) =>
-    [{ workspaceId, membershipId }, "workspace-user-details"] as const,
-  getWorkspaceIdentityMemberships: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-identity-memberships"] as const,
-  getWorkspaceIdentityMembershipDetails: (workspaceId: string, identityId: string) =>
-    [{ workspaceId, identityId }, "workspace-identity-membership-details"] as const,
-  // allows invalidation using above key without knowing params
-  getWorkspaceIdentityMembershipsWithParams: ({
-    workspaceId,
-    ...params
-  }: TListProjectIdentitiesDTO) =>
-    [...workspaceKeys.getWorkspaceIdentityMemberships(workspaceId), params] as const,
-  getWorkspaceGroupMemberships: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-groups"] as const,
-  getWorkspaceCas: ({ projectSlug }: { projectSlug: string }) =>
-    [{ projectSlug }, "workspace-cas"] as const,
-  specificWorkspaceCas: ({ projectSlug, status }: { projectSlug: string; status?: CaStatus }) =>
-    [...workspaceKeys.getWorkspaceCas({ projectSlug }), { status }] as const,
-  allWorkspaceCertificates: () => ["workspace-certificates"] as const,
-  forWorkspaceCertificates: (slug: string) =>
-    [...workspaceKeys.allWorkspaceCertificates(), slug] as const,
-  specificWorkspaceCertificates: ({
-    slug,
-    offset,
-    limit
-  }: {
-    slug: string;
-    offset: number;
-    limit: number;
-  }) => [...workspaceKeys.forWorkspaceCertificates(slug), { offset, limit }] as const,
-  getWorkspacePkiAlerts: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-pki-alerts"] as const,
-  getWorkspacePkiCollections: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-pki-collections"] as const,
-  getWorkspaceCertificateTemplates: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-certificate-templates"] as const,
-  getWorkspaceSlackConfig: (workspaceId: string) =>
-    [{ workspaceId }, "workspace-slack-config"] as const,
-  getWorkspaceSshCas: (projectId: string) => [{ projectId }, "workspace-ssh-cas"] as const,
-  allWorkspaceSshCertificates: (projectId: string) =>
-    [{ projectId }, "workspace-ssh-certificates"] as const,
-  specificWorkspaceSshCertificates: ({
-    offset,
-    limit,
-    projectId
-  }: {
-    offset: number;
-    limit: number;
-    projectId: string;
-  }) => [...workspaceKeys.allWorkspaceSshCertificates(projectId), { offset, limit }] as const,
-  getWorkspaceSshCertificateTemplates: (projectId: string) =>
-    [{ projectId }, "workspace-ssh-certificate-templates"] as const
-};
diff --git a/frontend-next/src/hooks/api/workspace/types.ts b/frontend-next/src/hooks/api/workspace/types.ts
deleted file mode 100644
index 0510bdbe7..000000000
--- a/frontend-next/src/hooks/api/workspace/types.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-import { TProjectRole } from "../roles/types";
-
-export enum ProjectVersion {
-  V1 = 1,
-  V2 = 2,
-  V3 = 3
-}
-
-export enum ProjectType {
-  SecretManager = "secret-manager",
-  CertificateManager = "cert-manager",
-  KMS = "kms",
-  SSH = "ssh"
-}
-
-export enum ProjectUserMembershipTemporaryMode {
-  Relative = "relative"
-}
-
-export type Workspace = {
-  __v: number;
-  id: string;
-  name: string;
-  type: ProjectType;
-  description?: string;
-  orgId: string;
-  version: ProjectVersion;
-  upgradeStatus: string | null;
-  updatedAt: string;
-  autoCapitalization: boolean;
-  environments: WorkspaceEnv[];
-  pitVersionLimit: number;
-  auditLogsRetentionDays: number;
-  slug: string;
-  createdAt: string;
-  roles?: TProjectRole[];
-};
-
-export type WorkspaceEnv = {
-  id: string;
-  name: string;
-  slug: string;
-};
-
-export type WorkspaceTag = { id: string; name: string; slug: string };
-
-export type NameWorkspaceSecretsDTO = {
-  workspaceId: string;
-  secretsToUpdate: {
-    secretName: string;
-    secretId: string;
-  }[];
-};
-
-export type TGetUpgradeProjectStatusDTO = {
-  projectId: string;
-  onSuccess?: (data?: { status: string }) => void;
-  enabled?: boolean;
-  refetchInterval?: number;
-};
-
-// mutation dto
-export type CreateWorkspaceDTO = {
-  projectName: string;
-  projectDescription?: string;
-  kmsKeyId?: string;
-  template?: string;
-  type: ProjectType;
-};
-
-export type UpdateProjectDTO = {
-  projectID: string;
-  newProjectName: string;
-  newProjectDescription?: string;
-};
-
-export type UpdatePitVersionLimitDTO = { projectSlug: string; pitVersionLimit: number };
-export type UpdateAuditLogsRetentionDTO = { projectSlug: string; auditLogsRetentionDays: number };
-export type ToggleAutoCapitalizationDTO = { workspaceID: string; state: boolean };
-
-export type DeleteWorkspaceDTO = { workspaceID: string };
-
-export type CreateEnvironmentDTO = {
-  workspaceId: string;
-  name: string;
-  slug: string;
-};
-
-export type ReorderEnvironmentsDTO = {
-  workspaceId: string;
-  environmentSlug: string;
-  environmentName: string;
-  otherEnvironmentSlug: string;
-  otherEnvironmentName: string;
-};
-
-export type UpdateEnvironmentDTO = {
-  workspaceId: string;
-  id: string;
-  name?: string;
-  slug?: string;
-  position?: number;
-};
-
-export type DeleteEnvironmentDTO = { workspaceId: string; id: string };
-
-export type TUpdateWorkspaceUserRoleDTO = {
-  membershipId: string;
-  workspaceId: string;
-  roles: (
-    | {
-        role: string;
-        isTemporary?: false;
-      }
-    | {
-        role: string;
-        isTemporary: true;
-        temporaryMode: ProjectUserMembershipTemporaryMode;
-        temporaryRange: string;
-        temporaryAccessStartTime: string;
-      }
-  )[];
-};
-
-export type TUpdateWorkspaceIdentityRoleDTO = {
-  identityId: string;
-  workspaceId: string;
-  roles: (
-    | {
-        role: string;
-        isTemporary?: false;
-      }
-    | {
-        role: string;
-        isTemporary: true;
-        temporaryMode: ProjectUserMembershipTemporaryMode;
-        temporaryRange: string;
-        temporaryAccessStartTime: string;
-      }
-  )[];
-};
-
-export type TUpdateWorkspaceGroupRoleDTO = {
-  groupId: string;
-  projectId: string;
-  roles: (
-    | {
-        role: string;
-        isTemporary?: false;
-      }
-    | {
-        role: string;
-        isTemporary: true;
-        temporaryMode: ProjectUserMembershipTemporaryMode;
-        temporaryRange: string;
-        temporaryAccessStartTime: string;
-      }
-  )[];
-};
-
-export type TListProjectIdentitiesDTO = {
-  workspaceId: string;
-  offset?: number;
-  limit?: number;
-  orderBy?: ProjectIdentityOrderBy;
-  orderDirection?: OrderByDirection;
-  search?: string;
-};
-
-export enum ProjectIdentityOrderBy {
-  Name = "name"
-}
diff --git a/frontend-next/src/hooks/index.ts b/frontend-next/src/hooks/index.ts
deleted file mode 100644
index 44d9ef536..000000000
--- a/frontend-next/src/hooks/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { useDebounce } from "./useDebounce";
-export { useLeaveConfirm } from "./useLeaveConfirm";
-export { usePagination } from "./usePagination";
-export { usePersistentState } from "./usePersistentState";
-export { usePopUp } from "./usePopUp";
-export { useResetPageHelper } from "./useResetPageHelper";
-export { useSyntaxHighlight } from "./useSyntaxHighlight";
-export { useTimedReset } from "./useTimedReset";
-export { useToggle } from "./useToggle";
diff --git a/frontend-next/src/hooks/useDebounce.tsx b/frontend-next/src/hooks/useDebounce.tsx
deleted file mode 100644
index 8537ee348..000000000
--- a/frontend-next/src/hooks/useDebounce.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Dispatch, SetStateAction, useEffect, useState } from "react";
-
-// Ref: https://usehooks.com/useDebounce/
-export const useDebounce = <T extends unknown>(
-  value: T,
-  delay = 500
-): [T, Dispatch<SetStateAction<T>>] => {
-  // State and setters for debounced value
-  const [debouncedValue, setDebouncedValue] = useState(value);
-
-  useEffect(
-    () => {
-      // Update debounced value after delay
-      const handler = setTimeout(() => {
-        setDebouncedValue(value);
-      }, delay);
-
-      // Cancel the timeout if value changes (also on delay change or unmount)
-      // This is how we prevent debounced value from updating if value is changed ...
-      // .. within the delay period. Timeout gets cleared and restarted.
-      return () => {
-        clearTimeout(handler);
-      };
-    },
-    [value, delay] // Only re-call effect if value or delay changes
-  );
-
-  return [debouncedValue, setDebouncedValue];
-};
diff --git a/frontend-next/src/hooks/useLeaveConfirm.tsx b/frontend-next/src/hooks/useLeaveConfirm.tsx
deleted file mode 100644
index 1d7cb8509..000000000
--- a/frontend-next/src/hooks/useLeaveConfirm.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Dispatch, SetStateAction, useCallback, useEffect, useState } from "react";
-import { useRouter } from "next/router";
-
-import { leaveConfirmDefaultMessage } from "@app/const";
-
-type LeaveConfirmProps = {
-  initialValue: boolean;
-  message?: string;
-};
-
-interface LeaveConfirmReturn {
-  hasUnsavedChanges: boolean;
-  setHasUnsavedChanges: Dispatch<SetStateAction<boolean>>;
-}
-
-export function useLeaveConfirm({
-  initialValue,
-  message = leaveConfirmDefaultMessage
-}: LeaveConfirmProps): LeaveConfirmReturn {
-  const router = useRouter();
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState<boolean>(initialValue);
-
-  const onRouteChangeStart = useCallback(() => {
-    if (hasUnsavedChanges) {
-      // eslint-disable-next-line no-alert
-      if (window.confirm(message)) {
-        return true;
-      }
-      throw new Error("Abort route change by user's confirmation.");
-    }
-    return false;
-  }, [hasUnsavedChanges]);
-
-  const handleWindowClose = useCallback(
-    (e: any) => {
-      if (!hasUnsavedChanges) {
-        return;
-      }
-      e.preventDefault();
-      e.returnValue = message;
-    },
-    [hasUnsavedChanges]
-  );
-
-  useEffect(() => {
-    router.events.on("routeChangeStart", onRouteChangeStart);
-    window.addEventListener("beforeunload", handleWindowClose);
-
-    return () => {
-      router.events.off("routeChangeStart", onRouteChangeStart);
-      window.removeEventListener("beforeunload", handleWindowClose);
-    };
-  }, [onRouteChangeStart, handleWindowClose]);
-
-  return {
-    hasUnsavedChanges,
-    setHasUnsavedChanges
-  };
-}
diff --git a/frontend-next/src/hooks/usePagination.tsx b/frontend-next/src/hooks/usePagination.tsx
deleted file mode 100644
index e4c9fddbb..000000000
--- a/frontend-next/src/hooks/usePagination.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useState } from "react";
-
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { useDebounce } from "@app/hooks/useDebounce";
-
-export const usePagination = <T extends string>(
-  initialOrderBy: T,
-  {
-    initPerPage = 100
-  }: {
-    initPerPage?: number;
-  } = {}
-) => {
-  const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(initPerPage);
-  const [orderDirection, setOrderDirection] = useState(OrderByDirection.ASC);
-  const [orderBy, setOrderBy] = useState<T>(initialOrderBy);
-  const [search, setSearch] = useState("");
-  const [debouncedSearch] = useDebounce(search);
-
-  const offset = (page - 1) * perPage;
-
-  return {
-    offset,
-    limit: perPage,
-    page,
-    setPage,
-    perPage,
-    setPerPage,
-    orderDirection,
-    setOrderDirection,
-    debouncedSearch,
-    search,
-    setSearch,
-    orderBy,
-    setOrderBy,
-    toggleOrderDirection: () =>
-      setOrderDirection((prev) =>
-        prev === OrderByDirection.DESC ? OrderByDirection.ASC : OrderByDirection.DESC
-      )
-  };
-};
diff --git a/frontend-next/src/hooks/usePersistentState.ts b/frontend-next/src/hooks/usePersistentState.ts
deleted file mode 100644
index 496db1bda..000000000
--- a/frontend-next/src/hooks/usePersistentState.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useEffect, useState } from "react";
-
-type TPersisntentStateReturn<T extends unknown> = [T, (val: T) => void];
-
-export const usePersistentState = <T extends unknown>(
-  initialValue: T,
-  persistenceKey: string
-): TPersisntentStateReturn<T> => {
-  const [val, setVal] = useState<T>(initialValue);
-
-  useEffect(() => {
-    const temp = localStorage.getItem(persistenceKey);
-    if (temp) {
-      const { key } = JSON.parse(temp);
-      setVal(key);
-    }
-  }, []);
-
-  const setState = (state: T) => {
-    localStorage.setItem(persistenceKey, JSON.stringify({ key: state }));
-    setVal(state);
-  };
-
-  return [val, setState];
-};
diff --git a/frontend-next/src/hooks/usePopUp.tsx b/frontend-next/src/hooks/usePopUp.tsx
deleted file mode 100644
index 28780db9e..000000000
--- a/frontend-next/src/hooks/usePopUp.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useCallback, useState } from "react";
-
-interface UsePopUpProps {
-  name: Readonly<string>;
-  isOpen: boolean;
-}
-
-/**
- * to provide better intellisense
- * checks which type of inputProps were given and converts them into key-names
- * SIDENOTE: On inputting give it as const and not string with (as const)
- */
-export type UsePopUpState<T extends Readonly<string[]> | UsePopUpProps[]> = {
-  [P in T extends UsePopUpProps[] ? T[number]["name"] : T[number]]: {
-    isOpen: boolean;
-    data?: any;
-  };
-};
-
-export interface UsePopUpReturn<T extends Readonly<string[]> | UsePopUpProps[]> {
-  popUp: UsePopUpState<T>;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<T>, data?: unknown) => void;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<T>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<T>, state?: boolean) => void;
-}
-
-/**
- * This hook is used to manage multiple popUps/modal/dialog in a page
- * Provides api to open,close,toggle and also store temporary data for the popUp
- * @param popUpNames: the names of popUp containers eg: ["popUp1","second"] or [{name:"popUp2",isOpen:bool}]
- */
-export const usePopUp = <T extends Readonly<string[]> | UsePopUpProps[]>(
-  popUpNames: T
-): UsePopUpReturn<T> => {
-  const [popUp, setPopUp] = useState<UsePopUpState<T>>(
-    Object.fromEntries(
-      popUpNames.map((popUpName) =>
-        typeof popUpName === "string"
-          ? [popUpName, { isOpen: false }]
-          : [popUpName.name, { isOpen: popUpName.isOpen }]
-      ) // convert into an array of [[popUpName,state]] then into Object
-    ) as UsePopUpState<T> // to override generic string return type of the function
-  );
-
-  const handlePopUpOpen = useCallback((popUpName: keyof UsePopUpState<T>, data?: unknown) => {
-    setPopUp((oldState) => ({ ...oldState, [popUpName]: { isOpen: true, data } }));
-  }, []);
-
-  const handlePopUpClose = useCallback((popUpName: keyof UsePopUpState<T>) => {
-    setPopUp((oldState) => ({ ...oldState, [popUpName]: { isOpen: false } }));
-  }, []);
-
-  const handlePopUpToggle = useCallback((popUpName: keyof UsePopUpState<T>, state?: boolean) => {
-    setPopUp((oldState) => ({
-      ...oldState,
-      [popUpName]: { isOpen: typeof state === "undefined" ? !oldState[popUpName].isOpen : state }
-    }));
-  }, []);
-
-  return {
-    popUp,
-    handlePopUpOpen,
-    handlePopUpClose,
-    handlePopUpToggle
-  };
-};
diff --git a/frontend-next/src/hooks/useResetPageHelper.ts b/frontend-next/src/hooks/useResetPageHelper.ts
deleted file mode 100644
index 12478fd54..000000000
--- a/frontend-next/src/hooks/useResetPageHelper.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Dispatch, SetStateAction, useEffect } from "react";
-
-export const useResetPageHelper = ({
-  totalCount,
-  offset,
-  setPage
-}: {
-  totalCount: number;
-  offset: number;
-  setPage: Dispatch<SetStateAction<number>>;
-}) => {
-  useEffect(() => {
-    // reset page if no longer valid
-    if (totalCount <= offset) setPage(1);
-  }, [totalCount]);
-};
diff --git a/frontend-next/src/hooks/useSyntaxHighlight.tsx b/frontend-next/src/hooks/useSyntaxHighlight.tsx
deleted file mode 100644
index 16ce3d46c..000000000
--- a/frontend-next/src/hooks/useSyntaxHighlight.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useCallback } from "react";
-import { faCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-const REGEX = /([$]{.*?})/g;
-
-export const useSyntaxHighlight = () => {
-  const syntaxHighlight = useCallback((text: string, isHidden?: boolean) => {
-    if (isHidden) {
-      if (!text) {
-        return "EMPTY";
-      }
-
-      return text
-        .split("")
-        .slice(0, 200)
-        .map((el, i) =>
-          el === "\n" ? (
-            el
-          ) : (
-            <FontAwesomeIcon
-              key={`${text}_${el}_${i + 1}`}
-              className="mr-0.5 text-xxs"
-              icon={faCircle}
-            />
-          )
-        );
-    }
-
-    // append a space on last new line this to show new line in ui for code component
-    const val = text.at(-1) === "\n" ? text.concat(" ") : text;
-    if (val?.length === 0) return <span className="font-mono text-bunker-400/80">EMPTY</span>;
-    return val?.split(REGEX).map((word, i) =>
-      word.match(REGEX) !== null ? (
-        <span className="ph-no-capture text-yellow" key={`${val}-${i + 1}`}>
-          $&#123;
-          <span className="ph-no-capture text-yellow-200/80">{word.slice(2, word.length - 1)}</span>
-          &#125;
-        </span>
-      ) : (
-        <span key={`${word}_${i + 1}`} className="ph-no-capture">
-          {word}
-        </span>
-      )
-    );
-  }, []);
-
-  return syntaxHighlight;
-};
diff --git a/frontend-next/src/hooks/useTimedReset.tsx b/frontend-next/src/hooks/useTimedReset.tsx
deleted file mode 100644
index 60e286978..000000000
--- a/frontend-next/src/hooks/useTimedReset.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Dispatch, SetStateAction, useEffect, useState } from "react";
-
-type Props<T extends unknown> = {
-  initialState: T;
-  delay?: number;
-};
-
-// this hook is used when you need to reset the state to previous one after a particular time
-// usecase#1: To make copy to copied and back to copy in clipboard operation
-export const useTimedReset = <T extends string | number | boolean>({
-  delay = 2000,
-  initialState
-}: Props<T>): [T, boolean, Dispatch<SetStateAction<T>>] => {
-  const [state, setState] = useState<T>(initialState);
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (state !== initialState) {
-      timer = setTimeout(() => setState(initialState), delay);
-    }
-    return () => clearTimeout(timer);
-  }, [state]);
-
-  // state, isChaning, setState
-  return [state, state !== initialState, setState];
-};
diff --git a/frontend-next/src/hooks/useToggle.tsx b/frontend-next/src/hooks/useToggle.tsx
deleted file mode 100644
index ecc243ade..000000000
--- a/frontend-next/src/hooks/useToggle.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { useCallback, useState } from "react";
-
-type VoidFn = () => void;
-
-type UseToggleReturn = [
-  boolean,
-  {
-    on: VoidFn;
-    off: VoidFn;
-    toggle: VoidFn;
-    timedToggle: (timeout?: number) => void;
-  }
-];
-
-export const useToggle = (initialState = false): UseToggleReturn => {
-  const [value, setValue] = useState(initialState);
-
-  const on = useCallback(() => {
-    setValue(true);
-  }, []);
-
-  const off = useCallback(() => {
-    setValue(false);
-  }, []);
-
-  const toggle = useCallback((isOpen?: boolean) => {
-    setValue((prev) => (typeof isOpen === "boolean" ? isOpen : !prev));
-  }, []);
-
-  const timedToggle = useCallback((timeout = 2000) => {
-    setValue((prev) => !prev);
-
-    setTimeout(() => {
-      setValue(false);
-    }, timeout);
-  }, []);
-
-  return [value, { on, off, toggle, timedToggle }];
-};
diff --git a/frontend-next/src/hooks/utils/index.ts b/frontend-next/src/hooks/utils/index.ts
deleted file mode 100644
index db6645c41..000000000
--- a/frontend-next/src/hooks/utils/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./secrets-overview";
diff --git a/frontend-next/src/hooks/utils/secrets-overview.tsx b/frontend-next/src/hooks/utils/secrets-overview.tsx
deleted file mode 100644
index b84fb3902..000000000
--- a/frontend-next/src/hooks/utils/secrets-overview.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useCallback, useMemo } from "react";
-
-import { DashboardProjectSecretsOverview } from "@app/hooks/api/dashboard/types";
-
-export const useFolderOverview = (folders: DashboardProjectSecretsOverview["folders"]) => {
-  const folderNames = useMemo(() => {
-    const names = new Set<string>();
-    folders?.forEach((folder) => {
-      names.add(folder.name);
-    });
-    return [...names];
-  }, [folders]);
-
-  const isFolderPresentInEnv = useCallback(
-    (name: string, env: string) => {
-      return Boolean(
-        folders?.find(
-          ({ name: folderName, environment }) => folderName === name && environment === env
-        )
-      );
-    },
-    [folders]
-  );
-
-  const getFolderByNameAndEnv = useCallback(
-    (name: string, env: string) => {
-      return folders?.find(
-        ({ name: folderName, environment }) => folderName === name && environment === env
-      );
-    },
-    [folders]
-  );
-
-  return { folderNames, isFolderPresentInEnv, getFolderByNameAndEnv };
-};
-
-export const useDynamicSecretOverview = (
-  dynamicSecrets: DashboardProjectSecretsOverview["dynamicSecrets"]
-) => {
-  const dynamicSecretNames = useMemo(() => {
-    const names = new Set<string>();
-    dynamicSecrets?.forEach((dynamicSecret) => {
-      names.add(dynamicSecret.name);
-    });
-    return [...names];
-  }, [dynamicSecrets]);
-
-  const isDynamicSecretPresentInEnv = useCallback(
-    (name: string, env: string) => {
-      return Boolean(
-        dynamicSecrets?.find(
-          ({ name: dynamicSecretName, environment }) =>
-            dynamicSecretName === name && environment === env
-        )
-      );
-    },
-    [dynamicSecrets]
-  );
-
-  return { dynamicSecretNames, isDynamicSecretPresentInEnv };
-};
-
-export const useSecretOverview = (secrets: DashboardProjectSecretsOverview["secrets"]) => {
-  const secKeys = useMemo(() => {
-    const keys = new Set<string>();
-    secrets?.forEach((secret) => keys.add(secret.key));
-    return [...keys];
-  }, [secrets]);
-
-  const getEnvSecretKeyCount = useCallback(
-    (env: string) => {
-      return secrets?.filter((secret) => secret.env === env).length ?? 0;
-    },
-    [secrets]
-  );
-
-  const getSecretByKey = useCallback(
-    (env: string, key: string) => {
-      const sec = secrets?.find((s) => s.env === env && s.key === key);
-      return sec;
-    },
-    [secrets]
-  );
-
-  return { secKeys, getSecretByKey, getEnvSecretKeyCount };
-};
diff --git a/frontend-next/src/i18n.ts b/frontend-next/src/i18n.ts
deleted file mode 100644
index 4179efb23..000000000
--- a/frontend-next/src/i18n.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { initReactI18next } from "react-i18next";
-import i18n from "i18next";
-// import LanguageDetector from "i18next-browser-languagedetector";
-import Backend from "i18next-http-backend";
-// don't want to use this?
-// have a look at the Quick start guide
-// for passing in lng and translations on init
-
-i18n
-  // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)
-  // learn more: https://github.com/i18next/i18next-http-backend
-  // want your translations to be loaded from a professional CDN? => https://github.com/locize/react-tutorial#step-2---use-the-locize-cdn
-  .use(Backend)
-  // detect user language
-  // learn more: https://github.com/i18next/i18next-browser-languageDetector
-  // .use(LanguageDetector)
-  // pass the i18n instance to react-i18next.
-  .use(initReactI18next)
-  // init i18next
-  // for all options read: https://www.i18next.com/overview/configuration-options
-  .init({
-    lng: "en",
-    fallbackLng: "en",
-    // supportedLngs: ["en", "ko", "fr", "pt-BR", "pt-PT", "es"],
-    debug: process.env.NODE_ENV === "development",
-    detection: {
-      // lookupLocalStorage: "lang"
-    },
-    ns: ["translations"],
-    interpolation: {
-      escapeValue: false // not needed for react as it escapes by default
-    },
-    react: {
-      useSuspense: false
-    }
-  });
-
-export default i18n;
diff --git a/frontend-next/src/layouts/AdminLayout/AdminLayout.tsx b/frontend-next/src/layouts/AdminLayout/AdminLayout.tsx
deleted file mode 100644
index a8320a525..000000000
--- a/frontend-next/src/layouts/AdminLayout/AdminLayout.tsx
+++ /dev/null
@@ -1,307 +0,0 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable no-unexpected-multiline */
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable vars-on-top */
-/* eslint-disable no-var */
-/* eslint-disable func-names */
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
-import { useTranslation } from "react-i18next";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faGithub, faSlack } from "@fortawesome/free-brands-svg-icons";
-import {
-  faArrowLeft,
-  faArrowUpRightFromSquare,
-  faBook,
-  faEnvelope,
-  faInfinity,
-  faInfo,
-  faMobile,
-  faPlus,
-  faQuestion
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
-
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from "@app/components/v2";
-import { useOrganization, useSubscription, useUser } from "@app/context";
-import {
-  useGetOrgTrialUrl,
-  useGetUserAction,
-  useLogoutUser,
-  useRegisterUserAction
-} from "@app/hooks/api";
-
-interface LayoutProps {
-  children: React.ReactNode;
-}
-
-const supportOptions = [
-  [
-    <FontAwesomeIcon key={1} className="pr-4 text-sm" icon={faSlack} />,
-    "Support Forum",
-    "https://infisical.com/slack"
-  ],
-  [
-    <FontAwesomeIcon key={2} className="pr-4 text-sm" icon={faBook} />,
-    "Read Docs",
-    "https://infisical.com/docs/documentation/getting-started/introduction"
-  ],
-  [
-    <FontAwesomeIcon key={3} className="pr-4 text-sm" icon={faGithub} />,
-    "GitHub Issues",
-    "https://github.com/Infisical/infisical/issues"
-  ],
-  [
-    <FontAwesomeIcon key={4} className="pr-4 text-sm" icon={faEnvelope} />,
-    "Email Support",
-    "mailto:support@infisical.com"
-  ]
-];
-
-export const AdminLayout = ({ children }: LayoutProps) => {
-  const router = useRouter();
-  const { mutateAsync } = useGetOrgTrialUrl();
-
-  // eslint-disable-next-line prefer-const
-  const { currentOrg } = useOrganization();
-
-  const { user } = useUser();
-  const { subscription } = useSubscription();
-  const { data: updateClosed } = useGetUserAction("december_update_closed");
-  const infisicalPlatformVersion = process.env.NEXT_PUBLIC_INFISICAL_PLATFORM_VERSION;
-
-  const { t } = useTranslation();
-
-  const registerUserAction = useRegisterUserAction();
-
-  const closeUpdate = async () => {
-    await registerUserAction.mutateAsync("december_update_closed");
-  };
-
-  const logout = useLogoutUser();
-  const logOutUser = async () => {
-    try {
-      console.log("Logging out...");
-      await logout.mutateAsync();
-      router.push("/login");
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  return (
-    <>
-      <div className="dark hidden h-screen w-full flex-col overflow-x-hidden md:flex">
-        <div className="flex flex-grow flex-col overflow-y-hidden md:flex-row">
-          <aside className="dark w-full border-r border-mineshaft-600 bg-gradient-to-tr from-mineshaft-700 via-mineshaft-800 to-mineshaft-900 md:w-60">
-            <nav className="items-between flex h-full flex-col justify-between overflow-y-auto dark:[color-scheme:dark]">
-              <div>
-                {!router.asPath.includes("personal") && (
-                  <div className="flex h-12 cursor-default items-center justify-between px-3 pt-6">
-                    <Link href={`/org/${currentOrg?.id}/overview`}>
-                      <div className="my-6 flex cursor-default items-center justify-center pr-2 text-sm text-mineshaft-300 hover:text-mineshaft-100">
-                        <FontAwesomeIcon icon={faArrowLeft} className="pr-3" />
-                        Back to organization
-                      </div>
-                    </Link>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger
-                        asChild
-                        className="p-1 hover:bg-primary-400 hover:text-black data-[state=open]:bg-primary-400 data-[state=open]:text-black"
-                      >
-                        <div
-                          className="child flex items-center justify-center rounded-full bg-mineshaft pr-1 text-mineshaft-300 hover:bg-mineshaft-500"
-                          style={{ fontSize: "11px", width: "26px", height: "26px" }}
-                        >
-                          {user?.firstName?.charAt(0)}
-                          {user?.lastName && user?.lastName?.charAt(0)}
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <div className="px-2 py-1 text-xs text-mineshaft-400">{user?.username}</div>
-                        <Link href="/personal-settings">
-                          <DropdownMenuItem>Personal Settings</DropdownMenuItem>
-                        </Link>
-                        <a
-                          href="https://infisical.com/docs/documentation/getting-started/introduction"
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="mt-3 w-full text-sm font-normal leading-[1.2rem] text-mineshaft-300 hover:text-mineshaft-100"
-                        >
-                          <DropdownMenuItem>
-                            Documentation
-                            <FontAwesomeIcon
-                              icon={faArrowUpRightFromSquare}
-                              className="mb-[0.06rem] pl-1.5 text-xxs"
-                            />
-                          </DropdownMenuItem>
-                        </a>
-                        <a
-                          href="https://infisical.com/slack"
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="mt-3 w-full text-sm font-normal leading-[1.2rem] text-mineshaft-300 hover:text-mineshaft-100"
-                        >
-                          <DropdownMenuItem>
-                            Join Slack Community
-                            <FontAwesomeIcon
-                              icon={faArrowUpRightFromSquare}
-                              className="mb-[0.06rem] pl-1.5 text-xxs"
-                            />
-                          </DropdownMenuItem>
-                        </a>
-                        {user?.superAdmin && (
-                          <Link href="/admin" legacyBehavior>
-                            <DropdownMenuItem className="mt-1 border-t border-mineshaft-600">
-                              Server Admin Console
-                            </DropdownMenuItem>
-                          </Link>
-                        )}
-                        <div className="mt-1 h-1 border-t border-mineshaft-600" />
-                        <button type="button" onClick={logOutUser} className="w-full">
-                          <DropdownMenuItem>Log Out</DropdownMenuItem>
-                        </button>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </div>
-                )}
-              </div>
-              <div
-                className={`relative mt-10 ${
-                  subscription && subscription.slug === "starter" && !subscription.has_used_trial
-                    ? "mb-2"
-                    : "mb-4"
-                } flex w-full cursor-default flex-col items-center px-3 text-sm text-mineshaft-400`}
-              >
-                <div
-                  className={`${
-                    !updateClosed ? "block" : "hidden"
-                  } relative z-10 mb-6 flex w-52 flex-col items-center justify-start rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 pb-2`}
-                >
-                  <div className="text-md mt-2 w-full font-semibold text-mineshaft-100">
-                    Infisical December update
-                  </div>
-                  <div className="mt-1 mb-1 w-full text-sm font-normal leading-[1.2rem] text-mineshaft-300">
-                    Infisical Agent, new SDKs, Machine Identities, and more!
-                  </div>
-                  <div className="mt-2 h-[6.77rem] w-full rounded-md border border-mineshaft-700">
-                    <Image
-                      src="/images/infisical-update-december-2023.png"
-                      height={319}
-                      width={539}
-                      alt="kubernetes image"
-                      className="rounded-sm"
-                    />
-                  </div>
-                  <div className="mt-3 flex w-full items-center justify-between px-0.5">
-                    <button
-                      type="button"
-                      onClick={() => closeUpdate()}
-                      className="text-mineshaft-400 duration-200 hover:text-mineshaft-100"
-                    >
-                      Close
-                    </button>
-                    <a
-                      href="https://infisical.com/blog/infisical-update-december-2023"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-sm font-normal leading-[1.2rem] text-mineshaft-400 duration-200 hover:text-mineshaft-100"
-                    >
-                      Learn More{" "}
-                      <FontAwesomeIcon icon={faArrowUpRightFromSquare} className="pl-0.5 text-xs" />
-                    </a>
-                  </div>
-                </div>
-                {router.asPath.includes("org") && (
-                  <div
-                    onKeyDown={() => null}
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => router.push(`/org/${router.query.id}/members?action=invite`)}
-                    className="w-full"
-                  >
-                    <div className="mb-3 w-full pl-5 duration-200 hover:text-mineshaft-200">
-                      <FontAwesomeIcon icon={faPlus} className="mr-3" />
-                      Invite people
-                    </div>
-                  </div>
-                )}
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild>
-                    <div className="mb-2 w-full pl-5 duration-200 hover:text-mineshaft-200">
-                      <FontAwesomeIcon icon={faQuestion} className="mr-3 px-[0.1rem]" />
-                      Help & Support
-                    </div>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="start" className="p-1">
-                    {supportOptions.map(([icon, text, url]) => (
-                      <DropdownMenuItem key={url}>
-                        <a
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          href={String(url)}
-                          className="flex w-full items-center rounded-md font-normal text-mineshaft-300 duration-200"
-                        >
-                          <div className="relative flex w-full cursor-pointer select-none items-center justify-start rounded-md">
-                            {icon}
-                            <div className="text-sm">{text}</div>
-                          </div>
-                        </a>
-                      </DropdownMenuItem>
-                    ))}
-                  </DropdownMenuContent>
-                </DropdownMenu>
-                {subscription &&
-                  subscription.slug === "starter" &&
-                  !subscription.has_used_trial && (
-                    <button
-                      type="button"
-                      onClick={async () => {
-                        if (!subscription || !currentOrg) return;
-
-                        // direct user to start pro trial
-                        const url = await mutateAsync({
-                          orgId: currentOrg.id,
-                          success_url: window.location.href
-                        });
-
-                        window.location.href = url;
-                      }}
-                      className="mt-1.5 w-full"
-                    >
-                      <div className="justify-left mb-1.5 mt-1.5 flex w-full items-center rounded-md bg-mineshaft-600 py-1 pl-4 text-mineshaft-300 duration-200 hover:bg-mineshaft-500 hover:text-primary-400">
-                        <FontAwesomeIcon
-                          icon={faInfinity}
-                          className="mr-3 ml-0.5 py-2 text-primary"
-                        />
-                        Start Free Pro Trial
-                      </div>
-                    </button>
-                  )}
-                {infisicalPlatformVersion && (
-                  <div className="mb-2 w-full pl-5 duration-200 hover:text-mineshaft-200">
-                    <FontAwesomeIcon icon={faInfo} className="mr-4 px-[0.1rem]" />
-                    Version: {infisicalPlatformVersion}
-                  </div>
-                )}
-              </div>
-            </nav>
-          </aside>
-          <main className="flex-1 overflow-y-auto overflow-x-hidden bg-bunker-800 dark:[color-scheme:dark]">
-            {children}
-          </main>
-        </div>
-      </div>
-      <div className="z-[200] flex h-screen w-screen flex-col items-center justify-center bg-bunker-800 md:hidden">
-        <FontAwesomeIcon icon={faMobile} className="mb-8 text-7xl text-gray-300" />
-        <p className="max-w-sm px-6 text-center text-lg text-gray-200">
-          {` ${t("common.no-mobile")} `}
-        </p>
-      </div>
-    </>
-  );
-};
diff --git a/frontend-next/src/layouts/AdminLayout/index.tsx b/frontend-next/src/layouts/AdminLayout/index.tsx
deleted file mode 100644
index 1a136d62f..000000000
--- a/frontend-next/src/layouts/AdminLayout/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AdminLayout } from "./AdminLayout";
diff --git a/frontend-next/src/layouts/AppLayout/AppLayout.tsx b/frontend-next/src/layouts/AppLayout/AppLayout.tsx
deleted file mode 100644
index 693f6e342..000000000
--- a/frontend-next/src/layouts/AppLayout/AppLayout.tsx
+++ /dev/null
@@ -1,567 +0,0 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable no-unexpected-multiline */
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable vars-on-top */
-/* eslint-disable no-var */
-/* eslint-disable func-names */
-
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faGithub, faSlack } from "@fortawesome/free-brands-svg-icons";
-import {
-  faAngleDown,
-  faArrowLeft,
-  faArrowUpRightFromSquare,
-  faBook,
-  faCheck,
-  faEnvelope,
-  faInfinity,
-  faInfo,
-  faMobile,
-  faPlus,
-  faQuestion
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
-
-import { tempLocalStorage } from "@app/components/utilities/checks/tempLocalStorage";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  Menu,
-  MenuItem
-} from "@app/components/v2";
-import { useOrganization, useSubscription, useUser, useWorkspace } from "@app/context";
-import { usePopUp, useToggle } from "@app/hooks";
-import { useGetOrgTrialUrl, useLogoutUser, useSelectOrganization } from "@app/hooks/api";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-import { AuthMethod } from "@app/hooks/api/users/types";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { InsecureConnectionBanner } from "@app/layouts/AppLayout/components/InsecureConnectionBanner";
-import { ProjectSelect } from "@app/layouts/AppLayout/components/ProjectSelect";
-import { navigateUserToOrg } from "@app/views/Login/Login.utils";
-import { Mfa } from "@app/views/Login/Mfa";
-import { CreateOrgModal } from "@app/views/Org/components";
-
-import { ProjectSidebarItem } from "./components/ProjectSidebarItems";
-import { WishForm } from "./components/WishForm/WishForm";
-
-interface LayoutProps {
-  children: React.ReactNode;
-}
-
-const supportOptions = [
-  [
-    <FontAwesomeIcon key={1} className="pr-4 text-sm" icon={faSlack} />,
-    "Support Forum",
-    "https://infisical.com/slack"
-  ],
-  [
-    <FontAwesomeIcon key={2} className="pr-4 text-sm" icon={faBook} />,
-    "Read Docs",
-    "https://infisical.com/docs/documentation/getting-started/introduction"
-  ],
-  [
-    <FontAwesomeIcon key={3} className="pr-4 text-sm" icon={faGithub} />,
-    "GitHub Issues",
-    "https://github.com/Infisical/infisical/issues"
-  ],
-  [
-    <FontAwesomeIcon key={4} className="pr-4 text-sm" icon={faEnvelope} />,
-    "Email Support",
-    "mailto:support@infisical.com"
-  ]
-];
-
-export const AppLayout = ({ children }: LayoutProps) => {
-  const router = useRouter();
-
-  const { mutateAsync } = useGetOrgTrialUrl();
-
-  const { currentWorkspace } = useWorkspace();
-  const { orgs, currentOrg } = useOrganization();
-
-  const [shouldShowMfa, toggleShowMfa] = useToggle(false);
-  const [requiredMfaMethod, setRequiredMfaMethod] = useState(MfaMethod.EMAIL);
-  const [mfaSuccessCallback, setMfaSuccessCallback] = useState<() => void>(() => {});
-
-  const { user } = useUser();
-  const { subscription } = useSubscription();
-
-  const infisicalPlatformVersion = process.env.NEXT_PUBLIC_INFISICAL_PLATFORM_VERSION;
-
-  const { popUp, handlePopUpToggle } = usePopUp(["createOrg"] as const);
-
-  const { t } = useTranslation();
-
-  const { mutateAsync: selectOrganization } = useSelectOrganization();
-
-  const logout = useLogoutUser();
-  const logOutUser = async () => {
-    try {
-      console.log("Logging out...");
-      await logout.mutateAsync();
-      router.push("/login");
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  const changeOrg = async (orgId: string) => {
-    const { token, isMfaEnabled, mfaMethod } = await selectOrganization({
-      organizationId: orgId
-    });
-
-    if (isMfaEnabled) {
-      SecurityClient.setMfaToken(token);
-      if (mfaMethod) {
-        setRequiredMfaMethod(mfaMethod);
-      }
-      toggleShowMfa.on();
-      setMfaSuccessCallback(() => () => changeOrg(orgId));
-      return;
-    }
-
-    await navigateUserToOrg(router, orgId);
-  };
-
-  // TODO(akhilmhdh): This entire logic will be rechecked and will try to avoid
-  // Placing the localstorage as much as possible
-  // Wait till tony integrates the azure and its launched
-  useEffect(() => {
-    // Put a user in an org if they're not in one yet
-    const putUserInOrg = async () => {
-      if (tempLocalStorage("orgData.id") === "" && orgs?.[0]?.id) {
-        localStorage.setItem("orgData.id", orgs?.[0]?.id);
-      }
-    };
-    putUserInOrg();
-  }, [router.query.id]);
-
-  if (shouldShowMfa) {
-    return (
-      <div className="flex max-h-screen min-h-screen flex-col items-center justify-center gap-2 overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
-        <Mfa
-          email={user.email as string}
-          method={requiredMfaMethod}
-          successCallback={mfaSuccessCallback}
-          closeMfa={() => toggleShowMfa.off()}
-        />
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <div className="dark hidden h-screen w-full flex-col overflow-x-hidden md:flex">
-        {!window.isSecureContext && <InsecureConnectionBanner />}
-        <div className="flex flex-grow flex-col overflow-y-hidden md:flex-row">
-          <aside className="dark w-full border-r border-mineshaft-600 bg-gradient-to-tr from-mineshaft-700 via-mineshaft-800 to-mineshaft-900 md:w-60">
-            <nav className="items-between flex h-full flex-col justify-between overflow-y-auto dark:[color-scheme:dark]">
-              <div>
-                {!router.asPath.includes("personal") && (
-                  <div className="flex h-12 cursor-default items-center px-3 pt-6">
-                    {(currentWorkspace || router.asPath.includes("integrations")) && (
-                      <Link href={`/org/${currentOrg?.id}/${currentWorkspace?.type}/overview`}>
-                        <div className="pl-1 pr-2 text-mineshaft-400 duration-200 hover:text-mineshaft-100">
-                          <FontAwesomeIcon icon={faArrowLeft} />
-                        </div>
-                      </Link>
-                    )}
-                    <DropdownMenu>
-                      <DropdownMenuTrigger
-                        asChild
-                        className="max-w-[160px] data-[state=open]:bg-mineshaft-600"
-                      >
-                        <div className="mr-auto flex items-center rounded-md py-1.5 pl-1.5 pr-2 hover:bg-mineshaft-600">
-                          <div className="flex h-5 w-5 min-w-[20px] items-center justify-center rounded-md bg-primary text-sm">
-                            {currentOrg?.name.charAt(0)}
-                          </div>
-                          <div
-                            className="overflow-hidden truncate text-ellipsis pl-2 text-sm text-mineshaft-100"
-                            style={{ maxWidth: "140px" }}
-                          >
-                            {currentOrg?.name}
-                          </div>
-                          <FontAwesomeIcon
-                            icon={faAngleDown}
-                            className="pl-1 pt-1 text-xs text-mineshaft-300"
-                          />
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <div className="px-2 py-1 text-xs text-mineshaft-400">{user?.username}</div>
-                        {orgs?.map((org) => {
-                          return (
-                            <DropdownMenuItem key={org.id}>
-                              <Button
-                                onClick={async () => {
-                                  if (currentOrg?.id === org.id) return;
-
-                                  if (org.authEnforced) {
-                                    // org has an org-level auth method enabled (e.g. SAML)
-                                    // -> logout + redirect to SAML SSO
-
-                                    await logout.mutateAsync();
-                                    if (org.orgAuthMethod === AuthMethod.OIDC) {
-                                      window.open(`/api/v1/sso/oidc/login?orgSlug=${org.slug}`);
-                                    } else {
-                                      window.open(
-                                        `/api/v1/sso/redirect/saml2/organizations/${org.slug}`
-                                      );
-                                    }
-                                    window.close();
-                                    return;
-                                  }
-
-                                  changeOrg(org?.id);
-                                }}
-                                variant="plain"
-                                colorSchema="secondary"
-                                size="xs"
-                                className="flex w-full items-center justify-start p-0 font-normal"
-                                leftIcon={
-                                  currentOrg?.id === org.id && (
-                                    <FontAwesomeIcon icon={faCheck} className="mr-3 text-primary" />
-                                  )
-                                }
-                              >
-                                <div className="flex w-full max-w-[150px] items-center justify-between truncate">
-                                  {org.name}
-                                </div>
-                              </Button>
-                            </DropdownMenuItem>
-                          );
-                        })}
-                        {/* <DropdownMenuItem key="add-org">
-                          <Button
-                            onClick={() => handlePopUpOpen("createOrg")}
-                            variant="plain"
-                            colorSchema="secondary"
-                            size="xs"
-                            className="flex w-full items-center justify-start p-0 font-normal"
-                            leftIcon={
-                              <FontAwesomeIcon icon={faPlus} className="mr-3 text-primary" />
-                            }
-                          >
-                            <div className="flex w-full items-center justify-between">
-                              Create New Organization
-                            </div>
-                          </Button>
-                        </DropdownMenuItem> */}
-                        <div className="mt-1 h-1 border-t border-mineshaft-600" />
-                        <button type="button" onClick={logOutUser} className="w-full">
-                          <DropdownMenuItem>Log Out</DropdownMenuItem>
-                        </button>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger
-                        asChild
-                        className="p-1 hover:bg-primary-400 hover:text-black data-[state=open]:bg-primary-400 data-[state=open]:text-black"
-                      >
-                        <div
-                          className="child flex items-center justify-center rounded-full bg-mineshaft pr-1 text-mineshaft-300 hover:bg-mineshaft-500"
-                          style={{ fontSize: "11px", width: "26px", height: "26px" }}
-                        >
-                          {user?.firstName?.charAt(0)}
-                          {user?.lastName && user?.lastName?.charAt(0)}
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <div className="px-2 py-1 text-xs text-mineshaft-400">{user?.username}</div>
-                        <Link href="/personal-settings">
-                          <DropdownMenuItem>Personal Settings</DropdownMenuItem>
-                        </Link>
-                        <a
-                          href="https://infisical.com/docs/documentation/getting-started/introduction"
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="mt-3 w-full text-sm font-normal leading-[1.2rem] text-mineshaft-300 hover:text-mineshaft-100"
-                        >
-                          <DropdownMenuItem>
-                            Documentation
-                            <FontAwesomeIcon
-                              icon={faArrowUpRightFromSquare}
-                              className="mb-[0.06rem] pl-1.5 text-xxs"
-                            />
-                          </DropdownMenuItem>
-                        </a>
-                        <a
-                          href="https://infisical.com/slack"
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="mt-3 w-full text-sm font-normal leading-[1.2rem] text-mineshaft-300 hover:text-mineshaft-100"
-                        >
-                          <DropdownMenuItem>
-                            Join Slack Community
-                            <FontAwesomeIcon
-                              icon={faArrowUpRightFromSquare}
-                              className="mb-[0.06rem] pl-1.5 text-xxs"
-                            />
-                          </DropdownMenuItem>
-                        </a>
-                        {user?.superAdmin && (
-                          <Link href="/admin" legacyBehavior>
-                            <DropdownMenuItem className="mt-1 border-t border-mineshaft-600">
-                              Server Admin Console
-                            </DropdownMenuItem>
-                          </Link>
-                        )}
-                        <Link href={`/org/${currentOrg?.id}/admin`} legacyBehavior>
-                          <DropdownMenuItem className="mt-1 border-t border-mineshaft-600">
-                            Organization Admin Console
-                          </DropdownMenuItem>
-                        </Link>
-                        <div className="mt-1 h-1 border-t border-mineshaft-600" />
-                        <button type="button" onClick={logOutUser} className="w-full">
-                          <DropdownMenuItem>Log Out</DropdownMenuItem>
-                        </button>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </div>
-                )}
-                {!router.asPath.includes("org") &&
-                  !router.asPath.includes("app-connections") &&
-                  (!router.asPath.includes("personal") && currentWorkspace ? (
-                    <ProjectSelect />
-                  ) : (
-                    <Link href={`/org/${currentOrg?.id}/${currentWorkspace?.type}/overview`}>
-                      <div className="my-6 flex cursor-default items-center justify-center pr-2 text-sm text-mineshaft-300 hover:text-mineshaft-100">
-                        <FontAwesomeIcon icon={faArrowLeft} className="pr-3" />
-                        Back to organization
-                      </div>
-                    </Link>
-                  ))}
-                <div className={`px-1 ${!router.asPath.includes("personal") ? "block" : "hidden"}`}>
-                  <ProjectSidebarItem />
-                  {(router.pathname.startsWith("/org") ||
-                    router.pathname.startsWith("/app-connections")) && (
-                    <Menu className="mt-4">
-                      <Link
-                        href={`/org/${currentOrg?.id}/${ProjectType.SecretManager}/overview`}
-                        passHref
-                      >
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath.includes(
-                              `/${ProjectType.SecretManager}/overview`
-                            )}
-                            icon="system-outline-165-view-carousel"
-                          >
-                            Secret Management
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link
-                        href={`/org/${currentOrg?.id}/${ProjectType.CertificateManager}/overview`}
-                        passHref
-                      >
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath.includes(
-                              `/${ProjectType.CertificateManager}/overview`
-                            )}
-                            icon="note"
-                          >
-                            Cert Management
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link href={`/org/${currentOrg?.id}/${ProjectType.KMS}/overview`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath.includes(`/${ProjectType.KMS}/overview`)}
-                            icon="unlock"
-                          >
-                            Key Management
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link href={`/org/${currentOrg?.id}/ssh/overview`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={
-                              router.asPath === `/org/${currentWorkspace?.id}/ssh/overview`
-                            }
-                            icon="system-regular-126-verified-hover-verified"
-                          >
-                            SSH
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link href={`/org/${currentOrg?.id}/members`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath === `/org/${currentOrg?.id}/members`}
-                            icon="system-outline-96-groups"
-                          >
-                            Access Control
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link href={`/org/${currentOrg?.id}/secret-scanning`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath === `/org/${currentOrg?.id}/secret-scanning`}
-                            icon="system-outline-69-document-scan"
-                          >
-                            Secret Scanning
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link href={`/org/${currentOrg?.id}/secret-sharing`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath === `/org/${currentOrg?.id}/secret-sharing`}
-                            icon="system-outline-90-lock-closed"
-                          >
-                            Secret Sharing
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      {(window.location.origin.includes("https://app.infisical.com") ||
-                        window.location.origin.includes("https://eu.infisical.com") ||
-                        window.location.origin.includes("https://gamma.infisical.com")) && (
-                        <Link href={`/org/${currentOrg?.id}/billing`} passHref>
-                          <a>
-                            <MenuItem
-                              isSelected={router.asPath === `/org/${currentOrg?.id}/billing`}
-                              icon="system-outline-103-coin-cash-monetization"
-                            >
-                              Usage & Billing
-                            </MenuItem>
-                          </a>
-                        </Link>
-                      )}
-                      <Link href={`/org/${currentOrg?.id}/audit-logs`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath === `/org/${currentOrg?.id}/audit-logs`}
-                            icon="system-outline-168-view-headline"
-                          >
-                            Audit Logs
-                          </MenuItem>
-                        </a>
-                      </Link>
-                      <Link href={`/org/${currentOrg?.id}/settings`} passHref>
-                        <a>
-                          <MenuItem
-                            isSelected={router.asPath === `/org/${currentOrg?.id}/settings`}
-                            icon="system-outline-109-slider-toggle-settings"
-                          >
-                            Organization Settings
-                          </MenuItem>
-                        </a>
-                      </Link>
-                    </Menu>
-                  )}
-                </div>
-              </div>
-              <div
-                className={`relative mt-10 ${
-                  subscription && subscription.slug === "starter" && !subscription.has_used_trial
-                    ? "mb-2"
-                    : "mb-4"
-                } flex w-full cursor-default flex-col items-center px-3 text-sm text-mineshaft-400`}
-              >
-                {(window.location.origin.includes("https://app.infisical.com") ||
-                  window.location.origin.includes("https://gamma.infisical.com")) && <WishForm />}
-                {router.asPath.includes("org") && (
-                  <div
-                    onKeyDown={() => null}
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => router.push(`/org/${router.query.id}/members?action=invite`)}
-                    className="w-full"
-                  >
-                    <div className="mb-3 w-full pl-5 duration-200 hover:text-mineshaft-200">
-                      <FontAwesomeIcon icon={faPlus} className="mr-3" />
-                      Invite people
-                    </div>
-                  </div>
-                )}
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild>
-                    <div className="mb-2 w-full pl-5 duration-200 hover:text-mineshaft-200">
-                      <FontAwesomeIcon icon={faQuestion} className="mr-3 px-[0.1rem]" />
-                      Help & Support
-                    </div>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="start" className="p-1">
-                    {supportOptions.map(([icon, text, url]) => (
-                      <DropdownMenuItem key={url as string}>
-                        <a
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          href={String(url)}
-                          className="flex w-full items-center rounded-md font-normal text-mineshaft-300 duration-200"
-                        >
-                          <div className="relative flex w-full cursor-pointer select-none items-center justify-start rounded-md">
-                            {icon}
-                            <div className="text-sm">{text}</div>
-                          </div>
-                        </a>
-                      </DropdownMenuItem>
-                    ))}
-                    {infisicalPlatformVersion && (
-                      <div className="mb-2 mt-2 w-full cursor-default pl-5 text-sm duration-200 hover:text-mineshaft-200">
-                        <FontAwesomeIcon icon={faInfo} className="mr-4 px-[0.1rem]" />
-                        Version: {infisicalPlatformVersion}
-                      </div>
-                    )}
-                  </DropdownMenuContent>
-                </DropdownMenu>
-                {subscription &&
-                  subscription.slug === "starter" &&
-                  !subscription.has_used_trial && (
-                    <button
-                      type="button"
-                      onClick={async () => {
-                        if (!subscription || !currentOrg) return;
-
-                        // direct user to start pro trial
-                        const url = await mutateAsync({
-                          orgId: currentOrg.id,
-                          success_url: window.location.href
-                        });
-
-                        window.location.href = url;
-                      }}
-                      className="mt-1.5 w-full"
-                    >
-                      <div className="justify-left mb-1.5 mt-1.5 flex w-full items-center rounded-md bg-mineshaft-600 py-1 pl-4 text-mineshaft-300 duration-200 hover:bg-mineshaft-500 hover:text-primary-400">
-                        <FontAwesomeIcon
-                          icon={faInfinity}
-                          className="mr-3 ml-0.5 py-2 text-primary"
-                        />
-                        Start Free Pro Trial
-                      </div>
-                    </button>
-                  )}
-              </div>
-            </nav>
-          </aside>
-          <CreateOrgModal
-            isOpen={popUp?.createOrg?.isOpen}
-            onClose={() => handlePopUpToggle("createOrg", false)}
-          />
-          <main className="flex-1 overflow-y-auto overflow-x-hidden bg-bunker-800 dark:[color-scheme:dark]">
-            {children}
-          </main>
-        </div>
-      </div>
-      <div className="z-[200] flex h-screen w-screen flex-col items-center justify-center bg-bunker-800 md:hidden">
-        <FontAwesomeIcon icon={faMobile} className="mb-8 text-7xl text-gray-300" />
-        <p className="max-w-sm px-6 text-center text-lg text-gray-200">
-          {` ${t("common.no-mobile")} `}
-        </p>
-      </div>
-    </>
-  );
-};
diff --git a/frontend-next/src/layouts/AppLayout/ErrorBoundary.tsx b/frontend-next/src/layouts/AppLayout/ErrorBoundary.tsx
deleted file mode 100644
index 982dce8d2..000000000
--- a/frontend-next/src/layouts/AppLayout/ErrorBoundary.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React, { ErrorInfo, ReactNode, useEffect } from "react";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faBugs, faHome } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button } from "@app/components/v2";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-interface ErrorBoundaryProps {
-  children: ReactNode;
-}
-
-interface ErrorBoundaryState {
-  hasError: boolean;
-  error: Error | null;
-}
-
-const ErrorPage = ({ error }: { error: Error | null }) => {
-  const [orgId, setOrgId] = React.useState<string | null>(null);
-  const router = useRouter();
-  const currentUrl = router?.asPath?.split("?")?.[0];
-
-  // Workaround: Fixes localStorage not being available in the error boundary until the next render.
-  useEffect(() => {
-    const savedOrgId = localStorage.getItem("orgData.id");
-
-    if (savedOrgId) {
-      setOrgId(savedOrgId);
-    }
-  }, []);
-
-  return (
-    <div className="flex h-screen w-screen items-center justify-center bg-mineshaft-900">
-      <div className="flex max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-8 text-center text-mineshaft-200">
-        <FontAwesomeIcon icon={faBugs} className="my-2 inline text-6xl" />
-        <p>
-          Something went wrong. Please contact{" "}
-          <a
-            className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-            target="_blank"
-            rel="noopener noreferrer"
-            href="mailto:support@infisical.com"
-          >
-            support@infisical.com
-          </a>
-          , or{" "}
-          <Link passHref href="https://infisical.com/slack">
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              join our Slack community
-            </a>
-          </Link>{" "}
-          if the issue persists.
-        </p>
-
-        {orgId && (
-          <Button
-            className="mt-4"
-            size="xs"
-            onClick={() =>
-              // we need to go to /org/${orgId}/overview, but we need to do a full page reload to ensure that the error the user is facing is properly reset.
-              window.location.assign(`/org/${orgId}/${ProjectType.SecretManager}/overview`)
-            }
-          >
-            <FontAwesomeIcon icon={faHome} className="mr-2" />
-            Back To Home
-          </Button>
-        )}
-
-        {error?.message && (
-          <>
-            <div className="my-4 h-px w-full bg-mineshaft-600" />
-            <p className="thin-scrollbar max-h-44 w-full overflow-auto text-ellipsis rounded-md bg-mineshaft-700 p-2">
-              <code className="text-xs">
-                {currentUrl}, {error.message}
-              </code>
-            </p>
-          </>
-        )}
-      </div>
-    </div>
-  );
-};
-
-class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  constructor(props: ErrorBoundaryProps) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-
-  static getDerivedStateFromError(error: Error): ErrorBoundaryState {
-    return { hasError: true, error };
-  }
-
-  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {
-    console.error("Error caught by ErrorBoundary:", error, errorInfo);
-  }
-
-  render(): ReactNode {
-    const { hasError, error } = this.state;
-    const { children } = this.props;
-
-    if (hasError) {
-      return <ErrorPage error={error} />;
-    }
-    return children;
-  }
-}
-
-const ErrorBoundaryWrapper = ({ children }: ErrorBoundaryProps) => {
-  return <ErrorBoundary>{children}</ErrorBoundary>;
-};
-
-export default ErrorBoundaryWrapper;
diff --git a/frontend-next/src/layouts/AppLayout/components/InsecureConnectionBanner/InsecureConnectionBanner.tsx b/frontend-next/src/layouts/AppLayout/components/InsecureConnectionBanner/InsecureConnectionBanner.tsx
deleted file mode 100644
index fbef45185..000000000
--- a/frontend-next/src/layouts/AppLayout/components/InsecureConnectionBanner/InsecureConnectionBanner.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useState } from "react";
-import { faWarning, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { IconButton } from "@app/components/v2";
-
-export const InsecureConnectionBanner = () => {
-  const [isAcknowledged, setIsAcknowledged] = useState(
-    localStorage.getItem("insecureConnectionAcknowledged") ?? false
-  );
-
-  const handleDismiss = () => {
-    setIsAcknowledged(true);
-    localStorage.setItem("insecureConnectionAcknowledged", "true");
-  };
-
-  if (isAcknowledged) return null;
-
-  return (
-    <div className="flex w-screen items-start border-b border-red-900 bg-red-700 py-1 px-2 font-inter text-sm text-mineshaft-200">
-      <FontAwesomeIcon className="ml-3.5 mt-1" icon={faWarning} />
-      <span className="mx-1 ml-2 mt-[0.04rem]">
-        Your connection to this Infisical instance is not secured via HTTPS. Some features may not
-        behave as expected.
-      </span>
-      <IconButton
-        size="xs"
-        className="ml-auto"
-        colorSchema="danger"
-        onClick={handleDismiss}
-        ariaLabel="Dismiss banner"
-      >
-        <FontAwesomeIcon icon={faXmark} />
-      </IconButton>
-    </div>
-  );
-};
diff --git a/frontend-next/src/layouts/AppLayout/components/InsecureConnectionBanner/index.tsx b/frontend-next/src/layouts/AppLayout/components/InsecureConnectionBanner/index.tsx
deleted file mode 100644
index a09b35764..000000000
--- a/frontend-next/src/layouts/AppLayout/components/InsecureConnectionBanner/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./InsecureConnectionBanner";
diff --git a/frontend-next/src/layouts/AppLayout/components/ProjectSelect/ProjectSelect.tsx b/frontend-next/src/layouts/AppLayout/components/ProjectSelect/ProjectSelect.tsx
deleted file mode 100644
index b351d8ae5..000000000
--- a/frontend-next/src/layouts/AppLayout/components/ProjectSelect/ProjectSelect.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import { useMemo } from "react";
-import { components, MenuProps, OptionProps } from "react-select";
-import { faStar } from "@fortawesome/free-regular-svg-icons";
-import { faChevronRight, faPlus, faStar as faSolidStar } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, FilterableSelect, UpgradePlanModal } from "@app/components/v2";
-import { NewProjectModal } from "@app/components/v2/projects";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { getProjectHomePage, getProjectTitle } from "@app/helpers/project";
-import { usePopUp } from "@app/hooks";
-import { useUpdateUserProjectFavorites } from "@app/hooks/api/users/mutation";
-import { useGetUserProjectFavorites } from "@app/hooks/api/users/queries";
-import { ProjectType, Workspace } from "@app/hooks/api/workspace/types";
-
-type TWorkspaceWithFaveProp = Workspace & { isFavorite: boolean };
-
-const ProjectsMenu = ({ children, ...props }: MenuProps<TWorkspaceWithFaveProp>) => {
-  return (
-    <components.Menu {...props}>
-      {children}
-      <hr className="mb-2 h-px border-0 bg-mineshaft-500" />
-      <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Workspace}>
-        {(isAllowed) => (
-          <Button
-            className="w-full bg-mineshaft-700 pt-2 text-bunker-200"
-            colorSchema="primary"
-            variant="outline_bg"
-            size="xs"
-            isDisabled={!isAllowed}
-            onClick={() => props.clearValue()}
-            leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          >
-            Add Project
-          </Button>
-        )}
-      </OrgPermissionCan>
-    </components.Menu>
-  );
-};
-
-const ProjectOption = ({
-  isSelected,
-  children,
-  data,
-  ...props
-}: OptionProps<TWorkspaceWithFaveProp>) => {
-  const { currentOrg } = useOrganization();
-  const { mutateAsync: updateUserProjectFavorites } = useUpdateUserProjectFavorites();
-  const { data: projectFavorites } = useGetUserProjectFavorites(currentOrg?.id!);
-
-  const removeProjectFromFavorites = async (projectId: string) => {
-    try {
-      await updateUserProjectFavorites({
-        orgId: currentOrg!.id,
-        projectFavorites: [...(projectFavorites || []).filter((entry) => entry !== projectId)]
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed to remove project from favorites.",
-        type: "error"
-      });
-    }
-  };
-
-  const addProjectToFavorites = async (projectId: string) => {
-    try {
-      await updateUserProjectFavorites({
-        orgId: currentOrg!.id,
-        projectFavorites: [...(projectFavorites || []), projectId]
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed to add project to favorites.",
-        type: "error"
-      });
-    }
-  };
-  return (
-    <components.Option
-      isSelected={isSelected}
-      data={data}
-      {...props}
-      className={twMerge(props.className, isSelected && "bg-mineshaft-500")}
-    >
-      <div className="flex w-full items-center">
-        {isSelected && (
-          <FontAwesomeIcon className="mr-2 text-primary" icon={faChevronRight} size="xs" />
-        )}
-        <p className="truncate">{children}</p>
-        {data.isFavorite ? (
-          <FontAwesomeIcon
-            icon={faSolidStar}
-            className="ml-auto text-sm text-yellow-600 hover:text-mineshaft-400"
-            onClick={async (e) => {
-              e.stopPropagation();
-              await removeProjectFromFavorites(data.id);
-            }}
-          />
-        ) : (
-          <FontAwesomeIcon
-            icon={faStar}
-            className="ml-auto text-sm text-mineshaft-400 hover:text-mineshaft-300"
-            onClick={async (e) => {
-              e.stopPropagation();
-              await addProjectToFavorites(data.id);
-            }}
-          />
-        )}
-      </div>
-    </components.Option>
-  );
-};
-
-export const ProjectSelect = () => {
-  const { workspaces, currentWorkspace } = useWorkspace();
-  const { currentOrg } = useOrganization();
-  const { data: projectFavorites } = useGetUserProjectFavorites(currentOrg?.id!);
-
-  const { subscription } = useSubscription();
-
-  const isAddingProjectsAllowed = subscription?.workspaceLimit
-    ? subscription.workspacesUsed < subscription.workspaceLimit
-    : true;
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "addNewWs",
-    "upgradePlan"
-  ] as const);
-
-  const { options, value } = useMemo(() => {
-    const projectOptions = workspaces
-      .filter((el) => el.type === currentWorkspace?.type)
-      .map((w): Workspace & { isFavorite: boolean } => ({
-        ...w,
-        isFavorite: Boolean(projectFavorites?.includes(w.id))
-      }))
-      .sort((a, b) => Number(b.isFavorite) - Number(a.isFavorite));
-
-    const currentOption = projectOptions.find((option) => option.id === currentWorkspace?.id);
-
-    if (!currentOption) {
-      return {
-        options: projectOptions,
-        value: null
-      };
-    }
-
-    return {
-      options: [
-        currentOption,
-        ...projectOptions.filter((option) => option.id !== currentOption.id)
-      ],
-      value: currentOption
-    };
-  }, [workspaces, projectFavorites, currentWorkspace]);
-
-  return (
-    <div className="mt-5 mb-4 w-full p-3">
-      <p className="ml-1.5 mb-1 text-xs font-semibold uppercase text-gray-400">
-        {currentWorkspace?.type ? getProjectTitle(currentWorkspace?.type) : "Project"}
-      </p>
-      <FilterableSelect
-        className="text-sm"
-        value={value}
-        filterOption={(option, inputValue) =>
-          option.data.name.toLowerCase().includes(inputValue.toLowerCase())
-        }
-        getOptionLabel={(option) => option.name}
-        getOptionValue={(option) => option.id}
-        onChange={(newValue) => {
-          // hacky use of null as indication to create project
-          if (!newValue) {
-            if (isAddingProjectsAllowed) {
-              handlePopUpOpen("addNewWs");
-            } else {
-              handlePopUpOpen("upgradePlan");
-            }
-            return;
-          }
-
-          const project = newValue as TWorkspaceWithFaveProp;
-          localStorage.setItem("projectData.id", project.id);
-          // todo(akhi): this is not using react query because react query in overview is throwing error when envs are not exact same count
-          // to reproduce change this back to router.push and switch between two projects with different env count
-          // look into this on dashboard revamp
-          window.location.assign(getProjectHomePage(project));
-        }}
-        options={options}
-        components={{
-          Option: ProjectOption,
-          Menu: ProjectsMenu
-        }}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You have exceeded the number of projects allowed on the free plan."
-      />
-
-      <NewProjectModal
-        isOpen={popUp.addNewWs.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("addNewWs", isOpen)}
-        projectType={currentWorkspace?.type || ProjectType.SecretManager}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/layouts/AppLayout/components/ProjectSelect/index.ts b/frontend-next/src/layouts/AppLayout/components/ProjectSelect/index.ts
deleted file mode 100644
index d0be7c203..000000000
--- a/frontend-next/src/layouts/AppLayout/components/ProjectSelect/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./ProjectSelect";
diff --git a/frontend-next/src/layouts/AppLayout/components/ProjectSidebarItems/ProjectSidebarItems.tsx b/frontend-next/src/layouts/AppLayout/components/ProjectSidebarItems/ProjectSidebarItems.tsx
deleted file mode 100644
index a3f3a6169..000000000
--- a/frontend-next/src/layouts/AppLayout/components/ProjectSidebarItems/ProjectSidebarItems.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { useRouter } from "next/router";
-
-import { Menu, MenuItem } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useGetAccessRequestsCount, useGetSecretApprovalRequestCount } from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-export const ProjectSidebarItem = () => {
-  const { currentWorkspace } = useWorkspace();
-  const router = useRouter();
-  const { t } = useTranslation();
-
-  const workspaceId = currentWorkspace?.id || "";
-  const projectSlug = currentWorkspace?.slug || "";
-
-  const { data: secretApprovalReqCount } = useGetSecretApprovalRequestCount({ workspaceId });
-  const { data: accessApprovalRequestCount } = useGetAccessRequestsCount({ projectSlug });
-
-  const pendingRequestsCount =
-    (secretApprovalReqCount?.open || 0) + (accessApprovalRequestCount?.pendingCount || 0);
-
-  if (
-    !currentWorkspace ||
-    router.asPath.startsWith("personal") ||
-    router.asPath.startsWith("integrations") ||
-    router.asPath.startsWith("/app-connections")
-  ) {
-    return <div />;
-  }
-
-  const isSecretManager = currentWorkspace?.type === ProjectType.SecretManager;
-  const isCertManager = currentWorkspace?.type === ProjectType.CertificateManager;
-  const isCmek = currentWorkspace?.type === ProjectType.KMS;
-  const isSsh = currentWorkspace?.type === ProjectType.SSH;
-
-  return (
-    <Menu>
-      {isSecretManager && (
-        <Link
-          href={`/${ProjectType.SecretManager}/${currentWorkspace?.id}/secrets/overview`}
-          passHref
-        >
-          <a>
-            <MenuItem
-              isSelected={router.asPath.includes(
-                `/${ProjectType.SecretManager}/${currentWorkspace?.id}/secrets`
-              )}
-              icon="system-outline-90-lock-closed"
-            >
-              {t("nav.menu.secrets")}
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      {isCertManager && (
-        <Link
-          href={`/${ProjectType.CertificateManager}/${currentWorkspace?.id}/certificates`}
-          passHref
-        >
-          <a>
-            <MenuItem
-              isSelected={
-                router.asPath ===
-                `/${ProjectType.CertificateManager}/${currentWorkspace?.id}/certificates`
-              }
-              icon="system-outline-90-lock-closed"
-            >
-              Overview
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      {isCmek && (
-        <Link href={`/${ProjectType.KMS}/${currentWorkspace?.id}/kms`} passHref>
-          <a>
-            <MenuItem
-              isSelected={router.asPath === `/${ProjectType.KMS}/${currentWorkspace?.id}/kms`}
-              icon="system-outline-90-lock-closed"
-            >
-              Overview
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      {isSsh && (
-        <Link href={`/${ProjectType.SSH}/${currentWorkspace?.id}/ssh`} passHref>
-          <a>
-            <MenuItem
-              isSelected={router.asPath === `/${ProjectType.SSH}/${currentWorkspace?.id}/ssh`}
-              icon="system-outline-90-lock-closed"
-            >
-              Overview
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      <Link href={`/${currentWorkspace.type}/${currentWorkspace?.id}/members`} passHref>
-        <a>
-          <MenuItem
-            isSelected={router.asPath.endsWith(`/${currentWorkspace?.id}/members`)}
-            icon="system-outline-96-groups"
-          >
-            Access Control
-          </MenuItem>
-        </a>
-      </Link>
-      {isSecretManager && (
-        <Link href={`/integrations/${currentWorkspace?.id}`} passHref>
-          <a>
-            <MenuItem
-              isSelected={router.asPath.includes("/integrations")}
-              icon="system-outline-82-extension"
-            >
-              {t("nav.menu.integrations")}
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      {isSecretManager && (
-        <Link
-          href={`/${ProjectType.SecretManager}/${currentWorkspace?.id}/secret-rotation`}
-          passHref
-        >
-          <a className="relative">
-            <MenuItem
-              isSelected={
-                router.asPath ===
-                `/${ProjectType.SecretManager}/${currentWorkspace?.id}/secret-rotation`
-              }
-              icon="rotation"
-            >
-              Secret Rotation
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      {isSecretManager && (
-        <Link href={`/secret-manager/${currentWorkspace?.id}/approval`} passHref>
-          <a className="relative">
-            <MenuItem
-              isSelected={
-                router.asPath === `/${ProjectType.SecretManager}/${currentWorkspace?.id}/approval`
-              }
-              icon="system-outline-189-domain-verification"
-            >
-              Approvals
-              {Boolean(
-                secretApprovalReqCount?.open || accessApprovalRequestCount?.pendingCount
-              ) && (
-                <span className="ml-2 rounded border border-primary-400 bg-primary-600 py-0.5 px-1 text-xs font-semibold text-black">
-                  {pendingRequestsCount}
-                </span>
-              )}
-            </MenuItem>
-          </a>
-        </Link>
-      )}
-      <Link href={`/${currentWorkspace.type}/${currentWorkspace?.id}/settings`} passHref>
-        <a>
-          <MenuItem
-            isSelected={router.asPath.endsWith(`/${currentWorkspace?.id}/settings`)}
-            icon="system-outline-109-slider-toggle-settings"
-          >
-            {t("nav.menu.project-settings")}
-          </MenuItem>
-        </a>
-      </Link>
-    </Menu>
-  );
-};
diff --git a/frontend-next/src/layouts/AppLayout/components/ProjectSidebarItems/index.tsx b/frontend-next/src/layouts/AppLayout/components/ProjectSidebarItems/index.tsx
deleted file mode 100644
index 70b5840b3..000000000
--- a/frontend-next/src/layouts/AppLayout/components/ProjectSidebarItems/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectSidebarItem } from "./ProjectSidebarItems";
diff --git a/frontend-next/src/layouts/AppLayout/components/WishForm/WishForm.tsx b/frontend-next/src/layouts/AppLayout/components/WishForm/WishForm.tsx
deleted file mode 100644
index 91907ee8c..000000000
--- a/frontend-next/src/layouts/AppLayout/components/WishForm/WishForm.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useForm } from "react-hook-form";
-import { faRocketchat } from "@fortawesome/free-brands-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  TextArea
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { useCreateUserWish } from "@app/hooks/api/userEngagement";
-
-const formSchema = z.object({
-  text: z.string().trim().min(1)
-});
-
-type TFormData = z.infer<typeof formSchema>;
-
-export const WishForm = () => {
-  const {
-    handleSubmit,
-    register,
-    reset,
-    formState: { isSubmitting, errors }
-  } = useForm<TFormData>({
-    resolver: zodResolver(formSchema)
-  });
-  const { mutateAsync } = useCreateUserWish();
-  const [isOpen, setIsOpen] = useToggle(false);
-
-  const createWish = async (data: TFormData) => {
-    try {
-      await mutateAsync({
-        text: data.text
-      });
-
-      createNotification({
-        text: "Your wish has been sent to the Infisical team!",
-        type: "success"
-      });
-
-      setIsOpen.off();
-    } catch (err) {
-      createNotification({
-        text: "An error occured while sending your wish to the Infisical team.",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Popover
-      onOpenChange={() => {
-        setIsOpen.toggle();
-        reset();
-      }}
-      open={isOpen}
-    >
-      <PopoverTrigger asChild>
-        <div className="text-md mb-3 w-full pl-5 duration-200 hover:text-mineshaft-200">
-          <FontAwesomeIcon icon={faRocketchat} className="mr-2" />
-          Request a feature
-        </div>
-      </PopoverTrigger>
-      <PopoverContent
-        hideCloseBtn
-        align="start"
-        alignOffset={20}
-        className="mb-1 w-auto border border-mineshaft-600 bg-mineshaft-900 p-4 drop-shadow-2xl"
-        sticky="always"
-      >
-        <form onSubmit={handleSubmit(createWish)}>
-          <FormControl
-            className="mb-0"
-            isError={Boolean(errors?.text)}
-            errorText={errors?.text?.message}
-          >
-            <TextArea
-              className="border border-mineshaft-600 bg-black/10 text-sm focus:ring-0"
-              variant="outline"
-              placeholder="Wish for anything! Help us improve the platform."
-              reSize="none"
-              rows={6}
-              cols={40}
-              {...register("text")}
-            />
-          </FormControl>
-          <div className="flex justify-end pt-2">
-            <Button
-              className="w-min"
-              colorSchema="secondary"
-              type="submit"
-              isLoading={isSubmitting}
-              disabled={isSubmitting}
-            >
-              Send
-            </Button>
-          </div>
-        </form>
-      </PopoverContent>
-    </Popover>
-  );
-};
diff --git a/frontend-next/src/layouts/AppLayout/index.tsx b/frontend-next/src/layouts/AppLayout/index.tsx
deleted file mode 100644
index b6757d154..000000000
--- a/frontend-next/src/layouts/AppLayout/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AppLayout } from "./AppLayout";
diff --git a/frontend-next/src/layouts/index.tsx b/frontend-next/src/layouts/index.tsx
deleted file mode 100644
index 726119dcf..000000000
--- a/frontend-next/src/layouts/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { AdminLayout } from "./AdminLayout";
-export { AppLayout } from "./AppLayout";
diff --git a/frontend-next/src/lib/crypto/index.ts b/frontend-next/src/lib/crypto/index.ts
deleted file mode 100644
index d80dc086c..000000000
--- a/frontend-next/src/lib/crypto/index.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import crypto from "crypto";
-
-import jsrp from "jsrp";
-import nacl from "tweetnacl";
-import { encodeBase64 } from "tweetnacl-util";
-
-import Aes256Gcm from "@app/components/utilities/cryptography/aes-256-gcm";
-import { deriveArgonKey } from "@app/components/utilities/cryptography/crypto";
-import { issueBackupPrivateKey, srp1 } from "@app/hooks/api/auth/queries";
-
-export const generateUserBackupKey = async (email: string, password: string) => {
-  // eslint-disable-next-line new-cap
-  const clientKey = new jsrp.client();
-  // eslint-disable-next-line new-cap
-  const clientPassword = new jsrp.client();
-
-  await new Promise((resolve) => {
-    clientPassword.init({ username: email, password }, () => resolve(null));
-  });
-  const clientPublicKey = clientPassword.getPublicKey();
-  const srpKeys = await srp1({ clientPublicKey });
-  clientPassword.setSalt(srpKeys.salt);
-  clientPassword.setServerPublicKey(srpKeys.serverPublicKey);
-
-  const clientProof = clientPassword.getProof(); // called M1
-  const generatedKey = crypto.randomBytes(16).toString("hex");
-
-  await new Promise((resolve) => {
-    clientKey.init({ username: email, password: generatedKey }, () => resolve(null));
-  });
-
-  const { salt, verifier } = await new Promise<{ salt: string; verifier: string }>(
-    (resolve, reject) => {
-      clientKey.createVerifier((err, res) => {
-        if (err) return reject(err);
-        return resolve(res);
-      });
-    }
-  );
-  const { ciphertext, iv, tag } = Aes256Gcm.encrypt({
-    text: String(localStorage.getItem("PRIVATE_KEY")),
-    secret: generatedKey
-  });
-
-  await issueBackupPrivateKey({
-    encryptedPrivateKey: ciphertext,
-    iv,
-    tag,
-    salt,
-    verifier,
-    clientProof
-  });
-
-  return generatedKey;
-};
-
-export const generateUserPassKey = async (email: string, password: string) => {
-  // eslint-disable-next-line new-cap
-  const client = new jsrp.client();
-
-  const pair = nacl.box.keyPair();
-  const secretKeyUint8Array = pair.secretKey;
-  const publicKeyUint8Array = pair.publicKey;
-  const privateKey = encodeBase64(secretKeyUint8Array);
-  const publicKey = encodeBase64(publicKeyUint8Array);
-
-  await new Promise((resolve) => {
-    client.init({ username: email, password }, () => resolve(null));
-  });
-  const { salt, verifier } = await new Promise<{ salt: string; verifier: string }>(
-    (resolve, reject) => {
-      client.createVerifier((err, res) => {
-        if (err) return reject(err);
-        return resolve(res);
-      });
-    }
-  );
-
-  const derivedKey = await deriveArgonKey({
-    password,
-    salt,
-    mem: 65536,
-    time: 3,
-    parallelism: 1,
-    hashLen: 32
-  });
-
-  if (!derivedKey) throw new Error("Failed to derive key from password");
-
-  const key = crypto.randomBytes(32);
-
-  // create encrypted private key by encrypting the private
-  // key with the symmetric key [key]
-  const {
-    ciphertext: encryptedPrivateKey,
-    iv: encryptedPrivateKeyIV,
-    tag: encryptedPrivateKeyTag
-  } = Aes256Gcm.encrypt({
-    text: privateKey,
-    secret: key
-  });
-
-  // create the protected key by encrypting the symmetric key
-  // [key] with the derived key
-  const {
-    ciphertext: protectedKey,
-    iv: protectedKeyIV,
-    tag: protectedKeyTag
-  } = Aes256Gcm.encrypt({
-    text: key.toString("hex"),
-    secret: Buffer.from(derivedKey.hash)
-  });
-
-  return {
-    protectedKey,
-    protectedKeyTag,
-    protectedKeyIV,
-    encryptedPrivateKey,
-    encryptedPrivateKeyIV,
-    encryptedPrivateKeyTag,
-    publicKey,
-    verifier,
-    salt,
-    privateKey
-  };
-};
diff --git a/frontend-next/src/lib/fn/array.ts b/frontend-next/src/lib/fn/array.ts
deleted file mode 100644
index eef80a892..000000000
--- a/frontend-next/src/lib/fn/array.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Sorts an array of items into groups. The return value is a map where the keys are
- * the group ids the given getGroupId function produced and the value is an array of
- * each item in that group.
- */
-export const groupBy = <T, Key extends string | number | symbol>(
-  array: readonly T[],
-  getGroupId: (item: T) => Key
-): Record<Key, T[]> =>
-  array.reduce((acc, item) => {
-    const groupId = getGroupId(item);
-    if (!acc[groupId]) acc[groupId] = [];
-    acc[groupId].push(item);
-    return acc;
-  }, {} as Record<Key, T[]>);
-
-/**
- * Given a list of items returns a new list with only
- * unique items. Accepts an optional identity function
- * to convert each item in the list to a comparable identity
- * value
- */
-export const unique = <T, K extends string | number | symbol>(
-  array: readonly T[],
-  toKey?: (item: T) => K
-): T[] => {
-  const valueMap = array.reduce((acc, item) => {
-    const key = toKey ? toKey(item) : (item as unknown as string | number | symbol);
-    if (acc[key]) return acc;
-    acc[key] = item;
-    return acc;
-  }, {} as Record<string | number | symbol, T>);
-  return Object.values(valueMap);
-};
diff --git a/frontend-next/src/lib/fn/date.ts b/frontend-next/src/lib/fn/date.ts
deleted file mode 100644
index 66423b3cb..000000000
--- a/frontend-next/src/lib/fn/date.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-export const timeAgo = (inputDate: Date, currentDate: Date): string => {
-  const now = new Date(currentDate).getTime();
-  const date = new Date(inputDate).getTime();
-  const elapsedMilliseconds = now - date;
-  const elapsedSeconds = Math.abs(Math.floor(elapsedMilliseconds / 1000));
-  const elapsedMinutes = Math.abs(Math.floor(elapsedSeconds / 60));
-  const elapsedHours = Math.abs(Math.floor(elapsedMinutes / 60));
-  const elapsedDays = Math.abs(Math.floor(elapsedHours / 24));
-  const elapsedWeeks = Math.abs(Math.floor(elapsedDays / 7));
-  const elapsedMonths = Math.abs(Math.floor(elapsedDays / 30));
-  const elapsedYears = Math.abs(Math.floor(elapsedDays / 365));
-
-  if (elapsedYears > 0) {
-    return `${elapsedYears} year${elapsedYears === 1 ? "" : "s"} ${
-      elapsedMilliseconds >= 0 ? "ago" : "from now"
-    }`;
-  }
-  if (elapsedMonths > 0) {
-    return `${elapsedMonths} month${elapsedMonths === 1 ? "" : "s"} ${
-      elapsedMilliseconds >= 0 ? "ago" : "from now"
-    }`;
-  }
-  if (elapsedWeeks > 0) {
-    return `${elapsedWeeks} week${elapsedWeeks === 1 ? "" : "s"} ${
-      elapsedMilliseconds >= 0 ? "ago" : "from now"
-    }`;
-  }
-  if (elapsedDays > 0) {
-    return `${elapsedDays} day${elapsedDays === 1 ? "" : "s"} ${
-      elapsedMilliseconds >= 0 ? "ago" : "from now"
-    }`;
-  }
-  if (elapsedHours > 0) {
-    return `${elapsedHours} hour${elapsedHours === 1 ? "" : "s"} ${
-      elapsedMilliseconds >= 0 ? "ago" : "from now"
-    }`;
-  }
-  if (elapsedMinutes > 0) {
-    return `${elapsedMinutes} minute${elapsedMinutes === 1 ? "" : "s"} ${
-      elapsedMilliseconds >= 0 ? "ago" : "from now"
-    }`;
-  }
-  return `${elapsedSeconds} second${elapsedSeconds === 1 ? "" : "s"} ${
-    elapsedMilliseconds >= 0 ? "ago" : "from now"
-  }`;
-};
diff --git a/frontend-next/src/lib/fn/debounce.ts b/frontend-next/src/lib/fn/debounce.ts
deleted file mode 100644
index 16d7b4ceb..000000000
--- a/frontend-next/src/lib/fn/debounce.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export const debounce = <F extends (...args: any[]) => any>(
-  func: F,
-  delay: number
-): ((...args: Parameters<F>) => void) => {
-  let timeoutId: ReturnType<typeof setTimeout> | null;
-  return function debounced(...args: Parameters<F>) {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      func(...args);
-      timeoutId = null;
-    }, delay);
-  };
-};
diff --git a/frontend-next/src/lib/fn/object.ts b/frontend-next/src/lib/fn/object.ts
deleted file mode 100644
index 0af1ead2d..000000000
--- a/frontend-next/src/lib/fn/object.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Omit a list of properties from an object
- * returning a new object with the properties
- * that remain
- */
-export const omit = <T, TKeys extends keyof T>(obj: T, keys: TKeys[]): Omit<T, TKeys> => {
-  if (!obj) return {} as Omit<T, TKeys>;
-  if (!keys || keys.length === 0) return obj as Omit<T, TKeys>;
-  return keys.reduce(
-    (acc, key) => {
-      // Gross, I know, it's mutating the object, but we
-      // are allowing it in this very limited scope due
-      // to the performance implications of an omit func.
-      // Not a pattern or practice to use elsewhere.
-      delete acc[key];
-      return acc;
-    },
-    { ...obj }
-  );
-};
diff --git a/frontend-next/src/lib/fn/string.ts b/frontend-next/src/lib/fn/string.ts
deleted file mode 100644
index 9d3d01cc5..000000000
--- a/frontend-next/src/lib/fn/string.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ReservedFolders } from "@app/hooks/api/secretFolders/types";
-
-export const formatReservedPaths = (secretPath: string) => {
-  const i = secretPath.indexOf(ReservedFolders.SecretReplication);
-  if (i !== -1) {
-    return `${secretPath.slice(0, i)} - (replication)`;
-  }
-  return secretPath;
-};
diff --git a/frontend-next/src/lib/schemas/index.ts b/frontend-next/src/lib/schemas/index.ts
deleted file mode 100644
index 41b8ace4b..000000000
--- a/frontend-next/src/lib/schemas/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./slugSchema";
diff --git a/frontend-next/src/lib/schemas/slugSchema.ts b/frontend-next/src/lib/schemas/slugSchema.ts
deleted file mode 100644
index ed97cb7d0..000000000
--- a/frontend-next/src/lib/schemas/slugSchema.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import slugify from "@sindresorhus/slugify";
-import { z } from "zod";
-
-interface SlugSchemaInputs {
-  min?: number;
-  max?: number;
-  field?: string;
-}
-
-export const slugSchema = ({ min = 1, max = 32, field = "Slug" }: SlugSchemaInputs = {}) => {
-  return z
-    .string()
-    .trim()
-    .min(min, {
-      message: `${field} field must be at least ${min} lowercase character${min === 1 ? "" : "s"}`
-    })
-    .max(max, {
-      message: `${field} field must be at most ${max} lowercase character${max === 1 ? "" : "s"}`
-    })
-    .refine((v) => slugify(v, { lowercase: true }) === v, {
-      message: `${field} field can only contain lowercase letters, numbers, and hyphens`
-    });
-};
diff --git a/frontend-next/src/lib/types/index.ts b/frontend-next/src/lib/types/index.ts
deleted file mode 100644
index ce14b6acd..000000000
--- a/frontend-next/src/lib/types/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type DiscriminativePick<T, K extends keyof T> = T extends unknown ? Pick<T, K> : never;
diff --git a/frontend-next/src/pages/404.tsx b/frontend-next/src/pages/404.tsx
deleted file mode 100644
index f4d380786..000000000
--- a/frontend-next/src/pages/404.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-
-export default function Custom404() {
-  return (
-    <div className="flex flex-col justify-between bg-bunker-800 md:h-screen">
-      <Head>
-        <title>Infisical | Page Not Found</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <div className="flex h-screen w-screen flex-col items-center justify-center text-gray-200">
-        <p className="mt-32 text-4xl">Oops, something went wrong</p>
-        <p className="mt-2 mb-1 text-lg">
-          Think this is a mistake? Email{" "}
-          <a className="text-primary underline underline-offset-4" href="mailto:team@infisical.com">
-            team@infisical.com
-          </a>{" "}
-          and we`ll fix it!{" "}
-        </p>
-        <Link href="/dashboard">
-          <div className="diration-200 mt-8 cursor-default rounded-md bg-mineshaft-500 py-2 px-4 font-semibold hover:bg-primary hover:text-black">
-            Go to Dashboard
-          </div>
-        </Link>
-        <Image
-          src="/images/dragon-404.svg"
-          height={554}
-          width={942}
-          alt="infisical dragon - page not found"
-        />
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/_app.tsx b/frontend-next/src/pages/_app.tsx
deleted file mode 100644
index 0be4a10b2..000000000
--- a/frontend-next/src/pages/_app.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-/* eslint-disable vars-on-top */
-/* eslint-disable no-var */
-/* eslint-disable func-names */
-/* eslint-disable react/jsx-props-no-spreading */
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
-import { useEffect } from "react";
-import { AppProps } from "next/app";
-import { useRouter } from "next/router";
-import { config } from "@fortawesome/fontawesome-svg-core";
-import { QueryClientProvider } from "@tanstack/react-query";
-import NProgress from "nprogress";
-
-import { NotificationContainer } from "@app/components/notifications";
-import Telemetry from "@app/components/utilities/telemetry/Telemetry";
-import { TooltipProvider } from "@app/components/v2";
-import { publicPaths } from "@app/const";
-import {
-  AuthProvider,
-  OrgPermissionProvider,
-  OrgProvider,
-  ProjectPermissionProvider,
-  ServerConfigProvider,
-  SubscriptionProvider,
-  UserProvider,
-  WorkspaceProvider
-} from "@app/context";
-import { AppLayout } from "@app/layouts";
-import ErrorBoundaryWrapper from "@app/layouts/AppLayout/ErrorBoundary";
-import { queryClient } from "@app/reactQuery";
-
-import "nprogress/nprogress.css";
-import "react-toastify/dist/ReactToastify.css";
-import "@fortawesome/fontawesome-svg-core/styles.css";
-import "react-day-picker/dist/style.css";
-import "../styles/globals.css";
-
-import "@app/i18n";
-
-config.autoAddCss = false;
-
-type NextAppProp = AppProps & {
-  Component: AppProps["Component"] & { requireAuth: boolean };
-};
-
-const App = ({ Component, pageProps, ...appProps }: NextAppProp): JSX.Element => {
-  const router = useRouter();
-
-  useEffect(() => {
-    // Init for auto capturing
-    const telemetry = new Telemetry().getInstance();
-
-    const handleRouteChange = () => {
-      if (typeof window !== "undefined") {
-        telemetry.capture("$pageview");
-      }
-    };
-
-    router.events.on("routeChangeComplete", handleRouteChange);
-
-    return () => {
-      router.events.off("routeChangeComplete", handleRouteChange);
-    };
-  }, [router.events]);
-
-  useEffect(() => {
-    const handleStart = () => NProgress.start();
-
-    const handleStop = () => NProgress.done();
-
-    router.events.on("routeChangeStart", handleStart);
-    router.events.on("routeChangeComplete", handleStop);
-    router.events.on("routeChangeError", handleStop);
-
-    return () => {
-      router.events.off("routeChangeStart", handleStart);
-      router.events.off("routeChangeComplete", handleStop);
-      router.events.off("routeChangeError", handleStop);
-    };
-  }, [router]);
-
-  // If it's one of these routes, don't add the layout (e.g., these routes are external)
-  if (
-    publicPaths.includes(`/${appProps.router.pathname.split("/")[1]}`) ||
-    !Component.requireAuth
-  ) {
-    return (
-      <ErrorBoundaryWrapper>
-        <QueryClientProvider client={queryClient}>
-          <TooltipProvider>
-            <NotificationContainer />
-            <ServerConfigProvider>
-              <UserProvider>
-                <AuthProvider>
-                  <Component {...pageProps} />
-                </AuthProvider>
-              </UserProvider>
-            </ServerConfigProvider>
-          </TooltipProvider>
-        </QueryClientProvider>
-      </ErrorBoundaryWrapper>
-    );
-  }
-
-  const Layout = Component?.layout || AppLayout;
-
-  return (
-    <ErrorBoundaryWrapper>
-      <QueryClientProvider client={queryClient}>
-        <TooltipProvider>
-          <NotificationContainer />
-          <ServerConfigProvider>
-            <AuthProvider>
-              <OrgProvider>
-                <OrgPermissionProvider>
-                  <WorkspaceProvider>
-                    <ProjectPermissionProvider>
-                      <SubscriptionProvider>
-                        <UserProvider>
-                          <Layout>
-                            <Component {...pageProps} />
-                          </Layout>
-                        </UserProvider>
-                      </SubscriptionProvider>
-                    </ProjectPermissionProvider>
-                  </WorkspaceProvider>
-                </OrgPermissionProvider>
-              </OrgProvider>
-            </AuthProvider>
-          </ServerConfigProvider>
-        </TooltipProvider>
-      </QueryClientProvider>
-    </ErrorBoundaryWrapper>
-  );
-};
-
-export default App;
-
-/* <Script
-src="https://www.googletagmanager.com/gtag/js?id=G-DQ1XLJJGG1"
-strategy="afterInteractive"
-/>
-<Script id="google-analytics" strategy="afterInteractive">
-{`
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){window.dataLayer.push(arguments);}
-    gtag('js', new Date());
-
-    gtag('config', 'G-DQ1XLJJGG1');
-  `}
-</Script> */
diff --git a/frontend-next/src/pages/admin/index.tsx b/frontend-next/src/pages/admin/index.tsx
deleted file mode 100644
index 29abcf730..000000000
--- a/frontend-next/src/pages/admin/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { AdminLayout } from "@app/layouts";
-import { AdminDashboardPage } from "@app/views/admin/DashboardPage";
-
-const AdminDashboard = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("admin.dashboard") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("admin.dashboard.og-title") ?? ""} />
-        <meta name="og:description" content={t("admin.dashboard.og-description") ?? ""} />
-      </Head>
-      <div className="h-full">
-        <AdminDashboardPage />
-      </div>
-    </>
-  );
-};
-
-export default AdminDashboard;
-
-AdminDashboard.requireAuth = true;
-
-AdminDashboard.layout = AdminLayout;
diff --git a/frontend-next/src/pages/admin/signup.tsx b/frontend-next/src/pages/admin/signup.tsx
deleted file mode 100644
index af191c771..000000000
--- a/frontend-next/src/pages/admin/signup.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { SignUpPage } from "@app/views/admin/SignUpPage";
-
-export default function LoginPage() {
-  const { t } = useTranslation();
-
-  return (
-    <div className="flex max-h-screen min-h-screen flex-col justify-center overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6">
-      <Head>
-        <title>{t("common.head-title", { title: t("signup.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("signup.og-title") ?? ""} />
-        <meta name="og:description" content={t("signup.og-description") ?? ""} />
-      </Head>
-      <SignUpPage />
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/api/auth/CheckAuth.ts b/frontend-next/src/pages/api/auth/CheckAuth.ts
deleted file mode 100644
index 28d9f1d7c..000000000
--- a/frontend-next/src/pages/api/auth/CheckAuth.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-/**
- * This function is used to check if the user is authenticated.
- * To do that, we get their tokens from cookies, and verify if they are good.
- */
-const checkAuth = async () => {
-  return SecurityClient.fetchCall("/api/v1/auth/checkAuth", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    }
-  }).then((res) => res);
-};
-
-export default checkAuth;
diff --git a/frontend-next/src/pages/api/secret-scanning/createSecretScanningSession.ts b/frontend-next/src/pages/api/secret-scanning/createSecretScanningSession.ts
deleted file mode 100644
index 6042ab521..000000000
--- a/frontend-next/src/pages/api/secret-scanning/createSecretScanningSession.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-/**
- * Will create a new integration session and return it for the given org
- * @returns
- */
-const createNewIntegrationSession = (organizationId: string) =>
-  SecurityClient.fetchCall("/api/v1/secret-scanning/create-installation-session/organization", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      organizationId
-    })
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return res.json();
-    }
-    console.log("Failed to create integration session");
-    console.log("response", res);
-    return undefined;
-  });
-
-export default createNewIntegrationSession;
diff --git a/frontend-next/src/pages/api/secret-scanning/getInstallationStatus.ts b/frontend-next/src/pages/api/secret-scanning/getInstallationStatus.ts
deleted file mode 100644
index bc8ce9f5c..000000000
--- a/frontend-next/src/pages/api/secret-scanning/getInstallationStatus.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-/**
- * Will create a new integration session and return it for the given org
- * @returns
- */
-const getInstallationStatus = (organizationId: string) =>
-  SecurityClient.fetchCall(
-    `/api/v1/secret-scanning/installation-status/organization/${organizationId}`,
-    {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      }
-    }
-  ).then(async (res) => {
-    if (res && res.status === 200) {
-      return (await res.json()).appInstallationCompleted;
-    }
-    console.log("Failed to check installation status");
-    console.log("response", res);
-    return undefined;
-  });
-
-export default getInstallationStatus;
diff --git a/frontend-next/src/pages/api/secret-scanning/getRisksByOrganization.ts b/frontend-next/src/pages/api/secret-scanning/getRisksByOrganization.ts
deleted file mode 100644
index 91de19119..000000000
--- a/frontend-next/src/pages/api/secret-scanning/getRisksByOrganization.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-export type IGitRisks = {
-  id: string;
-  description: string;
-  startLine: string;
-  endLine: string;
-  startColumn: string;
-  endColumn: string;
-  match: string;
-  secret: string;
-  file: string;
-  symlinkFile: string;
-  commit: string;
-  entropy: string;
-  author: string;
-  email: string;
-  date: string;
-  message: string;
-  tags: string[];
-  ruleID: string;
-  fingerprint: string;
-  status: string;
-
-  isFalsePositive: boolean; // New field for marking risks as false positives
-  isResolved: boolean; // New field for marking risks as resolved
-  riskOwner: string | null; // New field for setting a risk owner (nullable string)
-  installationId: string;
-  repositoryId: string;
-  repositoryLink: string;
-  repositoryFullName: string;
-  pusher: {
-    name: string;
-    email: string;
-  };
-  createdAt: string;
-  orgId: string;
-};
-
-/**
- * Will create a new integration session and return it for the given org
- * @returns
- */
-const getRisksByOrganization = (oranizationId: string): Promise<IGitRisks[]> =>
-  SecurityClient.fetchCall(`/api/v1/secret-scanning/organization/${oranizationId}/risks`, {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json"
-    }
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return (await res.json()).risks;
-    }
-    console.log("Failed to fetch risks");
-    return undefined;
-  });
-
-export default getRisksByOrganization;
diff --git a/frontend-next/src/pages/api/secret-scanning/linkGitAppInstallationWithOrganization.ts b/frontend-next/src/pages/api/secret-scanning/linkGitAppInstallationWithOrganization.ts
deleted file mode 100644
index e8732f5a0..000000000
--- a/frontend-next/src/pages/api/secret-scanning/linkGitAppInstallationWithOrganization.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-/**
- * Will create a new integration session and return it for the given org
- * @returns
- */
-const linkGitAppInstallationWithOrganization = (installationId: string, sessionId: string) =>
-  SecurityClient.fetchCall("/api/v1/secret-scanning/link-installation", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      installationId,
-      sessionId
-    })
-  }).then(async (res) => {
-    if (res && res.status === 200) {
-      return true;
-    }
-    console.log("Failed to link installation to organization");
-    return undefined;
-  });
-
-export default linkGitAppInstallationWithOrganization;
diff --git a/frontend-next/src/pages/api/secret-scanning/updateRiskStatus.ts b/frontend-next/src/pages/api/secret-scanning/updateRiskStatus.ts
deleted file mode 100644
index 361e70236..000000000
--- a/frontend-next/src/pages/api/secret-scanning/updateRiskStatus.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-export enum RiskStatus {
-  RESOLVED_FALSE_POSITIVE = "RESOLVED_FALSE_POSITIVE",
-  RESOLVED_REVOKED = "RESOLVED_REVOKED",
-  RESOLVED_NOT_REVOKED = "RESOLVED_NOT_REVOKED",
-  UNRESOLVED = "UNRESOLVED"
-}
-
-/**
- * Will create a new integration session and return it for the given org
- * @returns
- */
-const updateRiskStatus = (organizationId: string, riskId: string, status: RiskStatus) =>
-  SecurityClient.fetchCall(
-    `/api/v1/secret-scanning/organization/${organizationId}/risks/${riskId}/status`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        status
-      })
-    }
-  ).then(async (res) => {
-    if (res && res.status === 200) {
-      return res.json();
-    }
-    console.log("Failed to link installation to organization");
-    return undefined;
-  });
-
-export default updateRiskStatus;
diff --git a/frontend-next/src/pages/app-connections/github/oauth/callback.tsx b/frontend-next/src/pages/app-connections/github/oauth/callback.tsx
deleted file mode 100644
index 79827acaa..000000000
--- a/frontend-next/src/pages/app-connections/github/oauth/callback.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { createNotification } from "@app/components/notifications";
-import { ContentLoader } from "@app/components/v2";
-import {
-  GitHubConnectionMethod,
-  TAppConnection,
-  TGitHubConnection,
-  useCreateAppConnection,
-  useUpdateAppConnection
-} from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-type FormData = Pick<TGitHubConnection, "name" | "method" | "description"> & {
-  returnUrl?: string;
-  connectionId?: string;
-};
-
-export default function GitHubOAuthCallbackPage() {
-  const router = useRouter();
-  const updateAppConnection = useUpdateAppConnection();
-  const createAppConnection = useCreateAppConnection();
-
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  const {
-    code,
-    state,
-    installation_id: installationId
-  } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      let formData: FormData;
-
-      try {
-        formData = JSON.parse(localStorage.getItem("githubConnectionFormData") ?? "{}") as FormData;
-      } catch (e) {
-        createNotification({
-          type: "error",
-          text: "Invalid form state, redirecting..."
-        });
-        router.push(window.location.origin);
-        return;
-      }
-
-      // validate state
-      if (state !== localStorage.getItem("latestCSRFToken")) {
-        createNotification({
-          type: "error",
-          text: "Invalid state, redirecting..."
-        });
-        router.push(window.location.origin);
-        return;
-      }
-
-      localStorage.removeItem("githubConnectionFormData");
-      localStorage.removeItem("latestCSRFToken");
-
-      const { connectionId, name, description, returnUrl } = formData;
-
-      let appConnection: TAppConnection;
-
-      try {
-        if (connectionId) {
-          appConnection = await updateAppConnection.mutateAsync({
-            app: AppConnection.GitHub,
-            ...(installationId
-              ? {
-                  connectionId,
-                  credentials: {
-                    code: code as string,
-                    installationId: installationId as string
-                  }
-                }
-              : {
-                  connectionId,
-                  credentials: {
-                    code: code as string
-                  }
-                })
-          });
-        } else {
-          appConnection = await createAppConnection.mutateAsync({
-            app: AppConnection.GitHub,
-            name,
-            description,
-            ...(installationId
-              ? {
-                  method: GitHubConnectionMethod.App,
-                  credentials: {
-                    code: code as string,
-                    installationId: installationId as string
-                  }
-                }
-              : {
-                  method: GitHubConnectionMethod.OAuth,
-                  credentials: {
-                    code: code as string
-                  }
-                })
-          });
-        }
-      } catch (e: any) {
-        createNotification({
-          title: `Failed to ${connectionId ? "update" : "add"} GitHub Connection`,
-          text: e.message,
-          type: "error"
-        });
-        router.push(
-          returnUrl ??
-            `/org/${localStorage.getItem("orgData.id")}/settings?selectedTab=app-connections`
-        );
-        return;
-      }
-
-      createNotification({
-        text: `Successfully ${connectionId ? "updated" : "added"} GitHub Connection`,
-        type: "success"
-      });
-
-      router.push(returnUrl ?? `/org/${appConnection.orgId}/settings?selectedTab=app-connections`);
-    })();
-  }, []);
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <ContentLoader />
-    </div>
-  );
-}
-
-GitHubOAuthCallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/allowlist/index.tsx b/frontend-next/src/pages/cert-manager/[id]/allowlist/index.tsx
deleted file mode 100644
index 73c25d802..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/allowlist/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IPAllowlistPage } from "@app/views/Project/IPAllowListPage";
-
-const ProjectAllowlist = () => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IPAllowlistPage />
-    </>
-  );
-};
-
-export default ProjectAllowlist;
-
-ProjectAllowlist.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/ca/[caId]/index.tsx b/frontend-next/src/pages/cert-manager/[id]/ca/[caId]/index.tsx
deleted file mode 100644
index b5f11f55a..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/ca/[caId]/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import Head from "next/head";
-
-import { CaPage } from "@app/views/Project/CaPage";
-
-export default function Ca() {
-  return (
-    <>
-      <Head>
-        <title>Certificate Authority</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <CaPage />
-    </>
-  );
-}
-
-Ca.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/certificates/index.tsx b/frontend-next/src/pages/cert-manager/[id]/certificates/index.tsx
deleted file mode 100644
index ede2e75f0..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/certificates/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { CertificatesPage } from "@app/views/Project/CertificatesPage";
-
-const Certificates = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="h-full bg-bunker-800">
-      <Head>
-        <title>{t("common.head-title", { title: "Certificates" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-      </Head>
-      <CertificatesPage />
-    </div>
-  );
-};
-
-export default Certificates;
-
-Certificates.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/identities/[identityId]/index.tsx b/frontend-next/src/pages/cert-manager/[id]/identities/[identityId]/index.tsx
deleted file mode 100644
index ae8b2716a..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/identities/[identityId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IdentityDetailsPage } from "@app/views/Project/IdentityDetailsPage";
-
-export default function ProjectIdentityDetailsPage() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IdentityDetailsPage />
-    </>
-  );
-}
-
-ProjectIdentityDetailsPage.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/members/[membershipId]/index.tsx b/frontend-next/src/pages/cert-manager/[id]/members/[membershipId]/index.tsx
deleted file mode 100644
index 033aa2b15..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/members/[membershipId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MemberDetailsPage } from "@app/views/Project/MemberDetailsPage";
-
-export default function Page() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MemberDetailsPage />
-    </>
-  );
-}
-
-Page.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/members/index.tsx b/frontend-next/src/pages/cert-manager/[id]/members/index.tsx
deleted file mode 100644
index 4bcbb833e..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/members/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MembersPage } from "@app/views/Project/MembersPage";
-
-export default function WorkspaceMemberSettings() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MembersPage />
-    </>
-  );
-}
-
-WorkspaceMemberSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/pki-collections/[collectionId]/index.tsx b/frontend-next/src/pages/cert-manager/[id]/pki-collections/[collectionId]/index.tsx
deleted file mode 100644
index 10533fd31..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/pki-collections/[collectionId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { PkiCollectionPage } from "@app/views/Project/PkiCollectionPage";
-
-export default function PkiCollection() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: "PKI Collection" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <PkiCollectionPage />
-    </>
-  );
-}
-
-PkiCollection.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/roles/[roleSlug]/index.tsx b/frontend-next/src/pages/cert-manager/[id]/roles/[roleSlug]/index.tsx
deleted file mode 100644
index 17c854cee..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/roles/[roleSlug]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { RolePage } from "@app/views/Project/RolePage";
-
-export default function Role() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: "Project Settings" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <RolePage />
-    </>
-  );
-}
-
-Role.requireAuth = true;
diff --git a/frontend-next/src/pages/cert-manager/[id]/settings/index.tsx b/frontend-next/src/pages/cert-manager/[id]/settings/index.tsx
deleted file mode 100644
index 331ba8cc5..000000000
--- a/frontend-next/src/pages/cert-manager/[id]/settings/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { ProjectSettingsPage } from "@app/views/Settings/ProjectSettingsPage";
-
-const ProjectSettings = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <ProjectSettingsPage />
-    </>
-  );
-};
-
-export default ProjectSettings;
-
-ProjectSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/cli-redirect.tsx b/frontend-next/src/pages/cli-redirect.tsx
deleted file mode 100644
index 3838edd5a..000000000
--- a/frontend-next/src/pages/cli-redirect.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import Head from "next/head";
-import Image from "next/image";
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { IconButton, SecretInput } from "@app/components/v2";
-import { SessionStorageKeys } from "@app/const";
-import { useTimedReset } from "@app/hooks";
-
-const getTerminalCliToken = () => {
-  const cliTerminalTokenInfo = sessionStorage.getItem(SessionStorageKeys.CLI_TERMINAL_TOKEN);
-  if (!cliTerminalTokenInfo) return;
-
-  const { expiry, data } = JSON.parse(cliTerminalTokenInfo);
-  if (new Date() > new Date(expiry)) {
-    sessionStorage.removeItem(SessionStorageKeys.CLI_TERMINAL_TOKEN);
-    return;
-  }
-
-  // eslint-disable-next-line
-  return data as string;
-};
-
-export default function CliRedirect() {
-  const [isUrlCopied, , setIsUrlCopied] = useTimedReset<boolean>({
-    initialState: false
-  });
-  const cliToken = getTerminalCliToken();
-
-  const copyUrlToClipboard = () => {
-    if (cliToken) {
-      navigator.clipboard.writeText(cliToken);
-      setIsUrlCopied(true);
-      sessionStorage.removeItem(SessionStorageKeys.CLI_TERMINAL_TOKEN);
-    }
-  };
-
-  return (
-    <div className="flex flex-col justify-between bg-bunker-800 md:h-screen">
-      <Head>
-        <title>Infisical CLI | Login Successful!</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <div className="flex h-screen w-screen flex-col items-center justify-center space-y-4 text-gray-200">
-        <div className="mb-4 flex justify-center">
-          <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical Logo" />
-        </div>
-        {cliToken ? (
-          <>
-            <div className="pb-4">
-              <p className="bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-3xl font-medium text-transparent">
-                Unable to reach CLI
-              </p>
-              <p className="text-light mb-1 text-lg text-mineshaft-400 text-center">
-                Your login was successful but, Infisical couldn&apos;t automatically push your login token to the CLI.
-              </p>
-              <p className="text-light mb-1 text-lg text-mineshaft-400 text-center">
-                Please copy the token below and manually provide it to your CLI.
-              </p>
-            </div>
-            <div className="dark relative flex max-h-36 max-w-xl flex-col items-center space-y-4 overflow-y-auto rounded-md border border-mineshaft-700 bg-mineshaft-900 p-3">
-              <SecretInput value={cliToken as string} />
-              <div className="mx-1 flex">
-                <IconButton
-                  variant="outline_bg"
-                  colorSchema="primary"
-                  ariaLabel="copy to clipboard"
-                  onClick={copyUrlToClipboard}
-                  className=" flex items-center rounded py-2"
-                >
-                  <FontAwesomeIcon className="pr-2" icon={isUrlCopied ? faCheck : faCopy} /> Copy to
-                  clipboard
-                </IconButton>
-              </div>
-            </div>
-          </>
-        ) : (
-          <>
-            <p className="bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-3xl font-medium text-transparent">
-              Head back to your terminal
-            </p>
-            <p className="text-light mb-1 text-lg text-mineshaft-400">
-              You&apos;ve successfully logged in to the Infisical CLI
-            </p>
-          </>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/dashboard.tsx b/frontend-next/src/pages/dashboard.tsx
deleted file mode 100644
index a4909303c..000000000
--- a/frontend-next/src/pages/dashboard.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-
-import { useGetOrganizations } from "@app/hooks/api";
-
-export default function DashboardRedirect() {
-  const router = useRouter();
-  const { data: userOrgs } = useGetOrganizations();
-
-  /**
-   * Here we forward to the default workspace if a user opens this url
-   */
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(() => {
-    (async () => {
-      let userOrg;
-      try {
-        if (localStorage.getItem("orgData.id")) {
-          router.push(`/org/${localStorage.getItem("orgData.id")}/overview`);
-        } else if (userOrgs) {
-          userOrg = userOrgs[0].id;
-          router.push(`/org/${userOrg}/overview`);
-        }
-      } catch (error) {
-        console.log("Error - Not logged in yet");
-      }
-    })();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return <div />;
-}
-
-DashboardRedirect.requireAuth = true;
diff --git a/frontend-next/src/pages/email-not-verified.tsx b/frontend-next/src/pages/email-not-verified.tsx
deleted file mode 100644
index 485cbdca3..000000000
--- a/frontend-next/src/pages/email-not-verified.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-import Head from "next/head";
-
-export default function EmailNotFeriviedPage() {
-  return (
-    <div className="flex flex-col justify-between bg-bunker-800 md:h-screen">
-      <Head>
-        <title>Request a New Invite</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <div className="flex h-screen w-screen flex-col items-center justify-center text-gray-200">
-        <p className="text-6xl">Oops.</p>
-        <p className="mt-2 mb-1 text-xl">Your email was not verified. </p>
-        <p className="text-xl">Please try again.</p>
-        <p className="text-md mt-8 max-w-sm text-center text-gray-600">
-          Note: If it still doesn&apos;t work, please reach out to us at support@infisical.com
-        </p>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/index.tsx b/frontend-next/src/pages/index.tsx
deleted file mode 100644
index 331e05c6e..000000000
--- a/frontend-next/src/pages/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-
-export default function Home() {
-  const router = useRouter();
-
-  useEffect(() => {
-    router.push("/login");
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return <div className="w-screen bg-bunker-800" />;
-}
diff --git a/frontend-next/src/pages/integrations/[id].tsx b/frontend-next/src/pages/integrations/[id].tsx
deleted file mode 100644
index 8cc1baca3..000000000
--- a/frontend-next/src/pages/integrations/[id].tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import frameworkIntegrationOptions from "public/json/frameworkIntegrations.json";
-import infrastructureIntegrationOptions from "public/json/infrastructureIntegrations.json";
-
-import { IntegrationsPage } from "@app/views/IntegrationsPage";
-
-type Props = {
-  frameworkIntegrations: typeof frameworkIntegrationOptions;
-  infrastructureIntegrations: typeof infrastructureIntegrationOptions; 
-};
-
-const Integration = ({ frameworkIntegrations, infrastructureIntegrations }: Props) => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("integrations.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="Manage your .env files in seconds" />
-        <meta name="og:description" content={t("integrations.description") as string} />
-      </Head>
-      <IntegrationsPage frameworkIntegrations={frameworkIntegrations} infrastructureIntegrations={infrastructureIntegrations} />
-    </>
-  );
-};
-
-export const getStaticProps = () => {
-  return {
-    props: {
-      frameworkIntegrations: frameworkIntegrationOptions,
-      infrastructureIntegrations: infrastructureIntegrationOptions
-    }
-  };
-};
-
-export const getStaticPaths = async () => {
-  return {
-    paths: [], // indicates that no page needs be created at build time
-    fallback: "blocking" // indicates the type of fallback
-  };
-};
-
-Integration.requireAuth = true;
-
-export default Integration;
diff --git a/frontend-next/src/pages/integrations/aws-parameter-store/authorize.tsx b/frontend-next/src/pages/integrations/aws-parameter-store/authorize.tsx
deleted file mode 100644
index eb708fd22..000000000
--- a/frontend-next/src/pages/integrations/aws-parameter-store/authorize.tsx
+++ /dev/null
@@ -1,203 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-
-enum AwsAuthType {
-  AccessKey = "access-key",
-  AssumeRole = "assume-role"
-}
-
-const formSchema = z.discriminatedUnion("type", [
-  z.object({
-    type: z.literal(AwsAuthType.AccessKey),
-    accessKey: z.string().min(1),
-    accessSecretKey: z.string().min(1)
-  }),
-  z.object({
-    type: z.literal(AwsAuthType.AssumeRole),
-    iamRoleArn: z.string().min(1)
-  })
-]);
-
-type TForm = z.infer<typeof formSchema>;
-
-export default function AWSParameterStoreAuthorizeIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const { control, handleSubmit, formState, watch } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      type: AwsAuthType.AccessKey
-    }
-  });
-
-  const formAwsAuthTypeField = watch("type");
-
-  const handleFormSubmit = async (data: TForm) => {
-    try {
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "aws-parameter-store",
-        ...(data.type === AwsAuthType.AssumeRole
-          ? {
-              awsAssumeIamRoleArn: data.iamRoleArn
-            }
-          : {
-              accessId: data.accessKey,
-              accessToken: data.accessSecretKey
-            })
-      });
-
-      router.push(
-        `/integrations/aws-parameter-store/create?integrationAuthId=${integrationAuth.id}`
-      );
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize AWS Parameter Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding the details below, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center">
-              <Image
-                src="/images/integrations/Amazon Web Services.png"
-                height={35}
-                width={35}
-                alt="AWS logo"
-              />
-            </div>
-            <span className="ml-1.5">AWS Parameter Store Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/aws-parameter-store" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <CardBody>
-          <form onSubmit={handleSubmit(handleFormSubmit)}>
-            <Controller
-              control={control}
-              name="type"
-              defaultValue={AwsAuthType.AccessKey}
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Authentication Mode"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    <SelectItem value={AwsAuthType.AccessKey}>Access Key</SelectItem>
-                    <SelectItem value={AwsAuthType.AssumeRole}>AWS Assume Role</SelectItem>
-                  </Select>
-                </FormControl>
-              )}
-            />
-            {formAwsAuthTypeField === AwsAuthType.AccessKey ? (
-              <>
-                <Controller
-                  control={control}
-                  name="accessKey"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Access Key ID"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input placeholder="" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="accessSecretKey"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Secret Access Key"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        type="password"
-                        autoComplete="new-password"
-                        placeholder=""
-                        {...field}
-                      />
-                    </FormControl>
-                  )}
-                />
-              </>
-            ) : (
-              <Controller
-                control={control}
-                name="iamRoleArn"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="IAM Role ARN For Role Assumption"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Input placeholder="" {...field} />
-                  </FormControl>
-                )}
-              />
-            )}
-            <Button
-              type="submit"
-              colorSchema="primary"
-              variant="outline_bg"
-              className="mb-6 mt-2 ml-auto mr-6 w-min"
-              isLoading={formState.isSubmitting}
-            >
-              Connect to AWS Parameter Store
-            </Button>
-          </form>
-        </CardBody>
-      </Card>
-    </div>
-  );
-}
-
-AWSParameterStoreAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/aws-parameter-store/create.tsx b/frontend-next/src/pages/integrations/aws-parameter-store/create.tsx
deleted file mode 100644
index 5a73aa7bd..000000000
--- a/frontend-next/src/pages/integrations/aws-parameter-store/create.tsx
+++ /dev/null
@@ -1,395 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/queries";
-
-import {
-  Badge,
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem,
-  Switch,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "../../../components/v2";
-import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-enum TabSections {
-  Connection = "connection",
-  Options = "options"
-}
-
-const awsRegions = [
-  { name: "US East (Ohio)", slug: "us-east-2" },
-  { name: "US East (N. Virginia)", slug: "us-east-1" },
-  { name: "US West (N. California)", slug: "us-west-1" },
-  { name: "US West (Oregon)", slug: "us-west-2" },
-  { name: "Africa (Cape Town)", slug: "af-south-1" },
-  { name: "Asia Pacific (Hong Kong)", slug: "ap-east-1" },
-  { name: "Asia Pacific (Hyderabad)", slug: "ap-south-2" },
-  { name: "Asia Pacific (Jakarta)", slug: "ap-southeast-3" },
-  { name: "Asia Pacific (Melbourne)", slug: "ap-southeast-4" },
-  { name: "Asia Pacific (Mumbai)", slug: "ap-south-1" },
-  { name: "Asia Pacific (Osaka)", slug: "ap-northeast-3" },
-  { name: "Asia Pacific (Seoul)", slug: "ap-northeast-2" },
-  { name: "Asia Pacific (Singapore)", slug: "ap-southeast-1" },
-  { name: "Asia Pacific (Sydney)", slug: "ap-southeast-2" },
-  { name: "Asia Pacific (Tokyo)", slug: "ap-northeast-1" },
-  { name: "Canada (Central)", slug: "ca-central-1" },
-  { name: "Europe (Frankfurt)", slug: "eu-central-1" },
-  { name: "Europe (Ireland)", slug: "eu-west-1" },
-  { name: "Europe (London)", slug: "eu-west-2" },
-  { name: "Europe (Milan)", slug: "eu-south-1" },
-  { name: "Europe (Paris)", slug: "eu-west-3" },
-  { name: "Europe (Spain)", slug: "eu-south-2" },
-  { name: "Europe (Stockholm)", slug: "eu-north-1" },
-  { name: "Europe (Zurich)", slug: "eu-central-2" },
-  { name: "Middle East (Bahrain)", slug: "me-south-1" },
-  { name: "Middle East (UAE)", slug: "me-central-1" },
-  { name: "South America (Sao Paulo)", slug: "sa-east-1" },
-  { name: "AWS GovCloud (US-East)", slug: "us-gov-east-1" },
-  { name: "AWS GovCloud (US-West)", slug: "us-gov-west-1" }
-];
-
-export default function AWSParameterStoreCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isintegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [selectedAWSRegion, setSelectedAWSRegion] = useState("");
-  const [path, setPath] = useState("");
-  const [pathErrorText, setPathErrorText] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-  const [shouldTag, setShouldTag] = useState(false);
-  const [shouldDisableDelete, setShouldDisableDelete] = useState(false);
-  const [tagKey, setTagKey] = useState("");
-  const [tagValue, setTagValue] = useState("");
-  const [kmsKeyId, setKmsKeyId] = useState("");
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-      setSelectedAWSRegion(awsRegions[0].slug);
-    }
-  }, [workspace]);
-
-  const { data: integrationAuthAwsKmsKeys, isLoading: isIntegrationAuthAwsKmsKeysLoading } =
-    useGetIntegrationAuthAwsKmsKeys({
-      integrationAuthId: String(integrationAuthId),
-      region: selectedAWSRegion
-    });
-
-  const isValidAWSParameterStorePath = (awsStorePath: string) => {
-    const pattern = /^\/([\w-]+\/)*[\w-]+\/$/;
-    return pattern.test(awsStorePath) && awsStorePath.length <= 2048;
-  };
-
-  const handleButtonClick = async () => {
-    try {
-      if (path !== "") {
-        // case: path is not empty
-        if (!isValidAWSParameterStorePath(path)) {
-          // case: path is not valid for aws parameter store
-          setPathErrorText("Path must be a valid path for SSM like /project/env/");
-          return;
-        }
-      }
-
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        sourceEnvironment: selectedSourceEnvironment,
-        path,
-        region: selectedAWSRegion,
-        secretPath,
-        metadata: {
-          ...(shouldTag
-            ? {
-                secretAWSTag: [
-                  {
-                    key: tagKey,
-                    value: tagValue
-                  }
-                ]
-              }
-            : {}),
-          ...(kmsKeyId && { kmsKeyId }),
-          ...(shouldDisableDelete && { shouldDisableDelete })
-        }
-      });
-
-      setIsLoading(false);
-      setPathErrorText("");
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    !isIntegrationAuthAwsKmsKeysLoading ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up AWS Parameter Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment in Infisical you want to sync to secerts in AWS Parameter Store."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center">
-              <Image
-                src="/images/integrations/Amazon Web Services.png"
-                height={35}
-                width={35}
-                alt="AWS logo"
-              />
-            </div>
-            <span className="ml-1.5">AWS Parameter Store Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/aws-parameter-store" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <Tabs defaultValue={TabSections.Connection} className="px-6">
-          <TabList>
-            <div className="flex w-full flex-row border-b border-mineshaft-600">
-              <Tab value={TabSections.Connection}>Connection</Tab>
-              <Tab value={TabSections.Options}>Options</Tab>
-            </div>
-          </TabList>
-          <TabPanel value={TabSections.Connection}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <FormControl label="Project Environment">
-                <Select
-                  value={selectedSourceEnvironment}
-                  onValueChange={(val) => setSelectedSourceEnvironment(val)}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`flyio-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-              <FormControl label="Secrets Path">
-                <Input
-                  value={secretPath}
-                  onChange={(evt) => setSecretPath(evt.target.value)}
-                  placeholder="Provide a path, default is /"
-                />
-              </FormControl>
-              <FormControl label="AWS Region">
-                <Select
-                  value={selectedAWSRegion}
-                  onValueChange={(val) => {
-                    setSelectedAWSRegion(val);
-                    setKmsKeyId("");
-                  }}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {awsRegions.map((awsRegion) => (
-                    <SelectItem value={awsRegion.slug} key={`aws-environment-${awsRegion.slug}`}>
-                      {awsRegion.name} <Badge variant="success">{awsRegion.slug}</Badge>
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-              <FormControl
-                label="Path"
-                errorText={pathErrorText}
-                isError={pathErrorText !== "" ?? false}
-              >
-                <Input
-                  placeholder={`/${workspace.name
-                    .toLowerCase()
-                    .replace(/ /g, "-")}/${selectedSourceEnvironment}/`}
-                  value={path}
-                  onChange={(e) => setPath(e.target.value)}
-                />
-              </FormControl>
-            </motion.div>
-          </TabPanel>
-          <TabPanel value={TabSections.Options}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: -30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <div className="mt-2 ml-1">
-                <Switch
-                  id="delete-aws"
-                  onCheckedChange={setShouldDisableDelete}
-                  isChecked={shouldDisableDelete}
-                >
-                  Disable deleting secrets in AWS Parameter Store
-                </Switch>
-              </div>
-              <div className="mt-4 ml-1">
-                <Switch id="tag-aws" onCheckedChange={setShouldTag} isChecked={shouldTag}>
-                  Tag in AWS Parameter Store
-                </Switch>
-              </div>
-              {shouldTag && (
-                <div className="mt-4">
-                  <FormControl label="Tag Key">
-                    <Input
-                      placeholder="managed-by"
-                      value={tagKey}
-                      onChange={(e) => setTagKey(e.target.value)}
-                    />
-                  </FormControl>
-                  <FormControl label="Tag Value">
-                    <Input
-                      placeholder="infisical"
-                      value={tagValue}
-                      onChange={(e) => setTagValue(e.target.value)}
-                    />
-                  </FormControl>
-                </div>
-              )}
-              <FormControl label="Encryption Key" className="mt-4">
-                <Select
-                  value={kmsKeyId}
-                  onValueChange={(e) => {
-                    setKmsKeyId(e);
-                  }}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {integrationAuthAwsKmsKeys?.length ? (
-                    integrationAuthAwsKmsKeys.map((key) => {
-                      return (
-                        <SelectItem
-                          value={key.id as string}
-                          key={`repo-id-${key.id}`}
-                          className="w-[28.4rem] text-sm"
-                        >
-                          {key.alias}
-                        </SelectItem>
-                      );
-                    })
-                  ) : (
-                    <div />
-                  )}
-                </Select>
-              </FormControl>
-            </motion.div>
-          </TabPanel>
-        </Tabs>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6"
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in AWS Parameter Store with secrets from
-          Infisical.
-        </span>
-      </div>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up AWS Parameter Store Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isintegrationAuthLoading || isIntegrationAuthAwsKmsKeysLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-AWSParameterStoreCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/aws-secret-manager/authorize.tsx b/frontend-next/src/pages/integrations/aws-secret-manager/authorize.tsx
deleted file mode 100644
index c330d60c4..000000000
--- a/frontend-next/src/pages/integrations/aws-secret-manager/authorize.tsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-enum AwsAuthType {
-  AccessKey = "access-key",
-  AssumeRole = "assume-role"
-}
-
-const formSchema = z.discriminatedUnion("type", [
-  z.object({
-    type: z.literal(AwsAuthType.AccessKey),
-    accessKey: z.string().min(1),
-    accessSecretKey: z.string().min(1)
-  }),
-  z.object({
-    type: z.literal(AwsAuthType.AssumeRole),
-    iamRoleArn: z.string().min(1)
-  })
-]);
-
-type TForm = z.infer<typeof formSchema>;
-
-export default function AWSSecretManagerCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const { control, handleSubmit, formState, watch } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      type: AwsAuthType.AccessKey
-    }
-  });
-  const formAwsAuthTypeField = watch("type");
-
-  const handleFormSubmit = async (data: TForm) => {
-    try {
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "aws-secret-manager",
-        ...(data.type === AwsAuthType.AssumeRole
-          ? {
-            awsAssumeIamRoleArn: data.iamRoleArn
-          }
-          : {
-            accessId: data.accessKey,
-            accessToken: data.accessSecretKey
-          })
-      });
-      router.push(
-        `/integrations/aws-secret-manager/create?integrationAuthId=${integrationAuth.id}`
-      );
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize AWS Secrets Manager Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding the details below, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center">
-              <Image
-                src="/images/integrations/Amazon Web Services.png"
-                height={35}
-                width={35}
-                alt="AWS logo"
-              />
-            </div>
-            <span className="ml-1.5">AWS Secrets Manager Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/aws-secret-manager" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <CardBody>
-          <form onSubmit={handleSubmit(handleFormSubmit)}>
-            <Controller
-              control={control}
-              name="type"
-              defaultValue={AwsAuthType.AccessKey}
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Authentication Mode"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    <SelectItem value={AwsAuthType.AccessKey}>Access Key</SelectItem>
-                    <SelectItem value={AwsAuthType.AssumeRole}>AWS Assume Role</SelectItem>
-                  </Select>
-                </FormControl>
-              )}
-            />
-            {formAwsAuthTypeField === AwsAuthType.AccessKey ? (
-              <>
-                <Controller
-                  control={control}
-                  name="accessKey"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Access Key ID"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input placeholder="" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="accessSecretKey"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Secret Access Key"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        type="password"
-                        autoComplete="new-password"
-                        placeholder=""
-                        {...field}
-                      />
-                    </FormControl>
-                  )}
-                />
-              </>
-            ) : (
-              <Controller
-                control={control}
-                name="iamRoleArn"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="IAM Role ARN For Role Assumption"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Input placeholder="" {...field} />
-                  </FormControl>
-                )}
-              />
-            )}
-            <Button
-              type="submit"
-              colorSchema="primary"
-              variant="outline_bg"
-              className="mb-6 mt-2 ml-auto mr-6 w-min"
-              isLoading={formState.isSubmitting}
-            >
-              Connect to AWS Secrets Manager
-            </Button>
-          </form>
-        </CardBody>
-      </Card>
-    </div>
-  );
-}
-
-AWSSecretManagerCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/aws-secret-manager/create.tsx b/frontend-next/src/pages/integrations/aws-secret-manager/create.tsx
deleted file mode 100644
index 136dffa4b..000000000
--- a/frontend-next/src/pages/integrations/aws-secret-manager/create.tsx
+++ /dev/null
@@ -1,547 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-import z from "zod";
-
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration } from "@app/hooks/api";
-import { useGetIntegrationAuthAwsKmsKeys } from "@app/hooks/api/integrationAuth/queries";
-import { IntegrationMappingBehavior } from "@app/hooks/api/integrations/types";
-
-import {
-  Badge,
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem,
-  Switch,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "../../../components/v2";
-import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-enum TabSections {
-  Connection = "connection",
-  Options = "options"
-}
-
-const awsRegions = [
-  { name: "US East (Ohio)", slug: "us-east-2" },
-  { name: "US East (N. Virginia)", slug: "us-east-1" },
-  { name: "US West (N. California)", slug: "us-west-1" },
-  { name: "US West (Oregon)", slug: "us-west-2" },
-  { name: "Africa (Cape Town)", slug: "af-south-1" },
-  { name: "Asia Pacific (Hong Kong)", slug: "ap-east-1" },
-  { name: "Asia Pacific (Hyderabad)", slug: "ap-south-2" },
-  { name: "Asia Pacific (Jakarta)", slug: "ap-southeast-3" },
-  { name: "Asia Pacific (Melbourne)", slug: "ap-southeast-4" },
-  { name: "Asia Pacific (Mumbai)", slug: "ap-south-1" },
-  { name: "Asia Pacific (Osaka)", slug: "ap-northeast-3" },
-  { name: "Asia Pacific (Seoul)", slug: "ap-northeast-2" },
-  { name: "Asia Pacific (Singapore)", slug: "ap-southeast-1" },
-  { name: "Asia Pacific (Sydney)", slug: "ap-southeast-2" },
-  { name: "Asia Pacific (Tokyo)", slug: "ap-northeast-1" },
-  { name: "Canada (Central)", slug: "ca-central-1" },
-  { name: "Europe (Frankfurt)", slug: "eu-central-1" },
-  { name: "Europe (Ireland)", slug: "eu-west-1" },
-  { name: "Europe (London)", slug: "eu-west-2" },
-  { name: "Europe (Milan)", slug: "eu-south-1" },
-  { name: "Europe (Paris)", slug: "eu-west-3" },
-  { name: "Europe (Spain)", slug: "eu-south-2" },
-  { name: "Europe (Stockholm)", slug: "eu-north-1" },
-  { name: "Europe (Zurich)", slug: "eu-central-2" },
-  { name: "Middle East (Bahrain)", slug: "me-south-1" },
-  { name: "Middle East (UAE)", slug: "me-central-1" },
-  { name: "South America (Sao Paulo)", slug: "sa-east-1" },
-  { name: "AWS GovCloud (US-East)", slug: "us-gov-east-1" },
-  { name: "AWS GovCloud (US-West)", slug: "us-gov-west-1" }
-];
-
-const mappingBehaviors = [
-  {
-    label: "Many to One (All Infisical secrets will be mapped to a single AWS secret)",
-    value: IntegrationMappingBehavior.MANY_TO_ONE
-  },
-  {
-    label: "One to One - (Each Infisical secret will be mapped to its own AWS secret)",
-    value: IntegrationMappingBehavior.ONE_TO_ONE
-  }
-];
-
-const schema = z
-  .object({
-    awsRegion: z.string().trim().min(1, { message: "AWS region is required" }),
-    secretPath: z.string().trim().min(1, { message: "Secret path is required" }),
-    sourceEnvironment: z.string().trim().min(1, { message: "Source environment is required" }),
-    secretPrefix: z.string().default(""),
-    secretName: z.string().trim().min(1).optional(),
-    mappingBehavior: z.nativeEnum(IntegrationMappingBehavior),
-    kmsKeyId: z.string().optional(),
-    shouldTag: z.boolean().optional(),
-    tags: z
-      .object({
-        key: z.string(),
-        value: z.string()
-      })
-      .array()
-  })
-  .refine(
-    (val) =>
-      val.mappingBehavior === IntegrationMappingBehavior.ONE_TO_ONE ||
-      (val.mappingBehavior === IntegrationMappingBehavior.MANY_TO_ONE &&
-        val.secretName &&
-        val.secretName !== ""),
-    {
-      message: "Secret name must be defined for many-to-one integrations",
-      path: ["secretName"]
-    }
-  );
-
-type TFormSchema = z.infer<typeof schema>;
-
-export default function AWSSecretManagerCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-  const {
-    control,
-    setValue,
-    handleSubmit,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      shouldTag: false,
-      secretPath: "/",
-      secretPrefix: "",
-      mappingBehavior: IntegrationMappingBehavior.MANY_TO_ONE,
-      tags: []
-    }
-  });
-
-  const shouldTagState = watch("shouldTag");
-  const selectedSourceEnvironment = watch("sourceEnvironment");
-  const selectedAWSRegion = watch("awsRegion");
-  const selectedMappingBehavior = watch("mappingBehavior");
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isintegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-
-  const { data: integrationAuthAwsKmsKeys, isLoading: isIntegrationAuthAwsKmsKeysLoading } =
-    useGetIntegrationAuthAwsKmsKeys({
-      integrationAuthId: String(integrationAuthId),
-      region: selectedAWSRegion
-    });
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("sourceEnvironment", workspace.environments[0].slug);
-      setValue("awsRegion", awsRegions[0].slug);
-    }
-  }, [workspace]);
-
-  const handleButtonClick = async ({
-    secretName,
-    sourceEnvironment,
-    awsRegion,
-    secretPath,
-    shouldTag,
-    tags,
-    secretPrefix,
-    kmsKeyId,
-    mappingBehavior
-  }: TFormSchema) => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: secretName,
-        sourceEnvironment,
-        region: awsRegion,
-        secretPath,
-        metadata: {
-          ...(shouldTag
-            ? {
-                secretAWSTag: tags
-              }
-            : {}),
-          ...(secretPrefix && { secretPrefix }),
-          ...(kmsKeyId && { kmsKeyId }),
-          mappingBehavior
-        }
-      });
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    !isIntegrationAuthAwsKmsKeysLoading ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up AWS Secrets Manager Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <form onSubmit={handleSubmit(handleButtonClick)}>
-        <Card className="max-w-lg rounded-md border border-mineshaft-600">
-          <CardTitle
-            className="px-6 text-left text-xl"
-            subTitle="Choose which environment in Infisical you want to sync to secerts in AWS Secrets Manager."
-          >
-            <div className="flex flex-row items-center">
-              <div className="flex items-center">
-                <Image
-                  src="/images/integrations/Amazon Web Services.png"
-                  height={35}
-                  width={35}
-                  alt="AWS logo"
-                />
-              </div>
-              <span className="ml-1.5">AWS Secrets Manager Integration </span>
-              <Link
-                href="https://infisical.com/docs/integrations/cloud/aws-secret-manager"
-                passHref
-              >
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                    <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                    Docs
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="ml-1.5 mb-[0.07rem] text-xxs"
-                    />
-                  </div>
-                </a>
-              </Link>
-            </div>
-          </CardTitle>
-          <Tabs defaultValue={TabSections.Connection} className="px-6">
-            <TabList>
-              <div className="flex w-full flex-row border-b border-mineshaft-600">
-                <Tab value={TabSections.Connection}>Connection</Tab>
-                <Tab value={TabSections.Options}>Options</Tab>
-              </div>
-            </TabList>
-            <TabPanel value={TabSections.Connection}>
-              <motion.div
-                key="panel-1"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <Controller
-                  control={control}
-                  name="sourceEnvironment"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Project Environment"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        className="w-full border border-mineshaft-500"
-                        dropdownContainerClassName="max-w-full"
-                        value={field.value}
-                        onValueChange={(val) => {
-                          field.onChange(val);
-                        }}
-                      >
-                        {workspace?.environments.map((sourceEnvironment) => (
-                          <SelectItem
-                            value={sourceEnvironment.slug}
-                            key={`source-environment-${sourceEnvironment.slug}`}
-                          >
-                            {sourceEnvironment.name}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="secretPath"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Secrets Path"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <SecretPathInput {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="awsRegion"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="AWS region"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full border border-mineshaft-500"
-                        dropdownContainerClassName="max-w-full"
-                      >
-                        {awsRegions.map((awsRegion) => (
-                          <SelectItem
-                            value={awsRegion.slug}
-                            className="flex w-full justify-between"
-                            key={`aws-environment-${awsRegion.slug}`}
-                          >
-                            {awsRegion.name} <Badge variant="success">{awsRegion.slug}</Badge>
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="mappingBehavior"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Mapping Behavior"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full border border-mineshaft-500"
-                        dropdownContainerClassName="max-w-full"
-                      >
-                        {mappingBehaviors.map((option) => (
-                          <SelectItem
-                            value={option.value}
-                            className="text-left"
-                            key={`mapping-behavior-${option.value}`}
-                          >
-                            {option.label}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                {selectedMappingBehavior === IntegrationMappingBehavior.MANY_TO_ONE && (
-                  <Controller
-                    control={control}
-                    name="secretName"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="AWS SM Secret Name"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <Input
-                          placeholder={`${workspace.name
-                            .toLowerCase()
-                            .replace(/ /g, "-")}/${selectedSourceEnvironment}`}
-                          {...field}
-                        />
-                      </FormControl>
-                    )}
-                  />
-                )}
-              </motion.div>
-            </TabPanel>
-            <TabPanel value={TabSections.Options}>
-              <motion.div
-                key="panel-1"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: -30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <div className="mt-2 ml-1">
-                  <Controller
-                    control={control}
-                    name="shouldTag"
-                    render={({ field: { onChange, value } }) => (
-                      <Switch
-                        id="tag-aws"
-                        onCheckedChange={(isChecked) => onChange(isChecked)}
-                        isChecked={value}
-                      >
-                        Tag in AWS Secrets Manager
-                      </Switch>
-                    )}
-                  />
-                </div>
-                {shouldTagState && (
-                  <div className="mt-4 flex justify-between">
-                    <Controller
-                      control={control}
-                      name="tags.0.key"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Tag Key"
-                          errorText={error?.message}
-                          isError={Boolean(error)}
-                        >
-                          <Input placeholder="managed-by" {...field} />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="tags.0.value"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Tag Value"
-                          errorText={error?.message}
-                          isError={Boolean(error)}
-                        >
-                          <Input placeholder="infisical" {...field} />
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                )}
-
-                <Controller
-                  control={control}
-                  name="secretPrefix"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Secret Prefix"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                      className="mt-4"
-                    >
-                      <Input placeholder="INFISICAL_" {...field} />
-                    </FormControl>
-                  )}
-                />
-
-                <Controller
-                  control={control}
-                  name="kmsKeyId"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Encryption Key"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full border border-mineshaft-500"
-                        dropdownContainerClassName="max-w-full"
-                      >
-                        {integrationAuthAwsKmsKeys?.length ? (
-                          integrationAuthAwsKmsKeys.map((key) => {
-                            return (
-                              <SelectItem
-                                value={key.id as string}
-                                key={`repo-id-${key.id}`}
-                                className="w-[28.4rem] text-sm"
-                              >
-                                {key.alias}
-                              </SelectItem>
-                            );
-                          })
-                        ) : (
-                          <SelectItem isDisabled value="no-keys" key="no-keys">
-                            No KMS keys available
-                          </SelectItem>
-                        )}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-              </motion.div>
-            </TabPanel>
-          </Tabs>
-          <Button
-            color="mineshaft"
-            variant="outline_bg"
-            type="submit"
-            className="mb-6 mt-2 ml-auto mr-6"
-            isLoading={isSubmitting}
-          >
-            Create Integration
-          </Button>
-        </Card>
-        <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-        <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-          <div className="flex flex-row items-center">
-            <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-            <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-          </div>
-          <span className="mt-4 text-sm text-mineshaft-300">
-            After creating an integration, your secrets will start syncing immediately. This might
-            cause an unexpected override of current secrets in AWS Secrets Manager with secrets from
-            Infisical.
-          </span>
-        </div>
-      </form>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up AWS Secrets Manager Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isintegrationAuthLoading || isIntegrationAuthAwsKmsKeysLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-AWSSecretManagerCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-app-configuration/create.tsx b/frontend-next/src/pages/integrations/azure-app-configuration/create.tsx
deleted file mode 100644
index 9b647c2a2..000000000
--- a/frontend-next/src/pages/integrations/azure-app-configuration/create.tsx
+++ /dev/null
@@ -1,322 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import queryString from "query-string";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration } from "@app/hooks/api";
-import { IntegrationSyncBehavior } from "@app/hooks/api/integrations/types";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  FormLabel,
-  Input,
-  Select,
-  SelectItem,
-  Switch
-} from "../../../components/v2";
-import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const schema = z.object({
-  baseUrl: z
-    .string()
-    .trim()
-    .min(1, { message: "Azure App Configuration URL is required" })
-    .url()
-    .refine(
-      (val) => val.endsWith(".azconfig.io"),
-      "URL should have the following format: https://resource-name-here.azconfig.io"
-    ),
-  secretPath: z.string().trim().min(1, { message: "Secret path is required" }),
-  sourceEnvironment: z.string().trim().min(1, { message: "Source environment is required" }),
-  initialSyncBehavior: z.nativeEnum(IntegrationSyncBehavior),
-  secretPrefix: z.string().default(""),
-  useLabels: z.boolean().default(false),
-  azureLabel: z.string().min(1).optional()
-});
-
-type TFormSchema = z.infer<typeof schema>;
-
-const initialSyncBehaviors = [
-  {
-    label: "No Import - Overwrite all values in Azure App Configuration",
-    value: IntegrationSyncBehavior.OVERWRITE_TARGET
-  },
-  {
-    label: "Import - Prefer values from Azure App Configuration",
-    value: IntegrationSyncBehavior.PREFER_TARGET
-  },
-  { label: "Import - Prefer values from Infisical", value: IntegrationSyncBehavior.PREFER_SOURCE }
-];
-
-export default function AzureAppConfigurationCreateIntegration() {
-  const router = useRouter();
-  const {
-    control,
-    watch,
-    setValue,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      secretPath: "/",
-      secretPrefix: "",
-      initialSyncBehavior: IntegrationSyncBehavior.PREFER_SOURCE
-    }
-  });
-
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("sourceEnvironment", workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  const shouldUseLabels = watch("useLabels");
-
-  const handleIntegrationSubmit = async ({
-    secretPath,
-    useLabels,
-    sourceEnvironment,
-    baseUrl,
-    initialSyncBehavior,
-    secretPrefix,
-    azureLabel
-  }: TFormSchema) => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      if (useLabels && !azureLabel) {
-        createNotification({
-          type: "error",
-          text: "Label must be provided when 'Use Labels' is enabled"
-        });
-        return;
-      }
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: baseUrl,
-        sourceEnvironment,
-        secretPath,
-        metadata: {
-          initialSyncBehavior,
-          secretPrefix,
-          ...(useLabels && { azureLabel })
-        }
-      });
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace ? (
-    <form
-      onSubmit={handleSubmit(handleIntegrationSubmit)}
-      className="flex h-full w-full flex-col items-center justify-center"
-    >
-      <Head>
-        <title>Set Up Azure App Configuration Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="text-left text-xl"
-          subTitle="Choose which environment in Infisical you want to sync to your Azure App Configuration."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center">
-              <Image
-                src="/images/integrations/Microsoft Azure.png"
-                height={35}
-                width={35}
-                alt="Azure logo"
-              />
-            </div>
-            <span className="ml-1.5">Azure App Configuration</span>
-            <Link
-              href="https://infisical.com/docs/integrations/cloud/azure-app-configuration"
-              passHref
-            >
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <div className="px-6">
-          <div className="">
-            <Controller
-              control={control}
-              name="sourceEnvironment"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Project Environment"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    className="w-full border border-mineshaft-500"
-                    dropdownContainerClassName="max-w-full"
-                    value={field.value}
-                    onValueChange={(val) => {
-                      field.onChange(val);
-                    }}
-                  >
-                    {workspace?.environments.map((sourceEnvironment) => (
-                      <SelectItem
-                        value={sourceEnvironment.slug}
-                        key={`source-environment-${sourceEnvironment.slug}`}
-                      >
-                        {sourceEnvironment.name}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-
-            <div className="mb-2 flex w-full flex-col gap-1">
-              <Controller
-                control={control}
-                name="useLabels"
-                render={({ field: { onChange, value } }) => (
-                  <Switch
-                    id="use-environment-labels"
-                    onCheckedChange={(isChecked) => onChange(isChecked)}
-                    isChecked={value}
-                  >
-                    <FormLabel label="Use Labels" />
-                  </Switch>
-                )}
-              />
-
-              {shouldUseLabels && (
-                <Controller
-                  control={control}
-                  name="azureLabel"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      className=""
-                      // label="Label"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input {...field} placeholder="pre-prod" />
-                    </FormControl>
-                  )}
-                />
-              )}
-            </div>
-          </div>
-          <Controller
-            control={control}
-            name="secretPath"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secrets Path" errorText={error?.message} isError={Boolean(error)}>
-                <SecretPathInput {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="baseUrl"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Azure App Configuration URL"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input
-                  placeholder="https://infisical-configuration-integration-test.azconfig.io"
-                  {...field}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="secretPrefix"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Key Prefix" errorText={error?.message} isError={Boolean(error)}>
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="initialSyncBehavior"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Initial Sync Behavior"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full border border-mineshaft-500"
-                  dropdownContainerClassName="max-w-full"
-                >
-                  {initialSyncBehaviors.map((b) => {
-                    return (
-                      <SelectItem
-                        value={b.value}
-                        key={`sync-behavior-${b.value}`}
-                        className="w-full"
-                      >
-                        {b.label}
-                      </SelectItem>
-                    );
-                  })}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Button
-            type="submit"
-            color="mineshaft"
-            variant="outline_bg"
-            className="mb-6 mt-4 ml-auto"
-            isLoading={isSubmitting}
-          >
-            Create Integration
-          </Button>
-        </div>
-      </Card>
-    </form>
-  ) : (
-    <div />
-  );
-}
-
-AzureAppConfigurationCreateIntegration.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-app-configuration/oauth2/callback.tsx b/frontend-next/src/pages/integrations/azure-app-configuration/oauth2/callback.tsx
deleted file mode 100644
index 73a4fa3fc..000000000
--- a/frontend-next/src/pages/integrations/azure-app-configuration/oauth2/callback.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function AzureAppConfigurationOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "azure-app-configuration"
-        });
-
-        router.push(
-          `/integrations/azure-app-configuration/create?integrationAuthId=${integrationAuth.id}`
-        );
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-AzureAppConfigurationOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-devops/authorize.tsx b/frontend-next/src/pages/integrations/azure-devops/authorize.tsx
deleted file mode 100644
index 463babb86..000000000
--- a/frontend-next/src/pages/integrations/azure-devops/authorize.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function AzureDevopsCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [devopsOrgName, setDevopsOrgName] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      localStorage.setItem("azure-devops-org-name", devopsOrgName);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "azure-devops",
-        accessToken: btoa(`:${apiKey}`) // This is a base64 encoding of the API key without any username
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/azure-devops/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Azure DevOps Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding the details below, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center">
-              <Image
-                src="/images/integrations/Amazon Web Services.png"
-                height={35}
-                width={35}
-                alt="Azure DevOps logo"
-              />
-            </div>
-            <span className="ml-1.5">Azure DevOps Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/azure-devops" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>{" "}
-        <FormControl
-          className="px-6"
-          label="Azure DevOps API Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <FormControl
-          className="px-6"
-          label="Azure DevOps Organization Name"
-          tooltipText="This is the slug of the organization. An example would be 'my-acme-org'"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input
-            placeholder=""
-            value={devopsOrgName}
-            onChange={(e) => setDevopsOrgName(e.target.value)}
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-        >
-          Connect to Azure DevOps
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-AzureDevopsCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-devops/create.tsx b/frontend-next/src/pages/integrations/azure-devops/create.tsx
deleted file mode 100644
index 36841189d..000000000
--- a/frontend-next/src/pages/integrations/azure-devops/create.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function AzureDevopsCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    azureDevOpsOrgName: localStorage.getItem("azure-devops-org-name") ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [targetApp, setTargetApp] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: localStorage.getItem("azure-devops-org-name") || "",
-        appId: targetApp,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Azure DevOps Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment in Infisical you want to sync to secrets in Azure DevOps."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center">
-              <Image
-                src="/images/integrations/Amazon Web Services.png"
-                height={35}
-                width={35}
-                alt="Azure DevOps logo"
-              />
-            </div>
-            <span className="ml-1.5">Azure DevOps Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/azure-devops" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl label="Project Environment" className="mt-4 px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl className="px-6" label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Azure DevOps Project" className="px-6">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-environment-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-AzureDevopsCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-key-vault/authorize.tsx b/frontend-next/src/pages/integrations/azure-key-vault/authorize.tsx
deleted file mode 100644
index 82b4b111a..000000000
--- a/frontend-next/src/pages/integrations/azure-key-vault/authorize.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-
-import { Button, Card, CardTitle, FormControl, Input } from "@app/components/v2";
-
-const schema = z.object({
-  tenantId: z.string().trim().optional()
-});
-
-type FormData = z.infer<typeof schema>;
-
-export default function AzureKeyVaultAuthorizeIntegrationPage() {
-  const router = useRouter();
-  const { state, clientId } = router.query;
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = async ({ tenantId }: FormData) => {
-    const link = `https://login.microsoftonline.com/${
-      tenantId ?? "common"
-    }/oauth2/v2.0/authorize?client_id=${clientId}&response_type=code&redirect_uri=${
-      window.location.origin
-    }/integrations/azure-key-vault/oauth2/callback&response_mode=query&scope=https://vault.azure.net/.default openid offline_access&state=${state}`;
-
-    window.location.assign(link);
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Azure Key Vault Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Authenticate with a specific tenant ID or let OAuth handle it automatically."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Microsoft Azure.png"
-                height={30}
-                width={30}
-                alt="Azure logo"
-              />
-            </div>
-            <span className="ml-2.5">Azure Key Vault Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/azure-key-vault" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6 pb-8 text-right">
-          <Controller
-            control={control}
-            name="tenantId"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Tenant ID (optional)"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input {...field} placeholder="2e39537c-9a01-4bd6-a7b8-c3b88cbb8db9" />
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mt-2 w-min"
-            size="sm"
-            type="submit"
-          >
-            Connect to Azure Key Vault
-          </Button>
-        </form>
-      </Card>
-    </div>
-  );
-}
-
-AzureKeyVaultAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-key-vault/create.tsx b/frontend-next/src/pages/integrations/azure-key-vault/create.tsx
deleted file mode 100644
index e6ed57302..000000000
--- a/frontend-next/src/pages/integrations/azure-key-vault/create.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-import { IntegrationSyncBehavior } from "@app/hooks/api/integrations/types";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const initialSyncBehaviors = [
-  {
-    label: "No Import - Overwrite all values in Azure Vault",
-    value: IntegrationSyncBehavior.OVERWRITE_TARGET
-  },
-  {
-    label: "Import - Prefer values from Azure Vault",
-    value: IntegrationSyncBehavior.PREFER_TARGET
-  },
-  { label: "Import - Prefer values from Infisical", value: IntegrationSyncBehavior.PREFER_SOURCE }
-];
-
-export default function AzureKeyVaultCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-
-  const [vaultBaseUrl, setVaultBaseUrl] = useState("");
-  const [vaultBaseUrlErrorText, setVaultBaseUrlErrorText] = useState("");
-  const [initialSyncBehavior, setInitialSyncBehavior] = useState(
-    IntegrationSyncBehavior.PREFER_SOURCE
-  );
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (vaultBaseUrl.length === 0) {
-        setVaultBaseUrlErrorText("Vault URI cannot be blank");
-        return;
-      }
-
-      if (!vaultBaseUrl.startsWith("https://") || !vaultBaseUrl.endsWith("vault.azure.net")) {
-        setVaultBaseUrlErrorText("Vault URI must be like https://<vault_name>.vault.azure.net");
-        return;
-      }
-
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: vaultBaseUrl,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath,
-        metadata: {
-          initialSyncBehavior
-        }
-      });
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace && selectedSourceEnvironment ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Azure Key Vault Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`azure-key-vault-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl
-          label="Vault URI"
-          errorText={vaultBaseUrlErrorText}
-          isError={vaultBaseUrlErrorText !== "" ?? false}
-        >
-          <Input
-            placeholder="https://example.vault.azure.net"
-            value={vaultBaseUrl}
-            onChange={(e) => setVaultBaseUrl(e.target.value)}
-          />
-        </FormControl>
-        <FormControl label="Initial Sync Behavior">
-          <Select
-            value={initialSyncBehavior}
-            onValueChange={(e) => setInitialSyncBehavior(e as IntegrationSyncBehavior)}
-            className="w-full"
-          >
-            {initialSyncBehaviors.map((b) => {
-              return (
-                <SelectItem value={b.value} key={`sync-behavior-${b.value}`}>
-                  {b.label}
-                </SelectItem>
-              );
-            })}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-AzureKeyVaultCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/azure-key-vault/oauth2/callback.tsx b/frontend-next/src/pages/integrations/azure-key-vault/oauth2/callback.tsx
deleted file mode 100644
index 902726314..000000000
--- a/frontend-next/src/pages/integrations/azure-key-vault/oauth2/callback.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function AzureKeyVaultOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "azure-key-vault"
-        });
-
-        router.push(`/integrations/azure-key-vault/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-AzureKeyVaultOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/bitbucket/create.tsx b/frontend-next/src/pages/integrations/bitbucket/create.tsx
deleted file mode 100644
index 5151e6ab0..000000000
--- a/frontend-next/src/pages/integrations/bitbucket/create.tsx
+++ /dev/null
@@ -1,301 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { SiBitbucket } from "react-icons/si";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  Card,
-  CardTitle,
-  FilterableSelect,
-  FormControl,
-  Input,
-  Spinner
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  useCreateIntegration,
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthBitBucketWorkspaces
-} from "@app/hooks/api";
-import { useGetIntegrationAuthBitBucketEnvironments } from "@app/hooks/api/integrationAuth/queries";
-
-enum BitbucketScope {
-  Repo = "repo",
-  Env = "environment"
-}
-
-const ScopeOptions = [
-  {
-    label: "Repository",
-    value: BitbucketScope.Repo
-  },
-  {
-    label: "Deployment Environment",
-    value: BitbucketScope.Env
-  }
-];
-
-const formSchema = z
-  .object({
-    secretPath: z.string().default("/"),
-    sourceEnvironment: z.object({ name: z.string(), slug: z.string() }),
-    targetRepo: z.object({ name: z.string(), appId: z.string() }),
-    targetWorkspace: z.object({ name: z.string(), slug: z.string() }),
-    targetEnvironment: z.object({ name: z.string(), uuid: z.string() }).optional(),
-    scope: z.object({ label: z.string(), value: z.nativeEnum(BitbucketScope) })
-  })
-  .superRefine((val, ctx) => {
-    if (val.scope.value === BitbucketScope.Env && !val.targetEnvironment) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        path: ["targetEnvironment"],
-        message: "Required"
-      });
-    }
-  });
-
-type TFormData = z.infer<typeof formSchema>;
-
-export default function BitBucketCreateIntegrationPage() {
-  const router = useRouter();
-  const createIntegration = useCreateIntegration();
-
-  const { watch, control, reset, handleSubmit } = useForm<TFormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      secretPath: "/"
-    }
-  });
-
-  const bitBucketWorkspace = watch("targetWorkspace");
-  const bitBucketRepo = watch("targetRepo");
-
-  const integrationAuthId = router.query.integrationAuthId as string;
-
-  const { currentWorkspace, isLoading: isProjectLoading } = useWorkspace();
-
-  const { data: bitbucketWorkspaces, isLoading: isBitbucketWorkspacesLoading } =
-    useGetIntegrationAuthBitBucketWorkspaces((integrationAuthId as string) ?? "");
-
-  const { data: bitbucketRepos, isLoading: isBitbucketReposLoading } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    workspaceSlug: bitBucketWorkspace?.slug
-  });
-
-  const { data: bitbucketEnvironments } = useGetIntegrationAuthBitBucketEnvironments(
-    {
-      integrationAuthId: (integrationAuthId as string) ?? "",
-      workspaceSlug: bitBucketWorkspace?.slug,
-      repoSlug: bitBucketRepo?.appId
-    },
-    { enabled: Boolean(bitBucketWorkspace?.slug && bitBucketRepo?.appId) }
-  );
-
-  const onSubmit = async ({
-    targetRepo,
-    sourceEnvironment,
-    targetWorkspace,
-    secretPath,
-    targetEnvironment,
-    scope
-  }: TFormData) => {
-    try {
-      await createIntegration.mutateAsync({
-        integrationAuthId,
-        isActive: true,
-        app: targetRepo.name,
-        appId: targetRepo.appId,
-        sourceEnvironment: sourceEnvironment.slug,
-        targetEnvironment: targetWorkspace.name,
-        targetEnvironmentId: targetWorkspace.slug,
-        ...(scope.value === BitbucketScope.Env &&
-          targetEnvironment && {
-            targetService: targetEnvironment.name,
-            targetServiceId: targetEnvironment.uuid
-          }),
-        secretPath
-      });
-
-      createNotification({
-        type: "success",
-        text: "Successfully created integration"
-      });
-      router.push(`/integrations/${currentWorkspace?.id}`);
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create integration"
-      });
-      console.error(err);
-    }
-  };
-
-  useEffect(() => {
-    if (!bitbucketRepos || !bitbucketWorkspaces || !currentWorkspace) return;
-
-    reset({
-      targetRepo: bitbucketRepos[0],
-      targetWorkspace: bitbucketWorkspaces[0],
-      sourceEnvironment: currentWorkspace.environments[0],
-      secretPath: "/",
-      scope: ScopeOptions[0]
-    });
-  }, [bitbucketWorkspaces, bitbucketRepos, currentWorkspace]);
-
-  if (isProjectLoading || isBitbucketWorkspacesLoading || isBitbucketReposLoading)
-    return (
-      <div className="flex h-full w-full items-center justify-center p-24">
-        <Spinner />
-      </div>
-    );
-
-  const scope = watch("scope");
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="flex h-full w-full items-center justify-center"
-    >
-      <Card className="max-w-md rounded-md p-8 pt-4">
-        <CardTitle className=" text-center">
-          <SiBitbucket size="1.2rem" className="mr-2 mb-1 inline-block" />
-          Bitbucket Integration
-        </CardTitle>
-        <Controller
-          control={control}
-          name="sourceEnvironment"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              errorText={error?.message}
-              isError={Boolean(error)}
-              label="Project Environment"
-            >
-              <FilterableSelect
-                getOptionValue={(option) => option.slug}
-                value={value}
-                getOptionLabel={(option) => option.name}
-                onChange={onChange}
-                options={currentWorkspace?.environments}
-                placeholder="Select a project environment"
-                isDisabled={!currentWorkspace?.environments.length}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="secretPath"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} label="Secrets Path">
-              <Input
-                value={value}
-                onChange={onChange}
-                placeholder={'Provide a path (defaults to "/")'}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="targetWorkspace"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              errorText={error?.message}
-              isError={Boolean(error)}
-              label="Bitbucket Workspace"
-            >
-              <FilterableSelect
-                getOptionValue={(option) => option.slug}
-                value={value}
-                getOptionLabel={(option) => option.name}
-                onChange={onChange}
-                options={bitbucketWorkspaces}
-                placeholder={
-                  bitbucketWorkspaces?.length ? "Select a workspace..." : "No workspaces found..."
-                }
-                isDisabled={!bitbucketWorkspaces?.length}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="targetRepo"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl errorText={error?.message} isError={Boolean(error)} label="Bitbucket Repo">
-              <FilterableSelect
-                getOptionValue={(option) => option.appId!}
-                value={value}
-                getOptionLabel={(option) => option.name}
-                onChange={onChange}
-                options={bitbucketRepos}
-                placeholder={
-                  bitbucketRepos?.length ? "Select a repository..." : "No repositories found..."
-                }
-                isDisabled={!bitbucketRepos?.length}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="scope"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl errorText={error?.message} isError={Boolean(error)} label="Scope">
-              <FilterableSelect
-                value={value}
-                getOptionValue={(option) => option.value}
-                getOptionLabel={(option) => option.label}
-                onChange={onChange}
-                options={ScopeOptions}
-              />
-            </FormControl>
-          )}
-        />
-
-        {scope?.value === BitbucketScope.Env && (
-          <Controller
-            control={control}
-            name="targetEnvironment"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Bitbucket Deployment Environment"
-              >
-                <FilterableSelect
-                  getOptionValue={(option) => option.uuid}
-                  value={value}
-                  getOptionLabel={(option) => option.name}
-                  onChange={onChange}
-                  options={bitbucketEnvironments}
-                  placeholder={
-                    bitbucketEnvironments?.length
-                      ? "Select an environment..."
-                      : "No environments found..."
-                  }
-                  isDisabled={!bitbucketEnvironments?.length}
-                />
-              </FormControl>
-            )}
-          />
-        )}
-        <Button
-          type="submit"
-          colorSchema="primary"
-          className="mt-4"
-          isLoading={createIntegration.isLoading}
-          isDisabled={createIntegration.isLoading || !bitbucketRepos?.length}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </form>
-  );
-}
-
-BitBucketCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/bitbucket/oauth2/callback.tsx b/frontend-next/src/pages/integrations/bitbucket/oauth2/callback.tsx
deleted file mode 100644
index bfc8628d2..000000000
--- a/frontend-next/src/pages/integrations/bitbucket/oauth2/callback.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function BitBucketOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "bitbucket"
-        });
-
-        router.push(`/integrations/bitbucket/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-BitBucketOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/checkly/authorize.tsx b/frontend-next/src/pages/integrations/checkly/authorize.tsx
deleted file mode 100644
index 27951993d..000000000
--- a/frontend-next/src/pages/integrations/checkly/authorize.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function ChecklyCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [accessToken, setAccessToken] = useState("");
-  const [accessTokenErrorText, setAccessTokenErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setAccessTokenErrorText("");
-      if (accessToken.length === 0) {
-        setAccessTokenErrorText("Access token cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "checkly",
-        accessToken
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/checkly/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Checkly Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your API key, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Checkly.png"
-                height={30}
-                width={30}
-                alt="Checkly logo"
-              />
-            </div>
-            <span className="ml-2.5">Checkly Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/checkly" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="Checkly API key"
-          errorText={accessTokenErrorText}
-          isError={accessTokenErrorText !== "" ?? false}
-          className="mx-6"
-        >
-          <Input
-            placeholder=""
-            value={accessToken}
-            type="password"
-            autoComplete="new-password"
-            onChange={(e) => setAccessToken(e.target.value)}
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Connect to Checkly
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-ChecklyCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/checkly/create.tsx b/frontend-next/src/pages/integrations/checkly/create.tsx
deleted file mode 100644
index 985ffbdba..000000000
--- a/frontend-next/src/pages/integrations/checkly/create.tsx
+++ /dev/null
@@ -1,307 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "@app/components/v2";
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthChecklyGroups
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-enum TabSections {
-  Connection = "connection",
-  Options = "options"
-}
-
-export default function ChecklyCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [secretSuffix, setSecretSuffix] = useState("");
-
-  const [targetAppId, setTargetAppId] = useState("");
-  const [targetGroupId, setTargetGroupId] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-  const { data: integrationAuthGroups, isLoading: isintegrationAuthGroupsLoading } =
-    useGetIntegrationAuthChecklyGroups({
-      integrationAuthId: (integrationAuthId as string) ?? "",
-      accountId: targetAppId
-    });
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetAppId(integrationAuthApps[0].appId as string);
-      } else {
-        setTargetAppId("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      const targetApp = integrationAuthApps?.find(
-        (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-      );
-      const targetGroup = integrationAuthGroups?.find(
-        (group) => group.groupId === Number(targetGroupId)
-      );
-
-      if (!targetApp) return;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp?.name,
-        appId: targetApp?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetService: targetGroup?.name,
-        targetServiceId: targetGroup?.groupId ? String(targetGroup?.groupId) : undefined,
-        secretPath,
-        metadata: {
-          secretSuffix
-        }
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    integrationAuthGroups &&
-    targetAppId ? (
-    <div className="flex h-full w-full flex-col items-center justify-center bg-gradient-to-tr from-mineshaft-900 to-bunker-900 py-6">
-      <Head>
-        <title>Set Up Checkly Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment in Infisical you want to sync to Checkly environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Checkly.png"
-                height={30}
-                width={30}
-                alt="Checkly logo"
-              />
-            </div>
-            <span className="ml-2.5">Checkly Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/checkly" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <Tabs defaultValue={TabSections.Connection} className="px-6">
-          <TabList>
-            <div className="flex w-full flex-row border-b border-mineshaft-600">
-              <Tab value={TabSections.Connection}>Connection</Tab>
-              <Tab value={TabSections.Options}>Options</Tab>
-            </div>
-          </TabList>
-          <TabPanel value={TabSections.Connection}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <FormControl label="Infisical Project Environment">
-                <Select
-                  value={selectedSourceEnvironment}
-                  onValueChange={(val) => setSelectedSourceEnvironment(val)}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`source-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-              <FormControl label="Secrets Path">
-                <Input
-                  value={secretPath}
-                  onChange={(evt) => setSecretPath(evt.target.value)}
-                  placeholder="Provide a path, default is /"
-                />
-              </FormControl>
-              <FormControl label="Checkly Account">
-                <Select
-                  value={targetAppId}
-                  onValueChange={(val) => setTargetAppId(val)}
-                  className="w-full border border-mineshaft-500"
-                  isDisabled={integrationAuthApps.length === 0}
-                >
-                  {integrationAuthApps.length > 0 ? (
-                    integrationAuthApps.map((integrationAuthApp) => (
-                      <SelectItem
-                        value={integrationAuthApp.appId as string}
-                        key={`target-app-${integrationAuthApp.appId as string}`}
-                      >
-                        {integrationAuthApp.name}
-                      </SelectItem>
-                    ))
-                  ) : (
-                    <SelectItem value="none" key="target-app-none">
-                      No apps found
-                    </SelectItem>
-                  )}
-                </Select>
-              </FormControl>
-              <FormControl label="Checkly Group (Optional)">
-                <Select
-                  value={targetGroupId}
-                  onValueChange={(val) => setTargetGroupId(val)}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {integrationAuthGroups.length > 0 ? (
-                    integrationAuthGroups.map((integrationAuthGroup) => (
-                      <SelectItem
-                        value={String(integrationAuthGroup.groupId)}
-                        key={`target-group-${String(integrationAuthGroup.groupId)}`}
-                      >
-                        {integrationAuthGroup.name}
-                      </SelectItem>
-                    ))
-                  ) : (
-                    <SelectItem value="none" key="target-group-none">
-                      No groups found
-                    </SelectItem>
-                  )}
-                </Select>
-              </FormControl>
-            </motion.div>
-          </TabPanel>
-          <TabPanel value={TabSections.Options}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: -30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <FormControl label="Append Secret Names with..." className="pb-[9.75rem]">
-                <Input
-                  value={secretSuffix}
-                  onChange={(evt) => setSecretSuffix(evt.target.value)}
-                  placeholder="Provide a suffix for secret names, default is no suffix"
-                />
-              </FormControl>
-            </motion.div>
-          </TabPanel>
-        </Tabs>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 ml-auto mr-6"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Checkly Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading || isintegrationAuthGroupsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-ChecklyCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/circleci/authorize.tsx b/frontend-next/src/pages/integrations/circleci/authorize.tsx
deleted file mode 100644
index fe2c40ebd..000000000
--- a/frontend-next/src/pages/integrations/circleci/authorize.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function CircleCICreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "circleci",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/circleci/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize CircleCI Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your API Token, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/CircleCI.png"
-                height={30}
-                width={30}
-                alt="CircleCI logo"
-              />
-            </div>
-            <span className="ml-1.5">CircleCI Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cicd/circleci" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="CircleCI API Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-        >
-          Connect to CircleCI
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-CircleCICreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/circleci/create.tsx b/frontend-next/src/pages/integrations/circleci/create.tsx
deleted file mode 100644
index e60de671e..000000000
--- a/frontend-next/src/pages/integrations/circleci/create.tsx
+++ /dev/null
@@ -1,310 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  Card,
-  CardTitle,
-  FilterableSelect,
-  FormControl,
-  Select,
-  SelectItem,
-  Spinner
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useWorkspace } from "@app/context";
-import { useCreateIntegration } from "@app/hooks/api";
-import { useGetIntegrationAuthCircleCIOrganizations } from "@app/hooks/api/integrationAuth";
-import { CircleCiScope } from "@app/hooks/api/integrationAuth/types";
-
-const formSchema = z.discriminatedUnion("scope", [
-  z.object({
-    scope: z.literal(CircleCiScope.Context),
-    secretPath: z.string().default("/"),
-    sourceEnvironment: z.object({ name: z.string(), slug: z.string() }),
-    targetOrg: z.object({ name: z.string().min(1), slug: z.string().min(1) }),
-    targetContext: z.object({ name: z.string().min(1), id: z.string().min(1) })
-  }),
-  z.object({
-    scope: z.literal(CircleCiScope.Project),
-    secretPath: z.string().default("/"),
-    sourceEnvironment: z.object({ name: z.string(), slug: z.string() }),
-    targetOrg: z.object({ name: z.string().min(1), slug: z.string().min(1) }),
-    targetProject: z.object({ name: z.string().min(1), id: z.string().min(1) })
-  })
-]);
-
-type TFormData = z.infer<typeof formSchema>;
-
-export default function CircleCICreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync, isLoading: isCreatingIntegration } = useCreateIntegration();
-  const { currentWorkspace, isLoading: isProjectLoading } = useWorkspace();
-
-  const integrationAuthId = router.query.integrationAuthId as string;
-
-  const { control, watch, handleSubmit, setValue } = useForm<TFormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      secretPath: "/",
-      sourceEnvironment: currentWorkspace?.environments[0],
-      scope: CircleCiScope.Project
-    }
-  });
-
-  const selectedScope = watch("scope");
-  const selectedOrg = watch("targetOrg");
-
-  const { data: circleCIOrganizations, isLoading: isCircleCIOrganizationsLoading } =
-    useGetIntegrationAuthCircleCIOrganizations(integrationAuthId);
-
-  const selectedOrganizationEntry = selectedOrg
-    ? circleCIOrganizations?.find((org) => org.slug === selectedOrg.slug)
-    : undefined;
-
-  const onSubmit = async (data: TFormData) => {
-    try {
-      if (data.scope === CircleCiScope.Context) {
-        await mutateAsync({
-          scope: data.scope,
-          integrationAuthId,
-          isActive: true,
-          sourceEnvironment: data.sourceEnvironment.slug,
-          app: data.targetContext.name,
-          appId: data.targetContext.id,
-          owner: data.targetOrg.name,
-          secretPath: data.secretPath
-        });
-      } else {
-        await mutateAsync({
-          scope: data.scope,
-          integrationAuthId,
-          isActive: true,
-          app: data.targetProject.name, // project name
-          owner: data.targetOrg.name, // organization name
-          appId: data.targetProject.id, // project id (used for syncing)
-          sourceEnvironment: data.sourceEnvironment.slug,
-          secretPath: data.secretPath
-        });
-      }
-
-      createNotification({
-        type: "success",
-        text: "Successfully created integration"
-      });
-      router.push(`/integrations/${currentWorkspace?.id}`);
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create integration"
-      });
-      console.error(err);
-    }
-  };
-
-  if (isProjectLoading || isCircleCIOrganizationsLoading)
-    return (
-      <div className="flex h-full w-full items-center justify-center p-24">
-        <Spinner />
-      </div>
-    );
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="flex h-full w-full items-center justify-center"
-    >
-      <Card className="max-w-lg rounded-md p-8 pt-4">
-        <CardTitle
-          className="w-full px-0 text-left text-xl"
-          subTitle="Choose which environment or folder in Infisical you want to sync to CircleCI."
-        >
-          <div className="flex w-full flex-row items-center justify-between">
-            <div className="flex flex-row items-center gap-1.5">
-              <Image
-                src="/images/integrations/CircleCI.png"
-                height={30}
-                width={30}
-                alt="CircleCI logo"
-              />
-
-              <span className="">CircleCI Context Integration </span>
-            </div>
-
-            <Link
-              href="https://infisical.com/docs/integrations/cicd/circleci"
-              target="_blank"
-              rel="noopener noreferrer"
-              passHref
-            >
-              <div className="ml-2 mb-1 flex cursor-pointer flex-row items-center gap-0.5 rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                Docs
-                <FontAwesomeIcon
-                  icon={faArrowUpRightFromSquare}
-                  className="ml-1.5 mb-[0.07rem] text-xxs"
-                />
-              </div>
-            </Link>
-          </div>
-        </CardTitle>
-        <Controller
-          control={control}
-          name="sourceEnvironment"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              errorText={error?.message}
-              isError={Boolean(error)}
-              label="Project Environment"
-            >
-              <FilterableSelect
-                getOptionValue={(option) => option.slug}
-                value={value}
-                getOptionLabel={(option) => option.name}
-                onChange={onChange}
-                options={currentWorkspace?.environments}
-                placeholder="Select a project environment"
-                isDisabled={!currentWorkspace?.environments.length}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="secretPath"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl label="Secrets Path" errorText={error?.message} isError={Boolean(error)}>
-              <SecretPathInput {...field} />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="targetOrg"
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              errorText={error?.message}
-              isError={Boolean(error)}
-              label="CircleCI Organization"
-            >
-              <FilterableSelect
-                getOptionValue={(option) => option.slug}
-                value={value}
-                getOptionLabel={(option) => option.name}
-                onChange={(e) => {
-                  setValue("targetProject", {
-                    name: "",
-                    id: ""
-                  });
-                  setValue("targetContext", {
-                    name: "",
-                    id: ""
-                  });
-
-                  onChange(e);
-                }}
-                options={circleCIOrganizations}
-                placeholder={
-                  circleCIOrganizations?.length
-                    ? "Select an organization..."
-                    : "No organizations found..."
-                }
-                isDisabled={!circleCIOrganizations?.length}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="scope"
-          render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-            <FormControl label="Scope" errorText={error?.message} isError={Boolean(error)}>
-              <Select
-                defaultValue={field.value}
-                onValueChange={(e) => {
-                  onChange(e);
-                }}
-                className="w-full border border-mineshaft-500"
-              >
-                <SelectItem value={CircleCiScope.Project}>Project</SelectItem>
-                <SelectItem value={CircleCiScope.Context}>Context</SelectItem>
-              </Select>
-            </FormControl>
-          )}
-        />
-        {selectedScope === CircleCiScope.Context && selectedOrganizationEntry && (
-          <Controller
-            control={control}
-            name="targetContext"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="CircleCI Context"
-              >
-                <FilterableSelect
-                  value={value}
-                  getOptionValue={(option) => option.id!}
-                  getOptionLabel={(option) => option.name}
-                  onChange={onChange}
-                  options={selectedOrganizationEntry?.contexts}
-                  placeholder={
-                    selectedOrganizationEntry.contexts?.length
-                      ? "Select a context..."
-                      : "No contexts found..."
-                  }
-                  isDisabled={!selectedOrganizationEntry.contexts?.length}
-                />
-              </FormControl>
-            )}
-          />
-        )}
-        {selectedScope === CircleCiScope.Project && selectedOrganizationEntry && (
-          <Controller
-            control={control}
-            name="targetProject"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="CircleCI Project"
-              >
-                <FilterableSelect
-                  value={value}
-                  getOptionValue={(option) => option.id!}
-                  getOptionLabel={(option) => option.name}
-                  onChange={onChange}
-                  options={selectedOrganizationEntry?.projects}
-                  placeholder={
-                    selectedOrganizationEntry.projects?.length
-                      ? "Select a project..."
-                      : "No projects found..."
-                  }
-                  isDisabled={!selectedOrganizationEntry.projects?.length}
-                />
-              </FormControl>
-            )}
-          />
-        )}
-        <Button
-          type="submit"
-          colorSchema="primary"
-          className="mt-4"
-          isLoading={isCreatingIntegration}
-          isDisabled={isCreatingIntegration}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </form>
-  );
-}
-
-CircleCICreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/cloud-66/authorize.tsx b/frontend-next/src/pages/integrations/cloud-66/authorize.tsx
deleted file mode 100644
index 1f4261fbc..000000000
--- a/frontend-next/src/pages/integrations/cloud-66/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function Cloud66CreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("Access token cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "cloud-66",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/cloud-66/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Cloud 66 Integration</CardTitle>
-        <FormControl
-          label="Cloud 66 Personal Access Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Cloud 66
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-Cloud66CreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/cloud-66/create.tsx b/frontend-next/src/pages/integrations/cloud-66/create.tsx
deleted file mode 100644
index a82059ff5..000000000
--- a/frontend-next/src/pages/integrations/cloud-66/create.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function Cloud66CreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Cloud 66 Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Cloud 66 Application" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No applications found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-Cloud66CreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/cloudflare-pages/authorize.tsx b/frontend-next/src/pages/integrations/cloudflare-pages/authorize.tsx
deleted file mode 100644
index 7f006ef30..000000000
--- a/frontend-next/src/pages/integrations/cloudflare-pages/authorize.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function CloudflarePagesIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [accessKey, setAccessKey] = useState("");
-  const [accessKeyErrorText, setAccessKeyErrorText] = useState("");
-  const [accountId, setAccountId] = useState("");
-  const [accountIdErrorText, setAccountIdErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setAccessKeyErrorText("");
-      setAccountIdErrorText("");
-      if (accessKey.length === 0 || accountId.length === 0) {
-        if (accessKey.length === 0) setAccessKeyErrorText("API token cannot be blank!");
-        if (accountId.length === 0) setAccountIdErrorText("Account ID cannot be blank!");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "cloudflare-pages",
-        accessId: accountId,
-        accessToken: accessKey
-      });
-
-      setAccessKey("");
-      setAccountId("");
-      setIsLoading(false);
-
-      router.push(`/integrations/cloudflare-pages/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left"
-          subTitle="After adding your API-key, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          Cloudflare Pages Integration
-        </CardTitle>
-        <FormControl
-          label="Cloudflare Pages API token"
-          errorText={accessKeyErrorText}
-          isError={accessKeyErrorText !== "" ?? false}
-          className="mx-6"
-        >
-          <Input 
-            placeholder="" 
-            value={accessKey} 
-            type="password"
-            autoComplete="new-password"
-            onChange={(e) => setAccessKey(e.target.value)} 
-          />
-        </FormControl>
-        <FormControl
-          label="Cloudflare Pages Account ID"
-          errorText={accountIdErrorText}
-          isError={accountIdErrorText !== "" ?? false}
-          className="mx-6"
-        >
-          <Input placeholder="" value={accountId} onChange={(e) => setAccountId(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Connect to Cloudflare Pages
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-CloudflarePagesIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/cloudflare-pages/create.tsx b/frontend-next/src/pages/integrations/cloudflare-pages/create.tsx
deleted file mode 100644
index d7cb6bdab..000000000
--- a/frontend-next/src/pages/integrations/cloudflare-pages/create.tsx
+++ /dev/null
@@ -1,210 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import axios from "axios";
-import queryString from "query-string";
-
-import { createNotification } from "@app/components/notifications";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration, useGetWorkspaceById } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Select,
-  SelectItem,
-  Switch
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-
-const cloudflareEnvironments = [
-  { name: "Production", slug: "production" },
-  { name: "Preview", slug: "preview" }
-];
-
-export default function CloudflarePagesIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-  const [secretPath, setSecretPath] = useState("/");
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [targetAppId, setTargetAppId] = useState("");
-  const [targetEnvironment, setTargetEnvironment] = useState("");
-  const [shouldAutoRedeploy, setShouldAutoRedeploy] = useState(false);
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-        setTargetAppId(String(integrationAuthApps[0].appId));
-        setTargetEnvironment(cloudflareEnvironments[0].slug);
-      } else {
-        setTargetApp("none");
-        setTargetEnvironment(cloudflareEnvironments[0].slug);
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: targetAppId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetEnvironment,
-        secretPath,
-        metadata: {
-          shouldAutoRedeploy
-        }
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-
-      let errorMessage: string = "Something went wrong!";
-      if (axios.isAxiosError(err)) {
-        const { message } = err?.response?.data as { message: string };
-        errorMessage = message;
-      }
-
-      createNotification({
-        text: errorMessage,
-        type: "error"
-      });
-      setIsLoading(false);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetEnvironment &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center bg-gradient-to-tr from-mineshaft-900 to-bunker-900">
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <CardTitle
-          className="px-6 text-left"
-          subTitle="Choose which environment in Infisical you want to sync with your Cloudflare Pages project."
-        >
-          Cloudflare Pages Integration
-        </CardTitle>
-        <FormControl label="Infisical Project Environment" className="mt-2 px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Infisical Secret Path" className="mt-2 px-6">
-          <SecretPathInput
-            value={secretPath}
-            onChange={(value) => setSecretPath(value)}
-            environment={selectedSourceEnvironment}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Cloudflare Pages Project" className="mt-4 px-6">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No apps found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Cloudflare Pages Environment" className="mt-4 px-6">
-          <Select
-            value={targetEnvironment}
-            onValueChange={(val) => setTargetEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {cloudflareEnvironments.map((cloudflareEnvironment) => (
-              <SelectItem
-                value={cloudflareEnvironment.slug}
-                key={`target-environment-${cloudflareEnvironment.slug}`}
-              >
-                {cloudflareEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <div className="mb-[2.36rem] ml-1 px-6">
-          <Switch
-            id="redeploy-cloudflare-pages"
-            onCheckedChange={(isChecked: boolean) => setShouldAutoRedeploy(isChecked)}
-            isChecked={shouldAutoRedeploy}
-          >
-            Auto-redeploy service upon secret change
-          </Switch>
-        </div>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mt-2 mb-6 ml-auto mr-6"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-CloudflarePagesIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/cloudflare-workers/authorize.tsx b/frontend-next/src/pages/integrations/cloudflare-workers/authorize.tsx
deleted file mode 100644
index 1b9186803..000000000
--- a/frontend-next/src/pages/integrations/cloudflare-workers/authorize.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function CloudflareWorkersIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [accessKey, setAccessKey] = useState("");
-  const [accessKeyErrorText, setAccessKeyErrorText] = useState("");
-  const [accountId, setAccountId] = useState("");
-  const [accountIdErrorText, setAccountIdErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setAccessKeyErrorText("");
-      setAccountIdErrorText("");
-      if (accessKey.length === 0 || accountId.length === 0) {
-        if (accessKey.length === 0) setAccessKeyErrorText("API token cannot be blank!");
-        if (accountId.length === 0) setAccountIdErrorText("Account ID cannot be blank!");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "cloudflare-workers",
-        accessId: accountId,
-        accessToken: accessKey
-      });
-
-      setAccessKey("");
-      setAccountId("");
-      setIsLoading(false);
-
-      router.push(
-        `/integrations/cloudflare-workers/create?integrationAuthId=${integrationAuth.id}`
-      );
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left"
-          subTitle="After adding your API-key, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          Cloudflare Workers Integration
-        </CardTitle>
-        <FormControl
-          label="Cloudflare Workers API token"
-          errorText={accessKeyErrorText}
-          isError={accessKeyErrorText !== "" ?? false}
-          className="mx-6"
-        >
-          <Input 
-            placeholder="" 
-            value={accessKey} 
-            type="password"
-            autoComplete="new-password"
-            onChange={(e) => setAccessKey(e.target.value)} 
-          />
-        </FormControl>
-        <FormControl
-          label="Cloudflare Workers Account ID"
-          errorText={accountIdErrorText}
-          isError={accountIdErrorText !== "" ?? false}
-          className="mx-6"
-        >
-          <Input placeholder="" value={accountId} onChange={(e) => setAccountId(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Connect to Cloudflare Workers
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-CloudflareWorkersIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/cloudflare-workers/create.tsx b/frontend-next/src/pages/integrations/cloudflare-workers/create.tsx
deleted file mode 100644
index f4a35d47c..000000000
--- a/frontend-next/src/pages/integrations/cloudflare-workers/create.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import axios from "axios";
-import queryString from "query-string";
-
-import { createNotification } from "@app/components/notifications";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration, useGetWorkspaceById } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Select, SelectItem } from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-
-export default function CloudflareWorkersIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-
-  const [targetApp, setTargetApp] = useState("");
-  const [targetAppId, setTargetAppId] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-        setTargetAppId(String(integrationAuthApps[0].appId));
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: targetAppId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-
-      let errorMessage: string = "Something went wrong!";
-      if (axios.isAxiosError(err)) {
-        const { message } = err?.response?.data as { message: string };
-        errorMessage = message;
-      }
-
-      createNotification({
-        text: errorMessage,
-        type: "error"
-      });
-      setIsLoading(false);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center bg-gradient-to-tr from-mineshaft-900 to-bunker-900">
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <CardTitle
-          className="px-6 text-left"
-          subTitle="Choose which environment in Infisical you want to sync with your Cloudflare Workers project."
-        >
-          Cloudflare Workers Integration
-        </CardTitle>
-        <FormControl label="Infisical Project Environment" className="mt-2 px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Infisical Secret Path" className="mt-2 px-6">
-          <SecretPathInput
-            value={secretPath}
-            onChange={(value) => setSecretPath(value)}
-            environment={selectedSourceEnvironment}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Cloudflare Workers Project" className="mt-4 px-6">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No apps found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mt-2 mb-6 ml-auto mr-6"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-CloudflareWorkersIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/codefresh/authorize.tsx b/frontend-next/src/pages/integrations/codefresh/authorize.tsx
deleted file mode 100644
index 78233ca5e..000000000
--- a/frontend-next/src/pages/integrations/codefresh/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function CodefreshCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "codefresh",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/codefresh/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Codefresh Integration</CardTitle>
-        <FormControl
-          label="Codefresh API Key"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Codefresh
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-CodefreshCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/codefresh/create.tsx b/frontend-next/src/pages/integrations/codefresh/create.tsx
deleted file mode 100644
index b500e0b55..000000000
--- a/frontend-next/src/pages/integrations/codefresh/create.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function CodefreshCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Codefresh Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Codefresh Service" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No services found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-CodefreshCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/databricks/authorize.tsx b/frontend-next/src/pages/integrations/databricks/authorize.tsx
deleted file mode 100644
index 5ea5f664a..000000000
--- a/frontend-next/src/pages/integrations/databricks/authorize.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function DatabricksCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync, isLoading } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [instanceURL, setInstanceURL] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [instanceURLErrorText, setInstanceURLErrorText] = useState("");
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      setInstanceURLErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-      if (instanceURL.length === 0) {
-        setInstanceURLErrorText("Instance URL cannot be blank");
-        return;
-      }
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "databricks",
-        url: instanceURL.replace(/\/$/, ""),
-        accessToken: apiKey
-      });
-
-      router.push(`/integrations/databricks/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Databricks Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your Access Token, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Databricks.png"
-                height={30}
-                width={30}
-                alt="Databricks logo"
-              />
-            </div>
-            <span className="ml-1.5">Databricks Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/databricks" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="Databricks Instance URL"
-          errorText={instanceURLErrorText}
-          isError={instanceURLErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input value={instanceURL} onChange={(e) => setInstanceURL(e.target.value)} placeholder="https://xxxx.cloud.databricks.com" />
-        </FormControl>
-        <FormControl
-          label="Access Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} type="password" />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-          isDisabled={isLoading}
-        >
-          Connect to Databricks
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-DatabricksCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/databricks/create.tsx b/frontend-next/src/pages/integrations/databricks/create.tsx
deleted file mode 100644
index e9ff0a2a1..000000000
--- a/frontend-next/src/pages/integrations/databricks/create.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import queryString from "query-string";
-
-import { createNotification } from "@app/components/notifications";
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function DatabricksCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync, isLoading } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isintegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-
-  const { data: integrationAuthScopes, isLoading: isIntegrationAuthScopesLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetScope, setTargetScope] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      if (!targetScope) {
-        createNotification({
-          type: "error",
-          text: "Please select a scope"
-        });
-        return;
-      }
-
-      const selectedScope = integrationAuthScopes?.find(
-        (integrationAuthScope) => integrationAuthScope.name === targetScope
-      );
-
-      if (!selectedScope) {
-        createNotification({
-          type: "error",
-          text: "Invalid scope selected"
-        });
-        return;
-      }
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: selectedScope.name, // scope name
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace && selectedSourceEnvironment && integrationAuthScopes ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up Databricks Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment or folder in Infisical you want to sync to which Databricks secrets scope."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Databricks.png"
-                height={30}
-                width={30}
-                alt="Databricks logo"
-              />
-            </div>
-            <span className="ml-1.5">Databricks Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/databricks" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-
-        <FormControl label="Project Environment" className="px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path" className="px-6">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-
-        {integrationAuthScopes && (
-          <FormControl label="Databricks Scope" className="px-6">
-            <Select
-              value={targetScope}
-              onValueChange={(val) => {
-                setTargetScope(val);
-              }}
-              className="w-full border border-mineshaft-500"
-              placeholder={integrationAuthScopes.length === 0 ? "No scopes found." : "Select scope..."}
-              isDisabled={integrationAuthScopes.length === 0}
-            >
-              {integrationAuthScopes.length > 0 ? (
-                integrationAuthScopes.map((scope) => (
-                  <SelectItem value={scope.name!} key={`target-scope-${scope.name}`}>
-                    {scope.name}
-                  </SelectItem>
-                ))
-              ) : (
-                <SelectItem value="none" key="target-app-none">
-                  No scopes found
-                </SelectItem>
-              )}
-            </Select>
-          </FormControl>
-        )}
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-          isDisabled={integrationAuthScopes.length === 0 || isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in Databricks with secrets from Infisical.
-        </span>
-      </div>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Databricks Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthScopesLoading || isintegrationAuthLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-DatabricksCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/details/[integrationId].tsx b/frontend-next/src/pages/integrations/details/[integrationId].tsx
deleted file mode 100644
index f0db57472..000000000
--- a/frontend-next/src/pages/integrations/details/[integrationId].tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IntegrationDetailsPage } from "@app/views/IntegrationsPage/IntegrationDetailsPage";
-
-export default function IntegrationsDetailsPage() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>Integration Details | Infisical</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="Manage your .env files in seconds" />
-        <meta name="og:description" content={t("integrations.description") as string} />
-      </Head>
-      <IntegrationDetailsPage />
-    </>
-  );
-}
-
-IntegrationsDetailsPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/digital-ocean-app-platform/authorize.tsx b/frontend-next/src/pages/integrations/digital-ocean-app-platform/authorize.tsx
deleted file mode 100644
index 19a9e7b8e..000000000
--- a/frontend-next/src/pages/integrations/digital-ocean-app-platform/authorize.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function DigitalOceanAppPlatformCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "digital-ocean-app-platform",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(
-        `/integrations/digital-ocean-app-platform/create?integrationAuthId=${integrationAuth.id}`
-      );
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Digital Ocean App Platform Integration</CardTitle>
-        <FormControl
-          label="Digital Ocean API Key"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Digital Ocean App Platform
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-DigitalOceanAppPlatformCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/digital-ocean-app-platform/create.tsx b/frontend-next/src/pages/integrations/digital-ocean-app-platform/create.tsx
deleted file mode 100644
index 28d783467..000000000
--- a/frontend-next/src/pages/integrations/digital-ocean-app-platform/create.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function DigitalOceanAppPlatformCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Digital Ocean App Platform Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Digital Ocean App Platform Service" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No services found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-DigitalOceanAppPlatformCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/flyio/authorize.tsx b/frontend-next/src/pages/integrations/flyio/authorize.tsx
deleted file mode 100644
index 2672053b7..000000000
--- a/frontend-next/src/pages/integrations/flyio/authorize.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-const schema = yup.object({
-  accessToken: yup.string().trim().required("Fly.io Access Token is required")
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function FlyioAuthorizeIntegrationPage() {
-  const router = useRouter();
-
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      accessToken: ""
-    }
-  });
-
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  const onFormSubmit = async ({ accessToken }: FormData) => {
-    try {
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "flyio",
-        accessToken
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/flyio/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      setIsLoading(false);
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Fly.io Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your access token, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Flyio.svg"
-                height={30}
-                width={30}
-                alt="Fly.io logo"
-              />
-            </div>
-            <span className="ml-2.5">Fly.io Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/flyio" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6 pb-8 text-right">
-          <Controller
-            control={control}
-            name="accessToken"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Fly.io Access Token"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input 
-                  {...field} 
-                  placeholder="" 
-                  type="password"
-                  autoComplete="new-password"
-                />
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mt-2 w-min"
-            size="sm"
-            type="submit"
-            isLoading={isLoading}
-          >
-            Connect to Fly.io
-          </Button>
-        </form>
-      </Card>
-    </div>
-  );
-}
-
-FlyioAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/flyio/create.tsx b/frontend-next/src/pages/integrations/flyio/create.tsx
deleted file mode 100644
index 7e262f0b3..000000000
--- a/frontend-next/src/pages/integrations/flyio/create.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Alert,
-  AlertDescription,
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function FlyioCreateIntegrationPage() {
-  const router = useRouter();
-
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isIntegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-  const { data: integrationAuthApps = [], isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-
-  const [targetApp, setTargetApp] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    // TODO: handle case where apps can be empty
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up Fly.io Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment or folder in Infisical you want to sync to Fly.io environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Flyio.svg"
-                height={30}
-                width={30}
-                alt="Fly.io logo"
-              />
-            </div>
-            <span className="ml-2.5">Fly.io Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/flyio" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <div className="px-6 pb-4">
-          <Alert hideTitle variant="warning">
-            <AlertDescription>
-              All current secrets linked to the related Fly.io project will be deleted before Infisical secrets are pushed to your Fly.io project.
-            </AlertDescription>
-          </Alert>
-        </div>
-        <FormControl label="Project Environment" className="px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path" className="px-6">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Fly.io App" className="px-6">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No apps found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in Fly.io with secrets from Infisical.
-        </span>
-      </div>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Fly.io Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthLoading || isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-FlyioCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/gcp-secret-manager/authorize.tsx b/frontend-next/src/pages/integrations/gcp-secret-manager/authorize.tsx
deleted file mode 100644
index cea246f2f..000000000
--- a/frontend-next/src/pages/integrations/gcp-secret-manager/authorize.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import crypto from "crypto";
-
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faGoogle } from "@fortawesome/free-brands-svg-icons";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { useGetCloudIntegrations, useSaveIntegrationAccessToken } from "@app/hooks/api";
-import { createIntegrationMissingEnvVarsNotification } from "@app/views/IntegrationsPage/IntegrationPage.utils";
-
-import { Button, Card, CardTitle, FormControl, TextArea } from "../../../components/v2";
-
-const schema = yup.object({
-  accessToken: yup.string().required("Service Account JSON cannot be empty")
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function GCPSecretManagerAuthorizeIntegrationPage() {
-  const router = useRouter();
-
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: yupResolver(schema)
-  });
-
-  const { data: cloudIntegrations } = useGetCloudIntegrations();
-
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleIntegrateWithOAuth = () => {
-    if (!cloudIntegrations) return;
-    const integrationOption = cloudIntegrations.find(
-      (integration) => integration.slug === "gcp-secret-manager"
-    );
-
-    if (!integrationOption) return;
-
-    const state = crypto.randomBytes(16).toString("hex");
-    localStorage.setItem("latestCSRFToken", state);
-
-    if (!integrationOption.clientId) {
-      createIntegrationMissingEnvVarsNotification(integrationOption.slug);
-      return;
-    }
-
-    const link = `https://accounts.google.com/o/oauth2/auth?scope=https://www.googleapis.com/auth/cloud-platform&response_type=code&access_type=offline&state=${state}&redirect_uri=${window.location.origin}/integrations/gcp-secret-manager/oauth2/callback&client_id=${integrationOption.clientId}`;
-    window.location.assign(link);
-  };
-
-  const onFormSubmit = async ({ accessToken }: FormData) => {
-    try {
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "gcp-secret-manager",
-        refreshToken: accessToken
-      });
-
-      setIsLoading(false);
-      router.push(
-        `/integrations/gcp-secret-manager/create?integrationAuthId=${integrationAuth.id}`
-      );
-    } catch (err) {
-      console.error(err);
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize GCP Secret Manager Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Connect Infisical to GCP Secret Manager to sync secrets."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Google Cloud Platform.png"
-                height={30}
-                width={30}
-                alt="GCP logo"
-              />
-            </div>
-            <span className="ml-1.5">GCP Secret Manager Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/gcp-secret-manager" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <div className="px-6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={handleIntegrateWithOAuth}
-            leftIcon={<FontAwesomeIcon icon={faGoogle} className="mr-2" />}
-            className="mx-0 mt-4 h-11 w-full"
-          >
-            Continue with OAuth
-          </Button>
-          <div className="my-4 flex w-full flex-row items-center py-2">
-            <div className="w-full border-t border-mineshaft-400/40" />
-            <span className="mx-2 text-xs text-mineshaft-400">or</span>
-            <div className="w-full border-t border-mineshaft-400/40" />
-          </div>
-        </div>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6 pb-8 text-right">
-          <Controller
-            control={control}
-            name="accessToken"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="GCP Service Account JSON"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <TextArea
-                  {...field}
-                  className="h-48 border border-mineshaft-600 bg-bunker-900/80"
-                />
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mt-2 w-min"
-            size="sm"
-            type="submit"
-            isLoading={isLoading}
-          >
-            Connect to GCP Secret Manager
-          </Button>
-        </form>
-      </Card>
-    </div>
-  );
-}
-
-GCPSecretManagerAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/gcp-secret-manager/create.tsx b/frontend-next/src/pages/integrations/gcp-secret-manager/create.tsx
deleted file mode 100644
index 12dcb6ca8..000000000
--- a/frontend-next/src/pages/integrations/gcp-secret-manager/create.tsx
+++ /dev/null
@@ -1,478 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-import * as yup from "yup";
-
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { usePopUp } from "@app/hooks";
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Switch,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-enum TabSections {
-  Connection = "connection",
-  Options = "options"
-}
-
-const schema = yup.object({
-  selectedSourceEnvironment: yup.string().required("Source environment is required"),
-  secretPath: yup.string().required("Secret path is required"),
-  targetAppId: yup.string().required("GCP project is required"),
-  secretPrefix: yup.string().trim(),
-  secretSuffix: yup.string().trim(),
-  shouldLabel: yup.boolean(),
-  labelName: yup.string().trim(),
-  labelValue: yup.string().trim()
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function GCPSecretManagerCreateIntegrationPage() {
-  const router = useRouter();
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "confirmIntegration"
-  ] as const);
-
-  const { control, handleSubmit, setValue, watch } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      secretPath: "/",
-      secretPrefix: "",
-      secretSuffix: "",
-      shouldLabel: false,
-      labelName: "managed-by",
-      labelValue: "infisical"
-    }
-  });
-
-  const shouldLabel = watch("shouldLabel");
-  const selectedSourceEnvironment = watch("selectedSourceEnvironment");
-
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (shouldLabel) {
-      setValue("labelName", "managed-by");
-      setValue("labelValue", "infisical");
-      return;
-    }
-
-    setValue("labelName", "");
-    setValue("labelValue", "");
-  }, [shouldLabel]);
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("selectedSourceEnvironment", workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setValue("targetAppId", integrationAuthApps[0].appId as string);
-      } else {
-        setValue("targetAppId", "none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const onFormSubmit = async ({
-    selectedSourceEnvironment: sce,
-    secretPath,
-    targetAppId,
-    secretPrefix,
-    secretSuffix,
-    shouldLabel: sl,
-    labelName,
-    labelValue
-  }: FormData) => {
-    try {
-      setIsLoading(true);
-
-      if (!integrationAuth?.id) return;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-        )?.name,
-        appId: targetAppId,
-        sourceEnvironment: sce,
-        secretPath,
-        metadata: {
-          ...(secretPrefix ? { secretPrefix } : {}),
-          ...(secretSuffix ? { secretSuffix } : {}),
-          ...(sl
-            ? {
-                secretGCPLabel: {
-                  labelName,
-                  labelValue
-                }
-              }
-            : {})
-        }
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-      setIsLoading(false);
-    }
-  };
-
-  return integrationAuth && workspace && selectedSourceEnvironment && integrationAuthApps ? (
-    <form
-      onSubmit={handleSubmit((data: FormData) => {
-        if (!data.secretPrefix && !data.secretSuffix && !data.shouldLabel) {
-          handlePopUpOpen("confirmIntegration", data);
-          return;
-        }
-
-        onFormSubmit(data);
-      })}
-      className="flex h-full w-full flex-col items-center justify-center"
-    >
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <Head>
-          <title>Set Up GCP Secret Manager Integration</title>
-          <link rel="icon" href="/infisical.ico" />
-        </Head>
-        <CardTitle
-          className="mb-2 px-6 text-left text-xl"
-          subTitle="Select which environment or folder in Infisical you want to sync to GCP Secret Manager."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Google Cloud Platform.png"
-                height={30}
-                width={30}
-                alt="GCP logo"
-              />
-            </div>
-            <span className="ml-1.5">GCP Secret Manager Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/gcp-secret-manager" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <Tabs defaultValue={TabSections.Connection} className="px-6">
-          <TabList>
-            <div className="flex w-full flex-row border-b border-mineshaft-600">
-              <Tab value={TabSections.Connection}>Connection</Tab>
-              <Tab value={TabSections.Options}>Options</Tab>
-            </div>
-          </TabList>
-          <TabPanel value={TabSections.Connection}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <Controller
-                control={control}
-                name="selectedSourceEnvironment"
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Project Environment"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Select
-                      defaultValue={field.value}
-                      {...field}
-                      onValueChange={(e) => onChange(e)}
-                      className="w-full"
-                    >
-                      {workspace?.environments.map((sourceEnvironment) => (
-                        <SelectItem
-                          value={sourceEnvironment.slug}
-                          key={`source-environment-${sourceEnvironment.slug}`}
-                        >
-                          {sourceEnvironment.name}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                defaultValue=""
-                name="secretPath"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secrets Path"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretPathInput
-                      {...field}
-                      environment={selectedSourceEnvironment}
-                      placeholder="/"
-                    />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="targetAppId"
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-                  return (
-                    <FormControl
-                      label="GCP Project"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        {...field}
-                        onValueChange={(e) => {
-                          if (e === "") return;
-                          onChange(e);
-                        }}
-                        className="w-full"
-                      >
-                        {integrationAuthApps.length > 0 ? (
-                          integrationAuthApps.map((integrationAuthApp) => (
-                            <SelectItem
-                              value={String(integrationAuthApp.appId as string)}
-                              key={`target-app-${String(integrationAuthApp.appId)}`}
-                            >
-                              {integrationAuthApp.name}
-                            </SelectItem>
-                          ))
-                        ) : (
-                          <SelectItem value="none" key="target-app-none">
-                            No projects found
-                          </SelectItem>
-                        )}
-                      </Select>
-                    </FormControl>
-                  );
-                }}
-              />
-            </motion.div>
-          </TabPanel>
-          <TabPanel value={TabSections.Options}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: -30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <Controller
-                control={control}
-                name="secretPrefix"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Prefix"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="INFISICAL_" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="secretSuffix"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Suffix"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="_INFISICAL" />
-                  </FormControl>
-                )}
-              />
-              <div className="mt-8 mb-[2.36rem]">
-                <Controller
-                  control={control}
-                  name="shouldLabel"
-                  render={({ field: { onChange, value } }) => (
-                    <Switch
-                      id="label-gcp"
-                      onCheckedChange={(isChecked) => onChange(isChecked)}
-                      isChecked={value}
-                    >
-                      Label in GCP Secret Manager
-                    </Switch>
-                  )}
-                />
-              </div>
-              {shouldLabel && (
-                <div className="mt-8">
-                  <Controller
-                    control={control}
-                    name="labelName"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Label Name"
-                        isError={Boolean(error)}
-                        errorText={error?.message}
-                      >
-                        <Input {...field} placeholder="managed-by" />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="labelValue"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Label Name"
-                        isError={Boolean(error)}
-                        errorText={error?.message}
-                      >
-                        <Input {...field} placeholder="infisical" />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-              )}
-            </motion.div>
-          </TabPanel>
-        </Tabs>
-        <Button
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-8 ml-auto mr-6 w-min"
-          size="sm"
-          type="submit"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      {/* <div className="border-t border-mineshaft-800 w-full max-w-md mt-6"/>
-      <div className="flex flex-col bg-mineshaft-800 border border-mineshaft-600 w-full p-4 max-w-lg mt-6 rounded-md">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-mineshaft-200 text-xl"/>
-          <span className="ml-3 text-md text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="text-mineshaft-300 text-sm mt-4">
-          After creating an integration, your secrets will start syncing immediately. 
-          
-          To avoid overwriting existing secrets in GCP Secret Manager, you may consider adding a secret prefix/suffix and/or enabling labeling in the options tab.
-        </span>
-      </div> */}
-      <Modal
-        isOpen={popUp.confirmIntegration?.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("confirmIntegration", isOpen)}
-      >
-        <ModalContent
-          title="Heads Up"
-          footerContent={
-            <div className="flex items-center space-x-2">
-              <Button onClick={() => onFormSubmit(popUp.confirmIntegration?.data as FormData)}>
-                Continue Anyway
-              </Button>
-              <Button
-                onClick={() => handlePopUpClose("confirmIntegration")}
-                variant="outline_bg"
-                colorSchema="secondary"
-              >
-                Cancel
-              </Button>
-            </div>
-          }
-        >
-          <p>You&apos;re about to overwrite any existing secrets in GCP Secret Manager.</p>
-          <p className="mt-4">
-            To avoid this behavior, you may consider adding a secret prefix/suffix or enabling
-            labeling in the options tab.
-          </p>
-        </ModalContent>
-      </Modal>
-    </form>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up GCP Secret Manager Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-GCPSecretManagerCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/gcp-secret-manager/oauth2/callback.tsx b/frontend-next/src/pages/integrations/gcp-secret-manager/oauth2/callback.tsx
deleted file mode 100644
index 3f2c4b795..000000000
--- a/frontend-next/src/pages/integrations/gcp-secret-manager/oauth2/callback.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function GCPSecretManagerOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "gcp-secret-manager"
-        });
-
-        router.push(
-          `/integrations/gcp-secret-manager/create?integrationAuthId=${integrationAuth.id}`
-        );
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-GCPSecretManagerOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/github/auth-mode-selection.tsx b/frontend-next/src/pages/integrations/github/auth-mode-selection.tsx
deleted file mode 100644
index 4a512ff60..000000000
--- a/frontend-next/src/pages/integrations/github/auth-mode-selection.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import crypto from "crypto";
-
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  FormControl,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useGetCloudIntegrations } from "@app/hooks/api";
-import { createIntegrationMissingEnvVarsNotification } from "@app/views/IntegrationsPage/IntegrationPage.utils";
-
-enum AuthMethod {
-  APP = "APP",
-  OAUTH = "OAUTH"
-}
-
-export default function GithubIntegrationAuthModeSelectionPage() {
-  const router = useRouter();
-  const { data: cloudIntegrations } = useGetCloudIntegrations();
-  const githubIntegration = cloudIntegrations?.find((integration) => integration.slug === "github");
-  const [selectedAuthMethod, setSelectedAuthMethod] = useState<AuthMethod>(AuthMethod.APP);
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Select GitHub Integration Auth</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Select how you'd like to integrate with GitHub. We recommend using the GitHub App method for fine-grained access."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/GitHub.png"
-                height={30}
-                width={30}
-                alt="Github logo"
-              />
-            </div>
-            <span className="ml-2.5">GitHub Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cicd/githubactions" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <CardBody>
-          <FormControl label="Select authentication method">
-            <Select
-              value={selectedAuthMethod}
-              onValueChange={(val) => {
-                setSelectedAuthMethod(val as AuthMethod);
-              }}
-              className="w-full border border-mineshaft-500"
-            >
-              <SelectItem value={AuthMethod.APP}>GitHub App (Recommended)</SelectItem>
-              <SelectItem value={AuthMethod.OAUTH}>OAuth</SelectItem>
-            </Select>
-          </FormControl>
-          <div className="flex items-end">
-            <Button
-              onClick={() => {
-                if (selectedAuthMethod === AuthMethod.APP) {
-                  router.push("/integrations/select-integration-auth?integrationSlug=github");
-                } else {
-                  if (!githubIntegration?.clientId) {
-                    createIntegrationMissingEnvVarsNotification(
-                      "githubactions",
-                      "cicd",
-                      "connecting-with-github-oauth"
-                    );
-                    return;
-                  }
-
-                  const state = crypto.randomBytes(16).toString("hex");
-                  localStorage.setItem("latestCSRFToken", state);
-
-                  window.location.assign(
-                    `https://github.com/login/oauth/authorize?client_id=${githubIntegration?.clientId}&response_type=code&scope=repo,admin:org&redirect_uri=${window.location.origin}/integrations/github/oauth2/callback&state=${state}`
-                  );
-                }
-              }}
-              colorSchema="primary"
-              variant="outline_bg"
-              className="mt-4 ml-auto w-min"
-            >
-              Connect to GitHub
-            </Button>
-          </div>
-        </CardBody>
-      </Card>
-    </div>
-  );
-}
-
-GithubIntegrationAuthModeSelectionPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/github/create.tsx b/frontend-next/src/pages/integrations/github/create.tsx
deleted file mode 100644
index 9cacba01b..000000000
--- a/frontend-next/src/pages/integrations/github/create.tsx
+++ /dev/null
@@ -1,796 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faAngleDown,
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCheckCircle,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import axios from "axios";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-import { twMerge } from "tailwind-merge";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  Card,
-  CardTitle,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  FormControl,
-  Input,
-  Select,
-  SelectItem,
-  Switch,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "@app/components/v2";
-import {
-  useCreateIntegration,
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthGithubEnvs,
-  useGetIntegrationAuthGithubOrgs,
-  useGetWorkspaceById
-} from "@app/hooks/api";
-
-enum TabSections {
-  Connection = "connection",
-  Options = "options"
-}
-
-const secretsVisibility = [
-  {
-    value: "selected",
-    label: "Select repositories"
-  },
-  {
-    value: "all",
-    label: "All public repositories"
-  },
-  {
-    value: "private",
-    label: "All private repositories"
-  }
-] as const;
-
-const targetEnv = ["github-repo", "github-org", "github-env"] as const;
-type TargetEnv = (typeof targetEnv)[number];
-
-const schema = yup.object({
-  selectedSourceEnvironment: yup.string().trim().required("Project Environment is required"),
-  secretPath: yup.string().trim().required("Secrets Path is required"),
-  secretSuffix: yup.string().trim().optional(),
-  shouldEnableDelete: yup.boolean().optional(),
-  scope: yup.mixed<TargetEnv>().oneOf(targetEnv.slice()).required(),
-
-  // Explanation: If scope is (github-repo) OR (github-org AND visibility is set to selected), then repoIds is required
-  repoIds: yup.mixed().when(["scope", "visibility"], {
-    is: (scope: string, visibility: string) =>
-      scope === "github-repo" || (scope === "github-org" && visibility === "selected"),
-    then: yup.array(yup.string().required()).min(1, "Select at least one repository"),
-    otherwise: yup.mixed().notRequired()
-  }),
-
-  repoId: yup.mixed().when("scope", {
-    is: "github-env",
-    then: yup.string().required("Repository is required")
-  }),
-
-  repoName: yup.mixed().when("scope", {
-    is: "github-env",
-    then: yup.string().required("Repository is required")
-  }),
-
-  repoOwner: yup.mixed().when("scope", {
-    is: "github-env",
-    then: yup.string().required("Repository is required")
-  }),
-
-  envId: yup.mixed().when("scope", {
-    is: "github-env",
-    then: yup.string().required("Environment is required")
-  }),
-
-  orgId: yup.mixed().when("scope", {
-    is: "github-org",
-    then: yup.string().required("Organization is required")
-  }),
-  visibility: yup.mixed().when("scope", {
-    is: "github-org",
-    then: yup.string().required("Visibility is required")
-  })
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function GitHubCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const integrationAuthId =
-    (queryString.parse(router.asPath.split("?")[1]).integrationAuthId as string) ?? "";
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById(integrationAuthId);
-
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId
-    });
-
-  const { data: integrationAuthOrgs } = useGetIntegrationAuthGithubOrgs(
-    integrationAuthId as string
-  );
-
-  const { control, handleSubmit, watch, setValue } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      secretPath: "/",
-      scope: "github-repo",
-      repoIds: [],
-      visibility: "all",
-      shouldEnableDelete: false
-    }
-  });
-
-  const scope = watch("scope");
-  const repoId = watch("repoId");
-  const repoIds = watch("repoIds");
-  const repoName = watch("repoName");
-  const repoOwner = watch("repoOwner");
-  const selectedOrgId = watch("orgId");
-
-  const { data: integrationAuthGithubEnvs } = useGetIntegrationAuthGithubEnvs(
-    integrationAuthId as string,
-    repoName,
-    repoOwner
-  );
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("selectedSourceEnvironment", workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthGithubEnvs && integrationAuthGithubEnvs?.length > 0) {
-      setValue("envId", integrationAuthGithubEnvs[0].envId);
-    } else {
-      setValue("envId", undefined);
-    }
-  }, [integrationAuthGithubEnvs]);
-
-  const onFormSubmit = async (data: FormData) => {
-    try {
-      setIsLoading(true);
-
-      if (!integrationAuth?.id) return;
-
-      switch (data.scope) {
-        case "github-repo": {
-          const targetApps = integrationAuthApps?.filter((integrationAuthApp) =>
-            data.repoIds?.includes(String(integrationAuthApp.appId))
-          );
-
-          if (!targetApps) return;
-
-          await Promise.all(
-            targetApps.map(async (targetApp) => {
-              await mutateAsync({
-                integrationAuthId: integrationAuth?.id,
-                isActive: true,
-                scope: data.scope,
-                secretPath: data.secretPath,
-                sourceEnvironment: data.selectedSourceEnvironment,
-                app: targetApp.name, // repo name
-                owner: targetApp.owner, // repo owner
-                metadata: {
-                  secretSuffix: data.secretSuffix,
-                  shouldEnableDelete: data.shouldEnableDelete
-                }
-              });
-            })
-          );
-
-          break;
-        }
-        case "github-org":
-          await mutateAsync({
-            integrationAuthId: integrationAuth?.id,
-            isActive: true,
-            secretPath: data.secretPath,
-            sourceEnvironment: data.selectedSourceEnvironment,
-            scope: data.scope,
-            owner: integrationAuthOrgs?.find((e) => e.orgId === data.orgId)?.name,
-            metadata: {
-              githubVisibility: data.visibility,
-              githubVisibilityRepoIds: data.repoIds,
-              secretSuffix: data.secretSuffix,
-              shouldEnableDelete: data.shouldEnableDelete
-            }
-          });
-          break;
-
-        case "github-env":
-          await mutateAsync({
-            integrationAuthId: integrationAuth?.id,
-            isActive: true,
-            secretPath: data.secretPath,
-            sourceEnvironment: data.selectedSourceEnvironment,
-            scope: data.scope,
-            app: repoName,
-            appId: data.repoId,
-            owner: repoOwner,
-            targetEnvironmentId: data.envId,
-            metadata: {
-              secretSuffix: data.secretSuffix,
-              shouldEnableDelete: data.shouldEnableDelete
-            }
-          });
-          break;
-        default:
-          throw new Error("Invalid scope");
-      }
-
-      setIsLoading(false);
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-
-      let errorMessage: string = "Something went wrong!";
-      if (axios.isAxiosError(err)) {
-        const { message } = err?.response?.data as { message: string };
-        errorMessage = message;
-      }
-
-      createNotification({
-        text: errorMessage,
-        type: "error"
-      });
-      setIsLoading(false);
-    }
-  };
-
-  const selectedOrganization = useMemo(() => {
-    if (!integrationAuthApps) return null;
-
-    return integrationAuthApps.filter(
-      (authApp) =>
-        integrationAuthOrgs?.find((e) => e.orgId === selectedOrgId)?.name === authApp.owner
-    );
-  }, [selectedOrgId, integrationAuthApps]);
-
-  return integrationAuth && workspace && integrationAuthApps ? (
-    <div className="flex h-full w-full flex-col items-center justify-center py-4">
-      <Head>
-        <title>Set Up GitHub Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6">
-          <CardTitle
-            className="px-0 text-left text-xl"
-            subTitle="Choose which environment in Infisical you want to sync to environment variables in GitHub."
-          >
-            <div className="flex flex-row items-center">
-              <div className="flex items-center rounded-full bg-mineshaft-200">
-                <Image
-                  src="/images/integrations/GitHub.png"
-                  height={30}
-                  width={30}
-                  alt="GitHub logo"
-                />
-              </div>
-              <span className="ml-2.5">GitHub Integration </span>
-              <Link href="https://infisical.com/docs/integrations/cicd/githubactions" passHref>
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                    <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                    Docs
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="ml-1.5 mb-[0.07rem] text-xxs"
-                    />
-                  </div>
-                </a>
-              </Link>
-            </div>
-          </CardTitle>
-          <Tabs defaultValue={TabSections.Connection}>
-            <TabList>
-              <div className="flex w-full flex-row border-b border-mineshaft-600">
-                <Tab value={TabSections.Connection}>Connection</Tab>
-                <Tab value={TabSections.Options}>Options</Tab>
-              </div>
-            </TabList>
-            <TabPanel value={TabSections.Connection}>
-              <motion.div
-                key="panel-1"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <Controller
-                  control={control}
-                  name="selectedSourceEnvironment"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Project Environment"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        onValueChange={onChange}
-                        className="w-full border border-mineshaft-500"
-                      >
-                        {workspace?.environments.map((sourceEnvironment) => (
-                          <SelectItem
-                            value={sourceEnvironment.slug}
-                            key={`source-environment-${sourceEnvironment.slug}`}
-                          >
-                            {sourceEnvironment.name}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="secretPath"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Secrets Path"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input {...field} placeholder="Provide a path, default is /" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="scope"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl label="Scope" errorText={error?.message} isError={Boolean(error)}>
-                      <Select
-                        defaultValue={field.value}
-                        onValueChange={(e) => {
-                          setValue("repoIds", []);
-                          onChange(e);
-                        }}
-                        className="w-full border border-mineshaft-500"
-                      >
-                        <SelectItem value="github-org">Organization</SelectItem>
-                        <SelectItem value="github-repo">Repository</SelectItem>
-                        <SelectItem value="github-env">Repository Environment</SelectItem>
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                {scope === "github-repo" && (
-                  <Controller
-                    control={control}
-                    name="repoIds"
-                    render={({ field: { onChange }, fieldState: { error } }) => (
-                      <FormControl
-                        label="Repositories"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <DropdownMenu>
-                          <DropdownMenuTrigger asChild>
-                            {integrationAuthApps.length > 0 ? (
-                              <div className="inline-flex w-full cursor-pointer items-center justify-between rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200">
-                                {repoIds.length === 1
-                                  ? integrationAuthApps?.reduce(
-                                      (acc, { appId, name, owner }) =>
-                                        repoIds[0] === appId ? `${owner}/${name}` : acc,
-                                      ""
-                                    )
-                                  : `${repoIds.length} repositories selected`}
-                                <FontAwesomeIcon icon={faAngleDown} className="text-xs" />
-                              </div>
-                            ) : (
-                              <div className="inline-flex w-full cursor-default items-center justify-between rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200">
-                                No repositories found
-                              </div>
-                            )}
-                          </DropdownMenuTrigger>
-                          <DropdownMenuContent
-                            align="start"
-                            className="thin-scrollbar z-[100] max-h-80 overflow-y-scroll"
-                          >
-                            {integrationAuthApps.length > 0 ? (
-                              integrationAuthApps.map((integrationAuthApp) => {
-                                const isSelected = repoIds.includes(
-                                  String(integrationAuthApp.appId)
-                                );
-
-                                return (
-                                  <DropdownMenuItem
-                                    onClick={() => {
-                                      if (repoIds.includes(String(integrationAuthApp.appId))) {
-                                        onChange(
-                                          repoIds.filter(
-                                            (appId: string) =>
-                                              appId !== String(integrationAuthApp.appId)
-                                          )
-                                        );
-                                      } else {
-                                        onChange([...repoIds, String(integrationAuthApp.appId)]);
-                                      }
-                                    }}
-                                    key={`repos-id-${integrationAuthApp.appId}`}
-                                    icon={
-                                      isSelected ? (
-                                        <FontAwesomeIcon
-                                          icon={faCheckCircle}
-                                          className="pr-0.5 text-primary"
-                                        />
-                                      ) : (
-                                        <div className="pl-[1.01rem]" />
-                                      )
-                                    }
-                                    iconPos="left"
-                                    className="w-[28.4rem] text-sm"
-                                  >
-                                    {integrationAuthApp.owner}/{integrationAuthApp.name}
-                                  </DropdownMenuItem>
-                                );
-                              })
-                            ) : (
-                              <div />
-                            )}
-                          </DropdownMenuContent>
-                        </DropdownMenu>
-                      </FormControl>
-                    )}
-                  />
-                )}
-                {scope === "github-org" && (
-                  <>
-                    <Controller
-                      control={control}
-                      name="orgId"
-                      render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                        <FormControl
-                          label="Organization"
-                          errorText={
-                            integrationAuthOrgs?.length ? error?.message : "No organizations found"
-                          }
-                          isError={Boolean(integrationAuthOrgs?.length || error?.message)}
-                        >
-                          <Select
-                            value={field.value}
-                            onValueChange={onChange}
-                            className="w-full border border-mineshaft-500"
-                          >
-                            {integrationAuthOrgs &&
-                              integrationAuthOrgs.map(({ name, orgId }) => (
-                                <SelectItem key={`github-organization-${orgId}`} value={orgId}>
-                                  {name}
-                                </SelectItem>
-                              ))}
-                          </Select>
-                        </FormControl>
-                      )}
-                    />
-
-                    <Controller
-                      control={control}
-                      name="visibility"
-                      render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                        <FormControl
-                          tooltipText="Select which type of repositories that the secrets should be synced to."
-                          label="Visibility"
-                          errorText={error?.message}
-                          isError={Boolean(error?.message)}
-                        >
-                          <Select
-                            value={field.value}
-                            onValueChange={onChange}
-                            className="w-full border border-mineshaft-500"
-                          >
-                            {secretsVisibility.map(({ label, value }) => (
-                              <SelectItem key={`github-visibility-${value}`} value={value}>
-                                {label}
-                              </SelectItem>
-                            ))}
-                          </Select>
-                        </FormControl>
-                      )}
-                    />
-
-                    {watch("visibility") === "selected" && (
-                      <Controller
-                        control={control}
-                        name="repoIds"
-                        render={({ field: { onChange }, fieldState: { error } }) => (
-                          <FormControl
-                            label="Selected Repositories"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                          >
-                            <DropdownMenu>
-                              <DropdownMenuTrigger asChild>
-                                {integrationAuthApps.length > 0 ? (
-                                  <div className="inline-flex w-full cursor-pointer items-center justify-between rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200">
-                                    {repoIds.length === 1
-                                      ? integrationAuthApps?.reduce(
-                                          (acc, { appId, name, owner }) =>
-                                            repoIds[0] === appId ? `${owner}/${name}` : acc,
-                                          ""
-                                        )
-                                      : `${repoIds.length} repositories selected`}
-                                    <FontAwesomeIcon icon={faAngleDown} className="text-xs" />
-                                  </div>
-                                ) : (
-                                  <div className="inline-flex w-full cursor-default items-center justify-between rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200">
-                                    No repositories found
-                                  </div>
-                                )}
-                              </DropdownMenuTrigger>
-                              <DropdownMenuContent
-                                align="start"
-                                className="thin-scrollbar z-[100] max-h-80 overflow-y-scroll"
-                              >
-                                {selectedOrganization ? (
-                                  selectedOrganization.map((integrationAuthApp) => {
-                                    const isSelected = repoIds.includes(
-                                      String(integrationAuthApp.appId)
-                                    );
-
-                                    return (
-                                      <DropdownMenuItem
-                                        onClick={() => {
-                                          if (repoIds.includes(String(integrationAuthApp.appId))) {
-                                            onChange(
-                                              repoIds.filter(
-                                                (appId: string) =>
-                                                  appId !== String(integrationAuthApp.appId)
-                                              )
-                                            );
-                                          } else {
-                                            onChange([
-                                              ...repoIds,
-                                              String(integrationAuthApp.appId)
-                                            ]);
-                                          }
-                                        }}
-                                        key={`repos-id-${integrationAuthApp.appId}`}
-                                        icon={
-                                          isSelected ? (
-                                            <FontAwesomeIcon
-                                              icon={faCheckCircle}
-                                              className="pr-0.5 text-primary"
-                                            />
-                                          ) : (
-                                            <div className="pl-[1.01rem]" />
-                                          )
-                                        }
-                                        iconPos="left"
-                                        className="w-[28.4rem] text-sm"
-                                      >
-                                        {integrationAuthApp.owner}/{integrationAuthApp.name}
-                                      </DropdownMenuItem>
-                                    );
-                                  })
-                                ) : (
-                                  <div />
-                                )}
-                              </DropdownMenuContent>
-                            </DropdownMenu>
-                          </FormControl>
-                        )}
-                      />
-                    )}
-                  </>
-                )}
-                {scope === "github-env" && (
-                  <Controller
-                    control={control}
-                    name="repoId"
-                    render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                      <FormControl
-                        label="Repository"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <Select
-                          value={field.value}
-                          onValueChange={(e) => {
-                            const selectedRepo = integrationAuthApps.find((app) => app.appId === e);
-                            setValue("repoName", selectedRepo?.name);
-                            setValue("repoOwner", selectedRepo?.owner);
-                            onChange(e);
-                          }}
-                          className="w-full border border-mineshaft-500"
-                        >
-                          {integrationAuthApps?.length ? (
-                            integrationAuthApps.map((app) => {
-                              return (
-                                <SelectItem
-                                  value={app.appId as string}
-                                  key={`repo-id-${app.appId}`}
-                                  className="w-[28.4rem] text-sm"
-                                >
-                                  {app.owner}/{app.name}
-                                </SelectItem>
-                              );
-                            })
-                          ) : (
-                            <div />
-                          )}
-                        </Select>
-                      </FormControl>
-                    )}
-                  />
-                )}
-                {scope === "github-env" && (
-                  <Controller
-                    control={control}
-                    name="envId"
-                    render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                      <FormControl
-                        label="Environment"
-                        errorText={
-                          integrationAuthGithubEnvs?.length
-                            ? error?.message
-                            : "No Environment found"
-                        }
-                        isError={Boolean(integrationAuthGithubEnvs?.length || error?.message)}
-                      >
-                        <Select
-                          value={field.value}
-                          onValueChange={onChange}
-                          isDisabled={!repoId}
-                          className={twMerge(
-                            "w-full border border-mineshaft-500",
-                            !repoId && "h-10 cursor-not-allowed"
-                          )}
-                        >
-                          {integrationAuthGithubEnvs?.length ? (
-                            integrationAuthGithubEnvs.map((githubEnv) => {
-                              return (
-                                <SelectItem
-                                  value={githubEnv.name as string}
-                                  key={`env-id-${githubEnv.envId}`}
-                                  className="w-[28.4rem] text-sm"
-                                >
-                                  {githubEnv.name}
-                                </SelectItem>
-                              );
-                            })
-                          ) : (
-                            <div />
-                          )}
-                        </Select>
-                      </FormControl>
-                    )}
-                  />
-                )}
-              </motion.div>
-            </TabPanel>
-            <TabPanel value={TabSections.Options}>
-              <motion.div
-                key="panel-1"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: -30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <div className="ml-1 mb-5">
-                  <Controller
-                    control={control}
-                    name="shouldEnableDelete"
-                    render={({ field: { onChange, value } }) => (
-                      <Switch
-                        id="delete-github-option"
-                        onCheckedChange={(isChecked) => onChange(isChecked)}
-                        isChecked={value}
-                      >
-                        Delete secrets in Github that are not in Infisical
-                      </Switch>
-                    )}
-                  />
-                </div>
-                <Controller
-                  control={control}
-                  name="secretSuffix"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Append Secret Names with..."
-                      className="pb-[9.75rem]"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder="Provide a suffix for secret names, default is no suffix"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </motion.div>
-            </TabPanel>
-          </Tabs>
-          <div className="flex w-full justify-end">
-            <Button
-              type="submit"
-              color="mineshaft"
-              variant="outline_bg"
-              className="mb-6"
-              isLoading={isLoading}
-            >
-              Create Integration
-            </Button>
-          </div>
-        </form>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in GitHub with secrets from Infisical.
-        </span>
-      </div>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up GitHub Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="li my-2 inline text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-GitHubCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/github/oauth2/callback.tsx b/frontend-next/src/pages/integrations/github/oauth2/callback.tsx
deleted file mode 100644
index 0ea8b20f7..000000000
--- a/frontend-next/src/pages/integrations/github/oauth2/callback.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function GitHubOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  const { code, state, installation_id } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) {
-          return;
-        }
-
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          installationId: installation_id as string,
-          integration: "github"
-        });
-
-        router.push(`/integrations/github/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-GitHubOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/gitlab/authorize.tsx b/frontend-next/src/pages/integrations/gitlab/authorize.tsx
deleted file mode 100644
index d6c80c2c1..000000000
--- a/frontend-next/src/pages/integrations/gitlab/authorize.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import crypto from "crypto";
-
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { useGetCloudIntegrations } from "@app/hooks/api";
-import { createIntegrationMissingEnvVarsNotification } from "@app/views/IntegrationsPage/IntegrationPage.utils";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-const schema = yup.object({
-  gitLabURL: yup.string()
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function GitLabAuthorizeIntegrationPage() {
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      gitLabURL: ""
-    }
-  });
-
-  const { data: cloudIntegrations } = useGetCloudIntegrations();
-
-  const onFormSubmit = ({ gitLabURL }: FormData) => {
-    if (!cloudIntegrations) return;
-    const integrationOption = cloudIntegrations.find(
-      (integration) => integration.slug === "gitlab"
-    );
-
-    if (!integrationOption) return;
-
-    if (!integrationOption.clientId) {
-      createIntegrationMissingEnvVarsNotification(integrationOption.slug, "cicd");
-      return;
-    }
-
-    const baseURL =
-      (gitLabURL as string).trim() === "" ? "https://gitlab.com" : (gitLabURL as string).trim();
-
-    const csrfToken = crypto.randomBytes(16).toString("hex");
-    localStorage.setItem("latestCSRFToken", csrfToken);
-
-    const state = `${csrfToken}|${
-      (gitLabURL as string).trim() === "" ? "" : (gitLabURL as string).trim()
-    }`;
-    const link = `${baseURL}/oauth/authorize?client_id=${integrationOption.clientId}&redirect_uri=${window.location.origin}/integrations/gitlab/oauth2/callback&response_type=code&state=${state}`;
-
-    window.location.assign(link);
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize GitLab Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Authorize this integration to sync secrets from Infisical to GitLab. If no self-hosted GitLab URL is specified, then Infisical will connect you to GitLab Cloud."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Gitlab.png"
-                height={28}
-                width={28}
-                alt="Gitlab logo"
-              />
-            </div>
-            <span className="ml-2.5">GitLab Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cicd/gitlab" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6 pb-8 text-right">
-          <Controller
-            control={control}
-            name="gitLabURL"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Self-hosted URL (optional)"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input {...field} placeholder="https://self-hosted-gitlab.com" />
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mt-2 w-min"
-            size="sm"
-            type="submit"
-          >
-            Continue with OAuth
-          </Button>
-        </form>
-      </Card>
-    </div>
-  );
-}
-
-GitLabAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/gitlab/create.tsx b/frontend-next/src/pages/integrations/gitlab/create.tsx
deleted file mode 100644
index 961479bea..000000000
--- a/frontend-next/src/pages/integrations/gitlab/create.tsx
+++ /dev/null
@@ -1,539 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-import * as yup from "yup";
-
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { usePopUp } from "@app/hooks";
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Switch,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthTeams
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const gitLabEntities = [
-  { name: "Individual", value: "individual" },
-  { name: "Group", value: "group" }
-];
-
-enum TabSections {
-  Connection = "connection",
-  Options = "options"
-}
-
-const schema = yup.object({
-  targetEntity: yup.string().oneOf(
-    gitLabEntities.map((entity) => entity.value),
-    "Invalid entity type"
-  ),
-  targetTeamId: yup.string(),
-  selectedSourceEnvironment: yup.string().required("Source environment is required"),
-  secretPath: yup.string().required("Secret path is required"),
-  targetAppId: yup.string().required("GitLab project is required"),
-  targetEnvironment: yup.string(),
-  secretPrefix: yup.string(),
-  secretSuffix: yup.string(),
-  shouldMaskSecrets: yup.boolean(),
-  shouldProtectSecrets: yup.boolean()
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function GitLabCreateIntegrationPage() {
-  const router = useRouter();
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "confirmIntegration"
-  ] as const);
-
-  const { control, handleSubmit, setValue, watch } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      targetEntity: "individual",
-      secretPath: "/",
-      secretPrefix: "",
-      secretSuffix: ""
-    }
-  });
-  const selectedSourceEnvironment = watch("selectedSourceEnvironment");
-  const targetEntity = watch("targetEntity");
-  const targetTeamId = watch("targetTeamId");
-  const targetAppIdValue = watch("targetAppId");
-
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? "",
-      ...(targetTeamId ? { teamId: targetTeamId } : {})
-    });
-  const { data: integrationAuthTeams, isLoading: isintegrationAuthTeamsLoading } =
-    useGetIntegrationAuthTeams((integrationAuthId as string) ?? "");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("selectedSourceEnvironment", workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setValue("targetAppId", String(integrationAuthApps[0].appId as string));
-      } else {
-        setValue("targetAppId", "none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  useEffect(() => {
-    if (targetEntity === "group" && integrationAuthTeams && integrationAuthTeams.length > 0) {
-      if (integrationAuthTeams) {
-        if (integrationAuthTeams.length > 0) {
-          // case: user is part of at least 1 group in GitLab
-          setValue("targetTeamId", String(integrationAuthTeams[0].id));
-        } else {
-          // case: user is not part of any groups in GitLab
-          setValue("targetTeamId", "none");
-        }
-      }
-    } else if (targetEntity === "individual") {
-      setValue("targetTeamId", undefined);
-    }
-  }, [targetEntity, integrationAuthTeams]);
-
-  const onFormSubmit = async ({
-    selectedSourceEnvironment: sse,
-    secretPath,
-    targetAppId,
-    targetEnvironment,
-    secretPrefix,
-    secretSuffix,
-    shouldMaskSecrets,
-    shouldProtectSecrets
-  }: FormData) => {
-    try {
-      setIsLoading(true);
-      if (!integrationAuth?.id) return;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: integrationAuthApps?.find(
-          (integrationAuthApp) => String(integrationAuthApp.appId) === targetAppId
-        )?.name,
-        appId: String(targetAppId),
-        sourceEnvironment: sse,
-        targetEnvironment: targetEnvironment === "" ? "*" : targetEnvironment,
-        secretPath,
-        metadata: {
-          secretPrefix,
-          secretSuffix,
-          shouldMaskSecrets,
-          shouldProtectSecrets
-        }
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-      setIsLoading(false);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    integrationAuthTeams ? (
-    <form
-      onSubmit={handleSubmit((data: FormData) => {
-        if (!data.secretPrefix && !data.secretSuffix) {
-          handlePopUpOpen("confirmIntegration", data);
-          return;
-        }
-
-        onFormSubmit(data);
-      })}
-      className="flex h-full w-full flex-col items-center justify-center"
-    >
-      <Head>
-        <title>Set Up GitLab Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Select which environment or folder in Infisical you want to sync to GitLab's environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Gitlab.png"
-                height={28}
-                width={28}
-                alt="Gitlab logo"
-              />
-            </div>
-            <span className="ml-2.5">GitLab Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cicd/gitlab" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <Tabs defaultValue={TabSections.Connection} className="px-6">
-          <TabList>
-            <div className="flex w-full flex-row border-b border-mineshaft-600">
-              <Tab value={TabSections.Connection}>Connection</Tab>
-              <Tab value={TabSections.Options}>Options</Tab>
-            </div>
-          </TabList>
-          <TabPanel value={TabSections.Connection}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <Controller
-                control={control}
-                name="selectedSourceEnvironment"
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Project Environment"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Select
-                      defaultValue={field.value}
-                      {...field}
-                      onValueChange={(e) => onChange(e)}
-                      className="w-full"
-                    >
-                      {workspace?.environments.map((sourceEnvironment) => (
-                        <SelectItem
-                          value={sourceEnvironment.slug}
-                          key={`source-environment-${sourceEnvironment.slug}`}
-                        >
-                          {sourceEnvironment.name}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                defaultValue=""
-                name="secretPath"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secrets Path"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretPathInput
-                      {...field}
-                      placeholder="/"
-                      environment={selectedSourceEnvironment}
-                    />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="targetEntity"
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl
-                    label="GitLab Integration Type"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Select {...field} onValueChange={(e) => onChange(e)} className="w-full">
-                      {gitLabEntities.map((entity) => {
-                        return (
-                          <SelectItem value={entity.value} key={`target-entity-${entity.value}`}>
-                            {entity.name}
-                          </SelectItem>
-                        );
-                      })}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              {targetEntity === "group" && targetTeamId && (
-                <Controller
-                  control={control}
-                  name="targetTeamId"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="GitLab Group"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select {...field} onValueChange={(e) => onChange(e)} className="w-full">
-                        {integrationAuthTeams.length > 0 ? (
-                          integrationAuthTeams.map((integrationAuthTeam) => (
-                            <SelectItem
-                              value={String(integrationAuthTeam.id as string)}
-                              key={`target-team-${String(integrationAuthTeam.id)}`}
-                            >
-                              {integrationAuthTeam.name}
-                            </SelectItem>
-                          ))
-                        ) : (
-                          <SelectItem value="none" key="target-team-none">
-                            No groups found
-                          </SelectItem>
-                        )}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-              )}
-              <Controller
-                control={control}
-                name="targetAppId"
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-                  return (
-                    <FormControl
-                      label="GitLab Project"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        {...field}
-                        onValueChange={(e) => {
-                          if (e === "") return;
-                          onChange(e);
-                        }}
-                        className="w-full"
-                      >
-                        {integrationAuthApps.length > 0 ? (
-                          integrationAuthApps.map((integrationAuthApp) => (
-                            <SelectItem
-                              value={String(integrationAuthApp.appId as string)}
-                              key={`target-app-${String(integrationAuthApp.appId)}`}
-                            >
-                              {integrationAuthApp.name}
-                            </SelectItem>
-                          ))
-                        ) : (
-                          <SelectItem value="none" key="target-app-none">
-                            No projects found
-                          </SelectItem>
-                        )}
-                      </Select>
-                    </FormControl>
-                  );
-                }}
-              />
-              <Controller
-                control={control}
-                defaultValue=""
-                name="targetEnvironment"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="GitLab Environment Scope (Optional)"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="*" />
-                  </FormControl>
-                )}
-              />
-            </motion.div>
-          </TabPanel>
-          <TabPanel value={TabSections.Options}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: -30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-              className="pb-[14.25rem]"
-            >
-              <div className="ml-1">
-                <Controller
-                  control={control}
-                  name="shouldMaskSecrets"
-                  render={({ field: { onChange, value } }) => (
-                    <Switch
-                      id="should-mask-secrets"
-                      onCheckedChange={(isChecked) => onChange(isChecked)}
-                      isChecked={value}
-                    >
-                      <div className="max-w-md">Mark Infisical secrets in Gitlab as &apos;Masked&apos; secrets</div>
-                    </Switch>
-                  )}
-                />
-              </div>
-              <div className="ml-1 mt-4 mb-5">
-                <Controller
-                  control={control}
-                  name="shouldProtectSecrets"
-                  render={({ field: { onChange, value } }) => (
-                    <Switch
-                      id="should-protect-secrets"
-                      onCheckedChange={(isChecked) => onChange(isChecked)}
-                      isChecked={value}
-                    >
-                      Mark Infisical secrets in Gitlab as &apos;Protected&apos; secrets
-                    </Switch>
-                  )}
-                />
-              </div>
-              <Controller
-                control={control}
-                name="secretPrefix"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Prefix"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="INFISICAL_" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="secretSuffix"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Suffix"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="_INFISICAL" />
-                  </FormControl>
-                )}
-              />
-            </motion.div>
-          </TabPanel>
-        </Tabs>
-        <Button
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-8 ml-auto mr-6 w-min"
-          size="sm"
-          type="submit"
-          isLoading={isLoading}
-          isDisabled={targetAppIdValue === "none"}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      {/* <div className="border-t border-mineshaft-800 w-full max-w-md mt-6"/>
-      <div className="flex flex-col bg-mineshaft-800 border border-mineshaft-600 w-full p-4 max-w-lg mt-6 rounded-md">
-        <div className="flex flex-row items-center"><FontAwesomeIcon icon={faCircleInfo} className="text-mineshaft-200 text-xl"/> <span className="ml-3 text-md text-mineshaft-100">Pro Tip</span></div>
-        <span className="text-mineshaft-300 text-sm mt-4">After creating an integration, your secrets will start syncing immediately. This might cause an unexpected override of current secrets in GitLab with secrets from Infisical.</span>
-      </div> */}
-      <Modal
-        isOpen={popUp.confirmIntegration?.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("confirmIntegration", isOpen)}
-      >
-        <ModalContent
-          title="Heads Up"
-          footerContent={
-            <div className="flex items-center space-x-2">
-              <Button onClick={() => onFormSubmit(popUp.confirmIntegration?.data as FormData)}>
-                Continue Anyway
-              </Button>
-              <Button
-                onClick={() => handlePopUpClose("confirmIntegration")}
-                variant="outline_bg"
-                colorSchema="secondary"
-              >
-                Cancel
-              </Button>
-            </div>
-          }
-        >
-          <p>You&apos;re about to overwrite any existing secrets in GitLab.</p>
-          <p className="mt-4">
-            To avoid this behavior, you may consider adding a secret prefix/suffix in the options
-            tab.
-          </p>
-        </ModalContent>
-      </Modal>
-    </form>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up GitLab Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading || isintegrationAuthTeamsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-GitLabCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/gitlab/oauth2/callback.tsx b/frontend-next/src/pages/integrations/gitlab/oauth2/callback.tsx
deleted file mode 100644
index 996d6a635..000000000
--- a/frontend-next/src/pages/integrations/gitlab/oauth2/callback.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function GitLabOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        const [csrfToken, url] = (state as string).split("|", 2);
-
-        if (csrfToken !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "gitlab",
-          ...(url === ""
-            ? {}
-            : {
-                url
-              })
-        });
-
-        router.push(`/integrations/gitlab/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-GitLabOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/hashicorp-vault/authorize.tsx b/frontend-next/src/pages/integrations/hashicorp-vault/authorize.tsx
deleted file mode 100644
index a68a68b61..000000000
--- a/frontend-next/src/pages/integrations/hashicorp-vault/authorize.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import axios from "axios";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardBody, CardTitle, FormControl, Input } from "../../../components/v2";
-
-const formSchema = z.object({
-  vaultURL: z.string().url({ message: "Invalid Hashicorp Vault URL" }),
-  vaultNamespace: z.string().optional(),
-  vaultRoleID: z.string().uuid({ message: "Role ID has be a valid UUID" }),
-  vaultSecretID: z.string().uuid({ message: "Role ID has be a valid UUID" })
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-export default function HashiCorpVaultAuthorizeIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const {
-    control,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      vaultURL: "",
-      vaultNamespace: "",
-      vaultRoleID: "",
-      vaultSecretID: ""
-    }
-  });
-
-  const handleFormSubmit = async (formData: TForm) => {
-    try {
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "hashicorp-vault",
-        accessId: formData.vaultRoleID,
-        accessToken: formData.vaultSecretID,
-        url: formData.vaultURL,
-        namespace: formData.vaultNamespace
-      });
-      router.push(`/integrations/hashicorp-vault/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-      let errorMessage: string = "Something went wrong!";
-      if (axios.isAxiosError(err)) {
-        const { message } = err?.response?.data as { message: string };
-        errorMessage = message;
-      }
-
-      createNotification({
-        text: errorMessage,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Vault Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After connecting to Vault, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline-flex items-center">
-              <Image
-                src="/images/integrations/Vault.png"
-                height={30}
-                width={30}
-                alt="HCP Vault logo"
-              />
-            </div>
-            <span className="ml-2.5">HashiCorp Vault Integration</span>
-            <Link href="https://infisical.com/docs/integrations/cloud/hashicorp-vault" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <CardBody className="px-6 pb-6 pt-0">
-          <form onSubmit={handleSubmit(handleFormSubmit)} noValidate>
-            <Controller
-              control={control}
-              name="vaultURL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Vault Cluster URL"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  isRequired
-                >
-                  <Input autoCorrect="off" spellCheck={false} placeholder="" {...field} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="vaultNamespace"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Vault Namespace"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  isRequired={false}
-                >
-                  <Input
-                    autoCorrect="off"
-                    spellCheck={false}
-                    placeholder="admin/education"
-                    {...field}
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="vaultRoleID"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Vault RoleID"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  isRequired
-                >
-                  <Input
-                    autoCorrect="off"
-                    spellCheck={false}
-                    placeholder="aaaaaaa-bbbb-cccc-dddd-aaaaaaaaaaa"
-                    {...field}
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="vaultSecretID"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Vault SecretID"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  isRequired
-                >
-                  <Input
-                    autoCorrect="off"
-                    spellCheck={false}
-                    placeholder="aaaaaaa-bbbb-cccc-dddd-aaaaaaaaaaa"
-                    {...field}
-                  />
-                </FormControl>
-              )}
-            />
-            <Button type="submit" isLoading={isSubmitting}>
-              Connect to Vault
-            </Button>
-          </form>
-        </CardBody>
-      </Card>
-    </div>
-  );
-}
-
-HashiCorpVaultAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/hashicorp-vault/create.tsx b/frontend-next/src/pages/integrations/hashicorp-vault/create.tsx
deleted file mode 100644
index 12837be8f..000000000
--- a/frontend-next/src/pages/integrations/hashicorp-vault/create.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import axios from "axios";
-import queryString from "query-string";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { isValidPath } from "@app/helpers/string";
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const generateFormSchema = (availableEnvironmentNames: string[]) => {
-  return z.object({
-    secretPath: z.string().min(1).refine((val) => isValidPath(val), {
-      message: "Vault secret path has to be a valid path"
-    }),
-    vaultEnginePath: z
-      .string()
-      .min(1)
-      .refine((val) => isValidPath(val), {
-        message: "Vault engine path has to be a valid path"
-      }),
-    vaultSecretPath: z
-      .string()
-      .min(1)
-      .refine((val) => isValidPath(val), {
-        message: "Vault secret path has to be a valid path"
-      }),
-    selectedSourceEnvironment: z.enum(availableEnvironmentNames as any as [string, ...string[]])
-  });
-};
-
-type TForm = z.infer<ReturnType<typeof generateFormSchema>>;
-
-export default function HashiCorpVaultCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isintegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-
-  const formSchema = useMemo(() => {
-    return generateFormSchema(workspace?.environments.map((env) => env.slug) ?? []);
-  }, [workspace?.environments]);
-
-  const {
-    control,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      secretPath: "/",
-      vaultEnginePath: "",
-      vaultSecretPath: "",
-      selectedSourceEnvironment: ""
-    }
-  });
-
-  const handleFormSubmit = async (formData: TForm) => {
-    try {
-      if (!integrationAuth?.id) return;
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: formData.vaultEnginePath,
-        sourceEnvironment: formData.selectedSourceEnvironment,
-        path: formData.vaultSecretPath,
-        secretPath: formData.secretPath
-      });
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-      let errorMessage: string = "Something went wrong!";
-      if (axios.isAxiosError(err)) {
-        const { message } = err?.response?.data as { message: string };
-        errorMessage = message;
-      }
-
-      createNotification({
-        text: errorMessage,
-        type: "error"
-      });
-    }
-  };
-
-  return integrationAuth && workspace ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up Vault Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Select which environment or folder in Infisical you want to sync to which path in HashiCorp Vault."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline-flex items-center">
-              <Image
-                src="/images/integrations/Vault.png"
-                height={30}
-                width={30}
-                alt="HCP Vault logo"
-              />
-            </div>
-            <span className="ml-2.5">HashiCorp Vault Integration</span>
-            <Link href="https://infisical.com/docs/integrations/cloud/hashicorp-vault" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <CardBody>
-          <form onSubmit={handleSubmit(handleFormSubmit)} noValidate>
-            <Controller
-              control={control}
-              name="selectedSourceEnvironment"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl errorText={error?.message}
-                isError={Boolean(error)} isRequired label="Project Environment" >
-                  <Select
-                    value={field.value}
-                    onValueChange={field.onChange}
-                    className="w-full border border-mineshaft-500"
-                  >
-                    {workspace?.environments.map((sourceEnvironment) => (
-                      <SelectItem
-                        value={sourceEnvironment.slug}
-                        key={`vault-environment-${sourceEnvironment.slug}`}
-                      >
-                        {sourceEnvironment.name}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="secretPath"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl errorText={error?.message}
-                isError={Boolean(error)} isRequired label="Secrets Path" helperText="A path to your secrets in Infisical.">
-                  <Input {...field} autoCorrect="off" spellCheck={false} placeholder="/" />
-                </FormControl>
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="vaultEnginePath"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Vault KV Secrets Engine Path"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  helperText="A path where your KV Secrets Engine is enabled."
-                  isRequired
-                >
-                  <Input autoCorrect="off" spellCheck={false} {...field} placeholder="kv" />
-                </FormControl>
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="vaultSecretPath"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Vault Secret(s) Path"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  helperText="A path for storing secrets within the KV Secrets Engine."
-                  isRequired
-                >
-                  <Input autoCorrect="off" spellCheck={false} {...field} placeholder="machine/dev" />
-                </FormControl>
-              )}
-            />
-
-            <Button
-              type="submit"
-              isLoading={isSubmitting}
-            >
-              Create Integration
-            </Button>
-          </form>
-        </CardBody>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in Vault with secrets from Infisical.
-        </span>
-      </div>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Vault Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isintegrationAuthLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-HashiCorpVaultCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/hasura-cloud/authorize.tsx b/frontend-next/src/pages/integrations/hasura-cloud/authorize.tsx
deleted file mode 100644
index 4d00a1c28..000000000
--- a/frontend-next/src/pages/integrations/hasura-cloud/authorize.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { Button, Card, CardTitle, FormControl, Input } from "@app/components/v2";
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-const schema = yup.object({
-  accessToken: yup.string().trim().required("Hasura Cloud Access Token is required")
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-const APP_NAME = "Hasura Cloud";
-export default function HasuraCloudAuthorizeIntegrationPage() {
-  const router = useRouter();
-  const [isLoading, setIsLoading] = useState(false);
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      accessToken: ""
-    }
-  });
-
-  const onFormSubmit = async ({ accessToken }: FormData) => {
-    try {
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "hasura-cloud",
-        accessToken
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/hasura-cloud/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      setIsLoading(false);
-      console.error(err);
-    }
-  };
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize {APP_NAME} Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your access token, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Hasura.svg"
-                height={30}
-                width={30}
-                alt={`${APP_NAME} logo`}
-              />
-            </div>
-            <span className="ml-2.5">{APP_NAME} Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/hasura-cloud" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6 pb-8 text-right">
-          <Controller
-            control={control}
-            name="accessToken"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label={`${APP_NAME} Access Token`}
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input {...field} placeholder="" />
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mt-2 w-min"
-            size="sm"
-            type="submit"
-            isLoading={isLoading}
-          >
-            Connect to {APP_NAME}
-          </Button>
-        </form>
-      </Card>
-    </div>
-  );
-}
-
-HasuraCloudAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/hasura-cloud/create.tsx b/frontend-next/src/pages/integrations/hasura-cloud/create.tsx
deleted file mode 100644
index 476a6a8f5..000000000
--- a/frontend-next/src/pages/integrations/hasura-cloud/create.tsx
+++ /dev/null
@@ -1,224 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import queryString from "query-string";
-import * as yup from "yup";
-
-import { Button, Card, CardTitle, FormControl, Select, SelectItem } from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration } from "@app/hooks/api";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "@app/hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "@app/hooks/api/workspace";
-
-const schema = yup.object({
-  secretPath: yup.string().trim().required("Secret path is required"),
-  sourceEnvironment: yup.string().trim().required("Project environment is required"),
-  appId: yup.string().trim().required("Hasura Cloud project is required")
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-const APP_NAME = "Hasura Cloud";
-export default function HasuraCloudCreateIntegrationPage() {
-  const {
-    control,
-    handleSubmit,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema)
-  });
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isIntegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-
-  const selectedSourceEnvironment = watch("sourceEnvironment");
-
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  const onFormSubmit = async ({ secretPath, sourceEnvironment, appId }: FormData) => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      const app = integrationAuthApps?.find((data) => data.appId === appId);
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        sourceEnvironment,
-        secretPath,
-        appId,
-        app: app?.name
-      });
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace && integrationAuthApps ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up {APP_NAME} Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle={`Choose which environment or folder in Infisical you want to sync to ${APP_NAME} environment variables.`}
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Hasura.svg"
-                height={30}
-                width={30}
-                alt={`${APP_NAME} logo`}
-              />
-            </div>
-            <span className="ml-2.5">{APP_NAME} Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/flyio" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-
-        <form onSubmit={handleSubmit(onFormSubmit)} className="flex w-full flex-col px-6">
-          <Controller
-            control={control}
-            name="sourceEnvironment"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Project Environment"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  className="w-full border border-mineshaft-500"
-                  value={field.value}
-                  onValueChange={(val) => {
-                    field.onChange(val);
-                  }}
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`source-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-
-          <Controller
-            control={control}
-            name="secretPath"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secrets Path" errorText={error?.message} isError={Boolean(error)}>
-                <SecretPathInput {...field} environment={selectedSourceEnvironment} />
-              </FormControl>
-            )}
-          />
-
-          <Controller
-            control={control}
-            name="appId"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Hasura Cloud Project"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  className="w-full border border-mineshaft-500"
-                  value={field.value}
-                  isDisabled={integrationAuthApps?.length === 0}
-                  onValueChange={(val) => {
-                    field.onChange(val);
-                  }}
-                >
-                  {integrationAuthApps?.map((project) => (
-                    <SelectItem value={project.appId ?? ""} key={`project-id-${project.appId}`}>
-                      {project.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-
-          <Button
-            type="submit"
-            color="mineshaft"
-            variant="outline_bg"
-            className="mb-6 mt-2 ml-auto"
-            isLoading={isSubmitting}
-          >
-            Create Integration
-          </Button>
-        </form>
-      </Card>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up {APP_NAME} Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthLoading || isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-HasuraCloudCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/heroku/create.tsx b/frontend-next/src/pages/integrations/heroku/create.tsx
deleted file mode 100644
index 155093250..000000000
--- a/frontend-next/src/pages/integrations/heroku/create.tsx
+++ /dev/null
@@ -1,398 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs
-  // faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import queryString from "query-string";
-// import { useGetIntegrationAuthHerokuPipelines } from "@app/hooks/api/integrationAuth/queries";
-// import { App, Pipeline } from "@app/hooks/api/integrationAuth/types";
-import * as yup from "yup";
-
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-// import { RadioGroup } from "@app/components/v2/RadioGroup";
-import { useCreateIntegration } from "@app/hooks/api";
-import { IntegrationSyncBehavior } from "@app/hooks/api/integrations/types";
-
-import { Button, Card, CardTitle, FormControl, Select, SelectItem } from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import {
-  // useCreateWsEnvironment,
-  useGetWorkspaceById
-} from "../../../hooks/api/workspace";
-
-const initialSyncBehaviors = [
-  {
-    label: "No Import - Overwrite all values in Heroku",
-    value: IntegrationSyncBehavior.OVERWRITE_TARGET
-  },
-  { label: "Import - Prefer values from Heroku", value: IntegrationSyncBehavior.PREFER_TARGET },
-  { label: "Import - Prefer values from Infisical", value: IntegrationSyncBehavior.PREFER_SOURCE }
-];
-
-const schema = yup.object({
-  selectedSourceEnvironment: yup.string().required("Source environment is required"),
-  secretPath: yup.string().required("Secret path is required"),
-  targetApp: yup.string().required("Heroku app is required"),
-  initialSyncBehavior: yup
-    .string()
-    .oneOf(
-      initialSyncBehaviors.map((b) => b.value),
-      "Invalid initial sync behavior"
-    )
-    .required("Initial sync behavior is required")
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function HerokuCreateIntegrationPage() {
-  const router = useRouter();
-
-  const { control, handleSubmit, setValue, watch } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      secretPath: "/",
-      initialSyncBehavior: IntegrationSyncBehavior.PREFER_SOURCE
-    }
-  });
-
-  const selectedSourceEnvironment = watch("selectedSourceEnvironment");
-
-  const { mutateAsync } = useCreateIntegration();
-  // const { mutateAsync: mutateAsyncEnv } = useCreateWsEnvironment();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  // const { data: integrationAuthPipelineCouplings } = useGetIntegrationAuthHerokuPipelines({
-  //   integrationAuthId: (integrationAuthId as string) ?? ""
-  // });
-
-  // const [uniquePipelines, setUniquePipelines] = useState<Pipeline[]>();
-  // const [selectedPipeline, setSelectedPipeline] = useState("");
-  // const [selectedPipelineApps, setSelectedPipelineApps] = useState<App[]>();
-  // const [integrationType, setIntegrationType] = useState("App");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("selectedSourceEnvironment", workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  // useEffect(() => {
-  //   if (integrationAuthPipelineCouplings) {
-  //       const uniquePipelinesConst = Array.from(
-  //         new Set(
-  //           integrationAuthPipelineCouplings
-  //             .map(({ pipeline: { pipelineId, name } }) => ({
-  //               name,
-  //               pipelineId
-  //             }))
-  //             .map((obj) => JSON.stringify(obj))
-  //         )).map((str) => JSON.parse(str)) as { pipelineId: string; name: string }[]
-
-  //         [... (new Set())]
-  //       setUniquePipelines(uniquePipelinesConst);
-  //       if (uniquePipelinesConst) {
-  //         if (uniquePipelinesConst!.length > 0) {
-  //           setSelectedPipeline(uniquePipelinesConst![0].name);
-  //         } else {
-  //           setSelectedPipeline("none");
-  //         }
-  //       }
-  //   }
-  // }, [integrationAuthPipelineCouplings]);
-
-  // useEffect(() => {
-  //   if (integrationAuthPipelineCouplings) {
-  //     setSelectedPipelineApps(integrationAuthApps?.filter(app => integrationAuthPipelineCouplings
-  //       .filter((pipelineCoupling) => pipelineCoupling.pipeline.name === selectedPipeline)
-  //       .map(coupling => coupling.app.appId).includes(String(app.appId))))
-  //   }
-  // }, [selectedPipeline]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setValue("targetApp", integrationAuthApps[0].name);
-      } else {
-        setValue("targetApp", "none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  // const handleButtonClick = async () => {
-  //   try {
-  //     setIsLoading(true);
-
-  //     if (!integrationAuth?.id) return;
-
-  //     if (integrationType === "App") {
-  //       await mutateAsync({
-  //         integrationAuthId: integrationAuth?.id,
-  //         isActive: true,
-  //         app: targetApp,
-  //         sourceEnvironment: selectedSourceEnvironment,
-  //         secretPath
-  //       });
-  //     } else if (integrationType === "Pipeline") {
-  //       selectedPipelineApps?.map(async (app, index) => {
-  //         setTimeout(async () => {
-  //           await mutateAsyncEnv({
-  //             workspaceId: String(localStorage.getItem("projectData.id")),
-  //             name: app.name,
-  //             slug: app.name.toLowerCase().replaceAll(" ", "-")
-  //           });
-  //           await mutateAsync({
-  //             integrationAuthId: integrationAuth?.id,
-  //             isActive: true,
-  //             app: app.name,
-  //             sourceEnvironment: app.name.toLowerCase().replaceAll(" ", "-"),
-  //             secretPath
-  //           })
-  //         }, 1000*index)
-  //       })
-  //     }
-
-  //     setIsLoading(false);
-  //     router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-  //   } catch (err) {
-  //     console.error(err);
-  //   }
-  // };
-
-  const onFormSubmit = async ({ secretPath, targetApp, initialSyncBehavior }: FormData) => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath,
-        metadata: {
-          initialSyncBehavior
-        }
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace && selectedSourceEnvironment && integrationAuthApps ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up Heroku Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Select which environment or folder in Infisical you want to sync to Heroku's environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center">
-              <Image
-                src="/images/integrations/Heroku.png"
-                height={30}
-                width={30}
-                alt="Heroku logo"
-              />
-            </div>
-            <span className="ml-2">Heroku Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/heroku" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6">
-          <Controller
-            control={control}
-            name="selectedSourceEnvironment"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Project Environment"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`source-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="secretPath"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secrets Path" isError={Boolean(error)} errorText={error?.message}>
-                <SecretPathInput
-                  {...field}
-                  placeholder="/"
-                  environment={selectedSourceEnvironment}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetApp"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-              return (
-                <FormControl label="Heroku App" errorText={error?.message} isError={Boolean(error)}>
-                  <Select
-                    {...field}
-                    onValueChange={(e) => {
-                      if (e === "") return;
-                      onChange(e);
-                    }}
-                    className="w-full"
-                  >
-                    {integrationAuthApps.length > 0 ? (
-                      integrationAuthApps.map((integrationAuthApp) => (
-                        <SelectItem
-                          value={String(integrationAuthApp.name as string)}
-                          key={`target-app-${String(integrationAuthApp.appId)}`}
-                        >
-                          {integrationAuthApp.name}
-                        </SelectItem>
-                      ))
-                    ) : (
-                      <SelectItem value="none" key="target-app-none">
-                        No apps found
-                      </SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              );
-            }}
-          />
-          <Controller
-            control={control}
-            name="initialSyncBehavior"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Initial Sync Behavior"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select {...field} onValueChange={(e) => onChange(e)} className="w-full">
-                  {initialSyncBehaviors.map((b) => {
-                    return (
-                      <SelectItem value={b.value} key={`sync-behavior-${b.value}`}>
-                        {b.label}
-                      </SelectItem>
-                    );
-                  })}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mb-6 mt-2 ml-auto"
-            size="sm"
-            type="submit"
-            isLoading={isLoading}
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            Create Integration
-          </Button>
-        </form>
-      </Card>
-      {/* {integrationType === "App" && <>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in Heroku with secrets from Infisical.
-        </span>
-      </div></>} */}
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Vercel Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-HerokuCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/heroku/oauth2/callback.tsx b/frontend-next/src/pages/integrations/heroku/oauth2/callback.tsx
deleted file mode 100644
index f2945b3a9..000000000
--- a/frontend-next/src/pages/integrations/heroku/oauth2/callback.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function HerokuOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "heroku"
-        });
-
-        router.push(`/integrations/heroku/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-HerokuOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/laravel-forge/authorize.tsx b/frontend-next/src/pages/integrations/laravel-forge/authorize.tsx
deleted file mode 100644
index 5c10622e0..000000000
--- a/frontend-next/src/pages/integrations/laravel-forge/authorize.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function LaravelForgeCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [serverId, setServerId] = useState("");
-  const [serverIdErrorText, setServerIdErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      setServerIdErrorText("");
-
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("Access Token cannot be blank");
-        return;
-      }
-
-      if (serverId.length === 0) {
-        setServerIdErrorText("Server Id cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "laravel-forge",
-        accessId: serverId,
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/laravel-forge/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Laravel Forge Integration</CardTitle>
-        <FormControl
-          label="Laravel Forge Access Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input
-            placeholder="Access Token"
-            value={apiKey}
-            onChange={(e) => setApiKey(e.target.value)}
-          />
-        </FormControl>
-        <FormControl
-          label="Laravel Forge Server ID"
-          errorText={serverIdErrorText}
-          isError={serverIdErrorText !== "" ?? false}
-        >
-          <Input
-            placeholder="123456"
-            value={serverId}
-            onChange={(e) => setServerId(e.target.value)}
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Laravel Forge
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-LaravelForgeCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/laravel-forge/create.tsx b/frontend-next/src/pages/integrations/laravel-forge/create.tsx
deleted file mode 100644
index 69f69140c..000000000
--- a/frontend-next/src/pages/integrations/laravel-forge/create.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function LaravelForgeCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: String(
-          integrationAuthApps?.find((integrationAuthApp) => integrationAuthApp.name === targetApp)
-            ?.appId
-        ),
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Laravel Forge Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Laravel Forge Sites" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No sites found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-LaravelForgeCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/netlify/create.tsx b/frontend-next/src/pages/integrations/netlify/create.tsx
deleted file mode 100644
index 349af67ab..000000000
--- a/frontend-next/src/pages/integrations/netlify/create.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const netlifyEnvironments = [
-  { name: "Local development", slug: "dev" },
-  { name: "Branch deploys", slug: "branch-deploy" },
-  { name: "Deploy previews", slug: "deploy-preview" },
-  { name: "Production", slug: "production" }
-];
-
-export default function NetlifyCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [targetEnvironment, setTargetEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-      setTargetEnvironment(netlifyEnvironments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      setIsLoading(true);
-
-      if (!integrationAuth?.id) return;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp &&
-    targetEnvironment ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Netlify Integration</CardTitle>
-        <FormControl label="Project Environment">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Netlify Site">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No sites found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Netlify Context">
-          <Select
-            value={targetEnvironment}
-            onValueChange={(val) => setTargetEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {netlifyEnvironments.map((netlifyEnvironment) => (
-              <SelectItem
-                value={netlifyEnvironment.slug}
-                key={`target-environment-${netlifyEnvironment.slug}`}
-              >
-                {netlifyEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-NetlifyCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/netlify/oauth2/callback.tsx b/frontend-next/src/pages/integrations/netlify/oauth2/callback.tsx
deleted file mode 100644
index c0ad03591..000000000
--- a/frontend-next/src/pages/integrations/netlify/oauth2/callback.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function NetlifyOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "netlify"
-        });
-
-        router.push(`/integrations/netlify/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-NetlifyOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/northflank/authorize.tsx b/frontend-next/src/pages/integrations/northflank/authorize.tsx
deleted file mode 100644
index b662ad328..000000000
--- a/frontend-next/src/pages/integrations/northflank/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function NorthflankCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "northflank",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/northflank/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Northflank Integration</CardTitle>
-        <FormControl
-          label="Northflank API Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Northflank
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-NorthflankCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/northflank/create.tsx b/frontend-next/src/pages/integrations/northflank/create.tsx
deleted file mode 100644
index 388bca6b5..000000000
--- a/frontend-next/src/pages/integrations/northflank/create.tsx
+++ /dev/null
@@ -1,197 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthNorthflankSecretGroups
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function NorthflankCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [targetAppId, setTargetAppId] = useState("");
-  const [targetSecretGroupId, setTargetSecretGroupId] = useState<string>("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-  const { data: integrationAuthSecretGroups } = useGetIntegrationAuthNorthflankSecretGroups({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    appId: targetAppId
-  });
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        // setTargetApp(integrationAuthApps[0].name);
-        setTargetAppId(integrationAuthApps[0].appId as string);
-      } else {
-        // setTargetApp("none");
-        setTargetAppId("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  useEffect(() => {
-    if (integrationAuthSecretGroups) {
-      if (integrationAuthSecretGroups.length > 0) {
-        // case: project has at least 1 secret group in Northflank
-        setTargetSecretGroupId(integrationAuthSecretGroups[0].groupId);
-      } else {
-        // case: project has no secret groups in Northflank
-        setTargetSecretGroupId("none");
-      }
-    }
-  }, [integrationAuthSecretGroups]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-        )?.name,
-        appId: targetAppId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetServiceId: targetSecretGroupId,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetAppId ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Northflank Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Northflank Project" className="mt-4">
-          <Select
-            value={targetAppId}
-            onValueChange={(val) => setTargetAppId(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.appId as string}
-                  key={`target-environment-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        {targetSecretGroupId !== "" && integrationAuthSecretGroups && (
-          <FormControl label="Secret Group" className="mt-4">
-            <Select
-              value={targetSecretGroupId}
-              onValueChange={(val) => setTargetSecretGroupId(val)}
-              className="w-full border border-mineshaft-500"
-              isDisabled={integrationAuthSecretGroups.length === 0}
-            >
-              {integrationAuthSecretGroups.length > 0 ? (
-                integrationAuthSecretGroups.map((secretGroup: any) => (
-                  <SelectItem
-                    value={secretGroup.groupId}
-                    key={`target-secret-group-${secretGroup.groupId}`}
-                  >
-                    {secretGroup.name}
-                  </SelectItem>
-                ))
-              ) : (
-                <SelectItem value="none" key="target-secret-group-none">
-                  No secret groups found
-                </SelectItem>
-              )}
-            </Select>
-          </FormControl>
-        )}
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0 || integrationAuthSecretGroups?.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-NorthflankCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/octopus-deploy/authorize.tsx b/frontend-next/src/pages/integrations/octopus-deploy/authorize.tsx
deleted file mode 100644
index bb78a93c2..000000000
--- a/frontend-next/src/pages/integrations/octopus-deploy/authorize.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Card, CardTitle, FormControl, Input } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { removeTrailingSlash } from "@app/helpers/string";
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-const formSchema = z.object({
-  instanceUrl: z.string().min(1, { message: "Instance URL required" }),
-  apiKey: z.string().min(1, { message: "API Key required" })
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-export default function OctopusDeployIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync, isLoading } = useSaveIntegrationAccessToken();
-  const { currentWorkspace } = useWorkspace();
-
-  const { control, handleSubmit } = useForm<TForm>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const onSubmit = async ({ instanceUrl, apiKey }: TForm) => {
-    try {
-      const integrationAuth = await mutateAsync({
-        workspaceId: currentWorkspace!.id,
-        integration: "octopus-deploy",
-        url: removeTrailingSlash(instanceUrl),
-        accessToken: apiKey
-      });
-
-      router.push(`/integrations/octopus-deploy/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err: any) {
-      createNotification({
-        type: "error",
-        text: err.message ?? "Error authorizing integration"
-      });
-      console.error(err);
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="flex h-full w-full items-center justify-center"
-    >
-      <Head>
-        <title>Authorize Octopus Deploy Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your credentials, you will be prompted to set up an integration for a particular environment and secret path."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline-flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Octopus Deploy.png"
-                height={30}
-                width={30}
-                alt="Octopus Deploy logo"
-              />
-            </div>
-            <span className="ml-1.5">Octopus Deploy Integration</span>
-            <Link href="https://infisical.com/docs/integrations/cloud/octopus-deploy" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <Controller
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              label="Octopus Deploy Instance URL"
-              errorText={error?.message}
-              isError={Boolean(error)}
-              className="px-6"
-            >
-              <Input value={value} onChange={onChange} placeholder="https://xxxx.octopus.app" />
-            </FormControl>
-          )}
-          name="instanceUrl"
-          control={control}
-        />
-        <Controller
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              label="Octopus Deploy API Key"
-              errorText={error?.message}
-              isError={Boolean(error)}
-              className="px-6"
-            >
-              <Input
-                value={value}
-                onChange={onChange}
-                placeholder="API-XXXXXXXXXXXXXXXXXXXXXXXX"
-                type="password"
-              />
-            </FormControl>
-          )}
-          name="apiKey"
-          control={control}
-        />
-        <Button
-          type="submit"
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-          isDisabled={isLoading}
-        >
-          Connect to Octopus Deploy
-        </Button>
-      </Card>
-    </form>
-  );
-}
-
-OctopusDeployIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/octopus-deploy/create.tsx b/frontend-next/src/pages/integrations/octopus-deploy/create.tsx
deleted file mode 100644
index cc918d67c..000000000
--- a/frontend-next/src/pages/integrations/octopus-deploy/create.tsx
+++ /dev/null
@@ -1,444 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { SiOctopusdeploy } from "react-icons/si";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  Card,
-  CardTitle,
-  FilterableSelect,
-  FormControl,
-  Spinner
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useWorkspace } from "@app/context";
-import { useCreateIntegration, useGetIntegrationAuthApps } from "@app/hooks/api";
-import {
-  useGetIntegrationAuthOctopusDeployScopeValues,
-  useGetIntegrationAuthOctopusDeploySpaces
-} from "@app/hooks/api/integrationAuth/queries";
-import { OctopusDeployScope } from "@app/hooks/api/integrationAuth/types";
-
-const formSchema = z.object({
-  scope: z.nativeEnum(OctopusDeployScope),
-  secretPath: z.string().default("/"),
-  sourceEnvironment: z.object({ name: z.string(), slug: z.string() }),
-  targetSpace: z.object({ Name: z.string(), Id: z.string() }),
-  targetResource: z.object({ appId: z.string().optional(), name: z.string() }),
-  targetEnvironments: z.object({ Name: z.string(), Id: z.string() }).array().optional(),
-  targetRoles: z.object({ Name: z.string(), Id: z.string() }).array().optional(),
-  targetMachines: z.object({ Name: z.string(), Id: z.string() }).array().optional(),
-  targetProcesses: z
-    .object({ Name: z.string(), Id: z.string(), ProcessType: z.string() })
-    .array()
-    .optional(),
-  targetActions: z.object({ Name: z.string(), Id: z.string() }).array().optional(),
-  targetChannels: z.object({ Name: z.string(), Id: z.string() }).array().optional()
-});
-
-type TFormData = z.infer<typeof formSchema>;
-
-export default function OctopusDeployCreateIntegrationPage() {
-  const router = useRouter();
-  const createIntegration = useCreateIntegration();
-
-  const { watch, control, reset, handleSubmit } = useForm<TFormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      secretPath: "/",
-      scope: OctopusDeployScope.Project
-    }
-  });
-
-  const integrationAuthId = router.query.integrationAuthId as string;
-
-  const { currentWorkspace, isLoading: isProjectLoading } = useWorkspace();
-
-  const { data: octopusDeploySpaces, isLoading: isLoadingOctopusDeploySpaces } =
-    useGetIntegrationAuthOctopusDeploySpaces((integrationAuthId as string) ?? "");
-
-  const currentSpace = watch("targetSpace", octopusDeploySpaces?.[0]);
-  const currentScope = watch("scope");
-  const sourceEnv = watch("sourceEnvironment");
-
-  const { data: octopusDeployResources, isLoading: isOctopusDeployResourcesLoading } =
-    useGetIntegrationAuthApps(
-      {
-        integrationAuthId,
-        workspaceSlug: currentSpace?.Name
-        // scope once we support other resources than project
-      },
-      {
-        enabled: Boolean(currentSpace ?? octopusDeploySpaces?.find((space) => space.IsDefault))
-      }
-    );
-
-  const currentResource = watch("targetResource", octopusDeployResources?.[0]);
-
-  const { data: octopusDeployScopeValues, isLoading: isOctopusDeployScopeValuesLoading } =
-    useGetIntegrationAuthOctopusDeployScopeValues(
-      {
-        integrationAuthId,
-        spaceId: currentSpace?.Id,
-        resourceId: currentResource?.appId!,
-        scope: currentScope
-      },
-      { enabled: Boolean(currentSpace && currentResource) }
-    );
-
-  const onSubmit = async ({
-    sourceEnvironment,
-    secretPath,
-    targetEnvironments,
-    targetResource,
-    targetSpace,
-    targetChannels,
-    targetActions,
-    targetMachines,
-    targetProcesses,
-    targetRoles,
-    scope
-  }: TFormData) => {
-    try {
-      await createIntegration.mutateAsync({
-        integrationAuthId,
-        isActive: true,
-        scope,
-        app: targetResource.name,
-        appId: targetResource.appId,
-        targetEnvironment: targetSpace.Name,
-        targetEnvironmentId: targetSpace.Id,
-        metadata: {
-          octopusDeployScopeValues: {
-            Environment: targetEnvironments?.map(({ Id }) => Id),
-            Action: targetActions?.map(({ Id }) => Id),
-            Channel: targetChannels?.map(({ Id }) => Id),
-            ProcessOwner: targetProcesses?.map(({ Id }) => Id),
-            Role: targetRoles?.map(({ Id }) => Id),
-            Machine: targetMachines?.map(({ Id }) => Id)
-          }
-        },
-        sourceEnvironment: sourceEnvironment.slug,
-        secretPath
-      });
-
-      createNotification({
-        type: "success",
-        text: "Successfully created integration"
-      });
-      router.push(`/integrations/${currentWorkspace?.id}`);
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create integration"
-      });
-      console.error(err);
-    }
-  };
-
-  useEffect(() => {
-    if (!octopusDeployResources || !octopusDeploySpaces || !currentWorkspace) return;
-
-    reset({
-      targetResource: octopusDeployResources[0],
-      targetSpace: octopusDeploySpaces.find((space) => space.IsDefault),
-      sourceEnvironment: currentWorkspace.environments[0],
-      secretPath: "/",
-      scope: OctopusDeployScope.Project
-    });
-  }, [octopusDeploySpaces, octopusDeployResources, currentWorkspace]);
-
-  if (isProjectLoading || isLoadingOctopusDeploySpaces || isOctopusDeployResourcesLoading)
-    return (
-      <div className="flex h-full w-full items-center justify-center p-24">
-        <Spinner />
-      </div>
-    );
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="flex h-full w-full items-center justify-center"
-    >
-      <Card className="max-w-4xl rounded-md p-8 pt-4">
-        <CardTitle className=" text-center">
-          <SiOctopusdeploy size="1.2rem" className="mr-2 mb-1 inline-block" />
-          Octopus Deploy Integration
-        </CardTitle>
-        <div className="grid grid-cols-2 gap-4">
-          <Controller
-            control={control}
-            name="sourceEnvironment"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Project Environment"
-              >
-                <FilterableSelect
-                  getOptionValue={(option) => option.slug}
-                  value={value}
-                  getOptionLabel={(option) => option.name}
-                  onChange={onChange}
-                  options={currentWorkspace?.environments}
-                  placeholder="Select a project environment"
-                  isDisabled={!currentWorkspace?.environments.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="secretPath"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl isError={Boolean(error)} label="Secrets Path">
-                <SecretPathInput
-                  placeholder="/"
-                  environment={sourceEnv?.slug}
-                  value={value}
-                  onChange={onChange}
-                />
-              </FormControl>
-            )}
-          />
-          <div className="col-span-2 flex w-full flex-row items-center pb-2">
-            <div className="w-full border-t border-mineshaft-500" />
-            <span className="mx-2 whitespace-nowrap text-xs text-mineshaft-400">Sync To</span>
-            <div className="w-full border-t border-mineshaft-500" />
-          </div>
-          <Controller
-            control={control}
-            name="targetSpace"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Space"
-              >
-                <FilterableSelect
-                  getOptionValue={(option) => option.Id}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  options={octopusDeploySpaces}
-                  placeholder={
-                    octopusDeploySpaces?.length ? "Select a space..." : "No spaces found..."
-                  }
-                  isDisabled={!octopusDeploySpaces?.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetResource"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="capitalize"
-                label={`Octopus Deploy ${currentScope}`}
-              >
-                <FilterableSelect
-                  getOptionValue={(option) => option.appId!}
-                  value={value}
-                  getOptionLabel={(option) => option.name}
-                  onChange={onChange}
-                  options={octopusDeployResources}
-                  placeholder={
-                    octopusDeployResources?.length ? "Select a project..." : "No projects found..."
-                  }
-                  isDisabled={!octopusDeployResources?.length}
-                />
-              </FormControl>
-            )}
-          />
-
-          <Controller
-            control={control}
-            name="targetEnvironments"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Environments"
-                isOptional
-              >
-                <FilterableSelect
-                  isMulti
-                  getOptionValue={(option) => option.Name}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  isLoading={isOctopusDeployScopeValuesLoading}
-                  options={octopusDeployScopeValues?.Environments}
-                  placeholder={
-                    octopusDeployScopeValues?.Environments?.length
-                      ? "Select environments..."
-                      : "No environments found..."
-                  }
-                  isDisabled={!octopusDeployScopeValues?.Environments?.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetRoles"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Target Tags"
-                isOptional
-              >
-                <FilterableSelect
-                  isMulti
-                  getOptionValue={(option) => option.Name}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  isLoading={isOctopusDeployScopeValuesLoading}
-                  options={octopusDeployScopeValues?.Roles}
-                  placeholder={
-                    octopusDeployScopeValues?.Roles?.length
-                      ? "Select target tags..."
-                      : "No target tags found..."
-                  }
-                  isDisabled={!octopusDeployScopeValues?.Roles?.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetMachines"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Targets"
-                isOptional
-              >
-                <FilterableSelect
-                  isMulti
-                  getOptionValue={(option) => option.Name}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  isLoading={isOctopusDeployScopeValuesLoading}
-                  options={octopusDeployScopeValues?.Machines}
-                  placeholder={
-                    octopusDeployScopeValues?.Machines?.length
-                      ? "Select targets..."
-                      : "No targets found..."
-                  }
-                  isDisabled={!octopusDeployScopeValues?.Machines?.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetProcesses"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Processes"
-                isOptional
-              >
-                <FilterableSelect
-                  isMulti
-                  getOptionValue={(option) => option.Name}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  isLoading={isOctopusDeployScopeValuesLoading}
-                  options={octopusDeployScopeValues?.Processes}
-                  placeholder={
-                    octopusDeployScopeValues?.Processes?.length
-                      ? "Select processes..."
-                      : "No processes found..."
-                  }
-                  isDisabled={!octopusDeployScopeValues?.Processes?.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetActions"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Deployment Steps"
-                isOptional
-              >
-                <FilterableSelect
-                  isMulti
-                  getOptionValue={(option) => option.Name}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  isLoading={isOctopusDeployScopeValuesLoading}
-                  options={octopusDeployScopeValues?.Actions}
-                  placeholder={
-                    octopusDeployScopeValues?.Actions?.length
-                      ? "Select deployment steps..."
-                      : "No deployment steps found..."
-                  }
-                  isDisabled={!octopusDeployScopeValues?.Actions?.length}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetChannels"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error)}
-                label="Octopus Deploy Channels"
-                isOptional
-              >
-                <FilterableSelect
-                  isMulti
-                  getOptionValue={(option) => option.Name}
-                  value={value}
-                  getOptionLabel={(option) => option.Name}
-                  onChange={onChange}
-                  isLoading={isOctopusDeployScopeValuesLoading}
-                  options={octopusDeployScopeValues?.Channels}
-                  placeholder={
-                    octopusDeployScopeValues?.Channels?.length
-                      ? "Select channels..."
-                      : "No channels found..."
-                  }
-                  isDisabled={!octopusDeployScopeValues?.Channels?.length}
-                />
-              </FormControl>
-            )}
-          />
-        </div>
-        <Button
-          type="submit"
-          colorSchema="primary"
-          className="mt-4"
-          isLoading={createIntegration.isLoading}
-          isDisabled={createIntegration.isLoading || !octopusDeployResources?.length}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </form>
-  );
-}
-
-OctopusDeployCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/qovery/authorize.tsx b/frontend-next/src/pages/integrations/qovery/authorize.tsx
deleted file mode 100644
index 1be9d1741..000000000
--- a/frontend-next/src/pages/integrations/qovery/authorize.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function QoveryCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [accessToken, setAccessToken] = useState("");
-  const [accessTokenErrorText, setAccessTokenErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setAccessTokenErrorText("");
-      if (accessToken.length === 0) {
-        setAccessTokenErrorText("Access token cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "qovery",
-        accessToken
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/qovery/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Qovery Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your API key, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Qovery.png"
-                height={30}
-                width={30}
-                alt="Qovery logo"
-              />
-            </div>
-            <span className="ml-2.5">Qovery Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/qovery" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="Qovery API token"
-          errorText={accessTokenErrorText}
-          isError={accessTokenErrorText !== "" ?? false}
-          className="mx-6"
-        >
-          <Input
-            placeholder=""
-            value={accessToken}
-            type="password"
-            autoComplete="new-password"
-            onChange={(e) => setAccessToken(e.target.value)}
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Connect to Qovery
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-QoveryCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/qovery/create.tsx b/frontend-next/src/pages/integrations/qovery/create.tsx
deleted file mode 100644
index 557f16417..000000000
--- a/frontend-next/src/pages/integrations/qovery/create.tsx
+++ /dev/null
@@ -1,436 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { motion } from "framer-motion";
-import queryString from "query-string";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "@app/components/v2";
-import { useCreateIntegration } from "@app/hooks/api";
-import {
-  useGetIntegrationAuthQoveryEnvironments,
-  useGetIntegrationAuthQoveryOrgs,
-  useGetIntegrationAuthQoveryProjects,
-  useGetIntegrationAuthQoveryScopes
-} from "@app/hooks/api/integrationAuth/queries";
-
-import { useGetIntegrationAuthById } from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const qoveryScopes = [
-  { label: "Application", value: "application" },
-  { label: "Container", value: "container" },
-  { label: "Job", value: "job" }
-];
-
-enum TabSections {
-  InfisicalSettings = "infisicalSettings",
-  QoverySettings = "qoverySettings"
-}
-
-/**
- * Follow the logic:
- * - Access token
- * -> Get organizations (orgId) - select an organization
- * -> Get projects belonging to the organization - select project
- * -> Get environments belonging to the project - select environmnet
- * -> Get qovery scopes / application (this is the application to sync to)
- *
- * Do we even need to get organizations?
- */
-
-export default function QoveryCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-
-  const [scope, setScope] = useState("application");
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-
-  const { data: integrationAuthOrgs } = useGetIntegrationAuthQoveryOrgs(
-    (integrationAuthId as string) ?? ""
-  );
-  const [targetOrgId, setTargetOrgId] = useState("");
-
-  const { data: integrationAuthProjects } = useGetIntegrationAuthQoveryProjects({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    orgId: targetOrgId
-  });
-  const [targetProjectId, setTargetProjectId] = useState("");
-
-  const { data: integrationAuthEnvironments } = useGetIntegrationAuthQoveryEnvironments({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    projectId: targetProjectId
-  });
-  const [targetEnvironmentId, setTargetEnvironmentId] = useState("");
-
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthQoveryScopes({
-      integrationAuthId: (integrationAuthId as string) ?? "",
-      environmentId: targetEnvironmentId,
-      scope: scope as "job" | "application" | "container"
-    });
-  const [targetAppId, setTargetAppId] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetAppId(String(integrationAuthApps[0].appId));
-      } else {
-        setTargetAppId("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  useEffect(() => {
-    if (integrationAuthOrgs) {
-      if (integrationAuthOrgs.length > 0) {
-        setTargetOrgId(String(integrationAuthOrgs[0].orgId));
-      } else {
-        setTargetOrgId("none");
-      }
-    }
-  }, [integrationAuthOrgs]);
-
-  useEffect(() => {
-    if (integrationAuthProjects) {
-      if (integrationAuthProjects.length > 0) {
-        setTargetProjectId(String(integrationAuthProjects[0].projectId));
-      } else {
-        setTargetProjectId("none");
-      }
-    }
-  }, [integrationAuthProjects]);
-
-  useEffect(() => {
-    if (integrationAuthEnvironments) {
-      if (integrationAuthEnvironments.length > 0) {
-        setTargetEnvironmentId(String(integrationAuthEnvironments[0].environmentId));
-      } else {
-        setTargetEnvironmentId("none");
-      }
-    }
-  }, [integrationAuthEnvironments]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      const targetOrg = integrationAuthOrgs?.find(
-        (integrationAuthOrg) => integrationAuthOrg.orgId === targetOrgId
-      )?.name;
-      const targetProject = integrationAuthProjects?.find(
-        (integrationAuthProject) => integrationAuthProject.projectId === targetProjectId
-      )?.name;
-      const targetEnvironment = integrationAuthEnvironments?.find(
-        (integrationAuthEnvironment) =>
-          integrationAuthEnvironment.environmentId === targetEnvironmentId
-      )?.name;
-      const targetApp = integrationAuthApps?.find(
-        (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-      )?.name;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: targetAppId,
-        scope,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetEnvironment,
-        targetEnvironmentId,
-        targetService: targetProject,
-        targetServiceId: targetProjectId,
-        owner: targetOrg,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace && selectedSourceEnvironment ? (
-    <div className="flex h-full w-full flex-col items-center justify-center bg-gradient-to-tr from-mineshaft-900 to-bunker-900">
-      <Head>
-        <title>Set Up Qovery Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment in Infisical you want to sync to Checkly environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Qovery.png"
-                height={30}
-                width={30}
-                alt="Qovery logo"
-              />
-            </div>
-            <span className="ml-2.5">Qovery Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/qovery" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <Tabs defaultValue={TabSections.InfisicalSettings} className="px-6">
-          <TabList>
-            <div className="flex w-full flex-row border-b border-mineshaft-600">
-              <Tab value={TabSections.InfisicalSettings}>Infisical Settings</Tab>
-              <Tab value={TabSections.QoverySettings}>Qovery Settings</Tab>
-            </div>
-          </TabList>
-          <TabPanel value={TabSections.InfisicalSettings}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <FormControl label="Infisical Project Environment">
-                <Select
-                  value={selectedSourceEnvironment}
-                  onValueChange={(val) => setSelectedSourceEnvironment(val)}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`source-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-              <FormControl label="Secrets Path" className="pb-[14.68rem]">
-                <Input
-                  value={secretPath}
-                  onChange={(evt) => setSecretPath(evt.target.value)}
-                  placeholder="Provide a path, default is /"
-                />
-              </FormControl>
-            </motion.div>
-          </TabPanel>
-          <TabPanel value={TabSections.QoverySettings}>
-            <motion.div
-              key="panel-1"
-              transition={{ duration: 0.15 }}
-              initial={{ opacity: 0, translateX: -30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-            >
-              <FormControl label="Qovery Scope">
-                <Select
-                  value={scope}
-                  onValueChange={(val) => setScope(val)}
-                  className="w-full border border-mineshaft-500"
-                >
-                  {qoveryScopes.map((qoveryScope) => (
-                    <SelectItem value={qoveryScope.value} key={`target-app-${qoveryScope.value}`}>
-                      {qoveryScope.label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-              {integrationAuthOrgs && (
-                <FormControl label="Qovery Organization">
-                  <Select
-                    value={targetOrgId}
-                    onValueChange={(val) => setTargetOrgId(val)}
-                    className="w-full border border-mineshaft-500"
-                    isDisabled={integrationAuthOrgs.length === 0}
-                  >
-                    {integrationAuthOrgs.length > 0 ? (
-                      integrationAuthOrgs.map((integrationAuthOrg) => (
-                        <SelectItem
-                          value={integrationAuthOrg.orgId}
-                          key={`target-app-${integrationAuthOrg.orgId}`}
-                        >
-                          {integrationAuthOrg.name}
-                        </SelectItem>
-                      ))
-                    ) : (
-                      <SelectItem value="none" key="target-app-none">
-                        No organizaztions found
-                      </SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              )}
-              {integrationAuthProjects && (
-                <FormControl label="Qovery Project">
-                  <Select
-                    value={targetProjectId}
-                    onValueChange={(val) => setTargetProjectId(val)}
-                    className="w-full border border-mineshaft-500"
-                    isDisabled={integrationAuthProjects.length === 0}
-                  >
-                    {integrationAuthProjects.length > 0 ? (
-                      integrationAuthProjects.map((integrationAuthProject) => (
-                        <SelectItem
-                          value={integrationAuthProject.projectId}
-                          key={`target-app-${integrationAuthProject.projectId}`}
-                        >
-                          {integrationAuthProject.name}
-                        </SelectItem>
-                      ))
-                    ) : (
-                      <SelectItem value="none" key="target-app-none">
-                        No projects found
-                      </SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              )}
-              {integrationAuthEnvironments && (
-                <FormControl label="Qovery Environment">
-                  <Select
-                    value={targetEnvironmentId}
-                    onValueChange={(val) => setTargetEnvironmentId(val)}
-                    className="w-full border border-mineshaft-500"
-                    isDisabled={integrationAuthEnvironments.length === 0}
-                  >
-                    {integrationAuthEnvironments.length > 0 ? (
-                      integrationAuthEnvironments.map((integrationAuthEnvironment) => (
-                        <SelectItem
-                          value={integrationAuthEnvironment.environmentId}
-                          key={`target-app-${integrationAuthEnvironment.environmentId}`}
-                        >
-                          {integrationAuthEnvironment.name}
-                        </SelectItem>
-                      ))
-                    ) : (
-                      <SelectItem value="none" key="target-app-none">
-                        No environments found
-                      </SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              )}
-              {scope && integrationAuthApps && (
-                <FormControl label={`Qovery ${scope.charAt(0).toUpperCase() + scope.slice(1)}`}>
-                  <Select
-                    value={targetAppId}
-                    onValueChange={(val) => setTargetAppId(val)}
-                    className="w-full border border-mineshaft-500"
-                    isDisabled={integrationAuthApps.length === 0}
-                  >
-                    {integrationAuthApps.length > 0 ? (
-                      integrationAuthApps.map((integrationAuthApp) => (
-                        <SelectItem
-                          value={integrationAuthApp.appId as string}
-                          key={`target-app-${integrationAuthApp.appId}`}
-                        >
-                          {integrationAuthApp.name}
-                        </SelectItem>
-                      ))
-                    ) : (
-                      <SelectItem value="none" key="target-app-none">
-                        No {scope}s found
-                      </SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              )}
-            </motion.div>
-          </TabPanel>
-        </Tabs>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 ml-auto mr-6"
-          isFullWidth={false}
-          isLoading={isLoading}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      {/* <div className="border-t border-mineshaft-800 w-full max-w-md mt-6"/>
-      <div className="flex flex-col bg-mineshaft-800 border border-mineshaft-600 w-full p-4 max-w-lg mt-6 rounded-md">
-        <div className="flex flex-row items-center"><FontAwesomeIcon icon={faCircleInfo} className="text-mineshaft-200 text-xl"/> <span className="ml-3 text-md text-mineshaft-100">Pro Tip</span></div>
-        <span className="text-mineshaft-300 text-sm mt-4">After creating an integration, your secrets will start syncing immediately. This might cause an unexpected override of current secrets in Qovery with secrets from Infisical.</span>
-      </div> */}
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Qovery Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-QoveryCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/railway/authorize.tsx b/frontend-next/src/pages/integrations/railway/authorize.tsx
deleted file mode 100644
index 78d5aa3d2..000000000
--- a/frontend-next/src/pages/integrations/railway/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function RailwayAuthorizeIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "railway",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/railway/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Railway Integration</CardTitle>
-        <FormControl
-          label="Railway API Key"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Railway
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-RailwayAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/railway/create.tsx b/frontend-next/src/pages/integrations/railway/create.tsx
deleted file mode 100644
index 685305913..000000000
--- a/frontend-next/src/pages/integrations/railway/create.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthRailwayEnvironments,
-  useGetIntegrationAuthRailwayServices
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function RailwayCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const [targetAppId, setTargetAppId] = useState("");
-  const [targetEnvironmentId, setTargetEnvironmentId] = useState("");
-  const [targetServiceId, setTargetServiceId] = useState("");
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-  const { data: targetEnvironments } = useGetIntegrationAuthRailwayEnvironments({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    appId: targetAppId
-  });
-  const { data: targetServices } = useGetIntegrationAuthRailwayServices({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    appId: targetAppId
-  });
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetAppId(integrationAuthApps[0].appId as string);
-      } else {
-        setTargetAppId("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  useEffect(() => {
-    if (targetEnvironments) {
-      if (targetEnvironments.length > 0) {
-        setTargetEnvironmentId(targetEnvironments[0].environmentId);
-      } else {
-        setTargetEnvironmentId("none");
-      }
-    }
-  }, [targetEnvironments]);
-
-  const handleButtonClick = async () => {
-    try {
-      setIsLoading(true);
-
-      if (!integrationAuth?.id) return;
-
-      const targetApp = integrationAuthApps?.find(
-        (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-      );
-      const targetEnvironment = targetEnvironments?.find(
-        (environment) => environment.environmentId === targetEnvironmentId
-      );
-
-      if (!targetApp || !targetApp.appId || !targetEnvironment) return;
-
-      const targetService = targetServices?.find(
-        (service) => service.serviceId === targetServiceId
-      );
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp.name,
-        appId: targetApp.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetEnvironment: targetEnvironment.name,
-        targetEnvironmentId: targetEnvironment.environmentId,
-        targetService: targetService?.name,
-        targetServiceId: targetService?.serviceId,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const filteredTargetServices = targetServices
-    ? [{ name: "", serviceId: "none" }, ...targetServices]
-    : [{ name: "", serviceId: "none" }];
-
-  return workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetEnvironments &&
-    targetServices &&
-    filteredTargetServices ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Railway Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Railway Project">
-          <Select
-            value={targetAppId}
-            onValueChange={(val) => setTargetAppId(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.appId as string}
-                  key={`target-app-${integrationAuthApp.appId as string}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Railway Project Environment">
-          <Select
-            value={targetEnvironmentId}
-            onValueChange={(val) => setTargetEnvironmentId(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={targetEnvironments.length === 0}
-          >
-            {targetEnvironments.length > 0 ? (
-              targetEnvironments.map((targetEnvironment) => (
-                <SelectItem
-                  value={targetEnvironment.environmentId as string}
-                  key={`target-environment-${targetEnvironment.environmentId as string}`}
-                >
-                  {targetEnvironment.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-environment-none">
-                No environments found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Railway Service (Optional)">
-          <Select
-            value={targetServiceId}
-            onValueChange={(val) => setTargetServiceId(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={targetServices.length === 0}
-          >
-            {filteredTargetServices.map((targetService) => (
-              <SelectItem
-                value={targetService.serviceId as string}
-                key={`target-service-${targetService.serviceId as string}`}
-              >
-                {targetService.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-RailwayCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/render/authorize.tsx b/frontend-next/src/pages/integrations/render/authorize.tsx
deleted file mode 100644
index 4226d5899..000000000
--- a/frontend-next/src/pages/integrations/render/authorize.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function RenderCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "render",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/render/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Render Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your API key, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Render.png"
-                height={30}
-                width={30}
-                alt="Render logo"
-              />
-            </div>
-            <span className="ml-2.5">Render Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/render" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="Render API Key"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input 
-            placeholder="rnd_xxx" 
-            value={apiKey} 
-            type="password"
-            autoComplete="new-password"
-            onChange={(e) => setApiKey(e.target.value)} 
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-        >
-          Connect to Render
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-RenderCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/render/create.tsx b/frontend-next/src/pages/integrations/render/create.tsx
deleted file mode 100644
index a729d0d58..000000000
--- a/frontend-next/src/pages/integrations/render/create.tsx
+++ /dev/null
@@ -1,307 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import queryString from "query-string";
-import * as yup from "yup";
-
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Select,
-  SelectItem,
-  Switch
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const schema = yup.object({
-  selectedSourceEnvironment: yup.string().required("Source environment is required"),
-  secretPath: yup.string().required("Secret path is required"),
-  targetAppId: yup.string().required("Render service is required"),
-  shouldAutoRedeploy: yup.boolean()
-});
-
-type FormData = yup.InferType<typeof schema>;
-
-export default function RenderCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { control, handleSubmit, setValue, watch } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      secretPath: "/",
-      shouldAutoRedeploy: false
-    }
-  });
-
-  const selectedSourceEnvironment = watch("selectedSourceEnvironment");
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isIntegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setValue("selectedSourceEnvironment", workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setValue("targetAppId", integrationAuthApps[0].appId as string);
-      } else {
-        setValue("targetAppId", "none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const onFormSubmit = async ({ secretPath, targetAppId, shouldAutoRedeploy }: FormData) => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-        )?.name,
-        appId: targetAppId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath,
-        metadata: {
-          shouldAutoRedeploy
-        }
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace && selectedSourceEnvironment && integrationAuthApps ? (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="flex h-full w-full flex-col items-center justify-center"
-    >
-      <Head>
-        <title>Set Up Render Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment or folder in Infisical you want to sync to Render environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Render.png"
-                height={30}
-                width={30}
-                alt="Render logo"
-              />
-            </div>
-            <span className="ml-2.5">Render Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/render" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <div className="px-6">
-          <Controller
-            control={control}
-            name="selectedSourceEnvironment"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Project Environment"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`source-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="secretPath"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secrets Path" isError={Boolean(error)} errorText={error?.message}>
-                <SecretPathInput
-                  {...field}
-                  placeholder="/"
-                  environment={selectedSourceEnvironment}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="targetAppId"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  label="Render Service"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    {...field}
-                    onValueChange={(e) => {
-                      if (e === "") return;
-                      onChange(e);
-                    }}
-                    className="w-full"
-                  >
-                    {integrationAuthApps.length > 0 ? (
-                      integrationAuthApps.map((integrationAuthApp) => (
-                        <SelectItem
-                          value={String(integrationAuthApp.appId as string)}
-                          key={`target-app-${String(integrationAuthApp.appId)}`}
-                        >
-                          {integrationAuthApp.name}
-                        </SelectItem>
-                      ))
-                    ) : (
-                      <SelectItem value="none" key="target-app-none">
-                        No services found
-                      </SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              );
-            }}
-          />
-          <div className="mt-8 mb-[2.36rem] ml-1">
-            <Controller
-              control={control}
-              name="shouldAutoRedeploy"
-              render={({ field: { onChange, value } }) => (
-                <Switch
-                  id="redeploy-render"
-                  onCheckedChange={(isChecked) => onChange(isChecked)}
-                  isChecked={value}
-                >
-                  Auto-redeploy service upon secret change
-                </Switch>
-              )}
-            />
-          </div>
-        </div>
-        <Button
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-8 ml-auto mr-6 mt-4 w-min"
-          size="sm"
-          type="submit"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in Render with secrets from Infisical.
-        </span>
-      </div>
-    </form>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Render Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthLoading || isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-RenderCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/rundeck/authorize.tsx b/frontend-next/src/pages/integrations/rundeck/authorize.tsx
deleted file mode 100644
index 5790f573b..000000000
--- a/frontend-next/src/pages/integrations/rundeck/authorize.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-
-import { Button, Card, CardTitle, FormControl, Input } from "@app/components/v2";
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-const schema = z.object({
-  authToken: z.string().trim().min(1, { message: "Rundeck Auth Token is required" }),
-  rundeckURL: z.string().trim().min(1, {
-    message: "Rundeck URL is required"
-  })
-});
-
-type FormData = z.infer<typeof schema>;
-
-export default function RundeckAuthorizeIntegrationPage() {
-  const router = useRouter();
-  const [isLoading, setIsLoading] = useState(false);
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      authToken: "",
-      rundeckURL: ""
-    }
-  });
-
-  const onFormSubmit = async ({ authToken, rundeckURL }: FormData) => {
-    try {
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "rundeck",
-        accessToken: authToken,
-        url: rundeckURL.trim()
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/rundeck/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      setIsLoading(false);
-      console.error(err);
-    }
-  };
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Rundeck Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding your URL and auth token, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Rundeck.svg"
-                height={30}
-                width={30}
-                alt="Rundeck logo"
-              />
-            </div>
-            <span className="ml-2.5">Rundeck Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cicd/rundeck" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="px-6 pb-8 text-right">
-          <Controller
-            control={control}
-            name="rundeckURL"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="URL" errorText={error?.message} isError={Boolean(error)}>
-                <Input {...field} placeholder="https://self-hosted-rundeck.com" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="authToken"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Rundeck Auth Token"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input {...field} placeholder="" />
-              </FormControl>
-            )}
-          />
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            className="mt-2 w-min"
-            size="sm"
-            type="submit"
-            isLoading={isLoading}
-          >
-            Connect to Rundeck
-          </Button>
-        </form>
-      </Card>
-    </div>
-  );
-}
-
-RundeckAuthorizeIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/rundeck/create.tsx b/frontend-next/src/pages/integrations/rundeck/create.tsx
deleted file mode 100644
index 543d9f4b0..000000000
--- a/frontend-next/src/pages/integrations/rundeck/create.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import queryString from "query-string";
-import { z } from "zod";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useCreateIntegration } from "@app/hooks/api";
-import { useGetIntegrationAuthById } from "@app/hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "@app/hooks/api/workspace";
-
-const schema = z.object({
-  keyStoragePath: z.string().trim().min(1, { message: "Rundeck Key Storage path is required" }),
-  secretPath: z.string().trim().min(1, { message: "Secret path is required" }),
-  sourceEnvironment: z.string().trim().min(1, { message: "Source environment is required" })
-});
-
-type TFormSchema = z.infer<typeof schema>;
-
-export default function RundeckCreateIntegrationPage() {
-  const {
-    control,
-    handleSubmit,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      secretPath: "/"
-    }
-  });
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isIntegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-
-  const selectedSourceEnvironment = watch("sourceEnvironment");
-
-  const onFormSubmit = async ({ secretPath, sourceEnvironment, keyStoragePath }: TFormSchema) => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        path: keyStoragePath,
-        sourceEnvironment,
-        url: integrationAuth.url,
-        secretPath
-      });
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth && workspace ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up Rundeck Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment or folder in Infisical you want to sync to the Rundeck Key Storage."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/Rundeck.svg"
-                height={30}
-                width={30}
-                alt="Rundeck logo"
-              />
-            </div>
-            <span className="ml-2.5">Rundeck Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/flyio" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-
-        <form onSubmit={handleSubmit(onFormSubmit)} className="flex w-full flex-col px-6">
-          <Controller
-            control={control}
-            name="sourceEnvironment"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Project Environment"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  className="w-full border border-mineshaft-500"
-                  value={field.value}
-                  onValueChange={(val) => {
-                    field.onChange(val);
-                  }}
-                >
-                  {workspace?.environments.map((sourceEnvironment) => (
-                    <SelectItem
-                      value={sourceEnvironment.slug}
-                      key={`source-environment-${sourceEnvironment.slug}`}
-                    >
-                      {sourceEnvironment.name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-
-          <Controller
-            control={control}
-            name="secretPath"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secrets Path" errorText={error?.message} isError={Boolean(error)}>
-                <SecretPathInput {...field} environment={selectedSourceEnvironment} />
-              </FormControl>
-            )}
-          />
-
-          <Controller
-            control={control}
-            name="keyStoragePath"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Rundeck Key Storage Path"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input
-                  placeholder={`keys/project/${workspace.name
-                    .toLowerCase()
-                    .replace(/ /g, "-")}/${selectedSourceEnvironment}`}
-                  {...field}
-                />
-              </FormControl>
-            )}
-          />
-
-          <Button
-            type="submit"
-            color="mineshaft"
-            variant="outline_bg"
-            className="mb-6 mt-2 ml-auto"
-            isLoading={isSubmitting}
-          >
-            Create Integration
-          </Button>
-        </form>
-      </Card>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Rundeck Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-RundeckCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/select-integration-auth.tsx b/frontend-next/src/pages/integrations/select-integration-auth.tsx
deleted file mode 100644
index 1f9f17afa..000000000
--- a/frontend-next/src/pages/integrations/select-integration-auth.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-import crypto from "crypto";
-
-import { useCallback, useEffect } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import { useRouter } from "next/router";
-
-import { Button, Card, CardTitle, ContentLoader } from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import {
-  useDuplicateIntegrationAuth,
-  useGetCloudIntegrations,
-  useGetOrgIntegrationAuths
-} from "@app/hooks/api";
-import { IntegrationAuth } from "@app/hooks/api/types";
-import { createIntegrationMissingEnvVarsNotification } from "@app/views/IntegrationsPage/IntegrationPage.utils";
-
-export default function SelectIntegrationAuthPage() {
-  const router = useRouter();
-  const { data: cloudIntegrations } = useGetCloudIntegrations();
-  const { currentOrg } = useOrganization();
-  const { currentWorkspace } = useWorkspace();
-  const orgId = currentOrg?.id || "";
-
-  const integrationSlug = router.query.integrationSlug as string;
-
-  const currentIntegration = cloudIntegrations?.find(
-    (integration) => integration.slug === integrationSlug
-  );
-  const { mutateAsync: duplicateIntegrationAuth, isLoading: isIntegrationAuthSelectLoading } =
-    useDuplicateIntegrationAuth();
-
-  // for Github, we want to reuse the same connection across the Infisical organization
-  // when we do need to reuse this page for other integrations, add handling to fetch workspace integration auths instead
-  const {
-    data: integrationAuths,
-    isLoading: isLoadingIntegrationAuths,
-    isSuccess: isLoadingIntegrationAuthsSuccess
-  } = useGetOrgIntegrationAuths(
-    orgId,
-    useCallback(
-      (data: IntegrationAuth[]) => {
-        const filteredIntegrationAuths = data.filter(
-          (integrationAuth) => integrationAuth.integration === integrationSlug
-        );
-
-        if (integrationSlug === "github") {
-          const sameProjectIntegrationAuths = filteredIntegrationAuths.filter(
-            (auth) => auth.projectId === currentWorkspace?.id
-          );
-          const differentProjectIntegrationAuths = filteredIntegrationAuths.filter(
-            (auth) => auth.projectId !== currentWorkspace?.id
-          );
-
-          const installationIds = new Set<string>();
-
-          // for now, we only display the integration auths for Github apps
-          return (
-            // we concatenate it this way so that integration auths from the same project are prioritized for display
-            sameProjectIntegrationAuths
-              .concat(differentProjectIntegrationAuths)
-              .filter((integrationAuth) => Boolean(integrationAuth.metadata?.installationId))
-              // we filter it so that we only show unique installations because the same installation/connection
-              // can be used in multiple integration auths
-              .filter((integrationAuth) => {
-                const isProcessedInstallationId = installationIds.has(
-                  integrationAuth.metadata.installationId as string
-                );
-
-                if (!isProcessedInstallationId) {
-                  installationIds.add(integrationAuth.metadata.installationId as string);
-                }
-
-                return !isProcessedInstallationId;
-              })
-          );
-        }
-
-        return [];
-      },
-      [integrationSlug]
-    )
-  );
-
-  const handleNewConnection = () => {
-    const state = crypto.randomBytes(16).toString("hex");
-    localStorage.setItem("latestCSRFToken", state);
-
-    if (integrationSlug === "github") {
-      if (!currentIntegration?.clientSlug) {
-        createIntegrationMissingEnvVarsNotification("githubactions", "cicd");
-        return;
-      }
-
-      // for now we only handle Github apps
-      window.location.assign(
-        `https://github.com/apps/${currentIntegration?.clientSlug}/installations/new?state=${state}`
-      );
-    }
-  };
-
-  useEffect(() => {
-    if (
-      !isLoadingIntegrationAuths &&
-      integrationAuths?.length === 0 &&
-      isLoadingIntegrationAuthsSuccess
-    ) {
-      handleNewConnection();
-    }
-  }, [isLoadingIntegrationAuths, integrationAuths, isLoadingIntegrationAuthsSuccess]);
-
-  const logo = integrationSlug === "github" ? "/images/integrations/GitHub.png" : "";
-
-  const handleConnectionSelect = async (integrationAuth: IntegrationAuth) => {
-    if (integrationSlug === "github") {
-      if (integrationAuth.projectId === currentWorkspace?.id) {
-        router.push(`/integrations/github/create?integrationAuthId=${integrationAuth.id}`);
-      } else {
-        // we create a copy of the existing integration auth from another project to the current project
-        const newIntegrationAuth = await duplicateIntegrationAuth({
-          projectId: currentWorkspace?.id || "",
-          integrationAuthId: integrationAuth.id
-        });
-
-        router.push(`/integrations/github/create?integrationAuthId=${newIntegrationAuth.id}`);
-      }
-    }
-  };
-
-  if (
-    isLoadingIntegrationAuths ||
-    (integrationAuths?.length === 0 && isLoadingIntegrationAuthsSuccess)
-  ) {
-    return <ContentLoader />;
-  }
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Select Connection</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Select an existing connection below or create a new one for your integration."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center pb-0.5">
-              <Image src={logo} height={30} width={30} alt="Integration logo" />
-            </div>
-            <span className="ml-2.5">Select Connection</span>
-          </div>
-        </CardTitle>
-        <div className="mb-7 flex flex-col items-center">
-          {!isLoadingIntegrationAuths && integrationAuths?.length
-            ? integrationAuths.map((integrationAuth) => {
-                let connectionName = "";
-
-                if (integrationAuth.integration === "github") {
-                  connectionName = integrationAuth.metadata?.installationName || "";
-                }
-
-                return (
-                  <Button
-                    colorSchema="secondary"
-                    className="mt-3 w-3/4"
-                    isDisabled={isIntegrationAuthSelectLoading}
-                    key={integrationAuth.id}
-                    size="sm"
-                    type="submit"
-                    onClick={() => handleConnectionSelect(integrationAuth)}
-                  >
-                    {connectionName}
-                  </Button>
-                );
-              })
-            : undefined}
-          <div className="mt-6 flex w-full flex-row items-center justify-center">
-            <div className="w-1/5 border-t border-mineshaft-400" />
-            <p className="mx-4 text-xs text-gray-400">OR</p>
-            <div className="w-1/5 border-t border-mineshaft-400" />
-          </div>
-          <Button
-            colorSchema="primary"
-            className="mt-6 w-3/4"
-            size="sm"
-            type="submit"
-            onClick={handleNewConnection}
-          >
-            Create New Connection
-          </Button>
-        </div>
-      </Card>
-    </div>
-  );
-}
-
-SelectIntegrationAuthPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/supabase/authorize.tsx b/frontend-next/src/pages/integrations/supabase/authorize.tsx
deleted file mode 100644
index 9e860ee20..000000000
--- a/frontend-next/src/pages/integrations/supabase/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function SupabaseCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "supabase",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/supabase/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Supabase Integration</CardTitle>
-        <FormControl
-          label="Supabase API Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Supabase
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-SupabaseCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/supabase/create.tsx b/frontend-next/src/pages/integrations/supabase/create.tsx
deleted file mode 100644
index 1504c4d5b..000000000
--- a/frontend-next/src/pages/integrations/supabase/create.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function SupabaseCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [targetApp, setTargetApp] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Supabase Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Supabase Project" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-environment-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-SupabaseCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/teamcity/authorize.tsx b/frontend-next/src/pages/integrations/teamcity/authorize.tsx
deleted file mode 100644
index e28b5be76..000000000
--- a/frontend-next/src/pages/integrations/teamcity/authorize.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function TeamCityCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [serverUrl, setServerUrl] = useState("");
-  const [serverUrlErrorText, setServerUrlErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      setServerUrlErrorText("");
-
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("Access Token cannot be blank");
-        return;
-      }
-
-      if (serverUrl.length === 0) {
-        setServerUrlErrorText("Server URL cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "teamcity",
-        accessToken: apiKey,
-        url: serverUrl
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/teamcity/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize TeamCity Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding the details below, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/TeamCity.png"
-                height={28}
-                width={28}
-                alt="TeamCity logo"
-              />
-            </div>
-            <span className="ml-2">TeamCity Integration</span>
-            <Link href="https://infisical.com/docs/integrations/cloud/teamcity" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="TeamCity Access Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input
-            placeholder="Access Token"
-            value={apiKey}
-            onChange={(e) => setApiKey(e.target.value)}
-          />
-        </FormControl>
-        <FormControl
-          label="TeamCity Server URL"
-          errorText={serverUrlErrorText}
-          isError={serverUrlErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input
-            placeholder="https://example.teamcity.com"
-            value={serverUrl}
-            onChange={(e) => setServerUrl(e.target.value)}
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-        >
-          Connect to TeamCity
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-TeamCityCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/teamcity/create.tsx b/frontend-next/src/pages/integrations/teamcity/create.tsx
deleted file mode 100644
index c1b10c33f..000000000
--- a/frontend-next/src/pages/integrations/teamcity/create.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen, faBugs } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthTeamCityBuildConfigs
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function TeamCityCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetAppId, setTargetAppId] = useState("");
-  const [targetBuildConfigId, setTargetBuildConfigId] = useState<string>("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth, isLoading: isIntegrationAuthLoading } = useGetIntegrationAuthById(
-    (integrationAuthId as string) ?? ""
-  );
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? ""
-    });
-
-  const { data: targetBuildConfigs } = useGetIntegrationAuthTeamCityBuildConfigs({
-    integrationAuthId: (integrationAuthId as string) ?? "",
-    appId: targetAppId
-  });
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetAppId(integrationAuthApps[0].appId as string);
-      } else {
-        setTargetAppId("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      const targetEnvironment = targetBuildConfigs?.find(
-        (buildConfig) => buildConfig.buildConfigId === targetBuildConfigId
-      );
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-        )?.name,
-        appId: targetAppId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetEnvironment: targetEnvironment?.name,
-        targetEnvironmentId: targetEnvironment?.buildConfigId,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const filteredBuildConfigs = targetBuildConfigs?.concat({
-    name: "",
-    buildConfigId: ""
-  });
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    filteredBuildConfigs &&
-    targetAppId ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up TeamCity Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="mb-12 max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Choose which environment or folders in Infisical you want to sync to which project in TeamCity."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center pb-0.5">
-              <Image
-                src="/images/integrations/TeamCity.png"
-                height={28}
-                width={28}
-                alt="TeamCity logo"
-              />
-            </div>
-            <span className="ml-2">TeamCity Integration</span>
-            <Link href="https://infisical.com/docs/integrations/cloud/teamcity" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl label="Project Environment" className="px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path" className="px-6">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="TeamCity Project" className="px-6">
-          <Select
-            value={targetAppId}
-            onValueChange={(val) => setTargetAppId(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.appId as string}
-                  key={`target-app-${integrationAuthApp.appId as string}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No project found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Team City Build Config (Optional)" className="px-6">
-          <Select
-            value={targetBuildConfigId}
-            onValueChange={(val) => setTargetBuildConfigId(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {filteredBuildConfigs.map((buildConfig: any) => (
-              <SelectItem
-                value={buildConfig.buildConfigId}
-                key={`target-build-config-${buildConfig.buildConfigId}`}
-              >
-                {buildConfig.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up TeamCity Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthLoading || isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-TeamCityCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/terraform-cloud/authorize.tsx b/frontend-next/src/pages/integrations/terraform-cloud/authorize.tsx
deleted file mode 100644
index 8259d33f1..000000000
--- a/frontend-next/src/pages/integrations/terraform-cloud/authorize.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function TerraformCloudCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [workspacesId, setWorkSpacesId] = useState("");
-  const [workspacesIdErrorText, setWorkspacesIdErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      setWorkspacesIdErrorText("");
-
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Token cannot be blank");
-        return;
-      }
-
-      if (workspacesId.length === 0) {
-        setWorkspacesIdErrorText("Workspace Id cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "terraform-cloud",
-        accessId: workspacesId,
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/terraform-cloud/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Authorize Terraform Cloud Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="After adding the details below, you will be prompted to set up an integration for a particular Infisical project and environment."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center">
-              <Image
-                src="/images/integrations/Terraform.png"
-                height={35}
-                width={35}
-                alt="Terraform logo"
-              />
-            </div>
-            <span className="ml-1.5">Terraform Cloud Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/terraform-cloud" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl
-          label="Terraform Cloud Workspace ID"
-          errorText={workspacesIdErrorText}
-          isError={workspacesIdErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input
-            placeholder="Workspace Id"
-            value={workspacesId}
-            onChange={(e) => setWorkSpacesId(e.target.value)}
-          />
-        </FormControl>
-        <FormControl
-          label="Terraform Cloud API Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-          className="px-6"
-        >
-          <Input
-            placeholder="API Token"
-            value={apiKey}
-            type="password"
-            autoComplete="new-password"
-            onChange={(e) => setApiKey(e.target.value)}
-          />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-        >
-          Connect to Terraform Cloud
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-TerraformCloudCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/terraform-cloud/create.tsx b/frontend-next/src/pages/integrations/terraform-cloud/create.tsx
deleted file mode 100644
index f84e5cc6c..000000000
--- a/frontend-next/src/pages/integrations/terraform-cloud/create.tsx
+++ /dev/null
@@ -1,242 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-import { IntegrationSyncBehavior } from "@app/hooks/api/integrations/types";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const initialSyncBehaviors = [
-  {
-    label: "No Import - Overwrite all values in Terraform Cloud",
-    value: IntegrationSyncBehavior.OVERWRITE_TARGET
-  },
-  { label: "Import non-sensitive - Prefer values from Terraform Cloud", value: IntegrationSyncBehavior.PREFER_TARGET },
-  { label: "Import non-sensitive - Prefer values from Infisical", value: IntegrationSyncBehavior.PREFER_SOURCE }
-];
-
-const variableTypes = [{ name: "env" }, { name: "terraform" }];
-
-export default function TerraformCloudCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [variableType, setVariableType] = useState("");
-  const [variableTypeErrorText, setVariableTypeErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-  const [initialSyncBehavior, setInitialSyncBehavior] = useState("prefer-source")
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-      setVariableType(variableTypes[0].name);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setVariableTypeErrorText("");
-      if (variableType.length === 0) {
-        setVariableTypeErrorText("Variable Type cannot be blank!");
-        return;
-      }
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetService: variableType,
-        secretPath,
-        metadata: {
-          initialSyncBehavior
-        }
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Create Terraform Cloud Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Specify the encironment and path within Infisical that you want to push to which project in Terraform."
-        >
-          <div className="flex flex-row items-center">
-            <div className="inline flex items-center">
-              <Image
-                src="/images/integrations/Terraform.png"
-                height={35}
-                width={35}
-                alt="Terraform logo"
-              />
-            </div>
-            <span className="ml-1.5">Terraform Cloud Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/terraform-cloud" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl label="Project Environment" className="px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path" className="px-6">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl
-          label="Category"
-          className="px-6"
-          errorText={variableTypeErrorText}
-          isError={variableTypeErrorText !== "" ?? false}
-        >
-          <Select
-            value={variableType}
-            onValueChange={(val) => setVariableType(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {variableTypes.map((variable) => (
-              <SelectItem value={variable.name} key={`target-app-${variable.name}`}>
-                {variable.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Terraform Cloud Project" className="px-6">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-app-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No project found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Initial Sync Behavior" className="px-6">
-          <Select value={initialSyncBehavior} onValueChange={(e) => setInitialSyncBehavior(e)} className="w-full border border-mineshaft-600">
-            {initialSyncBehaviors.map((b) => {
-              return (
-                <SelectItem value={b.value} key={`sync-behavior-${b.value}`}>
-                  {b.label}
-                </SelectItem>
-              );
-            })}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mb-6 mt-2 ml-auto mr-6 w-min"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-TerraformCloudCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/travisci/authorize.tsx b/frontend-next/src/pages/integrations/travisci/authorize.tsx
deleted file mode 100644
index 5f46fbca5..000000000
--- a/frontend-next/src/pages/integrations/travisci/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function TravisCICreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "travisci",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/travisci/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Travis CI Integration</CardTitle>
-        <FormControl
-          label="Travis CI API Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Travis CI
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-TravisCICreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/travisci/create.tsx b/frontend-next/src/pages/integrations/travisci/create.tsx
deleted file mode 100644
index 493dcdaec..000000000
--- a/frontend-next/src/pages/integrations/travisci/create.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function TravisCICreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [targetApp, setTargetApp] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Travis CI Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Travis CI Project" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-environment-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-TravisCICreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/vercel/create.tsx b/frontend-next/src/pages/integrations/vercel/create.tsx
deleted file mode 100644
index 7dc525f90..000000000
--- a/frontend-next/src/pages/integrations/vercel/create.tsx
+++ /dev/null
@@ -1,324 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faBugs,
-  faCircleInfo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-import { IntegrationSyncBehavior } from "@app/hooks/api/integrations/types";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById,
-  useGetIntegrationAuthVercelBranches
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-const vercelEnvironments = [
-  { name: "Development", slug: "development" },
-  { name: "Preview", slug: "preview" },
-  { name: "Production", slug: "production" }
-];
-
-const initialSyncBehaviors = [
-  {
-    label: "No Import - Overwrite all values in Vercel",
-    value: IntegrationSyncBehavior.OVERWRITE_TARGET
-  },
-  {
-    label: "Import - Prefer values from Infisical",
-    value: IntegrationSyncBehavior.PREFER_SOURCE
-  }
-];
-
-export default function VercelCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [initialSyncBehavior, setInitialSyncBehavior] = useState<IntegrationSyncBehavior>(
-    IntegrationSyncBehavior.PREFER_SOURCE
-  );
-  const [targetAppId, setTargetAppId] = useState("");
-  const [targetEnvironment, setTargetEnvironment] = useState("");
-  const [targetBranch, setTargetBranch] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps, isLoading: isIntegrationAuthAppsLoading } =
-    useGetIntegrationAuthApps({
-      integrationAuthId: (integrationAuthId as string) ?? "",
-      teamId: integrationAuth?.teamId as string
-    });
-
-  const { data: branches } = useGetIntegrationAuthVercelBranches({
-    integrationAuthId: integrationAuthId as string,
-    appId: targetAppId
-  });
-
-  const filteredBranches = branches?.filter((branchName) => branchName !== "main").concat();
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetAppId(integrationAuthApps[0].appId as string);
-        setTargetEnvironment(vercelEnvironments[0].slug);
-      } else {
-        setTargetAppId("none");
-        setTargetEnvironment(vercelEnvironments[0].slug);
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      const targetApp = integrationAuthApps?.find(
-        (integrationAuthApp) => integrationAuthApp.appId === targetAppId
-      );
-
-      if (!targetApp || !targetApp.appId) return;
-
-      const path =
-        targetEnvironment === "preview" && targetBranch !== "" ? targetBranch : undefined;
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp.name,
-        appId: targetApp.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        targetEnvironment,
-        path,
-        secretPath,
-        metadata: {
-          initialSyncBehavior
-        }
-      });
-
-      setIsLoading(false);
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetAppId &&
-    targetEnvironment ? (
-    <div className="flex h-full w-full flex-col items-center justify-center">
-      <Head>
-        <title>Set Up Vercel Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <Card className="max-w-lg rounded-md border border-mineshaft-600 p-0">
-        <CardTitle
-          className="px-6 text-left text-xl"
-          subTitle="Select which environment or folder in Infisical you want to sync to Vercel's environment variables."
-        >
-          <div className="flex flex-row items-center">
-            <div className="flex items-center">
-              <Image
-                src="/images/integrations/Vercel.png"
-                height={30}
-                width={30}
-                alt="Vercel logo"
-              />
-            </div>
-            <span className="ml-2">Vercel Integration </span>
-            <Link href="https://infisical.com/docs/integrations/cloud/vercel" passHref>
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </CardTitle>
-        <FormControl label="Infisical Project Environment" className="px-6">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`azure-key-vault-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path" className="px-6">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Vercel App" className="px-6">
-          <Select
-            value={targetAppId}
-            onValueChange={(val) => setTargetAppId(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.appId as string}
-                  key={`target-app-${integrationAuthApp.appId as string}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <FormControl label="Vercel App Environment" className="px-6">
-          <Select
-            value={targetEnvironment}
-            onValueChange={(val) => setTargetEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {vercelEnvironments.map((vercelEnvironment) => (
-              <SelectItem
-                value={vercelEnvironment.slug}
-                key={`target-environment-${vercelEnvironment.slug}`}
-              >
-                {vercelEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        {targetEnvironment === "preview" && filteredBranches && (
-          <FormControl label="Vercel Preview Branch (Optional)" className="px-6">
-            <Select
-              value={targetBranch}
-              onValueChange={(val) => setTargetBranch(val)}
-              className="w-full border border-mineshaft-500"
-            >
-              {filteredBranches.map((branchName) => (
-                <SelectItem value={branchName} key={`target-branch-${branchName}`}>
-                  {branchName}
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-
-        <FormControl label="Initial Sync Behavior" className="px-6">
-          <Select
-            value={initialSyncBehavior}
-            onValueChange={(val) => setInitialSyncBehavior(val as IntegrationSyncBehavior)}
-            className="w-full border border-mineshaft-500 text-sm"
-          >
-            {initialSyncBehaviors.map((syncBehavior) => (
-              <SelectItem value={syncBehavior.value} key={`sync-behavior-${syncBehavior.value}`}>
-                {syncBehavior.label}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          variant="outline_bg"
-          className="mt-2 mb-6 ml-auto mr-6"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-      <div className="mt-6 w-full max-w-md border-t border-mineshaft-800" />
-      <div className="mt-6 flex w-full max-w-lg flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4">
-        <div className="flex flex-row items-center">
-          <FontAwesomeIcon icon={faCircleInfo} className="text-xl text-mineshaft-200" />{" "}
-          <span className="text-md ml-3 text-mineshaft-100">Pro Tip</span>
-        </div>
-        <span className="mt-4 text-sm text-mineshaft-300">
-          After creating an integration, your secrets will start syncing immediately. This might
-          cause an unexpected override of current secrets in Vercel with secrets from Infisical.
-        </span>
-      </div>
-    </div>
-  ) : (
-    <div className="flex h-full w-full items-center justify-center">
-      <Head>
-        <title>Set Up Vercel Integration</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {isIntegrationAuthAppsLoading ? (
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="infisical loading indicator"
-        />
-      ) : (
-        <div className="flex h-max max-w-md flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6 text-center text-mineshaft-200">
-          <FontAwesomeIcon icon={faBugs} className="inlineli my-2 text-6xl" />
-          <p>
-            Something went wrong. Please contact{" "}
-            <a
-              className="inline cursor-pointer text-mineshaft-100 underline decoration-primary-500 underline-offset-4 opacity-80 duration-200 hover:opacity-100"
-              target="_blank"
-              rel="noopener noreferrer"
-              href="mailto:support@infisical.com"
-            >
-              support@infisical.com
-            </a>{" "}
-            if the issue persists.
-          </p>
-        </div>
-      )}
-    </div>
-  );
-}
-
-VercelCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/vercel/oauth2/callback.tsx b/frontend-next/src/pages/integrations/vercel/oauth2/callback.tsx
deleted file mode 100644
index f32fdcb02..000000000
--- a/frontend-next/src/pages/integrations/vercel/oauth2/callback.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useAuthorizeIntegration } from "@app/hooks/api";
-
-export default function VercelOAuth2CallbackPage() {
-  const router = useRouter();
-  const { mutateAsync } = useAuthorizeIntegration();
-
-  const { code, state } = queryString.parse(router.asPath.split("?")[1]);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        // validate state
-        if (state !== localStorage.getItem("latestCSRFToken")) return;
-        localStorage.removeItem("latestCSRFToken");
-
-        const integrationAuth = await mutateAsync({
-          workspaceId: localStorage.getItem("projectData.id") as string,
-          code: code as string,
-          integration: "vercel"
-        });
-
-        router.push(`/integrations/vercel/create?integrationAuthId=${integrationAuth.id}`);
-      } catch (err) {
-        console.error(err);
-      }
-    })();
-  }, []);
-
-  return <div />;
-}
-
-VercelOAuth2CallbackPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/windmill/authorize.tsx b/frontend-next/src/pages/integrations/windmill/authorize.tsx
deleted file mode 100644
index ebfc5f941..000000000
--- a/frontend-next/src/pages/integrations/windmill/authorize.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
-
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
-
-export default function WindmillCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useSaveIntegrationAccessToken();
-
-  const [apiKey, setApiKey] = useState("");
-  const [apiKeyErrorText, setApiKeyErrorText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleButtonClick = async () => {
-    try {
-      setApiKeyErrorText("");
-      if (apiKey.length === 0) {
-        setApiKeyErrorText("API Key cannot be blank");
-        return;
-      }
-
-      setIsLoading(true);
-
-      const integrationAuth = await mutateAsync({
-        workspaceId: localStorage.getItem("projectData.id"),
-        integration: "windmill",
-        accessToken: apiKey
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/windmill/create?integrationAuthId=${integrationAuth.id}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Windmill Integration</CardTitle>
-        <FormControl
-          label="Windmill Access Token"
-          errorText={apiKeyErrorText}
-          isError={apiKeyErrorText !== "" ?? false}
-        >
-          <Input placeholder="" value={apiKey} onChange={(e) => setApiKey(e.target.value)} />
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-        >
-          Connect to Windmill
-        </Button>
-      </Card>
-    </div>
-  );
-}
-
-WindmillCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/integrations/windmill/create.tsx b/frontend-next/src/pages/integrations/windmill/create.tsx
deleted file mode 100644
index 22b9cbd20..000000000
--- a/frontend-next/src/pages/integrations/windmill/create.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import queryString from "query-string";
-
-import { useCreateIntegration } from "@app/hooks/api";
-
-import {
-  Button,
-  Card,
-  CardTitle,
-  FormControl,
-  Input,
-  Select,
-  SelectItem
-} from "../../../components/v2";
-import {
-  useGetIntegrationAuthApps,
-  useGetIntegrationAuthById
-} from "../../../hooks/api/integrationAuth";
-import { useGetWorkspaceById } from "../../../hooks/api/workspace";
-
-export default function WindmillCreateIntegrationPage() {
-  const router = useRouter();
-  const { mutateAsync } = useCreateIntegration();
-
-  const { integrationAuthId } = queryString.parse(router.asPath.split("?")[1]);
-
-  const { data: workspace } = useGetWorkspaceById(localStorage.getItem("projectData.id") ?? "");
-  const { data: integrationAuth } = useGetIntegrationAuthById((integrationAuthId as string) ?? "");
-  const { data: integrationAuthApps } = useGetIntegrationAuthApps({
-    integrationAuthId: (integrationAuthId as string) ?? ""
-  });
-
-  const [selectedSourceEnvironment, setSelectedSourceEnvironment] = useState("");
-  const [secretPath, setSecretPath] = useState("/");
-  const [targetApp, setTargetApp] = useState("");
-
-  const [isLoading, setIsLoading] = useState(false);
-
-  useEffect(() => {
-    if (workspace) {
-      setSelectedSourceEnvironment(workspace.environments[0].slug);
-    }
-  }, [workspace]);
-
-  useEffect(() => {
-    if (integrationAuthApps) {
-      if (integrationAuthApps.length > 0) {
-        setTargetApp(integrationAuthApps[0].name);
-      } else {
-        setTargetApp("none");
-      }
-    }
-  }, [integrationAuthApps]);
-
-  const handleButtonClick = async () => {
-    try {
-      if (!integrationAuth?.id) return;
-
-      setIsLoading(true);
-
-      await mutateAsync({
-        integrationAuthId: integrationAuth?.id,
-        isActive: true,
-        app: targetApp,
-        appId: integrationAuthApps?.find(
-          (integrationAuthApp) => integrationAuthApp.name === targetApp
-        )?.appId,
-        sourceEnvironment: selectedSourceEnvironment,
-        secretPath
-      });
-
-      setIsLoading(false);
-
-      router.push(`/integrations/${localStorage.getItem("projectData.id")}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return integrationAuth &&
-    workspace &&
-    selectedSourceEnvironment &&
-    integrationAuthApps &&
-    targetApp ? (
-    <div className="flex h-full w-full items-center justify-center">
-      <Card className="max-w-md rounded-md p-8">
-        <CardTitle className="text-center">Windmill Integration</CardTitle>
-        <FormControl label="Project Environment" className="mt-4">
-          <Select
-            value={selectedSourceEnvironment}
-            onValueChange={(val) => setSelectedSourceEnvironment(val)}
-            className="w-full border border-mineshaft-500"
-          >
-            {workspace?.environments.map((sourceEnvironment) => (
-              <SelectItem
-                value={sourceEnvironment.slug}
-                key={`source-environment-${sourceEnvironment.slug}`}
-              >
-                {sourceEnvironment.name}
-              </SelectItem>
-            ))}
-          </Select>
-        </FormControl>
-        <FormControl label="Secrets Path">
-          <Input
-            value={secretPath}
-            onChange={(evt) => setSecretPath(evt.target.value)}
-            placeholder="Provide a path, default is /"
-          />
-        </FormControl>
-        <FormControl label="Windmill Workspace" className="mt-4">
-          <Select
-            value={targetApp}
-            onValueChange={(val) => setTargetApp(val)}
-            className="w-full border border-mineshaft-500"
-            isDisabled={integrationAuthApps.length === 0}
-          >
-            {integrationAuthApps.length > 0 ? (
-              integrationAuthApps.map((integrationAuthApp) => (
-                <SelectItem
-                  value={integrationAuthApp.name}
-                  key={`target-environment-${integrationAuthApp.name}`}
-                >
-                  {integrationAuthApp.name}
-                </SelectItem>
-              ))
-            ) : (
-              <SelectItem value="none" key="target-app-none">
-                No projects found
-              </SelectItem>
-            )}
-          </Select>
-        </FormControl>
-        <Button
-          onClick={handleButtonClick}
-          color="mineshaft"
-          className="mt-4"
-          isLoading={isLoading}
-          isDisabled={integrationAuthApps.length === 0}
-        >
-          Create Integration
-        </Button>
-      </Card>
-    </div>
-  ) : (
-    <div />
-  );
-}
-
-WindmillCreateIntegrationPage.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/allowlist/index.tsx b/frontend-next/src/pages/kms/[id]/allowlist/index.tsx
deleted file mode 100644
index 73c25d802..000000000
--- a/frontend-next/src/pages/kms/[id]/allowlist/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IPAllowlistPage } from "@app/views/Project/IPAllowListPage";
-
-const ProjectAllowlist = () => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IPAllowlistPage />
-    </>
-  );
-};
-
-export default ProjectAllowlist;
-
-ProjectAllowlist.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/identities/[identityId]/index.tsx b/frontend-next/src/pages/kms/[id]/identities/[identityId]/index.tsx
deleted file mode 100644
index ae8b2716a..000000000
--- a/frontend-next/src/pages/kms/[id]/identities/[identityId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IdentityDetailsPage } from "@app/views/Project/IdentityDetailsPage";
-
-export default function ProjectIdentityDetailsPage() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IdentityDetailsPage />
-    </>
-  );
-}
-
-ProjectIdentityDetailsPage.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/kms/index.tsx b/frontend-next/src/pages/kms/[id]/kms/index.tsx
deleted file mode 100644
index ce7e730b2..000000000
--- a/frontend-next/src/pages/kms/[id]/kms/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { KmsPage } from "@app/views/Project/KmsPage";
-
-const KMS = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="h-full bg-bunker-800">
-      <Head>
-        <title>{t("common.head-title", { title: "KMS" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-      </Head>
-      <KmsPage />
-    </div>
-  );
-};
-
-export default KMS;
-
-KMS.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/members/[membershipId]/index.tsx b/frontend-next/src/pages/kms/[id]/members/[membershipId]/index.tsx
deleted file mode 100644
index 033aa2b15..000000000
--- a/frontend-next/src/pages/kms/[id]/members/[membershipId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MemberDetailsPage } from "@app/views/Project/MemberDetailsPage";
-
-export default function Page() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MemberDetailsPage />
-    </>
-  );
-}
-
-Page.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/members/index.tsx b/frontend-next/src/pages/kms/[id]/members/index.tsx
deleted file mode 100644
index 4bcbb833e..000000000
--- a/frontend-next/src/pages/kms/[id]/members/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MembersPage } from "@app/views/Project/MembersPage";
-
-export default function WorkspaceMemberSettings() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MembersPage />
-    </>
-  );
-}
-
-WorkspaceMemberSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/roles/[roleSlug]/index.tsx b/frontend-next/src/pages/kms/[id]/roles/[roleSlug]/index.tsx
deleted file mode 100644
index 17c854cee..000000000
--- a/frontend-next/src/pages/kms/[id]/roles/[roleSlug]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { RolePage } from "@app/views/Project/RolePage";
-
-export default function Role() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: "Project Settings" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <RolePage />
-    </>
-  );
-}
-
-Role.requireAuth = true;
diff --git a/frontend-next/src/pages/kms/[id]/settings/index.tsx b/frontend-next/src/pages/kms/[id]/settings/index.tsx
deleted file mode 100644
index 331ba8cc5..000000000
--- a/frontend-next/src/pages/kms/[id]/settings/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { ProjectSettingsPage } from "@app/views/Settings/ProjectSettingsPage";
-
-const ProjectSettings = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <ProjectSettingsPage />
-    </>
-  );
-};
-
-export default ProjectSettings;
-
-ProjectSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/login/index.tsx b/frontend-next/src/pages/login/index.tsx
deleted file mode 100644
index 8fdb23f69..000000000
--- a/frontend-next/src/pages/login/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-
-import { Login } from "@app/views/Login";
-
-export default function LoginPage() {
-  const { t } = useTranslation();
-  return (
-    <div className="flex max-h-screen min-h-screen flex-col justify-center overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6">
-      <Head>
-        <title>{t("common.head-title", { title: t("login.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("login.og-title") ?? ""} />
-        <meta name="og:description" content={t("login.og-description") ?? ""} />
-      </Head>
-      <Link href="/">
-        <div className="mb-4 mt-20 flex justify-center">
-          <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
-        </div>
-      </Link>
-      <Login />
-      <div className="pb-28" />
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/login/ldap/index.tsx b/frontend-next/src/pages/login/ldap/index.tsx
deleted file mode 100644
index 5d5300e6f..000000000
--- a/frontend-next/src/pages/login/ldap/index.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-
-import { LoginLDAP } from "@app/views/Login";
-
-export default function LoginLDAPPage() {
-  const { t } = useTranslation();
-  return (
-    <div className="flex h-screen flex-col justify-center bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6 pb-28 ">
-      <Head>
-        <title>{t("common.head-title", { title: t("login.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("login.og-title") ?? ""} />
-        <meta name="og:description" content={t("login.og-description") ?? ""} />
-      </Head>
-      <Link href="/">
-        <div className="mb-4 mt-20 flex justify-center">
-          <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
-        </div>
-      </Link>
-      <LoginLDAP />
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/login/provider/error.tsx b/frontend-next/src/pages/login/provider/error.tsx
deleted file mode 100644
index 7d1864511..000000000
--- a/frontend-next/src/pages/login/provider/error.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { useEffect } from "react";
-
-export default function LoginProviderError() {
-  useEffect(() => {
-    window.localStorage.setItem("PROVIDER_AUTH_ERROR", "err");
-    window.close();
-  }, []);
-
-  return <div />;
-}
diff --git a/frontend-next/src/pages/login/provider/success.tsx b/frontend-next/src/pages/login/provider/success.tsx
deleted file mode 100644
index 9d2320723..000000000
--- a/frontend-next/src/pages/login/provider/success.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-
-import SecurityClient from "@app/components/utilities/SecurityClient";
-
-export default function LoginProviderSuccess() {
-  const router = useRouter();
-
-  useEffect(() => {
-    const { token } = router.query;
-    SecurityClient.setProviderAuthToken(token as string);
-    window.close();
-  }, []);
-
-  return <div />;
-}
diff --git a/frontend-next/src/pages/login/select-organization.tsx b/frontend-next/src/pages/login/select-organization.tsx
deleted file mode 100644
index e2ebe37ae..000000000
--- a/frontend-next/src/pages/login/select-organization.tsx
+++ /dev/null
@@ -1,279 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import axios from "axios";
-import { addSeconds, formatISO } from "date-fns";
-import jwt_decode from "jwt-decode";
-
-import { createNotification } from "@app/components/notifications";
-import { IsCliLoginSuccessful } from "@app/components/utilities/attemptCliLogin";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { Button, Spinner } from "@app/components/v2";
-import { SessionStorageKeys } from "@app/const";
-import { useToggle } from "@app/hooks";
-import {
-  useGetOrganizations,
-  useGetUser,
-  useLogoutUser,
-  useSelectOrganization
-} from "@app/hooks/api";
-import { MfaMethod, UserAgentType } from "@app/hooks/api/auth/types";
-import { Organization } from "@app/hooks/api/types";
-import { AuthMethod } from "@app/hooks/api/users/types";
-import { getAuthToken, isLoggedIn } from "@app/reactQuery";
-import { navigateUserToOrg } from "@app/views/Login/Login.utils";
-import { Mfa } from "@app/views/Login/Mfa";
-
-const LoadingScreen = () => {
-  return (
-    <div className="flex max-h-screen min-h-screen flex-col items-center justify-center gap-2 overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
-      <Spinner />
-      <p className="text-white opacity-80">Loading, please wait</p>
-    </div>
-  );
-};
-
-export default function LoginPage() {
-  const router = useRouter();
-  const { t } = useTranslation();
-
-  const organizations = useGetOrganizations();
-  const selectOrg = useSelectOrganization();
-  const { data: user, isLoading: userLoading } = useGetUser();
-  const [shouldShowMfa, toggleShowMfa] = useToggle(false);
-  const [requiredMfaMethod, setRequiredMfaMethod] = useState(MfaMethod.EMAIL);
-  const [isInitialOrgCheckLoading, setIsInitialOrgCheckLoading] = useState(true);
-
-  const [mfaSuccessCallback, setMfaSuccessCallback] = useState<() => void>(() => {});
-
-  const queryParams = new URLSearchParams(window.location.search);
-  const orgId = queryParams.get("org_id");
-  const callbackPort = queryParams.get("callback_port");
-  const defaultSelectedOrg = organizations.data?.find((org) => org.id === orgId);
-
-  const logout = useLogoutUser(true);
-  const handleLogout = useCallback(async () => {
-    try {
-      console.log("Logging out...");
-      await logout.mutateAsync();
-      router.push("/login");
-    } catch (error) {
-      console.error(error);
-    }
-  }, [logout, router]);
-
-  const handleSelectOrganization = useCallback(
-    async (organization: Organization) => {
-      if (organization.authEnforced) {
-        // org has an org-level auth method enabled (e.g. SAML)
-        // -> logout + redirect to SAML SSO
-        await logout.mutateAsync();
-        let url = "";
-        if (organization.orgAuthMethod === AuthMethod.OIDC) {
-          url = `/api/v1/sso/oidc/login?orgSlug=${organization.slug}${
-            callbackPort ? `&callbackPort=${callbackPort}` : ""
-          }`;
-        } else {
-          url = `/api/v1/sso/redirect/saml2/organizations/${organization.slug}`;
-
-          if (callbackPort) {
-            url += `?callback_port=${callbackPort}`;
-          }
-        }
-
-        window.open(url);
-        window.close();
-        return;
-      }
-
-      const { token, isMfaEnabled, mfaMethod } = await selectOrg
-        .mutateAsync({
-          organizationId: organization.id,
-          userAgent: callbackPort ? UserAgentType.CLI : undefined
-        })
-        .finally(() => setIsInitialOrgCheckLoading(false));
-
-      if (isMfaEnabled) {
-        SecurityClient.setMfaToken(token);
-        if (mfaMethod) {
-          setRequiredMfaMethod(mfaMethod);
-        }
-        toggleShowMfa.on();
-        setMfaSuccessCallback(() => () => handleSelectOrganization(organization));
-        return;
-      }
-
-      if (callbackPort) {
-        const privateKey = localStorage.getItem("PRIVATE_KEY");
-
-        let error: string | null = null;
-
-        if (!privateKey) error = "Private key not found";
-        if (!user?.email) error = "User email not found";
-        if (!token) error = "No token found";
-
-        if (error) {
-          createNotification({
-            text: error,
-            type: "error"
-          });
-          return;
-        }
-
-        const payload = {
-          JTWToken: token,
-          email: user?.email,
-          privateKey
-        } as IsCliLoginSuccessful["loginResponse"];
-
-        // send request to server endpoint
-        const instance = axios.create();
-        await instance.post(`http://127.0.0.1:${callbackPort}/`, payload).catch(() => {
-          // if error happens to communicate we set the token with an expiry in sessino storage
-          // the cli-redirect page has logic to show this to user and ask them to paste it in terminal
-          sessionStorage.setItem(
-            SessionStorageKeys.CLI_TERMINAL_TOKEN,
-            JSON.stringify({
-              expiry: formatISO(addSeconds(new Date(), 30)),
-              data: window.btoa(JSON.stringify(payload))
-            })
-          );
-        });
-        router.push("/cli-redirect");
-        // cli page
-      } else {
-        navigateUserToOrg(router, organization.id);
-      }
-    },
-    [selectOrg]
-  );
-
-  const handleCliRedirect = useCallback(() => {
-    const authToken = getAuthToken();
-
-    if (authToken && !callbackPort) {
-      const decodedJwt = jwt_decode(authToken) as any;
-
-      if (decodedJwt?.organizationId) {
-        navigateUserToOrg(router, decodedJwt.organizationId);
-      }
-    }
-
-    if (!isLoggedIn()) {
-      router.push("/login");
-    }
-  }, []);
-
-  useEffect(() => {
-    if (callbackPort) {
-      handleCliRedirect();
-    }
-  }, [router]);
-
-  useEffect(() => {
-    if (organizations.isLoading || !organizations.data) return;
-
-    // Case: User has no organizations.
-    // This can happen if the user was previously a member, but the organization was deleted or the user was removed.
-    if (organizations.data.length === 0) {
-      router.push("/org/none");
-    } else if (organizations.data.length === 1) {
-      if (callbackPort) {
-        handleCliRedirect();
-        setIsInitialOrgCheckLoading(false);
-      } else {
-        handleSelectOrganization(organizations.data[0]);
-      }
-    } else {
-      setIsInitialOrgCheckLoading(false);
-    }
-  }, [organizations.isLoading, organizations.data]);
-
-  useEffect(() => {
-    if (defaultSelectedOrg) {
-      handleSelectOrganization(defaultSelectedOrg);
-    }
-  }, [defaultSelectedOrg]);
-
-  if (
-    userLoading ||
-    !user ||
-    ((isInitialOrgCheckLoading || defaultSelectedOrg) && !shouldShowMfa)
-  ) {
-    return <LoadingScreen />;
-  }
-
-  return (
-    <div className="flex max-h-screen min-h-screen flex-col justify-center overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
-      <Head>
-        <title>{t("common.head-title", { title: t("login.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("login.og-title") ?? ""} />
-        <meta name="og:description" content={t("login.og-description") ?? ""} />
-      </Head>
-      {shouldShowMfa ? (
-        <Mfa
-          email={user.email as string}
-          successCallback={mfaSuccessCallback}
-          method={requiredMfaMethod}
-        />
-      ) : (
-        <div className="mx-auto mt-20 w-fit rounded-lg border-2 border-mineshaft-500 p-10 shadow-lg">
-          <Link href="/">
-            <div className="mb-4 flex justify-center">
-              <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
-            </div>
-          </Link>
-          <form className="mx-auto flex w-full flex-col items-center justify-center">
-            <div className="mb-8 space-y-2">
-              <h1 className="bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-2xl font-medium text-transparent">
-                Choose your organization
-              </h1>
-
-              <div className="space-y-1">
-                <p className="text-md text-center text-gray-500">
-                  You&lsquo;re currently logged in as <strong>{user.username}</strong>
-                </p>
-                <p className="text-md text-center text-gray-500">
-                  Not you?{" "}
-                  <Button variant="link" onClick={handleLogout} className="font-semibold">
-                    Change account
-                  </Button>
-                </p>
-              </div>
-            </div>
-            <div className="mt-2 w-1/4 min-w-[21.2rem] space-y-4 rounded-md text-center md:min-w-[25.1rem] lg:w-1/4">
-              {organizations.isLoading ? (
-                <Spinner />
-              ) : (
-                organizations.data?.map((org) => (
-                  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-                  <div
-                    onClick={() => handleSelectOrganization(org)}
-                    key={org.id}
-                    className="group flex cursor-pointer items-center justify-between rounded-md bg-mineshaft-700 px-4 py-3 capitalize text-gray-200 shadow-md transition-colors hover:bg-mineshaft-600"
-                  >
-                    <p className="truncate transition-colors">{org.name}</p>
-
-                    <FontAwesomeIcon
-                      icon={faArrowRight}
-                      className="text-gray-400 transition-all group-hover:translate-x-2 group-hover:text-primary-500"
-                    />
-                  </div>
-                ))
-              )}
-            </div>
-          </form>
-        </div>
-      )}
-
-      <div className="pb-28" />
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/login/sso/index.tsx b/frontend-next/src/pages/login/sso/index.tsx
deleted file mode 100644
index d1b5c1795..000000000
--- a/frontend-next/src/pages/login/sso/index.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-
-import { LoginSSO } from "@app/views/Login";
-
-export default function LoginSSOPage() {
-  const { t } = useTranslation();
-  const router = useRouter();
-  const token = router.query.token as string;
-
-  return (
-    <div className="flex h-screen flex-col justify-center bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6 pb-28 ">
-      <Head>
-        <title>{t("common.head-title", { title: t("login.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("login.og-title") ?? ""} />
-        <meta name="og:description" content={t("login.og-description") ?? ""} />
-      </Head>
-      <Link href="/">
-        <div className="mb-4 mt-20 flex justify-center">
-          <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
-        </div>
-      </Link>
-      <LoginSSO providerAuthToken={token} />
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/org/[id]/admin/index.tsx b/frontend-next/src/pages/org/[id]/admin/index.tsx
deleted file mode 100644
index 8aa3db7f9..000000000
--- a/frontend-next/src/pages/org/[id]/admin/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { OrgAdminPage } from "@app/views/OrgAdminPage";
-
-export default function SettingsOrg() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <OrgAdminPage />
-    </>
-  );
-}
-
-SettingsOrg.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/audit-logs/index.tsx b/frontend-next/src/pages/org/[id]/audit-logs/index.tsx
deleted file mode 100644
index 346edf863..000000000
--- a/frontend-next/src/pages/org/[id]/audit-logs/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import Head from "next/head";
-
-import { AuditLogsPage } from "@app/views/Org/AuditLogsPage";
-
-const Logs = () => {
-  return (
-    <div className="h-full bg-bunker-800">
-      <Head>
-        <title>Infisical | Audit Logs</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-      </Head>
-      <AuditLogsPage />
-    </div>
-  );
-};
-
-export default Logs;
-
-Logs.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/billing/index.tsx b/frontend-next/src/pages/org/[id]/billing/index.tsx
deleted file mode 100644
index 12e71e69a..000000000
--- a/frontend-next/src/pages/org/[id]/billing/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { OrgPermissionActions, OrgPermissionSubjects, TOrgPermission } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { BillingSettingsPage } from "@app/views/Settings/BillingSettingsPage";
-
-const SettingsBilling = withPermission<{}, TOrgPermission>(
-  () => {
-    const { t } = useTranslation();
-
-    return (
-      <div className="h-full bg-bunker-800">
-        <Head>
-          <title>{t("common.head-title", { title: t("billing.title") })}</title>
-          <link rel="icon" href="/infisical.ico" />
-          <meta property="og:image" content="/images/message.png" />
-        </Head>
-        <BillingSettingsPage />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Billing }
-);
-
-Object.assign(SettingsBilling, { requireAuth: true });
-
-export default SettingsBilling;
diff --git a/frontend-next/src/pages/org/[id]/cert-manager/overview.tsx b/frontend-next/src/pages/org/[id]/cert-manager/overview.tsx
deleted file mode 100644
index 07f00833e..000000000
--- a/frontend-next/src/pages/org/[id]/cert-manager/overview.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { ProductOverview } from "../secret-manager/overview";
-
-const CertManagerOverviewPage = () => <ProductOverview type={ProjectType.CertificateManager} />;
-
-Object.assign(CertManagerOverviewPage, { requireAuth: true });
-
-export default CertManagerOverviewPage;
diff --git a/frontend-next/src/pages/org/[id]/groups/[groupId]/index.tsx b/frontend-next/src/pages/org/[id]/groups/[groupId]/index.tsx
deleted file mode 100644
index e193d9bd5..000000000
--- a/frontend-next/src/pages/org/[id]/groups/[groupId]/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { GroupPage } from "@app/views/Org/GroupPage";
-
-export default function Group() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <GroupPage />
-    </>
-  );
-}
-
-Group.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/identities/[identityId]/index.tsx b/frontend-next/src/pages/org/[id]/identities/[identityId]/index.tsx
deleted file mode 100644
index 22d80a7d8..000000000
--- a/frontend-next/src/pages/org/[id]/identities/[identityId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IdentityPage } from "@app/views/Org/IdentityPage";
-
-export default function Identity() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IdentityPage />
-    </>
-  );
-}
-
-Identity.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/kms/overview.tsx b/frontend-next/src/pages/org/[id]/kms/overview.tsx
deleted file mode 100644
index c412207dc..000000000
--- a/frontend-next/src/pages/org/[id]/kms/overview.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { ProductOverview } from "../secret-manager/overview";
-
-const CmekManagerOverviewPage = () => <ProductOverview type={ProjectType.KMS} />;
-
-Object.assign(CmekManagerOverviewPage, { requireAuth: true });
-
-export default CmekManagerOverviewPage;
diff --git a/frontend-next/src/pages/org/[id]/members/index.tsx b/frontend-next/src/pages/org/[id]/members/index.tsx
deleted file mode 100644
index e14e675ed..000000000
--- a/frontend-next/src/pages/org/[id]/members/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MembersPage } from "@app/views/Org/MembersPage";
-
-export default function SettingsOrg() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MembersPage />
-    </>
-  );
-}
-
-SettingsOrg.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/memberships/[membershipId]/index.tsx b/frontend-next/src/pages/org/[id]/memberships/[membershipId]/index.tsx
deleted file mode 100644
index 093b7cd78..000000000
--- a/frontend-next/src/pages/org/[id]/memberships/[membershipId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { UserPage } from "@app/views/Org/UserPage";
-
-export default function User() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <UserPage />
-    </>
-  );
-}
-
-User.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/overview/index.tsx b/frontend-next/src/pages/org/[id]/overview/index.tsx
deleted file mode 100644
index 68e19c8b1..000000000
--- a/frontend-next/src/pages/org/[id]/overview/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-
-import { useOrganization } from "@app/context";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-// #TODO: Update all the workspaceIds
-const OrganizationPage = () => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  useEffect(() => {
-    if (router.isReady && currentOrg?.id) {
-      router.push(`/org/${currentOrg?.id}/${ProjectType.SecretManager}/overview`);
-    }
-  }, [router.isReady, currentOrg?.id]);
-
-  return <div />;
-};
-
-Object.assign(OrganizationPage, { requireAuth: true });
-
-export default OrganizationPage;
diff --git a/frontend-next/src/pages/org/[id]/roles/[roleId]/index.tsx b/frontend-next/src/pages/org/[id]/roles/[roleId]/index.tsx
deleted file mode 100644
index 082f2d885..000000000
--- a/frontend-next/src/pages/org/[id]/roles/[roleId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { RolePage } from "@app/views/Org/RolePage";
-
-export default function Role() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <RolePage />
-    </>
-  );
-}
-
-Role.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/secret-manager/overview.tsx b/frontend-next/src/pages/org/[id]/secret-manager/overview.tsx
deleted file mode 100644
index 313f7d738..000000000
--- a/frontend-next/src/pages/org/[id]/secret-manager/overview.tsx
+++ /dev/null
@@ -1,530 +0,0 @@
-// REFACTOR(akhilmhdh): This file needs to be split into multiple components too complex
-
-import { ReactNode, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faFolderOpen, faStar } from "@fortawesome/free-regular-svg-icons";
-import {
-  faArrowDownAZ,
-  faArrowRight,
-  faArrowUpZA,
-  faBorderAll,
-  faExclamationCircle,
-  faList,
-  faMagnifyingGlass,
-  faPlus,
-  faSearch,
-  faStar as faSolidStar
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  IconButton,
-  Input,
-  Pagination,
-  Skeleton,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import { NewProjectModal } from "@app/components/v2/projects";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { getProjectHomePage } from "@app/helpers/project";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetUserWorkspaces } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-// import { fetchUserWsKey } from "@app/hooks/api/keys/queries";
-import { useFetchServerStatus } from "@app/hooks/api/serverDetails";
-import { Workspace } from "@app/hooks/api/types";
-import { useUpdateUserProjectFavorites } from "@app/hooks/api/users/mutation";
-import { useGetUserProjectFavorites } from "@app/hooks/api/users/queries";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-enum ProjectsViewMode {
-  GRID = "grid",
-  LIST = "list"
-}
-
-enum ProjectOrderBy {
-  Name = "name"
-}
-
-const formatTitle = (type: ProjectType) => {
-  if (type === ProjectType.SecretManager) return "Secret Management";
-  if (type === ProjectType.CertificateManager) return "Cert Management";
-  if (type === ProjectType.KMS) return "Key Management";
-  return "SSH";
-};
-
-const formatDescription = (type: ProjectType) => {
-  if (type === ProjectType.SecretManager)
-    return "Securely store, manage, and rotate various application secrets, such as database credentials, API keys, etc.";
-  if (type === ProjectType.CertificateManager)
-    return "Manage your PKI infrastructure and issue digital certificates for services, applications, and devices.";
-  if (type === ProjectType.KMS)
-    return "Centralize the management of keys for cryptographic operations, such as encryption and decryption.";
-  return "Generate SSH credentials to provide secure and centralized SSH access control for your infrastructure.";
-};
-
-type Props = {
-  type: ProjectType;
-};
-
-// #TODO: Update all the workspaceIds
-export const ProductOverview = ({ type }: Props) => {
-  const { t } = useTranslation();
-
-  const router = useRouter();
-
-  const { data: workspaces, isLoading: isWorkspaceLoading } = useGetUserWorkspaces({ type });
-  const { currentOrg } = useOrganization();
-  const orgWorkspaces = workspaces || [];
-  const { data: projectFavorites, isLoading: isProjectFavoritesLoading } =
-    useGetUserProjectFavorites(currentOrg?.id!);
-  const { mutateAsync: updateUserProjectFavorites } = useUpdateUserProjectFavorites();
-
-  const isProjectViewLoading = isWorkspaceLoading || isProjectFavoritesLoading;
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "addNewWs",
-    "upgradePlan"
-  ] as const);
-
-  const [searchFilter, setSearchFilter] = useState("");
-  const { data: serverDetails } = useFetchServerStatus();
-  const [projectsViewMode, setProjectsViewMode] = useState<ProjectsViewMode>(
-    (localStorage.getItem("projectsViewMode") as ProjectsViewMode) || ProjectsViewMode.GRID
-  );
-
-  const { subscription } = useSubscription();
-
-  const isAddingProjectsAllowed = subscription?.workspaceLimit
-    ? subscription.workspacesUsed < subscription.workspaceLimit
-    : true;
-
-  const isWorkspaceEmpty = !isProjectViewLoading && orgWorkspaces?.length === 0;
-
-  const {
-    setPage,
-    perPage,
-    setPerPage,
-    page,
-    offset,
-    limit,
-    toggleOrderDirection,
-    orderDirection
-  } = usePagination(ProjectOrderBy.Name, { initPerPage: 24 });
-
-  const filteredWorkspaces = useMemo(
-    () =>
-      orgWorkspaces
-        .filter((ws) => ws?.name?.toLowerCase().includes(searchFilter.toLowerCase()))
-        .sort((a, b) =>
-          orderDirection === OrderByDirection.ASC
-            ? a.name.toLowerCase().localeCompare(b.name.toLowerCase())
-            : b.name.toLowerCase().localeCompare(a.name.toLowerCase())
-        ),
-    [searchFilter, orderDirection, orgWorkspaces]
-  );
-
-  useResetPageHelper({
-    setPage,
-    offset,
-    totalCount: filteredWorkspaces.length
-  });
-
-  const { workspacesWithFaveProp } = useMemo(() => {
-    const workspacesWithFav = filteredWorkspaces
-      .map((w): Workspace & { isFavorite: boolean } => ({
-        ...w,
-        isFavorite: Boolean(projectFavorites?.includes(w.id))
-      }))
-      .sort((a, b) => Number(b.isFavorite) - Number(a.isFavorite))
-      .slice(offset, limit * page);
-
-    return {
-      workspacesWithFaveProp: workspacesWithFav
-    };
-  }, [filteredWorkspaces, projectFavorites]);
-
-  const addProjectToFavorites = async (projectId: string) => {
-    try {
-      if (currentOrg?.id) {
-        await updateUserProjectFavorites({
-          orgId: currentOrg?.id,
-          projectFavorites: [...(projectFavorites || []), projectId]
-        });
-      }
-    } catch (err) {
-      createNotification({
-        text: "Failed to add project to favorites.",
-        type: "error"
-      });
-    }
-  };
-
-  const removeProjectFromFavorites = async (projectId: string) => {
-    try {
-      if (currentOrg?.id) {
-        await updateUserProjectFavorites({
-          orgId: currentOrg?.id,
-          projectFavorites: [...(projectFavorites || []).filter((entry) => entry !== projectId)]
-        });
-      }
-    } catch (err) {
-      createNotification({
-        text: "Failed to remove project from favorites.",
-        type: "error"
-      });
-    }
-  };
-
-  const renderProjectGridItem = (workspace: Workspace, isFavorite: boolean) => (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
-    <div
-      onClick={() => {
-        router.push(getProjectHomePage(workspace));
-        localStorage.setItem("projectData.id", workspace.id);
-      }}
-      key={workspace.id}
-      className="min-w-72 flex h-40 cursor-pointer flex-col rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4"
-    >
-      <div className="flex flex-row justify-between">
-        <div className="mt-0 truncate text-lg text-mineshaft-100">{workspace.name}</div>
-        {isFavorite ? (
-          <FontAwesomeIcon
-            icon={faSolidStar}
-            className="text-sm text-yellow-600 hover:text-mineshaft-400"
-            onClick={(e) => {
-              e.stopPropagation();
-              removeProjectFromFavorites(workspace.id);
-            }}
-          />
-        ) : (
-          <FontAwesomeIcon
-            icon={faStar}
-            className="text-sm text-mineshaft-400 hover:text-mineshaft-300"
-            onClick={(e) => {
-              e.stopPropagation();
-              addProjectToFavorites(workspace.id);
-            }}
-          />
-        )}
-      </div>
-
-      <div
-        className="mt-1 mb-2.5 grow text-sm text-mineshaft-300"
-        style={{
-          overflow: "hidden",
-          display: "-webkit-box",
-          WebkitBoxOrient: "vertical",
-          WebkitLineClamp: 2
-        }}
-      >
-        {workspace.description}
-      </div>
-
-      <div className="flex w-full flex-row items-end justify-between place-self-end">
-        {type === ProjectType.SecretManager && (
-          <div className="mt-0 text-xs text-mineshaft-400">
-            {workspace.environments?.length || 0} environments
-          </div>
-        )}
-        <button type="button">
-          <div className="group ml-auto w-max cursor-pointer rounded-full border border-mineshaft-600 bg-mineshaft-900 py-2 px-4 text-sm text-mineshaft-300 transition-all hover:border-primary-500/80 hover:bg-primary-800/20 hover:text-mineshaft-200">
-            Explore{" "}
-            <FontAwesomeIcon
-              icon={faArrowRight}
-              className="pl-1.5 pr-0.5 duration-200 hover:pl-2 hover:pr-0"
-            />
-          </div>
-        </button>
-      </div>
-    </div>
-  );
-
-  const renderProjectListItem = (workspace: Workspace, isFavorite: boolean, index: number) => (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
-    <div
-      onClick={() => {
-        router.push(getProjectHomePage(workspace));
-        localStorage.setItem("projectData.id", workspace.id);
-      }}
-      key={workspace.id}
-      className={`min-w-72 group grid h-14 cursor-pointer grid-cols-6 border-t border-l border-r border-mineshaft-600 bg-mineshaft-800 px-6 hover:bg-mineshaft-700 ${
-        index === 0 && "rounded-t-md"
-      }`}
-    >
-      <div className="flex items-center sm:col-span-3 lg:col-span-4">
-        <div className="truncate text-sm text-mineshaft-100">{workspace.name}</div>
-      </div>
-      <div className="flex items-center justify-end sm:col-span-3 lg:col-span-2">
-        <div className="text-center text-sm text-mineshaft-300">
-          {workspace.environments?.length || 0} environments
-        </div>
-        {isFavorite ? (
-          <FontAwesomeIcon
-            icon={faSolidStar}
-            className="ml-6 text-sm text-yellow-600 hover:text-mineshaft-400"
-            onClick={(e) => {
-              e.stopPropagation();
-              removeProjectFromFavorites(workspace.id);
-            }}
-          />
-        ) : (
-          <FontAwesomeIcon
-            icon={faStar}
-            className="ml-6 text-sm text-mineshaft-400 hover:text-mineshaft-300"
-            onClick={(e) => {
-              e.stopPropagation();
-              addProjectToFavorites(workspace.id);
-            }}
-          />
-        )}
-      </div>
-    </div>
-  );
-
-  let projectsComponents: ReactNode;
-
-  if (filteredWorkspaces.length || isProjectViewLoading) {
-    switch (projectsViewMode) {
-      case ProjectsViewMode.GRID:
-        projectsComponents = (
-          <div className="mt-4 grid w-full grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
-            {isProjectViewLoading &&
-              Array.apply(0, Array(3)).map((_x, i) => (
-                <div
-                  key={`workspace-cards-loading-${i + 1}`}
-                  className="min-w-72 flex h-40 flex-col justify-between rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4"
-                >
-                  <div className="mt-0 text-lg text-mineshaft-100">
-                    <Skeleton className="w-3/4 bg-mineshaft-600" />
-                  </div>
-                  <div className="mt-0 pb-6 text-sm text-mineshaft-300">
-                    <Skeleton className="w-1/2 bg-mineshaft-600" />
-                  </div>
-                  <div className="flex justify-end">
-                    <Skeleton className="w-1/2 bg-mineshaft-600" />
-                  </div>
-                </div>
-              ))}
-            {!isProjectViewLoading && (
-              <>
-                {workspacesWithFaveProp.map((workspace) =>
-                  renderProjectGridItem(workspace, workspace.isFavorite)
-                )}
-              </>
-            )}
-          </div>
-        );
-
-        break;
-      case ProjectsViewMode.LIST:
-      default:
-        projectsComponents = (
-          <div className="mt-4 w-full rounded-md">
-            {isProjectViewLoading &&
-              Array.apply(0, Array(3)).map((_x, i) => (
-                <div
-                  key={`workspace-cards-loading-${i + 1}`}
-                  className={`min-w-72 group flex h-12 cursor-pointer flex-row items-center justify-between border border-mineshaft-600 bg-mineshaft-800 px-6 hover:bg-mineshaft-700 ${
-                    i === 0 && "rounded-t-md"
-                  } ${i === 2 && "rounded-b-md border-b"}`}
-                >
-                  <Skeleton className="w-full bg-mineshaft-600" />
-                </div>
-              ))}
-            {!isProjectViewLoading &&
-              workspacesWithFaveProp.map((workspace, ind) =>
-                renderProjectListItem(workspace, workspace.isFavorite, ind)
-              )}
-          </div>
-        );
-        break;
-    }
-  } else if (orgWorkspaces.length && searchFilter) {
-    projectsComponents = (
-      <div className="mt-4 w-full rounded-md border border-mineshaft-700 bg-mineshaft-800 px-4 py-6 text-base text-mineshaft-300">
-        <FontAwesomeIcon
-          icon={faSearch}
-          className="mb-4 mt-2 w-full text-center text-5xl text-mineshaft-400"
-        />
-        <div className="text-center font-light">No projects match search...</div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="mx-auto flex max-w-7xl flex-col justify-start bg-bunker-800 md:h-screen">
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {!serverDetails?.redisConfigured && (
-        <div className="mb-4 flex flex-col items-start justify-start px-6 py-6 pb-0 text-3xl">
-          <p className="mr-4 mb-4 font-semibold text-white">Announcements</p>
-          <div className="flex w-full items-center rounded-md border border-blue-400/70 bg-blue-900/70 p-2 text-base text-mineshaft-100">
-            <FontAwesomeIcon
-              icon={faExclamationCircle}
-              className="mr-4 p-4 text-2xl text-mineshaft-50"
-            />
-            Attention: Updated versions of Infisical now require Redis for full functionality. Learn
-            how to configure it
-            <Link
-              href="https://infisical.com/docs/self-hosting/configuration/redis"
-              target="_blank"
-            >
-              <span className="cursor-pointer pl-1 text-white underline underline-offset-2 duration-100 hover:text-blue-200 hover:decoration-blue-400">
-                here
-              </span>
-            </Link>
-            .
-          </div>
-        </div>
-      )}
-      <div className="mb-4 flex flex-col items-start justify-start px-6 py-6 pb-0">
-        <div className="flex w-full justify-between">
-          <p className="mr-4 text-3xl font-semibold  text-white">{formatTitle(type)}</p>
-        </div>
-        <div>
-          <p className="mr-4 mt-2 text-gray-400">{formatDescription(type)}</p>
-        </div>
-        <div className="mt-6 flex w-full flex-row">
-          <Input
-            className="h-[2.3rem] bg-mineshaft-800 text-sm placeholder-mineshaft-50 duration-200 focus:bg-mineshaft-700/80"
-            placeholder="Search by project name..."
-            value={searchFilter}
-            onChange={(e) => setSearchFilter(e.target.value)}
-            leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-          />
-          <div className="ml-2 flex rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
-            <Tooltip content="Toggle Sort Direction">
-              <IconButton
-                className="min-w-[2.4rem] border-none hover:bg-mineshaft-600"
-                ariaLabel={`Sort ${
-                  orderDirection === OrderByDirection.ASC ? "descending" : "ascending"
-                }`}
-                variant="plain"
-                size="xs"
-                colorSchema="secondary"
-                onClick={toggleOrderDirection}
-              >
-                <FontAwesomeIcon
-                  icon={orderDirection === OrderByDirection.ASC ? faArrowDownAZ : faArrowUpZA}
-                />
-              </IconButton>
-            </Tooltip>
-          </div>
-          <div className="ml-2 flex rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
-            <IconButton
-              variant="outline_bg"
-              onClick={() => {
-                localStorage.setItem("projectsViewMode", ProjectsViewMode.GRID);
-                setProjectsViewMode(ProjectsViewMode.GRID);
-              }}
-              ariaLabel="grid"
-              size="xs"
-              className={`${
-                projectsViewMode === ProjectsViewMode.GRID ? "bg-mineshaft-500" : "bg-transparent"
-              } min-w-[2.4rem] border-none hover:bg-mineshaft-600`}
-            >
-              <FontAwesomeIcon icon={faBorderAll} />
-            </IconButton>
-            <IconButton
-              variant="outline_bg"
-              onClick={() => {
-                localStorage.setItem("projectsViewMode", ProjectsViewMode.LIST);
-                setProjectsViewMode(ProjectsViewMode.LIST);
-              }}
-              ariaLabel="list"
-              size="xs"
-              className={`${
-                projectsViewMode === ProjectsViewMode.LIST ? "bg-mineshaft-500" : "bg-transparent"
-              } min-w-[2.4rem] border-none hover:bg-mineshaft-600`}
-            >
-              <FontAwesomeIcon icon={faList} />
-            </IconButton>
-          </div>
-          <OrgPermissionCan I={OrgPermissionActions.Create} an={OrgPermissionSubjects.Workspace}>
-            {(isAllowed) => (
-              <Button
-                isDisabled={!isAllowed}
-                colorSchema="primary"
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                onClick={() => {
-                  if (isAddingProjectsAllowed) {
-                    handlePopUpOpen("addNewWs");
-                  } else {
-                    handlePopUpOpen("upgradePlan");
-                  }
-                }}
-                className="ml-2"
-              >
-                Add New Project
-              </Button>
-            )}
-          </OrgPermissionCan>
-        </div>
-        {projectsComponents}
-        {!isProjectViewLoading && Boolean(filteredWorkspaces.length) && (
-          <Pagination
-            className={
-              projectsViewMode === ProjectsViewMode.GRID
-                ? "col-span-full !justify-start border-transparent bg-transparent pl-2"
-                : "rounded-b-md border border-mineshaft-600"
-            }
-            perPage={perPage}
-            perPageList={[12, 24, 48, 96]}
-            count={filteredWorkspaces.length}
-            page={page}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {isWorkspaceEmpty && (
-          <div className="mt-4 w-full rounded-md border border-mineshaft-700 bg-mineshaft-800 px-4 py-6 text-base text-mineshaft-300">
-            <FontAwesomeIcon
-              icon={faFolderOpen}
-              className="mb-4 mt-2 w-full text-center text-5xl text-mineshaft-400"
-            />
-            <div className="text-center font-light">
-              You are not part of any projects in this organization yet. When you are, they will
-              appear here.
-            </div>
-            <div className="mt-0.5 text-center font-light">
-              Create a new project, or ask other organization members to give you necessary
-              permissions.
-            </div>
-          </div>
-        )}
-      </div>
-      <NewProjectModal
-        isOpen={popUp.addNewWs.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("addNewWs", isOpen)}
-        projectType={type}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You have exceeded the number of projects allowed on the free plan."
-      />
-    </div>
-  );
-};
-
-const SecretManagerOverviewPage = () => <ProductOverview type={ProjectType.SecretManager} />;
-
-Object.assign(SecretManagerOverviewPage, { requireAuth: true });
-
-export default SecretManagerOverviewPage;
diff --git a/frontend-next/src/pages/org/[id]/secret-scanning/index.tsx b/frontend-next/src/pages/org/[id]/secret-scanning/index.tsx
deleted file mode 100644
index 50e294d97..000000000
--- a/frontend-next/src/pages/org/[id]/secret-scanning/index.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import { useRouter } from "next/router";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, NoticeBanner } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useServerConfig } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { SecretScanningLogsTable } from "@app/views/SecretScanning/components";
-
-import createNewIntegrationSession from "../../../api/secret-scanning/createSecretScanningSession";
-import getInstallationStatus from "../../../api/secret-scanning/getInstallationStatus";
-import linkGitAppInstallationWithOrganization from "../../../api/secret-scanning/linkGitAppInstallationWithOrganization";
-
-const SecretScanning = withPermission(
-  () => {
-    const router = useRouter();
-    const queryParams = router.query;
-    const [integrationEnabled, setIntegrationStatus] = useState(false);
-    const { config } = useServerConfig();
-
-    useEffect(() => {
-      const linkInstallation = async () => {
-        if (
-          typeof queryParams.state === "string" &&
-          typeof queryParams.installation_id === "string"
-        ) {
-          try {
-            const isLinked = await linkGitAppInstallationWithOrganization(
-              queryParams.installation_id as string,
-              queryParams.state as string
-            );
-            if (isLinked) {
-              router.reload();
-            }
-
-            console.log("installation verification complete");
-          } catch (e) {
-            console.log("app installation is stale, start new session", e);
-          }
-        }
-      };
-
-      const fetchInstallationStatus = async () => {
-        const status = await getInstallationStatus(String(localStorage.getItem("orgData.id")));
-        setIntegrationStatus(status);
-      };
-
-      fetchInstallationStatus();
-      linkInstallation();
-    }, [queryParams.state, queryParams.installation_id]);
-
-    const generateNewIntegrationSession = async () => {
-      const session = await createNewIntegrationSession(String(localStorage.getItem("orgData.id")));
-      router.push(
-        `https://github.com/apps/infisical-radar/installations/new?state=${session.sessionId}`
-      );
-    };
-
-    return (
-      <div>
-        <Head>
-          <title>Secret scanning</title>
-          <link rel="icon" href="/infisical.ico" />
-          <meta property="og:image" content="/images/message.png" />
-        </Head>
-        <div className="flex h-full w-full justify-center bg-bunker-800 text-white">
-          <div className="w-full max-w-7xl px-6">
-            <div className="mt-6 text-3xl font-semibold text-gray-200">Secret Scanning</div>
-            <div className="mb-6 text-lg text-mineshaft-300">
-              Automatically monitor your GitHub activity and prevent secret leaks
-            </div>
-            {config.isSecretScanningDisabled && (
-              <NoticeBanner title="Secret scanning is in maintenance" className="mb-4">
-                We are working on improving the performance of secret scanning due to increased
-                usage.
-              </NoticeBanner>
-            )}
-            <div className="relative mb-6 flex justify-between rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6">
-              <div className="flex flex-col items-start">
-                <div className="mb-1 flex flex-row">
-                  Secret Scanning Status:{" "}
-                  {integrationEnabled ? (
-                    <p className="ml-1.5 font-semibold text-green">Enabled</p>
-                  ) : (
-                    <p className="ml-1.5 font-semibold text-red">Not enabled</p>
-                  )}
-                </div>
-                <div>
-                  {integrationEnabled ? (
-                    <p className="text-mineshaft-300">
-                      Your GitHub organization is connected to Infisical, and is being continuously
-                      monitored for secret leaks.
-                    </p>
-                  ) : (
-                    <p className="text-mineshaft-300">
-                      Connect your GitHub organization to Infisical.
-                    </p>
-                  )}
-                </div>
-              </div>
-              {integrationEnabled ? (
-                <div>
-                  <div className="absolute right-[2.5rem] top-[2.5rem] flex h-6 w-6 animate-ping items-center justify-center rounded-full bg-green" />
-                  <div className="absolute right-[2.63rem] top-[2.63rem] flex h-5 w-5 animate-ping items-center justify-center rounded-full bg-green" />
-                  <div className="absolute right-[2.82rem] top-[2.82rem] flex h-3.5 w-3.5 animate-ping items-center justify-center rounded-full bg-green" />
-                </div>
-              ) : (
-                <div className="flex h-[3.25rem] items-center">
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Create}
-                    a={OrgPermissionSubjects.SecretScanning}
-                  >
-                    {(isAllowed) => (
-                      <Button
-                        variant="solid"
-                        colorSchema="primary"
-                        onClick={generateNewIntegrationSession}
-                        className="h-min py-2"
-                        isDisabled={!isAllowed}
-                      >
-                        Integrate with GitHub
-                      </Button>
-                    )}
-                  </OrgPermissionCan>
-                </div>
-              )}
-            </div>
-            <SecretScanningLogsTable />
-          </div>
-        </div>
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.SecretScanning }
-);
-
-Object.assign(SecretScanning, { requireAuth: true });
-
-export default SecretScanning;
diff --git a/frontend-next/src/pages/org/[id]/secret-sharing/index.tsx b/frontend-next/src/pages/org/[id]/secret-sharing/index.tsx
deleted file mode 100644
index 28bcb7831..000000000
--- a/frontend-next/src/pages/org/[id]/secret-sharing/index.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { ShareSecretPage } from "@app/views/ShareSecretPage";
-
-const SecretApproval = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("approval.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={String(t("approval.og-title"))} />
-        <meta name="og:description" content={String(t("approval.og-description"))} />
-      </Head>
-      <div className="h-full">
-        <ShareSecretPage />
-      </div>
-    </>
-  );
-};
-
-export default SecretApproval;
-
-SecretApproval.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/settings/index.tsx b/frontend-next/src/pages/org/[id]/settings/index.tsx
deleted file mode 100644
index 4d8a19665..000000000
--- a/frontend-next/src/pages/org/[id]/settings/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { OrgSettingsPage } from "@app/views/Settings/OrgSettingsPage";
-
-export default function SettingsOrg() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <OrgSettingsPage />
-    </>
-  );
-}
-
-SettingsOrg.requireAuth = true;
diff --git a/frontend-next/src/pages/org/[id]/ssh/overview.tsx b/frontend-next/src/pages/org/[id]/ssh/overview.tsx
deleted file mode 100644
index 2ab3bb6cc..000000000
--- a/frontend-next/src/pages/org/[id]/ssh/overview.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { ProductOverview } from "../secret-manager/overview";
-
-const SshManagerOverviewPage = () => <ProductOverview type={ProjectType.SSH} />;
-
-Object.assign(SshManagerOverviewPage, { requireAuth: true });
-
-export default SshManagerOverviewPage;
diff --git a/frontend-next/src/pages/org/none/index.tsx b/frontend-next/src/pages/org/none/index.tsx
deleted file mode 100644
index 968860fc7..000000000
--- a/frontend-next/src/pages/org/none/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { NonePage } from "@app/views/Org/NonePage";
-
-export default function NoneOrganization() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.org.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <NonePage />
-    </>
-  );
-}
-
-NoneOrganization.requireAuth = true;
diff --git a/frontend-next/src/pages/password-reset.tsx b/frontend-next/src/pages/password-reset.tsx
deleted file mode 100644
index c23331289..000000000
--- a/frontend-next/src/pages/password-reset.tsx
+++ /dev/null
@@ -1,389 +0,0 @@
-import crypto from "crypto";
-
-import { FormEvent, useState } from "react";
-import Image from "next/image";
-import { useRouter } from "next/router";
-import { faCheck, faX } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import jsrp from "jsrp";
-import queryString from "query-string";
-
-import Button from "@app/components/basic/buttons/Button";
-import InputField from "@app/components/basic/InputField";
-import passwordCheck from "@app/components/utilities/checks/password/PasswordCheck";
-import Aes256Gcm from "@app/components/utilities/cryptography/aes-256-gcm";
-import { useResetPassword, useVerifyPasswordResetCode } from "@app/hooks/api";
-import { getBackupEncryptedPrivateKey } from "@app/hooks/api/auth/queries";
-
-import { deriveArgonKey } from "../components/utilities/cryptography/crypto";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-export default function PasswordReset() {
-  const [verificationToken, setVerificationToken] = useState("");
-  const [step, setStep] = useState(1);
-  const [loading, setLoading] = useState(false);
-  const [backupKey, setBackupKey] = useState("");
-  const [privateKey, setPrivateKey] = useState("");
-  const [newPassword, setNewPassword] = useState("");
-  const [backupKeyError, setBackupKeyError] = useState(false);
-  const [passwordErrorTooShort, setPasswordErrorTooShort] = useState(false);
-  const [passwordErrorTooLong, setPasswordErrorTooLong] = useState(false);
-  const [passwordErrorNoLetterChar, setPasswordErrorNoLetterChar] = useState(false);
-  const [passwordErrorNoNumOrSpecialChar, setPasswordErrorNoNumOrSpecialChar] = useState(false);
-  const [passwordErrorRepeatedChar, setPasswordErrorRepeatedChar] = useState(false);
-  const [passwordErrorEscapeChar, setPasswordErrorEscapeChar] = useState(false);
-  const [passwordErrorLowEntropy, setPasswordErrorLowEntropy] = useState(false);
-  const [passwordErrorBreached, setPasswordErrorBreached] = useState(false);
-
-  const router = useRouter();
-
-  const { mutateAsync: verifyPasswordResetCodeMutateAsync } = useVerifyPasswordResetCode();
-  const { mutateAsync: resetPasswordMutateAsync } = useResetPassword();
-
-  const parsedUrl = queryString.parse(router.asPath.split("?")[1]);
-  const token = parsedUrl.token as string;
-  const email = (parsedUrl.to as string)?.replace(" ", "+").trim();
-
-  // Decrypt the private key with a backup key
-  const getEncryptedKeyHandler = async (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    try {
-      const result = await getBackupEncryptedPrivateKey({ verificationToken });
-
-      setPrivateKey(
-        Aes256Gcm.decrypt({
-          ciphertext: result.encryptedPrivateKey,
-          iv: result.iv,
-          tag: result.tag,
-          secret: backupKey
-        })
-      );
-      setStep(3);
-    } catch (err) {
-      console.error(err);
-      setBackupKeyError(true);
-    }
-  };
-
-  // If everything is correct, reset the password
-  const resetPasswordHandler = async (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    const errorCheck = await passwordCheck({
-      password: newPassword,
-      setPasswordErrorTooShort,
-      setPasswordErrorTooLong,
-      setPasswordErrorNoLetterChar,
-      setPasswordErrorNoNumOrSpecialChar,
-      setPasswordErrorRepeatedChar,
-      setPasswordErrorEscapeChar,
-      setPasswordErrorLowEntropy,
-      setPasswordErrorBreached
-    });
-
-    if (!errorCheck) {
-      client.init(
-        {
-          username: email,
-          password: newPassword
-        },
-        async () => {
-          client.createVerifier(async (err: any, result: { salt: string; verifier: string }) => {
-            const derivedKey = await deriveArgonKey({
-              password: newPassword,
-              salt: result.salt,
-              mem: 65536,
-              time: 3,
-              parallelism: 1,
-              hashLen: 32
-            });
-
-            if (!derivedKey) throw new Error("Failed to derive key from password");
-
-            const key = crypto.randomBytes(32);
-
-            // create encrypted private key by encrypting the private
-            // key with the symmetric key [key]
-            const {
-              ciphertext: encryptedPrivateKey,
-              iv: encryptedPrivateKeyIV,
-              tag: encryptedPrivateKeyTag
-            } = Aes256Gcm.encrypt({
-              text: privateKey,
-              secret: key
-            });
-
-            // create the protected key by encrypting the symmetric key
-            // [key] with the derived key
-            const {
-              ciphertext: protectedKey,
-              iv: protectedKeyIV,
-              tag: protectedKeyTag
-            } = Aes256Gcm.encrypt({
-              text: key.toString("hex"),
-              secret: Buffer.from(derivedKey.hash)
-            });
-
-            await resetPasswordMutateAsync({
-              protectedKey,
-              protectedKeyIV,
-              protectedKeyTag,
-              encryptedPrivateKey,
-              encryptedPrivateKeyIV,
-              encryptedPrivateKeyTag,
-              salt: result.salt,
-              verifier: result.verifier,
-              verificationToken
-            });
-
-            router.push("/login");
-
-            setLoading(false);
-          });
-        }
-      );
-    }
-  };
-
-  // Click a button to confirm email
-  const stepConfirmEmail = (
-    <div className="my-32 mx-1 flex w-full max-w-xs flex-col items-center rounded-xl bg-bunker py-6 px-4 drop-shadow-xl md:max-w-lg md:px-6">
-      <p className="mb-8 flex justify-center bg-gradient-to-br from-sky-400 to-primary bg-clip-text text-center text-4xl font-semibold text-transparent">
-        Confirm your email
-      </p>
-      <Image src="/images/envelope.svg" height={262} width={410} alt="verify email" />
-      <div className="mx-auto mt-4 mb-2 flex max-h-24 max-w-md flex-col items-center justify-center px-4 text-lg md:p-2">
-        <Button
-          text="Confirm Email"
-          onButtonPressed={async () => {
-            try {
-              const response = await verifyPasswordResetCodeMutateAsync({
-                email,
-                code: token
-              });
-
-              setVerificationToken(response.token);
-              setStep(2);
-            } catch (err) {
-              console.log("ERROR", err);
-              router.push("/email-not-verified");
-            }
-          }}
-          size="lg"
-        />
-      </div>
-    </div>
-  );
-
-  // Input backup key
-  const stepInputBackupKey = (
-    <form
-      onSubmit={getEncryptedKeyHandler}
-      className="my-32 mx-1 flex w-full max-w-xs flex-col items-center rounded-xl bg-bunker px-4 pt-6 pb-3 drop-shadow-xl md:max-w-lg md:px-6"
-    >
-      <p className="mx-auto mb-4 flex w-max justify-center text-2xl font-semibold text-bunker-100 md:text-3xl">
-        Enter your backup key
-      </p>
-      <div className="mt-4 flex flex-row items-center justify-center md:mx-2 md:pb-4">
-        <p className="flex w-max max-w-md justify-center text-sm text-gray-400">
-          You can find it in your emergency kit. You had to download the emergency kit during
-          signup.
-        </p>
-      </div>
-      <div className="mt-4 flex max-h-24 w-full items-center justify-center rounded-lg md:mt-0 md:max-h-28 md:p-2">
-        <InputField
-          label="Backup Key"
-          onChangeHandler={setBackupKey}
-          type="password"
-          value={backupKey}
-          placeholder=""
-          isRequired
-          error={backupKeyError}
-          errorText="Something is wrong with the backup key"
-        />
-      </div>
-      <div className="mx-auto mt-4 flex max-h-20 w-full max-w-md flex-col items-center justify-center text-sm md:p-2">
-        <div className="text-l m-8 mt-6 px-8 py-3 text-lg">
-          <Button type="submit" text="Submit Backup Key" onButtonPressed={() => {}} size="lg" />
-        </div>
-      </div>
-    </form>
-  );
-
-  // Enter new password
-  const stepEnterNewPassword = (
-    <form
-      onSubmit={resetPasswordHandler}
-      className="my-32 mx-1 flex w-full max-w-xs flex-col items-center rounded-xl bg-bunker px-4 pt-6 pb-3 drop-shadow-xl md:max-w-lg md:px-6"
-    >
-      <p className="mx-auto flex w-max justify-center text-2xl font-semibold text-bunker-100 md:text-3xl">
-        Enter new password
-      </p>
-      <div className="mt-1 flex flex-row items-center justify-center md:mx-2 md:pb-4">
-        <p className="flex w-max max-w-md justify-center text-sm text-gray-400">
-          Make sure you save it somewhere safe.
-        </p>
-      </div>
-      <div className="mt-4 flex max-h-24 w-full items-center justify-center rounded-lg md:mt-0 md:max-h-28 md:p-2">
-        <InputField
-          label="New Password"
-          onChangeHandler={(password) => {
-            setNewPassword(password);
-            passwordCheck({
-              password,
-              setPasswordErrorTooShort,
-              setPasswordErrorTooLong,
-              setPasswordErrorNoLetterChar,
-              setPasswordErrorNoNumOrSpecialChar,
-              setPasswordErrorRepeatedChar,
-              setPasswordErrorEscapeChar,
-              setPasswordErrorLowEntropy,
-              setPasswordErrorBreached
-            });
-          }}
-          type="password"
-          value={newPassword}
-          isRequired
-          error={
-            passwordErrorTooShort &&
-            passwordErrorTooLong &&
-            passwordErrorNoLetterChar &&
-            passwordErrorNoNumOrSpecialChar &&
-            passwordErrorRepeatedChar &&
-            passwordErrorEscapeChar &&
-            passwordErrorLowEntropy &&
-            passwordErrorBreached
-          }
-          autoComplete="new-password"
-          id="new-password"
-        />
-      </div>
-      {passwordErrorTooShort ||
-      passwordErrorTooLong ||
-      passwordErrorNoLetterChar ||
-      passwordErrorNoNumOrSpecialChar ||
-      passwordErrorRepeatedChar ||
-      passwordErrorEscapeChar ||
-      passwordErrorLowEntropy ||
-      passwordErrorBreached ? (
-        <div className="mx-2 mt-3 mb-2 flex w-full max-w-md flex-col items-start rounded-md bg-white/5 px-2 py-2">
-          <div className="mb-1 text-sm text-gray-400">Password should contain:</div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorTooShort ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div className={`${passwordErrorTooShort ? "text-gray-400" : "text-gray-600"} text-sm`}>
-              at least 14 characters
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorTooLong ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div className={`${passwordErrorTooLong ? "text-gray-400" : "text-gray-600"} text-sm`}>
-              at most 100 characters
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorNoLetterChar ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div
-              className={`${passwordErrorNoLetterChar ? "text-gray-400" : "text-gray-600"} text-sm`}
-            >
-              at least 1 letter character
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorNoNumOrSpecialChar ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div
-              className={`${
-                passwordErrorNoNumOrSpecialChar ? "text-gray-400" : "text-gray-600"
-              } text-sm`}
-            >
-              at least 1 number or special character
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorRepeatedChar ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div
-              className={`${passwordErrorRepeatedChar ? "text-gray-400" : "text-gray-600"} text-sm`}
-            >
-              at most 3 repeated, consecutive characters
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorEscapeChar ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div
-              className={`${passwordErrorEscapeChar ? "text-gray-400" : "text-gray-600"} text-sm`}
-            >
-              No escape characters allowed.
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorLowEntropy ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div
-              className={`${passwordErrorLowEntropy ? "text-gray-400" : "text-gray-600"} text-sm`}
-            >
-              Password contains personal info.
-            </div>
-          </div>
-          <div className="ml-1 flex flex-row items-center justify-start">
-            {passwordErrorBreached ? (
-              <FontAwesomeIcon icon={faX} className="text-md mr-2.5 text-red" />
-            ) : (
-              <FontAwesomeIcon icon={faCheck} className="text-md mr-2 text-primary" />
-            )}
-            <div className={`${passwordErrorBreached ? "text-gray-400" : "text-gray-600"} text-sm`}>
-              Password was found in a data breach.
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="py-2" />
-      )}
-      <div className="mx-auto mt-4 flex max-h-20 w-full max-w-md flex-col items-center justify-center text-sm md:p-2">
-        <div className="text-l m-8 mt-6 px-8 py-3 text-lg">
-          <Button
-            type="submit"
-            text="Submit New Password"
-            onButtonPressed={() => setLoading(true)}
-            size="lg"
-            loading={loading}
-          />
-        </div>
-      </div>
-    </form>
-  );
-
-  return (
-    <div className="flex h-screen w-full flex-col items-center justify-center bg-bunker-800">
-      {step === 1 && stepConfirmEmail}
-      {step === 2 && stepInputBackupKey}
-      {step === 3 && stepEnterNewPassword}
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/personal-settings.tsx b/frontend-next/src/pages/personal-settings.tsx
deleted file mode 100644
index e9e9fb260..000000000
--- a/frontend-next/src/pages/personal-settings.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { PersonalSettingsPage } from "@app/views/Settings/PersonalSettingsPage";
-
-export default function PersonalSettings() {
-  const { t } = useTranslation();
-
-  return (
-    <div className="h-full bg-bunker-800 text-white">
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.personal.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <PersonalSettingsPage />
-    </div>
-  );
-}
-
-PersonalSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/requestnewinvite.tsx b/frontend-next/src/pages/requestnewinvite.tsx
deleted file mode 100644
index dc23b5740..000000000
--- a/frontend-next/src/pages/requestnewinvite.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import Head from "next/head";
-import Image from "next/image";
-
-/**
- * This is the page that shows up when a user's invitation
- * to join a project/organization on Infisical has expired
- */
-export default function RequestNewInvite() {
-  return (
-    <div className="flex flex-col justify-between bg-bunker-700 md:h-screen">
-      <Head>
-        <title>Request a New Invite</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <div className="mt-8 flex h-screen w-screen flex-col items-center justify-center text-bunker-200">
-        <p className="text-4xl text-primary-100">Oops, your invite has expired.</p>
-        <p className="my-4 text-lg">Ask your admin for a new one.</p>
-        <p className="max-w-xs px-7 text-center text-sm leading-tight text-bunker-400">
-          <span className="rounded-md bg-primary-500/40 px-1 text-black">Note:</span> If it still
-          doesn&apos;t work, please reach out to us at support@infisical.com
-        </p>
-        <div className="">
-          <Image
-            src="/images/invitation-expired.svg"
-            height={500}
-            width={800}
-            alt="invitation expired illustration"
-          />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/secret-manager/[id]/allowlist/index.tsx b/frontend-next/src/pages/secret-manager/[id]/allowlist/index.tsx
deleted file mode 100644
index 73c25d802..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/allowlist/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IPAllowlistPage } from "@app/views/Project/IPAllowListPage";
-
-const ProjectAllowlist = () => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IPAllowlistPage />
-    </>
-  );
-};
-
-export default ProjectAllowlist;
-
-ProjectAllowlist.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/approval/index.tsx b/frontend-next/src/pages/secret-manager/[id]/approval/index.tsx
deleted file mode 100644
index 53013738d..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/approval/index.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { SecretApprovalPage } from "@app/views/SecretApprovalPage";
-
-const SecretApproval = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("approval.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={String(t("approval.og-title"))} />
-        <meta name="og:description" content={String(t("approval.og-description"))} />
-      </Head>
-      <div className="h-full">
-        <SecretApprovalPage />
-      </div>
-    </>
-  );
-};
-
-export default SecretApproval;
-
-SecretApproval.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/identities/[identityId]/index.tsx b/frontend-next/src/pages/secret-manager/[id]/identities/[identityId]/index.tsx
deleted file mode 100644
index ae8b2716a..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/identities/[identityId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IdentityDetailsPage } from "@app/views/Project/IdentityDetailsPage";
-
-export default function ProjectIdentityDetailsPage() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IdentityDetailsPage />
-    </>
-  );
-}
-
-ProjectIdentityDetailsPage.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/members/[membershipId]/index.tsx b/frontend-next/src/pages/secret-manager/[id]/members/[membershipId]/index.tsx
deleted file mode 100644
index 033aa2b15..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/members/[membershipId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MemberDetailsPage } from "@app/views/Project/MemberDetailsPage";
-
-export default function Page() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MemberDetailsPage />
-    </>
-  );
-}
-
-Page.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/members/index.tsx b/frontend-next/src/pages/secret-manager/[id]/members/index.tsx
deleted file mode 100644
index 4bcbb833e..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/members/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MembersPage } from "@app/views/Project/MembersPage";
-
-export default function WorkspaceMemberSettings() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MembersPage />
-    </>
-  );
-}
-
-WorkspaceMemberSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/roles/[roleSlug]/index.tsx b/frontend-next/src/pages/secret-manager/[id]/roles/[roleSlug]/index.tsx
deleted file mode 100644
index 17c854cee..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/roles/[roleSlug]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { RolePage } from "@app/views/Project/RolePage";
-
-export default function Role() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: "Project Settings" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <RolePage />
-    </>
-  );
-}
-
-Role.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/secret-rotation/index.tsx b/frontend-next/src/pages/secret-manager/[id]/secret-rotation/index.tsx
deleted file mode 100644
index c6227c5c5..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/secret-rotation/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { SecretRotationPage } from "@app/views/SecretRotationPage";
-
-const SecretRotation = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="h-full bg-bunker-800">
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-      </Head>
-      <SecretRotationPage />
-    </div>
-  );
-};
-
-export default SecretRotation;
-
-SecretRotation.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/secrets/[env].tsx b/frontend-next/src/pages/secret-manager/[id]/secrets/[env].tsx
deleted file mode 100644
index bba0704dd..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/secrets/[env].tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { SecretMainPage } from "@app/views/SecretMainPage";
-
-const Dashboard = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("dashboard.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={String(t("dashboard.og-title"))} />
-        <meta name="og:description" content={String(t("dashboard.og-description"))} />
-      </Head>
-      <div className="h-full">
-        <SecretMainPage />
-      </div>
-    </>
-  );
-};
-
-export default Dashboard;
-
-Dashboard.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/secrets/overview.tsx b/frontend-next/src/pages/secret-manager/[id]/secrets/overview.tsx
deleted file mode 100644
index 69e2bc196..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/secrets/overview.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { SecretOverviewPage } from "@app/views/SecretOverviewPage";
-
-const Dashboard = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("dashboard.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={String(t("dashboard.og-title"))} />
-        <meta name="og:description" content={String(t("dashboard.og-description"))} />
-      </Head>
-      <div className="h-full">
-        <SecretOverviewPage />
-      </div>
-    </>
-  );
-};
-
-export default Dashboard;
-
-Dashboard.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-manager/[id]/settings/index.tsx b/frontend-next/src/pages/secret-manager/[id]/settings/index.tsx
deleted file mode 100644
index 331ba8cc5..000000000
--- a/frontend-next/src/pages/secret-manager/[id]/settings/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { ProjectSettingsPage } from "@app/views/Settings/ProjectSettingsPage";
-
-const ProjectSettings = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <ProjectSettingsPage />
-    </>
-  );
-};
-
-export default ProjectSettings;
-
-ProjectSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/secret-scanning.tsx b/frontend-next/src/pages/secret-scanning.tsx
deleted file mode 100644
index f63c35f69..000000000
--- a/frontend-next/src/pages/secret-scanning.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useEffect } from "react";
-import { useRouter } from "next/router";
-
-export default function SecretScanning() {
-  const router = useRouter();
-
-  useEffect(() => {
-    router.push(
-      `${router.asPath.split("secret-scanning")[0]}/org/${localStorage.getItem(
-        "orgData.id"
-      )}/secret-scanning${router.asPath.split("secret-scanning")[1]}`
-    );
-  }, []);
-
-  return <div />;
-}
-
-SecretScanning.requireAuth = true;
diff --git a/frontend-next/src/pages/share-secret/index.tsx b/frontend-next/src/pages/share-secret/index.tsx
deleted file mode 100644
index 8fb2b26c4..000000000
--- a/frontend-next/src/pages/share-secret/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import Head from "next/head";
-
-import { ShareSecretPublicPage } from "@app/views/ShareSecretPublicPage";
-
-const ShareNewPublicSecretPage = () => {
-  return (
-    <>
-      <Head>
-        <title>Securely Share Secrets | Infisical</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="" />
-        <meta name="og:description" content="" />
-      </Head>
-      <div className="dark h-full">
-        <ShareSecretPublicPage />
-      </div>
-    </>
-  );
-};
-
-export default ShareNewPublicSecretPage;
-
-ShareNewPublicSecretPage.requireAuth = false;
diff --git a/frontend-next/src/pages/shared/secret/[id]/index.tsx b/frontend-next/src/pages/shared/secret/[id]/index.tsx
deleted file mode 100644
index 71c670fad..000000000
--- a/frontend-next/src/pages/shared/secret/[id]/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import Head from "next/head";
-
-import { ViewSecretPublicPage } from "@app/views/ViewSecretPublicPage";
-
-const SecretSharedPublicPage = () => {
-  return (
-    <>
-      <Head>
-        <title>Securely Share Secrets | Infisical</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="" />
-        <meta name="og:description" content="" />
-      </Head>
-      <ViewSecretPublicPage />
-    </>
-  );
-};
-
-export default SecretSharedPublicPage;
-
-SecretSharedPublicPage.requireAuth = false;
diff --git a/frontend-next/src/pages/signup/index.tsx b/frontend-next/src/pages/signup/index.tsx
deleted file mode 100644
index fa26437f4..000000000
--- a/frontend-next/src/pages/signup/index.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Image from "next/image";
-import { useRouter } from "next/router";
-
-import CodeInputStep from "@app/components/signup/CodeInputStep";
-import DownloadBackupPDF from "@app/components/signup/DonwloadBackupPDFStep";
-import EnterEmailStep from "@app/components/signup/EnterEmailStep";
-import InitialSignupStep from "@app/components/signup/InitialSignupStep";
-import TeamInviteStep from "@app/components/signup/TeamInviteStep";
-import UserInfoStep from "@app/components/signup/UserInfoStep";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { useServerConfig } from "@app/context";
-import { useVerifySignupEmailVerificationCode } from "@app/hooks/api";
-import { fetchOrganizations } from "@app/hooks/api/organization/queries";
-import { useFetchServerStatus } from "@app/hooks/api/serverDetails";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-/**
- * @returns the signup page
- */
-export default function SignUp() {
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [name, setName] = useState("");
-  const [organizationName, setOrganizationName] = useState("");
-  const [attributionSource, setAttributionSource] = useState("");
-  const [code, setCode] = useState("123456");
-  const [codeError, setCodeError] = useState(false);
-  const [step, setStep] = useState(1);
-  const router = useRouter();
-  const { data: serverDetails } = useFetchServerStatus();
-  const [isSignupWithEmail, setIsSignupWithEmail] = useState(false);
-  const [isCodeInputCheckLoading, setIsCodeInputCheckLoading] = useState(false);
-  const { t } = useTranslation();
-  const { mutateAsync } = useVerifySignupEmailVerificationCode();
-  const { config } = useServerConfig();
-
-  useEffect(() => {
-    if (!config.allowSignUp) {
-      router.push("/login");
-    }
-  }, [config.allowSignUp]);
-
-  useEffect(() => {
-    const tryAuth = async () => {
-      try {
-        const userOrgs = await fetchOrganizations();
-        router.push(`/org/${userOrgs[0].id}/${ProjectType.SecretManager}/overview`);
-      } catch (error) {
-        console.log("Error - Not logged in yet");
-      }
-    };
-    tryAuth();
-  }, []);
-
-  /**
-   * Goes to the following step (out of 5) of the signup process.
-   * Step 1 is submitting your email
-   * Step 2 is Verifying your email with the code that you received
-   * Step 3 is asking the final info.
-   * Step 4 is downloading a backup pdf
-   * Step 5 is inviting users
-   */
-  const incrementStep = async () => {
-    if (step === 1 || step === 3 || step === 4) {
-      setStep(step + 1);
-    } else if (step === 2) {
-      setIsCodeInputCheckLoading(true);
-      // Checking if the code matches the email.
-      try {
-        const { token } = await mutateAsync({ email, code });
-        SecurityClient.setSignupToken(token);
-        setStep(3);
-      } catch (err) {
-        console.error(err);
-        setCodeError(true);
-      }
-      setIsCodeInputCheckLoading(false);
-    }
-  };
-
-  // when email service is not configured, skip step 2 and 5
-  useEffect(() => {
-    (async () => {
-      if (!serverDetails?.emailConfigured && step === 2) {
-        incrementStep();
-      }
-
-      if (!serverDetails?.emailConfigured && step === 5) {
-        const userOrgs = await fetchOrganizations();
-        router.push(`/org/${userOrgs[0].id}/${ProjectType.SecretManager}/overview`);
-      }
-    })();
-  }, [step]);
-
-  const renderView = (registerStep: number) => {
-    if (isSignupWithEmail && registerStep === 1) {
-      return <EnterEmailStep email={email} setEmail={setEmail} incrementStep={incrementStep} />;
-    }
-
-    if (!isSignupWithEmail && registerStep === 1) {
-      return <InitialSignupStep setIsSignupWithEmail={setIsSignupWithEmail} />;
-    }
-
-    if (registerStep === 2) {
-      return (
-        <CodeInputStep
-          email={email}
-          incrementStep={incrementStep}
-          setCode={setCode}
-          codeError={codeError}
-          isCodeInputCheckLoading={isCodeInputCheckLoading}
-        />
-      );
-    }
-
-    if (registerStep === 3) {
-      return (
-        <UserInfoStep
-          incrementStep={incrementStep}
-          email={email}
-          password={password}
-          setPassword={setPassword}
-          name={name}
-          setName={setName}
-          organizationName={organizationName}
-          setOrganizationName={setOrganizationName}
-          attributionSource={attributionSource}
-          setAttributionSource={setAttributionSource}
-          providerAuthToken={undefined}
-        />
-      );
-    }
-
-    if (registerStep === 4) {
-      return (
-        <DownloadBackupPDF
-          incrementStep={incrementStep}
-          email={email}
-          password={password}
-          name={name}
-        />
-      );
-    }
-
-    if (serverDetails?.emailConfigured) {
-      return <TeamInviteStep />;
-    }
-
-    return "";
-  };
-
-  return (
-    <div className="flex max-h-screen min-h-screen flex-col justify-center overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6 pb-28 ">
-      <Head>
-        <title>{t("common.head-title", { title: t("signup.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("signup.og-title") as string} />
-        <meta name="og:description" content={t("signup.og-description") as string} />
-      </Head>
-      <div className="mb-4 mt-20 flex justify-center">
-        <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical Logo" />
-      </div>
-      <form onSubmit={(e) => e.preventDefault()}>{renderView(step)}</form>
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/signup/sso/index.tsx b/frontend-next/src/pages/signup/sso/index.tsx
deleted file mode 100644
index 173a4a65d..000000000
--- a/frontend-next/src/pages/signup/sso/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-import Image from "next/image";
-import { useRouter } from "next/router";
-
-import { SignupSSO } from "@app/views/Signup";
-
-export default function SignupSSOPage() {
-  const { t } = useTranslation();
-  const router = useRouter();
-  const token = router.query.token as string;
-
-  return (
-    <div className="flex min-h-screen flex-col justify-center bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6 pb-28 ">
-      <Head>
-        <title>{t("common.head-title", { title: t("signup.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content={t("signup.og-title") as string} />
-        <meta name="og:description" content={t("signup.og-description") as string} />
-      </Head>
-      <div className="mb-4 mt-20 flex justify-center">
-        <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical Logo" />
-      </div>
-      <SignupSSO providerAuthToken={token} />
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/signupinvite.tsx b/frontend-next/src/pages/signupinvite.tsx
deleted file mode 100644
index 8a0d712e3..000000000
--- a/frontend-next/src/pages/signupinvite.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import crypto from "crypto";
-
-import { useEffect, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faWarning, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import jsrp from "jsrp";
-import queryString from "query-string";
-import nacl from "tweetnacl";
-import { encodeBase64 } from "tweetnacl-util";
-
-import Button from "@app/components/basic/buttons/Button";
-import InputField from "@app/components/basic/InputField";
-import checkPassword from "@app/components/utilities/checks/password/checkPassword";
-import Aes256Gcm from "@app/components/utilities/cryptography/aes-256-gcm";
-import { deriveArgonKey } from "@app/components/utilities/cryptography/crypto";
-import issueBackupKey from "@app/components/utilities/cryptography/issueBackupKey";
-import { saveTokenToLocalStorage } from "@app/components/utilities/saveTokenToLocalStorage";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { useServerConfig } from "@app/context";
-import { useToggle } from "@app/hooks";
-import {
-  completeAccountSignupInvite,
-  useSelectOrganization,
-  verifySignupInvite
-} from "@app/hooks/api/auth/queries";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-import { fetchOrganizations } from "@app/hooks/api/organization/queries";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { navigateUserToOrg } from "@app/views/Login/Login.utils";
-import { Mfa } from "@app/views/Login/Mfa";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-type Errors = {
-  tooShort?: string;
-  tooLong?: string;
-  noLetterChar?: string;
-  noNumOrSpecialChar?: string;
-  repeatedChar?: string;
-  escapeChar?: string;
-  lowEntropy?: string;
-  breached?: string;
-};
-
-export default function SignupInvite() {
-  const [password, setPassword] = useState("");
-  const [firstName, setFirstName] = useState("");
-  const [lastName, setLastName] = useState("");
-  const [firstNameError, setFirstNameError] = useState(false);
-  const [lastNameError, setLastNameError] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
-  const [step, setStep] = useState(1);
-  const [backupKeyError, setBackupKeyError] = useState(false);
-  const [backupKeyIssued, setBackupKeyIssued] = useState(false);
-  const [errors, setErrors] = useState<Errors>({});
-
-  const [shouldShowMfa, toggleShowMfa] = useToggle(false);
-  const [requiredMfaMethod, setRequiredMfaMethod] = useState(MfaMethod.EMAIL);
-  const [mfaSuccessCallback, setMfaSuccessCallback] = useState<() => void>(() => {});
-  const router = useRouter();
-  const parsedUrl = queryString.parse(router.asPath.split("?")[1]);
-  const token = parsedUrl.token as string;
-  const organizationId = parsedUrl.organization_id as string;
-  const email = (parsedUrl.to as string)?.replace(" ", "+").trim();
-  const { config } = useServerConfig();
-
-  const queryParams = new URLSearchParams(window.location.search);
-
-  const metadata = queryParams.get("metadata") || undefined;
-
-  const { mutateAsync: selectOrganization } = useSelectOrganization();
-
-  // Verifies if the information that the users entered (name, workspace) is there, and if the password matched the criteria.
-  const signupErrorCheck = async () => {
-    setIsLoading(true);
-
-    let errorCheck = await checkPassword({
-      password,
-      setErrors
-    });
-
-    if (!firstName) {
-      setFirstNameError(true);
-      errorCheck = true;
-    } else {
-      setFirstNameError(false);
-    }
-    if (!lastName) {
-      setLastNameError(true);
-      errorCheck = true;
-    } else {
-      setLastNameError(false);
-    }
-
-    if (!errorCheck) {
-      // Generate a random pair of a public and a private key
-      const pair = nacl.box.keyPair();
-      const secretKeyUint8Array = pair.secretKey;
-      const publicKeyUint8Array = pair.publicKey;
-      const privateKey = encodeBase64(secretKeyUint8Array);
-      const publicKey = encodeBase64(publicKeyUint8Array);
-
-      localStorage.setItem("PRIVATE_KEY", privateKey);
-
-      client.init(
-        {
-          username: email,
-          password
-        },
-        async () => {
-          client.createVerifier(async (err, result) => {
-            try {
-              const derivedKey = await deriveArgonKey({
-                password,
-                salt: result.salt,
-                mem: 65536,
-                time: 3,
-                parallelism: 1,
-                hashLen: 32
-              });
-
-              if (!derivedKey) throw new Error("Failed to derive key from password");
-
-              const key = crypto.randomBytes(32);
-
-              // create encrypted private key by encrypting the private
-              // key with the symmetric key [key]
-              const {
-                ciphertext: encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag
-              } = Aes256Gcm.encrypt({
-                text: privateKey,
-                secret: key
-              });
-
-              // create the protected key by encrypting the symmetric key
-              // [key] with the derived key
-              const {
-                ciphertext: protectedKey,
-                iv: protectedKeyIV,
-                tag: protectedKeyTag
-              } = Aes256Gcm.encrypt({
-                text: key.toString("hex"),
-                secret: Buffer.from(derivedKey.hash)
-              });
-
-              const { token: jwtToken } = await completeAccountSignupInvite({
-                email,
-                password,
-                firstName,
-                lastName,
-                protectedKey,
-                protectedKeyIV,
-                protectedKeyTag,
-                publicKey,
-                encryptedPrivateKey,
-                encryptedPrivateKeyIV,
-                encryptedPrivateKeyTag,
-                salt: result.salt,
-                verifier: result.verifier,
-                tokenMetadata: metadata
-              });
-
-              // unset temporary signup JWT token and set JWT token
-              SecurityClient.setSignupToken("");
-              SecurityClient.setToken(jwtToken);
-
-              saveTokenToLocalStorage({
-                publicKey,
-                encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag,
-                privateKey
-              });
-
-              const userOrgs = await fetchOrganizations();
-
-              const orgId = userOrgs[0].id;
-
-              if (!orgId) throw new Error("You are not part of any organization");
-
-              const completeSignupFlow = async () => {
-                const {
-                  token: mfaToken,
-                  isMfaEnabled,
-                  mfaMethod
-                } = await selectOrganization({
-                  organizationId: orgId
-                });
-
-                if (isMfaEnabled) {
-                  SecurityClient.setMfaToken(mfaToken);
-                  if (mfaMethod) {
-                    setRequiredMfaMethod(mfaMethod);
-                  }
-                  toggleShowMfa.on();
-                  setMfaSuccessCallback(() => completeSignupFlow);
-                  return;
-                }
-
-                localStorage.setItem("orgData.id", orgId);
-
-                setStep(3);
-              };
-
-              await completeSignupFlow();
-            } catch (error) {
-              setIsLoading(false);
-              console.error(error);
-            }
-          });
-        }
-      );
-    } else {
-      setIsLoading(false);
-    }
-  };
-
-  // Step 4 of the sign up process (download the emergency kit pdf)
-  const stepConfirmEmail = (
-    <div className="h-7/12 mx-1 mb-36 flex w-full max-w-xs flex-col items-center rounded-xl border border-mineshaft-600 bg-mineshaft-800 py-8 px-4 drop-shadow-xl md:mb-16 md:max-w-lg md:px-6">
-      <p className="mb-6 flex justify-center text-center text-4xl font-semibold text-primary-100">
-        Confirm your email
-      </p>
-      <Image src="/images/dragon-signupinvite.svg" height={262} width={410} alt="verify email" />
-      <div className="mx-auto mt-10 mb-2 flex max-h-24 max-w-md flex-col items-center justify-center px-4 text-lg md:p-2">
-        <Button
-          text="Confirm Email"
-          onButtonPressed={async () => {
-            try {
-              const response = await verifySignupInvite({
-                email,
-                code: token,
-                organizationId
-              });
-
-              if (response) {
-                // user will have temp token if doesn't have an account
-                // then continue with account setup workflow
-                if (response?.token) {
-                  SecurityClient.setSignupToken(response.token);
-                  setStep(2);
-                } else {
-                  const redirectExistingUser = async () => {
-                    const { token: mfaToken, isMfaEnabled } = await selectOrganization({
-                      organizationId
-                    });
-
-                    if (isMfaEnabled) {
-                      SecurityClient.setMfaToken(mfaToken);
-                      toggleShowMfa.on();
-                      setMfaSuccessCallback(() => redirectExistingUser);
-                      return;
-                    }
-
-                    // user will be redirected to dashboard
-                    // if not logged in gets kicked out to login
-                    await navigateUserToOrg(router, organizationId);
-                  };
-
-                  await redirectExistingUser();
-                }
-              }
-            } catch (err) {
-              console.error(err);
-              router.push("/requestnewinvite");
-            }
-          }}
-          size="lg"
-        />
-      </div>
-    </div>
-  );
-
-  // Because this is the invite signup - we directly go to the last step of signup (email is already verified)
-  const main = (
-    <div className="h-7/12 mx-auto mb-32 w-max rounded-xl border border-mineshaft-600 bg-mineshaft-800 py-10 px-8 drop-shadow-xl md:mb-16">
-      <p className="mx-8 mb-6 flex justify-center bg-gradient-to-tr from-mineshaft-300 to-white bg-clip-text text-4xl font-bold text-transparent md:mx-16">
-        Almost there!
-      </p>
-      <div className="relative z-0 flex max-h-24 w-full items-center justify-end rounded-lg md:p-2">
-        <InputField
-          label="First Name"
-          onChangeHandler={setFirstName}
-          type="name"
-          value={firstName}
-          isRequired
-          errorText="Please input your first name."
-          error={firstNameError}
-          autoComplete="given-name"
-        />
-      </div>
-      <div className="flex max-h-24 w-full items-center justify-center rounded-lg md:p-2">
-        <InputField
-          label="Last Name"
-          onChangeHandler={setLastName}
-          type="name"
-          value={lastName}
-          isRequired
-          errorText="Please input your last name."
-          error={lastNameError}
-          autoComplete="family-name"
-        />
-      </div>
-      <div className="mt-2 flex max-h-60 w-full flex-col items-center justify-center rounded-lg md:p-2">
-        <InputField
-          label="Password"
-          onChangeHandler={(pass) => {
-            setPassword(pass);
-            checkPassword({
-              password: pass,
-              setErrors
-            });
-          }}
-          type="password"
-          value={password}
-          isRequired
-          error={Object.keys(errors).length > 0}
-          autoComplete="new-password"
-          id="new-password"
-        />
-        {Object.keys(errors).length > 0 && (
-          <div className="mt-4 flex w-full flex-col items-start rounded-md bg-white/5 px-2 py-2">
-            <div className="mb-2 text-sm text-gray-400">Password should contain at least:</div>
-            {Object.keys(errors).map((key) => {
-              if (errors[key as keyof Errors]) {
-                return (
-                  <div className="items-top ml-1 flex flex-row justify-start" key={key}>
-                    <div>
-                      <FontAwesomeIcon icon={faXmark} className="text-md ml-0.5 mr-2.5 text-red" />
-                    </div>
-                    <p className="text-sm text-gray-400">{errors[key as keyof Errors]}</p>
-                  </div>
-                );
-              }
-
-              return null;
-            })}
-          </div>
-        )}
-      </div>
-      <div className="mx-auto mt-2 flex max-h-24 max-w-max flex-col items-center justify-center px-2 py-3 text-lg md:px-4 md:py-5">
-        <Button
-          text="Sign Up"
-          onButtonPressed={() => {
-            signupErrorCheck();
-          }}
-          loading={isLoading}
-          size="lg"
-        />
-      </div>
-    </div>
-  );
-
-  // Step 4 of the sign up process (download the emergency kit pdf)
-  const step4 = (
-    <div className="h-7/12 mx-1 mb-36 flex w-full max-w-xs flex-col items-center rounded-xl border border-mineshaft-600 bg-mineshaft-800 px-4 pt-8 pb-6 drop-shadow-xl md:mb-16 md:max-w-lg md:px-6">
-      <p className="flex justify-center bg-gradient-to-br from-white to-mineshaft-300 bg-clip-text text-center text-4xl font-semibold text-transparent">
-        Save your Emergency Kit
-      </p>
-      <div className="text-md mt-4 flex w-full max-w-md flex-col items-center justify-center rounded-md px-2 text-gray-400 md:mt-8">
-        <div>
-          If you get locked out of your account, your Emergency Kit is the only way to sign in.
-        </div>
-        <div className="mt-3">We recommend you download it and keep it somewhere safe.</div>
-      </div>
-      <div className="mx-auto mt-4 flex w-full max-w-xs flex-row items-center rounded-md bg-white/10 p-2 text-gray-400 md:max-w-md">
-        <FontAwesomeIcon icon={faWarning} className="ml-2 mr-4 text-4xl" />
-        It contains your Secret Key which we cannot access or recover for you if you lose it.
-      </div>
-      <div className="mx-auto mt-4 flex max-h-24 max-w-max flex-col items-center justify-center px-2 py-3 text-lg md:px-4 md:py-5">
-        <Button
-          text="Download PDF"
-          onButtonPressed={async () => {
-            await issueBackupKey({
-              email,
-              password,
-              personalName: `${firstName} ${lastName}`,
-              setBackupKeyError,
-              setBackupKeyIssued
-            });
-            router.push(`/org/${organizationId}/${ProjectType.SecretManager}/overview`);
-          }}
-          size="lg"
-        />
-      </div>
-    </div>
-  );
-
-  return (
-    <div className="flex h-screen flex-col items-center justify-center bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
-      <Head>
-        <title>Sign Up</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      {shouldShowMfa ? (
-        <Mfa
-          email={email}
-          successCallback={mfaSuccessCallback}
-          method={requiredMfaMethod}
-          closeMfa={() => toggleShowMfa.off()}
-        />
-      ) : (
-        <>
-          <Link href="/">
-            <div className="mb-4 mt-20 flex justify-center">
-              <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical Logo" />
-            </div>
-          </Link>
-          {step === 1 ? stepConfirmEmail : step === 2 ? main : step4}
-        </>
-      )}
-    </div>
-  );
-}
diff --git a/frontend-next/src/pages/ssh/[id]/allowlist/index.tsx b/frontend-next/src/pages/ssh/[id]/allowlist/index.tsx
deleted file mode 100644
index 73c25d802..000000000
--- a/frontend-next/src/pages/ssh/[id]/allowlist/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IPAllowlistPage } from "@app/views/Project/IPAllowListPage";
-
-const ProjectAllowlist = () => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IPAllowlistPage />
-    </>
-  );
-};
-
-export default ProjectAllowlist;
-
-ProjectAllowlist.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/ca/[caId]/index.tsx b/frontend-next/src/pages/ssh/[id]/ca/[caId]/index.tsx
deleted file mode 100644
index cdaa4d0b2..000000000
--- a/frontend-next/src/pages/ssh/[id]/ca/[caId]/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import Head from "next/head";
-
-import { SshCaPage } from "@app/views/Project/SshCaPage";
-
-export default function SshCa() {
-  return (
-    <>
-      <Head>
-        <title>SSH Certificate Authority</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <SshCaPage />
-    </>
-  );
-}
-
-SshCa.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/identities/[identityId]/index.tsx b/frontend-next/src/pages/ssh/[id]/identities/[identityId]/index.tsx
deleted file mode 100644
index ae8b2716a..000000000
--- a/frontend-next/src/pages/ssh/[id]/identities/[identityId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { IdentityDetailsPage } from "@app/views/Project/IdentityDetailsPage";
-
-export default function ProjectIdentityDetailsPage() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <IdentityDetailsPage />
-    </>
-  );
-}
-
-ProjectIdentityDetailsPage.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/members/[membershipId]/index.tsx b/frontend-next/src/pages/ssh/[id]/members/[membershipId]/index.tsx
deleted file mode 100644
index 033aa2b15..000000000
--- a/frontend-next/src/pages/ssh/[id]/members/[membershipId]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MemberDetailsPage } from "@app/views/Project/MemberDetailsPage";
-
-export default function Page() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MemberDetailsPage />
-    </>
-  );
-}
-
-Page.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/members/index.tsx b/frontend-next/src/pages/ssh/[id]/members/index.tsx
deleted file mode 100644
index 4bcbb833e..000000000
--- a/frontend-next/src/pages/ssh/[id]/members/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { MembersPage } from "@app/views/Project/MembersPage";
-
-export default function WorkspaceMemberSettings() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.members.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <MembersPage />
-    </>
-  );
-}
-
-WorkspaceMemberSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/roles/[roleSlug]/index.tsx b/frontend-next/src/pages/ssh/[id]/roles/[roleSlug]/index.tsx
deleted file mode 100644
index 17c854cee..000000000
--- a/frontend-next/src/pages/ssh/[id]/roles/[roleSlug]/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { RolePage } from "@app/views/Project/RolePage";
-
-export default function Role() {
-  const { t } = useTranslation();
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: "Project Settings" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <RolePage />
-    </>
-  );
-}
-
-Role.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/settings/index.tsx b/frontend-next/src/pages/ssh/[id]/settings/index.tsx
deleted file mode 100644
index 331ba8cc5..000000000
--- a/frontend-next/src/pages/ssh/[id]/settings/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { ProjectSettingsPage } from "@app/views/Settings/ProjectSettingsPage";
-
-const ProjectSettings = () => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Head>
-        <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
-        <link rel="icon" href="/infisical.ico" />
-      </Head>
-      <ProjectSettingsPage />
-    </>
-  );
-};
-
-export default ProjectSettings;
-
-ProjectSettings.requireAuth = true;
diff --git a/frontend-next/src/pages/ssh/[id]/ssh/index.tsx b/frontend-next/src/pages/ssh/[id]/ssh/index.tsx
deleted file mode 100644
index f574566c1..000000000
--- a/frontend-next/src/pages/ssh/[id]/ssh/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useTranslation } from "react-i18next";
-import Head from "next/head";
-
-import { SshPage } from "@app/views/Project/SshPage";
-
-const Ssh = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="h-full bg-bunker-800">
-      <Head>
-        <title>{t("common.head-title", { title: "Certificates" })}</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-      </Head>
-      <SshPage />
-    </div>
-  );
-};
-
-export default Ssh;
-
-Ssh.requireAuth = true;
diff --git a/frontend-next/src/pages/verify-email.tsx b/frontend-next/src/pages/verify-email.tsx
deleted file mode 100644
index 995e60ed8..000000000
--- a/frontend-next/src/pages/verify-email.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { FormEvent, useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-
-import Button from "@app/components/basic/buttons/Button";
-import InputField from "@app/components/basic/InputField";
-import { EmailServiceSetupModal } from "@app/components/v2";
-import { usePopUp } from "@app/hooks";
-import { useSendPasswordResetEmail } from "@app/hooks/api";
-import { useFetchServerStatus } from "@app/hooks/api/serverDetails";
-
-export default function VerifyEmail() {
-  const [loading, setLoading] = useState(false);
-  const [email, setEmail] = useState("");
-  const [step, setStep] = useState(1);
-  const { data: serverDetails } = useFetchServerStatus();
-  const { handlePopUpToggle, popUp, handlePopUpOpen } = usePopUp(["setUpEmail"] as const);
-
-  const { mutateAsync } = useSendPasswordResetEmail();
-
-  /**
-   * This function sends the verification email and forwards a user to the next step.
-   */
-  const sendVerificationEmail = async () => {
-    if (email) {
-      await mutateAsync({ email });
-      setStep(2);
-    }
-  };
-
-  const onSubmit = (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    setLoading(true);
-
-    if (serverDetails?.emailConfigured) {
-      sendVerificationEmail();
-    } else {
-      handlePopUpOpen("setUpEmail");
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="flex h-screen flex-col justify-start bg-bunker-800 px-6">
-      <Head>
-        <title>Login</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="Verify your email in Infisical" />
-        <meta
-          name="og:description"
-          content="Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files."
-        />
-      </Head>
-      <Link href="/">
-        <div className="mb-8 mt-20 flex cursor-pointer justify-center">
-          <Image src="/images/biglogo.png" height={90} width={120} alt="long logo" />
-        </div>
-      </Link>
-      {step === 1 && (
-        <form
-          onSubmit={onSubmit}
-          className="h-7/12 mx-auto w-full max-w-md rounded-xl bg-bunker px-6 py-4 pt-8 drop-shadow-xl"
-        >
-          <p className="mx-auto mb-6 flex w-max justify-center text-2xl font-semibold text-bunker-100 md:text-3xl">
-            Forgot your password?
-          </p>
-          <div className="mt-4 flex flex-row items-center justify-center md:mx-2 md:pb-4">
-            <p className="flex w-max justify-center text-sm text-gray-400">
-              You will need your emergency kit. Enter your email to start account recovery.
-            </p>
-          </div>
-          <div className="mt-4 flex max-h-24 w-full items-center justify-center rounded-lg md:mt-0 md:max-h-28 md:p-2">
-            <InputField
-              label="Email"
-              onChangeHandler={setEmail}
-              type="email"
-              value={email}
-              placeholder=""
-              isRequired
-              autoComplete="username"
-            />
-          </div>
-          <div className="mx-auto mt-4 flex max-h-20 w-full max-w-md flex-col items-center justify-center text-sm md:p-2">
-            <div className="text-l m-8 mt-6 px-8 py-3 text-lg">
-              <Button
-                type="submit"
-                text="Continue"
-                size="lg"
-                onButtonPressed={() => {}}
-                loading={loading}
-              />
-            </div>
-          </div>
-        </form>
-      )}
-      {step === 2 && (
-        <div className="h-7/12 mx-auto w-full max-w-md rounded-xl bg-bunker py-4 px-6 pt-8 drop-shadow-xl">
-          <p className="mx-auto mb-6 flex w-max justify-center text-xl font-semibold text-bunker-100 md:text-2xl">
-            Look for an email in your inbox.
-          </p>
-          <div className="mt-4 flex flex-row items-center justify-center md:mx-2 md:pb-4">
-            <p className="flex w-max justify-center text-center text-sm text-gray-400">
-              An email with instructions has been sent to {email}.
-            </p>
-          </div>
-        </div>
-      )}
-
-      <EmailServiceSetupModal
-        isOpen={popUp.setUpEmail?.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("setUpEmail", isOpen)}
-      />
-    </div>
-  );
-}
diff --git a/frontend-next/src/reactQuery.tsx b/frontend-next/src/reactQuery.tsx
deleted file mode 100644
index 0cfe0180f..000000000
--- a/frontend-next/src/reactQuery.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import { MutationCache, QueryClient } from "@tanstack/react-query";
-import axios from "axios";
-
-import { createNotification } from "@app/components/notifications";
-
-// akhilmhdh: doing individual imports to avoid cyclic import error
-import { Button } from "./components/v2/Button";
-import { Modal, ModalContent, ModalTrigger } from "./components/v2/Modal";
-import { Table, TableContainer, TBody, Td, Th, THead, Tr } from "./components/v2/Table";
-import {
-  formatedConditionsOperatorNames,
-  PermissionConditionOperators
-} from "./context/ProjectPermissionContext/types";
-import { ApiErrorTypes, TApiErrors } from "./hooks/api/types";
-
-// this is saved in react-query cache
-export const SIGNUP_TEMP_TOKEN_CACHE_KEY = ["infisical__signup-temp-token"];
-export const MFA_TEMP_TOKEN_CACHE_KEY = ["infisical__mfa-temp-token"];
-export const AUTH_TOKEN_CACHE_KEY = ["infisical__auth-token"];
-
-const camelCaseToSpaces = (input: string) => {
-  return input.replace(/([a-z])([A-Z])/g, "$1 $2");
-};
-
-export const queryClient = new QueryClient({
-  mutationCache: new MutationCache({
-    onError: (error) => {
-      if (axios.isAxiosError(error)) {
-        const serverResponse = error.response?.data as TApiErrors;
-        if (serverResponse?.error === ApiErrorTypes.ValidationError) {
-          createNotification(
-            {
-              title: "Validation Error",
-              type: "error",
-              text: "Please check the input and try again.",
-              callToAction: (
-                <Modal>
-                  <ModalTrigger>
-                    <Button variant="outline_bg" size="xs">
-                      Show more
-                    </Button>
-                  </ModalTrigger>
-                  <ModalContent title="Validation Error Details">
-                    <TableContainer>
-                      <Table>
-                        <THead>
-                          <Tr>
-                            <Th>Field</Th>
-                            <Th>Issue</Th>
-                          </Tr>
-                        </THead>
-                        <TBody>
-                          {serverResponse.message?.map(({ message, path }) => (
-                            <Tr key={path.join(".")}>
-                              <Td>{path.join(".")}</Td>
-                              <Td>{message.toLowerCase()}</Td>
-                            </Tr>
-                          ))}
-                        </TBody>
-                      </Table>
-                    </TableContainer>
-                  </ModalContent>
-                </Modal>
-              ),
-              copyActions: [
-                {
-                  value: serverResponse.reqId,
-                  name: "Request ID",
-                  label: `Request ID: ${serverResponse.reqId}`
-                }
-              ]
-            },
-            { closeOnClick: false }
-          );
-          return;
-        }
-        if (serverResponse?.error === ApiErrorTypes.ForbiddenError) {
-          createNotification(
-            {
-              title: "Forbidden Access",
-              type: "error",
-              text: `${serverResponse.message}.`,
-              callToAction: serverResponse?.details?.length ? (
-                <Modal>
-                  <ModalTrigger>
-                    <Button variant="outline_bg" size="xs">
-                      Show more
-                    </Button>
-                  </ModalTrigger>
-                  <ModalContent
-                    title="Validation Rules"
-                    subTitle="Please review the allowed rules below."
-                  >
-                    <div className="flex flex-col gap-2">
-                      {serverResponse.details?.map((el, index) => {
-                        const hasConditions = Boolean(Object.keys(el.conditions || {}).length);
-                        return (
-                          <div
-                            key={`Forbidden-error-details-${index + 1}`}
-                            className="rounded-md border border-gray-600 p-4"
-                          >
-                            <div>
-                              {el.inverted ? "Cannot" : "Can"}{" "}
-                              <span className="text-yellow-600">
-                                {el.action.toString().replaceAll(",", ", ")}
-                              </span>{" "}
-                              {el.subject.toString()} {hasConditions && "with conditions:"}
-                            </div>
-                            {hasConditions && (
-                              <ul className="flex list-disc flex-col gap-1 pl-5 pt-2 text-sm">
-                                {Object.keys(el.conditions || {}).flatMap((field, fieldIndex) => {
-                                  const operators = (
-                                    el.conditions as Record<
-                                      string,
-                                      | string
-                                      | { [K in PermissionConditionOperators]: string | string[] }
-                                    >
-                                  )[field];
-
-                                  const formattedFieldName = camelCaseToSpaces(field).toLowerCase();
-                                  if (typeof operators === "string") {
-                                    return (
-                                      <li
-                                        key={`Forbidden-error-details-${index + 1}-${
-                                          fieldIndex + 1
-                                        }`}
-                                      >
-                                        <span className="font-bold capitalize">
-                                          {formattedFieldName}
-                                        </span>{" "}
-                                        <span className="text-mineshaft-200">equal to</span>{" "}
-                                        <span className="text-yellow-600">{operators}</span>
-                                      </li>
-                                    );
-                                  }
-
-                                  return Object.keys(operators).map((operator, operatorIndex) => (
-                                    <li
-                                      key={`Forbidden-error-details-${index + 1}-${
-                                        fieldIndex + 1
-                                      }-${operatorIndex + 1}`}
-                                    >
-                                      <span className="font-bold capitalize">
-                                        {formattedFieldName}
-                                      </span>{" "}
-                                      <span className="text-mineshaft-200">
-                                        {
-                                          formatedConditionsOperatorNames[
-                                            operator as PermissionConditionOperators
-                                          ]
-                                        }
-                                      </span>{" "}
-                                      <span className="text-yellow-600">
-                                        {operators[
-                                          operator as PermissionConditionOperators
-                                        ].toString()}
-                                      </span>
-                                    </li>
-                                  ));
-                                })}
-                              </ul>
-                            )}
-                          </div>
-                        );
-                      })}
-                    </div>
-                  </ModalContent>
-                </Modal>
-              ) : undefined,
-              copyActions: [
-                {
-                  value: serverResponse.reqId,
-                  name: "Request ID",
-                  label: `Request ID: ${serverResponse.reqId}`
-                }
-              ]
-            },
-            { closeOnClick: false }
-          );
-          return;
-        }
-        createNotification({
-          title: "Bad Request",
-          type: "error",
-          text: `${serverResponse.message}.`,
-          copyActions: [
-            {
-              value: serverResponse.reqId,
-              name: "Request ID",
-              label: `Request ID: ${serverResponse.reqId}`
-            }
-          ]
-        });
-      }
-    }
-  }),
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false,
-      retry: 1
-    }
-  }
-});
-
-// memory token storage will be moved to apiRequest module until securityclient is completely depreciated
-// then all the getters will be also hidden scoped to apiRequest only
-const MemoryTokenStorage = () => {
-  let authToken: string;
-
-  return {
-    setToken: (token: string) => {
-      authToken = token;
-    },
-    getToken: () => authToken
-  };
-};
-
-const signUpTempTokenStorage = MemoryTokenStorage();
-const mfaAuthTokenStorage = MemoryTokenStorage();
-const authTokenStorage = MemoryTokenStorage();
-
-// set token in memory cache
-export const setSignupTempToken = signUpTempTokenStorage.setToken;
-
-export const setMfaTempToken = mfaAuthTokenStorage.setToken;
-
-export const setAuthToken = authTokenStorage.setToken;
-
-export const getSignupTempToken = signUpTempTokenStorage.getToken;
-export const getMfaTempToken = mfaAuthTokenStorage.getToken;
-export const getAuthToken = authTokenStorage.getToken;
-
-export const isLoggedIn = () => Boolean(getAuthToken());
diff --git a/frontend-next/src/services/KeyService.ts b/frontend-next/src/services/KeyService.ts
deleted file mode 100644
index 1cbc06cd3..000000000
--- a/frontend-next/src/services/KeyService.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import {
-  decryptAssymmetric,
-  encryptAssymmetric
-} from "@app/components/utilities/cryptography/crypto";
-import { decryptPrivateKeyHelper } from "@app/helpers/key";
-
-/**
- * Class to handle key actions
- * TODO: in future, all private key-related encryption operations
- * must pass through this class
- */
-class KeyService {
-  private static privateKey: string = "";
-
-  static setPrivateKey(privateKey: string) {
-    KeyService.privateKey = privateKey;
-  }
-
-  /** Return the user's decrypted private key
-   * @param {Object} obj
-   * @param {Number} obj.encryptionVersion
-   * @param {String} obj.encryptedPrivateKey
-   * @param {String} obj.iv
-   * @param {String} obj.tag
-   * @param {String} obj.password
-   * @param {String} obj.salt
-   * @param {String} obj.protectedKey
-   * @param {String} obj.protectedKeyIV
-   * @param {String} obj.protectedKeyTag
-   * @returns {String} privateKey - decrypted private key
-   */
-  static async decryptPrivateKey({
-    encryptionVersion,
-    encryptedPrivateKey,
-    iv,
-    tag,
-    password,
-    salt,
-    protectedKey,
-    protectedKeyIV,
-    protectedKeyTag
-  }: {
-    encryptionVersion: number;
-    encryptedPrivateKey: string;
-    iv: string;
-    tag: string;
-    password: string;
-    salt: string;
-    protectedKey?: string;
-    protectedKeyIV?: string;
-    protectedKeyTag?: string;
-  }) {
-    return decryptPrivateKeyHelper({
-      encryptionVersion,
-      encryptedPrivateKey,
-      iv,
-      tag,
-      password,
-      salt,
-      protectedKey,
-      protectedKeyIV,
-      protectedKeyTag
-    });
-  }
-
-  /**
-   * Return [plaintext] encrypted by the user's private key
-   * @param {Object} obj
-   * @param {String} obj.plaintext - plaintext to encrypt
-   */
-  static encryptWithPrivateKey({ plaintext, publicKey }: { plaintext: string; publicKey: string }) {
-    return encryptAssymmetric({
-      plaintext,
-      publicKey,
-      privateKey: KeyService.privateKey
-    });
-  }
-
-  /**
-   * Return [ciphertext] decrypted by the user's private key
-   * @param {Object} obj
-   * @param {String} obj.ciphertext - ciphertext to decrypt
-   * @param {String} obj.ciphertext - iv of ciphertext
-   * @param {String} obj.ciphertext - tag of ciphertext
-   */
-  static decryptWithPrivateKey({
-    ciphertext,
-    nonce,
-    publicKey
-  }: {
-    ciphertext: string;
-    nonce: string;
-    publicKey: string;
-  }) {
-    return decryptAssymmetric({
-      ciphertext,
-      nonce,
-      publicKey,
-      privateKey: KeyService.privateKey
-    });
-  }
-}
-
-export default KeyService;
diff --git a/frontend-next/src/services/ProjectService.ts b/frontend-next/src/services/ProjectService.ts
deleted file mode 100644
index afdc7c9f9..000000000
--- a/frontend-next/src/services/ProjectService.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { initProjectHelper } from "@app/helpers/project";
-
-class ProjectService {
-  /**
-   * Create and initialize a new project in organization with id [organizationId]
-   * Note: current user should be a member of the organization
-   * @param {Object} obj
-   * @param {String} obj.organizationId - id of organization
-   * @param {String} obj.projectName - name of new project
-   * @returns {Project} project - new project
-   */
-  static async initProject({ projectName }: { projectName: string }) {
-    return initProjectHelper({
-      projectName
-    });
-  }
-}
-
-export default ProjectService;
diff --git a/frontend-next/src/services/index.ts b/frontend-next/src/services/index.ts
deleted file mode 100644
index 53addcd23..000000000
--- a/frontend-next/src/services/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import KeyService from "./KeyService";
-import ProjectService from "./ProjectService";
-
-export { KeyService, ProjectService };
diff --git a/frontend-next/src/styles/globals.css b/frontend-next/src/styles/globals.css
deleted file mode 100644
index 916244a5a..000000000
--- a/frontend-next/src/styles/globals.css
+++ /dev/null
@@ -1,193 +0,0 @@
-@tailwind base;
-@tailwind components;
-
-html {
-  @apply overflow-hidden;
-}
-
-:root {
-  --toastify-color-dark: theme(colors.mineshaft.700);
-}
-
-.Toastify__toast {
-  @apply rounded-md;
-}
-
-.Toastify__toast-body {
-  @apply items-start;
-}
-
-.Toastify__toast-icon {
-  @apply w-4 pt-1;
-}
-
-.rdp-day,
-.rdp-nav_button {
-  @apply rounded-md hover:text-mineshaft-500;
-}
-
-.rdp-button:hover:not([disabled]):not(.rdp-day_selected),
-.rdp-nav_button:hover {
-  @apply bg-primary;
-}
-
-.rdp-day_today {
-  @apply bg-primary/50 text-mineshaft-500 hover:bg-primary-600;
-}
-
-@tailwind utilities;
-
-@layer utilities {
-  .flex-0 {
-    flex: 0;
-  }
-  .flex-2 {
-    flex-grow: 2;
-  }
-
-  .flex-3 {
-    flex-grow: 3;
-  }
-
-  .min-table-row {
-    width: 1%;
-    white-space: nowrap;
-  }
-
-  .w-inherit {
-    width: inherit;
-  }
-
-  .h-inherit {
-    height: inherit;
-  }
-}
-
-@layer components {
-  .secret-table {
-    @apply w-full bg-mineshaft-800 text-left text-bunker-300;
-  }
-
-  /* padding except for comment column */
-  .secret-table th {
-    @apply py-2 px-4 font-medium;
-  }
-
-  .secret-table td {
-    @apply py-1 px-1 pr-2 text-sm;
-  }
-
-  .secret-table th:not(:last-child),
-  .secret-table td:not(:last-child) {
-    @apply border-r border-mineshaft-600;
-  }
-
-  .secret-table tr {
-    @apply border-b border-mineshaft-600;
-  }
-
-  .breadcrumb::after,
-  .breadcrumb::before {
-    content: "";
-    height: 60%;
-    width: 100%;
-    z-index: -1;
-    display: block;
-    position: absolute;
-    @apply bg-mineshaft-800;
-  }
-
-  .breadcrumb:hover::before {
-    @apply bg-mineshaft-600;
-  }
-
-  .breadcrumb:hover::after {
-    @apply bg-mineshaft-600;
-  }
-
-  .breadcrumb::after {
-    left: 4px;
-    bottom: -2.5px;
-    transform: skew(-30deg);
-  }
-
-  .breadcrumb::before {
-    left: 4px;
-    top: -2.5px;
-    transform: skew(30deg);
-  }
-
-  .thin-scrollbar::-webkit-scrollbar {
-    width: 0.25rem;
-    background-color: transparent;
-  }
-
-  .thin-scrollbar::-webkit-scrollbar-thumb {
-    background-color: gray;
-  }
-
-  .thin-scrollbar {
-    scrollbar-width: thin;
-    scrollbar-color: gray transparent;
-  }
-
-  #nprogress .bar {
-    @apply bg-primary-400;
-  }
-}
-.tags-conic-bg {
-  background: conic-gradient(
-    rgb(235, 87, 87),
-    rgb(242, 201, 76),
-    rgb(76, 183, 130),
-    rgb(78, 167, 252),
-    rgb(250, 96, 122)
-  );
-}
-
-.tree-line::before {
-  content: "";
-  position: absolute;
-  left: -16px;
-  top: 1px;
-  bottom: 0;
-  width: 1px;
-  height: 50%;
-  background-color: #cbd5e0;
-}
-
-.tree-line::after {
-  content: "";
-  position: absolute;
-  left: -16px;
-  top: 50%;
-  width: 12px;
-  height: 1px;
-  background-color: #cbd5e0;
-}
-
-.show-tags {
-  transform: translateY(10px);
-  transition: all 0.2s;
-  opacity: 1;
-}
-.hide-tags {
-  transform: translateY(-20px);
-  transition: all 0.2s;
-  opacity: 0;
-}
-
-.show-hex-input {
-  transform: translateY(-33px);
-  transition: all 0.2s;
-  opacity: 1;
-}
-.hide-hex-input {
-  transform: translateY(20px);
-  transition: all 0.2s;
-  opacity: 0;
-}
-
-@import "@fontsource/inter/400.css";
-@import "@fontsource/inter/500.css";
-@import "@fontsource/inter/700.css";
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/IntegrationDetailsPage.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/IntegrationDetailsPage.tsx
deleted file mode 100644
index 6fe2a1562..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/IntegrationDetailsPage.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis, faRefresh, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { integrationSlugNameMapping } from "public/data/frequentConstants";
-import { twMerge } from "tailwind-merge";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useUser,
-  useWorkspace
-} from "@app/context";
-import { useGetIntegration } from "@app/hooks/api";
-import { useSyncIntegration } from "@app/hooks/api/integrations/queries";
-
-import { IntegrationAuditLogsSection } from "./components/IntegrationAuditLogsSection";
-import { IntegrationConnectionSection } from "./components/IntegrationConnectionSection";
-import { IntegrationDetailsSection } from "./components/IntegrationDetailsSection";
-import { IntegrationSettingsSection } from "./components/IntegrationSettingsSection";
-
-export const IntegrationDetailsPage = () => {
-  const router = useRouter();
-  const integrationId = router.query.integrationId as string;
-
-  const { data: integration } = useGetIntegration(integrationId, {
-    refetchInterval: 4000
-  });
-
-  const projectId = useWorkspace().currentWorkspace?.id;
-  const { mutateAsync: syncIntegration } = useSyncIntegration();
-  const { currentOrg } = useOrganization();
-
-  return integration ? (
-    <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-      <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-        <Button
-          variant="link"
-          type="submit"
-          leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-          onClick={() => {
-            router.push(`/integrations/${projectId}`);
-          }}
-          className="mb-4"
-        >
-          Integrations
-        </Button>
-        <div className="mb-4 flex items-center justify-between">
-          <p className="text-3xl font-semibold text-white">
-            {integrationSlugNameMapping[integration.integration]} Integration
-          </p>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild className="rounded-lg">
-              <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                <Tooltip content="More options">
-                  <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                </Tooltip>
-              </div>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="start" className="p-1">
-              <DropdownMenuItem
-                onClick={async () => {
-                  await syncIntegration({
-                    id: integration.id,
-                    lastUsed: integration.lastUsed!,
-                    workspaceId: projectId!
-                  });
-                }}
-              >
-                <div className="flex items-center gap-2">
-                  <FontAwesomeIcon icon={faRefresh} />
-                  Manually Sync
-                </div>
-              </DropdownMenuItem>
-              <OrgPermissionCan I={OrgPermissionActions.Delete} a={OrgPermissionSubjects.Member}>
-                {(isAllowed) => (
-                  <DropdownMenuItem
-                    className={twMerge(
-                      isAllowed
-                        ? "hover:!bg-red-500 hover:!text-white"
-                        : "pointer-events-none cursor-not-allowed opacity-50"
-                    )}
-                    onClick={() => {}}
-                    disabled={!isAllowed}
-                  >
-                    <div className="flex items-center gap-2">
-                      <FontAwesomeIcon icon={faTrash} />
-                      Delete Integration
-                    </div>
-                  </DropdownMenuItem>
-                )}
-              </OrgPermissionCan>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-
-        <div className="flex justify-center">
-          <div className="mr-4 w-96">
-            <IntegrationDetailsSection integration={integration} />
-            <IntegrationConnectionSection integration={integration} />
-          </div>
-          <div className="space-y-4">
-            <IntegrationSettingsSection integration={integration} />
-            <IntegrationAuditLogsSection orgId={currentOrg?.id || ""} integration={integration} />
-          </div>
-        </div>
-      </div>
-    </div>
-  ) : null;
-};
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationAuditLogsSection.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationAuditLogsSection.tsx
deleted file mode 100644
index e7aa5b2f5..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationAuditLogsSection.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import Link from "next/link";
-
-import { EmptyState } from "@app/components/v2";
-import { useSubscription } from "@app/context";
-import { EventType } from "@app/hooks/api/auditLogs/enums";
-import { TIntegrationWithEnv } from "@app/hooks/api/integrations/types";
-import { LogsSection } from "@app/views/Org/AuditLogsPage/components";
-
-// Add more events if needed
-const INTEGRATION_EVENTS = [EventType.INTEGRATION_SYNCED];
-
-type Props = {
-  integration: TIntegrationWithEnv;
-  orgId: string;
-};
-
-export const IntegrationAuditLogsSection = ({ integration, orgId }: Props) => {
-  const { subscription, isLoading } = useSubscription();
-
-  const auditLogsRetentionDays = subscription?.auditLogsRetentionDays ?? 30;
-
-  // eslint-disable-next-line no-nested-ternary
-  return subscription?.auditLogs ? (
-    <div className="h-full w-full min-w-[51rem] rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <p className="text-lg font-semibold text-gray-200">Integration Logs</p>
-        <p className="text-xs text-gray-400">
-          Displaying audit logs from the last {auditLogsRetentionDays} days
-        </p>
-      </div>
-      <LogsSection
-        refetchInterval={4000}
-        remappedHeaders={{
-          Metadata: "Sync Status"
-        }}
-        showFilters={false}
-        presets={{
-          eventMetadata: { integrationId: integration.id },
-          startDate: new Date(new Date().setDate(new Date().getDate() - auditLogsRetentionDays)),
-          eventType: INTEGRATION_EVENTS
-        }}
-        filterClassName="bg-mineshaft-900 static"
-      />
-    </div>
-  ) : !isLoading ? (
-    <div className="h-full w-full min-w-[51rem] rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4 opacity-60">
-      <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <p className="text-lg font-semibold text-gray-200">Integration Logs</p>
-      </div>
-      <EmptyState
-        className="rounded-lg"
-        title={
-          <div>
-            <p>
-              Please{" "}
-              <Link
-                href={
-                  subscription && subscription.slug !== null
-                    ? `/org${orgId}/billing`
-                    : "https://infisical.com/scheduledemo"
-                }
-                passHref
-              >
-                <a
-                  className="cursor-pointer font-medium text-primary-500 transition-all hover:text-primary-600"
-                  target="_blank"
-                >
-                  upgrade your subscription
-                </a>
-              </Link>{" "}
-              to view integration logs
-            </p>
-          </div>
-        }
-      />
-    </div>
-  ) : null;
-};
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationConnectionSection.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationConnectionSection.tsx
deleted file mode 100644
index 465760996..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationConnectionSection.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import { integrationSlugNameMapping } from "public/data/frequentConstants";
-
-import { FormLabel } from "@app/components/v2";
-import { CircleCiScope } from "@app/hooks/api/integrationAuth/types";
-import { IntegrationMappingBehavior, TIntegrationWithEnv } from "@app/hooks/api/integrations/types";
-
-type Props = {
-  integration: TIntegrationWithEnv;
-};
-
-export const IntegrationConnectionSection = ({ integration }: Props) => {
-  const specifcQoveryDetails = () => {
-    if (integration.integration !== "qovery") return null;
-
-    return (
-      <div className="flex flex-row">
-        <div className="flex flex-col">
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Organization" />
-          <div className="text-sm text-mineshaft-300">{integration?.owner || "-"}</div>
-        </div>
-        <div className="flex flex-col">
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Project" />
-          <div className="text-sm text-mineshaft-300">{integration?.targetService || "-"}</div>
-        </div>
-        <div className="flex flex-col">
-          <FormLabel
-            className="text-sm font-semibold text-mineshaft-300"
-            label="Target Environment"
-          />
-          <div className="text-sm text-mineshaft-300">{integration?.targetEnvironment || "-"}</div>
-        </div>
-      </div>
-    );
-  };
-
-  const isNotAwsManagerOneToOneDetails = () => {
-    const isAwsSecretManagerOneToOne =
-      integration.integration === "aws-secret-manager" &&
-      integration.metadata?.mappingBehavior === IntegrationMappingBehavior.ONE_TO_ONE;
-
-    if (isAwsSecretManagerOneToOne) {
-      return null;
-    }
-
-    const formLabel = () => {
-      switch (integration.integration) {
-        case "qovery":
-          return integration.scope;
-        case "circleci":
-          if (integration.scope === CircleCiScope.Context) {
-            return "Context";
-          }
-
-          return "Project";
-        case "terraform-cloud":
-          return "Project";
-        case "aws-secret-manager":
-          return "Secret";
-        case "aws-parameter-store":
-        case "rundeck":
-          return "Path";
-        case "bitbucket":
-          return "Repository";
-        case "octopus-deploy":
-          return "Project";
-        case "github":
-          if (["github-env", "github-repo"].includes(integration.scope!)) {
-            return "Repository";
-          }
-          return "Organization";
-
-        default:
-          return "App";
-      }
-    };
-
-    const contents = () => {
-      switch (integration.integration) {
-        case "hashicorp-vault":
-          return `${integration.app} - path: ${integration.path}`;
-        case "github":
-          if (integration.scope === "github-org") {
-            return `${integration.owner}`;
-          }
-          return `${integration.owner}/${integration.app}`;
-        case "aws-parameter-store":
-        case "rundeck":
-          return `${integration.path}`;
-
-        default:
-          return `${integration.app}`;
-      }
-    };
-
-    return (
-      <div className="flex flex-col">
-        <FormLabel className="text-sm font-semibold text-mineshaft-300" label={formLabel()} />
-        <div className="text-sm text-mineshaft-300">{contents()}</div>
-      </div>
-    );
-  };
-
-  const targetEnvironmentDetails = () => {
-    if (integration.integration === "bitbucket") {
-      return (
-        <div className="flex flex-col">
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Workspace" />
-          <div className="text-sm text-mineshaft-300">
-            {integration.targetEnvironment || integration.targetEnvironmentId}
-          </div>
-        </div>
-      );
-    }
-
-    if (integration.integration === "octopus-deploy") {
-      return (
-        <div>
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Space" />
-          <div className="text-sm text-mineshaft-300">{integration.targetEnvironment}</div>
-        </div>
-      );
-    }
-
-    if (
-      ["vercel", "netlify", "railway", "gitlab", "teamcity"].includes(integration.integration) ||
-      (integration.integration === "github" && integration.scope === "github-env")
-    ) {
-      return (
-        <div className="flex flex-col">
-          <FormLabel
-            className="text-sm font-semibold text-mineshaft-300"
-            label="Target Environment"
-          />
-          <div className="text-sm text-mineshaft-300">
-            {integration.targetEnvironment || integration.targetEnvironmentId}
-          </div>
-        </div>
-      );
-    }
-
-    return null;
-  };
-
-  const generalIntegrationSpecificDetails = () => {
-    if (integration.integration === "checkly" && integration.targetService) {
-      return (
-        <div>
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Group" />
-          <div className="text-sm text-mineshaft-300">{integration.targetService}</div>
-        </div>
-      );
-    }
-
-    if (integration.integration === "circleci" && integration.owner) {
-      return (
-        <div>
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Organization" />
-          <div className="text-sm text-mineshaft-300">{integration.owner}</div>
-        </div>
-      );
-    }
-
-    if (integration.integration === "terraform-cloud" && integration.targetService) {
-      return (
-        <div>
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Category" />
-          <div className="text-sm text-mineshaft-300">{integration.targetService}</div>
-        </div>
-      );
-    }
-
-    if (integration.integration === "checkly" || integration.integration === "github") {
-      return (
-        <div>
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Secret Suffix" />
-          <div className="text-sm text-mineshaft-300">
-            {integration?.metadata?.secretSuffix || "-"}
-          </div>
-        </div>
-      );
-    }
-
-    if (integration.integration === "bitbucket" && integration.targetServiceId) {
-      return (
-        <div>
-          <FormLabel
-            className="text-sm font-semibold text-mineshaft-300"
-            label="Deployment Environment"
-          />
-          <div className="text-sm text-mineshaft-300">{integration.targetService}</div>
-        </div>
-      );
-    }
-
-    return null;
-  };
-
-  return (
-    <div className="mt-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Connection</h3>
-      </div>
-
-      <div className="mt-4">
-        <FormLabel className="my-2" label="Source" />
-
-        <div className="space-y-2 rounded-lg border border-mineshaft-700 bg-mineshaft-800 p-2">
-          <div className="flex flex-col">
-            <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Environment" />
-            <div className="text-sm text-mineshaft-300">{integration.environment.name}</div>
-          </div>
-          <div className="flex flex-col">
-            <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Secret Path" />
-            <div className="text-sm text-mineshaft-300">{integration.secretPath}</div>
-          </div>
-        </div>
-
-        <FormLabel className="my-2" label="Destination" />
-        <div className="space-y-2 rounded-lg border border-mineshaft-700 bg-mineshaft-800 p-2">
-          <FormLabel className="text-sm font-semibold text-mineshaft-300" label="Platform" />
-          <div className="text-sm text-mineshaft-300">
-            {integrationSlugNameMapping[integration.integration]}
-          </div>
-
-          {specifcQoveryDetails()}
-          {isNotAwsManagerOneToOneDetails()}
-          {targetEnvironmentDetails()}
-          {generalIntegrationSpecificDetails()}
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationDetailsSection.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationDetailsSection.tsx
deleted file mode 100644
index d2ffeb906..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationDetailsSection.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { faCalendarCheck, faCheckCircle, faCircleXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { integrationSlugNameMapping } from "public/data/frequentConstants";
-import { twMerge } from "tailwind-merge";
-
-import { TIntegrationWithEnv } from "@app/hooks/api/integrations/types";
-
-type Props = {
-  integration: TIntegrationWithEnv;
-};
-
-export const IntegrationDetailsSection = ({ integration }: Props) => {
-  return (
-    <div>
-      <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-          <h3 className="text-lg font-semibold text-mineshaft-100">Integration Details</h3>
-        </div>
-        <div className="mt-4">
-          <div className="space-y-3">
-            <div>
-              <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-              <p className="text-sm text-mineshaft-300">
-                {integrationSlugNameMapping[integration.integration]}
-              </p>
-            </div>
-            <div>
-              <p className="text-sm font-semibold text-mineshaft-300">Sync Status</p>
-              <div className="flex items-center">
-                <p
-                  className={twMerge(
-                    "mr-2 text-sm font-medium",
-                    integration.isSynced ? "text-green-500" : "text-red-500"
-                  )}
-                >
-                  {integration.isSynced ? "Synced" : "Not Synced"}
-                </p>
-                <FontAwesomeIcon
-                  size="sm"
-                  className={twMerge(integration.isSynced ? "text-green-500" : "text-red-500")}
-                  icon={integration.isSynced ? faCheckCircle : faCircleXmark}
-                />
-              </div>
-            </div>
-            {integration.lastUsed && (
-              <div>
-                <p className="text-sm font-semibold text-mineshaft-300">Latest Successful Sync</p>
-                <div className="flex items-center gap-2 text-sm text-mineshaft-300">
-                  {format(new Date(integration.lastUsed), "yyyy-MM-dd, hh:mm aaa")}
-                  <FontAwesomeIcon icon={faCalendarCheck} className="pt-0.5 pr-2 text-sm" />
-                </div>
-              </div>
-            )}
-
-            <div>
-              {!integration.isSynced && integration.syncMessage && (
-                <>
-                  <p className="text-sm font-semibold text-mineshaft-300">Latest Sync Error</p>
-                  <p className="text-sm text-mineshaft-300">{integration.syncMessage}</p>
-                </>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationSettingsSection.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationSettingsSection.tsx
deleted file mode 100644
index 0b8174c18..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/IntegrationSettingsSection.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { TIntegrationWithEnv } from "@app/hooks/api/integrations/types";
-import { OctopusDeployScopeValues } from "@app/views/IntegrationsPage/IntegrationDetailsPage/components/OctopusDeployScopeValues";
-
-type Props = {
-  integration: TIntegrationWithEnv;
-};
-
-type Metadata = NonNullable<TIntegrationWithEnv["metadata"]>;
-type MetadataKey = keyof Metadata;
-type MetadataValue<K extends MetadataKey> = Metadata[K];
-
-const metadataMappings: Record<keyof NonNullable<TIntegrationWithEnv["metadata"]>, string> = {
-  githubVisibility: "Github Visibility",
-  githubVisibilityRepoIds: "Github Visibility Repo Ids",
-  shouldAutoRedeploy: "Auto Redeploy Target Application When Secrets Change",
-  secretAWSTag: "Tags For Secrets Stored In AWS",
-  azureLabel: "Azure Label",
-  kmsKeyId: "AWS KMS Key ID",
-  secretSuffix: "Secret Suffix",
-  secretPrefix: "Secret Prefix",
-  syncBehavior: "Secrets Sync behavior",
-  initialSyncBehavior: "Initial Sync Behavior",
-  mappingBehavior: "Secrets Mapping Behavior",
-  scope: "Scope",
-  org: "Organization",
-  project: "Project",
-  environment: "Environment",
-  shouldDisableDelete: "AWS Secret Deletion Disabled",
-  shouldMaskSecrets: "GitLab Secrets Masking Enabled",
-  shouldProtectSecrets: "GitLab Secret Protection Enabled",
-  shouldEnableDelete: "GitHub Secret Deletion Enabled",
-  octopusDeployScopeValues: "Octopus Deploy Scope Values",
-  awsIamRole: "AWS IAM Role",
-  region: "Region"
-} as const;
-
-export const IntegrationSettingsSection = ({ integration }: Props) => {
-  const renderValue = <K extends MetadataKey>(key: K, value: MetadataValue<K>) => {
-    if (!value) return null;
-
-    if (key === "octopusDeployScopeValues")
-      return <OctopusDeployScopeValues integration={integration} />;
-
-    // If it's a boolean, we render a generic "Yes" or "No" response.
-    if (typeof value === "boolean") {
-      return value ? "Yes" : "No";
-    }
-
-    // When the value is an object or array, or array of objects, we need to handle some special cases.
-    if (typeof value === "object") {
-      if (key === "secretAWSTag") {
-        return (value as MetadataValue<"secretAWSTag">)!.map(({ key: tagKey, value: tagValue }) => (
-          <p key={tagKey} className="text-sm text-gray-200">
-            {tagKey}={tagValue}
-          </p>
-        ));
-      }
-
-      if (key === "githubVisibilityRepoIds") {
-        return (value as string[]).join(", ");
-      }
-    }
-
-    if (typeof value === "string") {
-      return value.length ? value : "N/A";
-    }
-
-    if (typeof value === "number") {
-      return value;
-    }
-
-    return null;
-  };
-
-  if (!integration.metadata || Object.keys(integration.metadata).length === 0) {
-    return null;
-  }
-
-  // eslint-disable-next-line no-nested-ternary
-  return (
-    <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <p className="text-lg font-semibold text-gray-200">Integration Settings</p>
-      </div>
-      <div className="grid grid-cols-2 gap-4">
-        {integration.metadata &&
-          Object.entries(integration.metadata).map(([key, value]) => (
-            <div key={key} className="flex flex-col">
-              <p className="text-sm text-gray-400">
-                {!!value && metadataMappings[key as keyof typeof metadataMappings]}
-              </p>
-              <p className="text-sm text-gray-200">{renderValue(key as MetadataKey, value)}</p>
-            </div>
-          ))}
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/OctopusDeployScopeValues.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/OctopusDeployScopeValues.tsx
deleted file mode 100644
index d697e7725..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/components/OctopusDeployScopeValues.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { FormLabel, Spinner } from "@app/components/v2";
-import { useGetIntegrationAuthOctopusDeployScopeValues } from "@app/hooks/api/integrationAuth/queries";
-import {
-  OctopusDeployScope,
-  TOctopusDeployVariableSetScopeValues
-} from "@app/hooks/api/integrationAuth/types";
-import { TIntegration, TOctopusDeployScopeValues } from "@app/hooks/api/integrations/types";
-
-type OctopusDeployScopeValuesProps = {
-  integration: TIntegration;
-};
-
-// remove plural since Octopus Deploy can decide whether they want to use singular or plural...
-const modifyKey = (key: keyof TOctopusDeployVariableSetScopeValues) => {
-  switch (key) {
-    case "Processes":
-      return "ProcessOwner";
-    default:
-      return key.substring(0, key.length - 1);
-  }
-};
-
-export const OctopusDeployScopeValues = ({ integration }: OctopusDeployScopeValuesProps) => {
-  const hasScopeValues = Boolean(
-    Object.values(integration.metadata?.octopusDeployScopeValues ?? {}).some(
-      (values) => values.length > 0
-    )
-  );
-
-  const { data: scopeValues = {}, isLoading } = useGetIntegrationAuthOctopusDeployScopeValues(
-    {
-      scope: OctopusDeployScope.Project,
-      spaceId: integration.targetEnvironmentId!,
-      resourceId: integration.appId!,
-      integrationAuthId: integration.integrationAuthId
-    },
-    {
-      enabled: hasScopeValues
-    }
-  );
-
-  if (!integration.metadata?.octopusDeployScopeValues)
-    return <span className="text-sm text-mineshaft-400">Not Configured</span>;
-
-  if (isLoading) return <Spinner size="sm" className="mt-2 ml-2" />;
-
-  const scopeValuesMap = new Map(
-    Object.entries(scopeValues).map(([key, values]) => [
-      modifyKey(key as keyof TOctopusDeployVariableSetScopeValues),
-      new Map((values as { Name: string; Id: string }[]).map((value) => [value.Id, value.Name]))
-    ])
-  );
-
-  return (
-    <>
-      {Object.entries(integration.metadata.octopusDeployScopeValues).map(([key, values]) => {
-        if (!values.length) return null;
-
-        const getLabel = (scope: string) => {
-          switch (scope as keyof TOctopusDeployScopeValues) {
-            case "Role":
-              return "Target Tags";
-            case "Machine":
-              return "Targets";
-            case "ProcessOwner":
-              return "Processes";
-            case "Action":
-              return "Steps";
-            default:
-              return `${scope}s`;
-          }
-        };
-
-        return (
-          <div className="mt-4" key={key}>
-            <FormLabel className="text-sm font-semibold text-mineshaft-200" label={getLabel(key)} />
-
-            <div className="text-sm text-mineshaft-300">
-              {values
-                .map((value) => scopeValuesMap.get(key)?.get(value)!)
-                .map((name) => (
-                  <p key={name}>{name}</p>
-                ))}
-            </div>
-          </div>
-        );
-      })}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/index.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/index.tsx
deleted file mode 100644
index 145a6e2e0..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationDetailsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IntegrationDetailsPage } from "./IntegrationDetailsPage";
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationPage.utils.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationPage.utils.tsx
deleted file mode 100644
index 93083e72a..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationPage.utils.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import crypto from "crypto";
-
-import { createNotification } from "@app/components/notifications";
-import { TCloudIntegration, UserWsKeyPair } from "@app/hooks/api/types";
-
-import {
-  decryptAssymmetric,
-  encryptAssymmetric
-} from "../../components/utilities/cryptography/crypto";
-
-export const generateBotKey = (botPublicKey: string, latestKey: UserWsKeyPair) => {
-  const PRIVATE_KEY = localStorage.getItem("PRIVATE_KEY");
-
-  if (!PRIVATE_KEY) {
-    throw new Error("Private Key missing");
-  }
-
-  const WORKSPACE_KEY = decryptAssymmetric({
-    ciphertext: latestKey.encryptedKey,
-    nonce: latestKey.nonce,
-    publicKey: latestKey.sender.publicKey,
-    privateKey: PRIVATE_KEY
-  });
-
-  const { ciphertext, nonce } = encryptAssymmetric({
-    plaintext: WORKSPACE_KEY,
-    publicKey: botPublicKey,
-    privateKey: PRIVATE_KEY
-  });
-
-  return { encryptedKey: ciphertext, nonce };
-};
-
-export const createIntegrationMissingEnvVarsNotification = (
-  slug: string,
-  type: "cloud" | "cicd" = "cloud",
-  hashtag?: string
-) =>
-  createNotification({
-    type: "error",
-    text: (
-      <a
-        href={`https://infisical.com/docs/integrations/${type}/${slug}${
-          hashtag ? `#${hashtag}` : ""
-        }`}
-        target="_blank"
-        rel="noreferrer"
-        className="underline"
-      >
-        Click here to view docs
-      </a>
-    ),
-    title: "Missing Environment Variables"
-  });
-
-export const redirectForProviderAuth = (integrationOption: TCloudIntegration) => {
-  try {
-    // generate CSRF token for OAuth2 code-token exchange integrations
-    const state = crypto.randomBytes(16).toString("hex");
-    localStorage.setItem("latestCSRFToken", state);
-
-    let link = "";
-    switch (integrationOption.slug) {
-      case "gcp-secret-manager":
-        link = `${window.location.origin}/integrations/gcp-secret-manager/authorize`;
-        break;
-      case "azure-key-vault":
-        if (!integrationOption.clientId) {
-          createIntegrationMissingEnvVarsNotification(integrationOption.slug);
-          return;
-        }
-        link = `${window.location.origin}/integrations/azure-key-vault/authorize?clientId=${integrationOption.clientId}&state=${state}`;
-        break;
-      case "azure-app-configuration":
-        if (!integrationOption.clientId) {
-          createIntegrationMissingEnvVarsNotification(integrationOption.slug);
-          return;
-        }
-        link = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=${integrationOption.clientId}&response_type=code&redirect_uri=${window.location.origin}/integrations/azure-app-configuration/oauth2/callback&response_mode=query&scope=https://azconfig.io/.default openid offline_access&state=${state}`;
-        break;
-      case "aws-parameter-store":
-        link = `${window.location.origin}/integrations/aws-parameter-store/authorize`;
-        break;
-      case "aws-secret-manager":
-        link = `${window.location.origin}/integrations/aws-secret-manager/authorize`;
-        break;
-      case "heroku":
-        if (!integrationOption.clientId) {
-          createIntegrationMissingEnvVarsNotification(integrationOption.slug);
-          return;
-        }
-        link = `https://id.heroku.com/oauth/authorize?client_id=${integrationOption.clientId}&response_type=code&scope=write-protected&state=${state}`;
-        break;
-      case "vercel":
-        if (!integrationOption.clientSlug) {
-          createIntegrationMissingEnvVarsNotification(integrationOption.slug);
-          return;
-        }
-        link = `https://vercel.com/integrations/${integrationOption.clientSlug}/new?state=${state}`;
-        break;
-      case "netlify":
-        if (!integrationOption.clientId) {
-          createIntegrationMissingEnvVarsNotification(integrationOption.slug);
-          return;
-        }
-        link = `https://app.netlify.com/authorize?client_id=${integrationOption.clientId}&response_type=code&state=${state}&redirect_uri=${window.location.origin}/integrations/netlify/oauth2/callback`;
-        break;
-      case "github":
-        link = `${window.location.origin}/integrations/github/auth-mode-selection`;
-        break;
-      case "gitlab":
-        link = `${window.location.origin}/integrations/gitlab/authorize`;
-        break;
-      case "render":
-        link = `${window.location.origin}/integrations/render/authorize`;
-        break;
-      case "flyio":
-        link = `${window.location.origin}/integrations/flyio/authorize`;
-        break;
-      case "circleci":
-        link = `${window.location.origin}/integrations/circleci/authorize`;
-        break;
-      case "databricks":
-        link = `${window.location.origin}/integrations/databricks/authorize`;
-        break;
-      case "laravel-forge":
-        link = `${window.location.origin}/integrations/laravel-forge/authorize`;
-        break;
-      case "travisci":
-        link = `${window.location.origin}/integrations/travisci/authorize`;
-        break;
-      case "supabase":
-        link = `${window.location.origin}/integrations/supabase/authorize`;
-        break;
-      case "checkly":
-        link = `${window.location.origin}/integrations/checkly/authorize`;
-        break;
-      case "qovery":
-        link = `${window.location.origin}/integrations/qovery/authorize`;
-        break;
-      case "railway":
-        link = `${window.location.origin}/integrations/railway/authorize`;
-        break;
-      case "terraform-cloud":
-        link = `${window.location.origin}/integrations/terraform-cloud/authorize`;
-        break;
-      case "hashicorp-vault":
-        link = `${window.location.origin}/integrations/hashicorp-vault/authorize`;
-        break;
-      case "cloudflare-pages":
-        link = `${window.location.origin}/integrations/cloudflare-pages/authorize`;
-        break;
-      case "cloudflare-workers":
-        link = `${window.location.origin}/integrations/cloudflare-workers/authorize`;
-        break;
-      case "bitbucket":
-        if (!integrationOption.clientId) {
-          createIntegrationMissingEnvVarsNotification(integrationOption.slug, "cicd");
-          return;
-        }
-        link = `https://bitbucket.org/site/oauth2/authorize?client_id=${integrationOption.clientId}&response_type=code&redirect_uri=${window.location.origin}/integrations/bitbucket/oauth2/callback&state=${state}`;
-        break;
-      case "codefresh":
-        link = `${window.location.origin}/integrations/codefresh/authorize`;
-        break;
-      case "digital-ocean-app-platform":
-        link = `${window.location.origin}/integrations/digital-ocean-app-platform/authorize`;
-        break;
-      case "cloud-66":
-        link = `${window.location.origin}/integrations/cloud-66/authorize`;
-        break;
-      case "northflank":
-        link = `${window.location.origin}/integrations/northflank/authorize`;
-        break;
-      case "windmill":
-        link = `${window.location.origin}/integrations/windmill/authorize`;
-        break;
-      case "teamcity":
-        link = `${window.location.origin}/integrations/teamcity/authorize`;
-        break;
-      case "hasura-cloud":
-        link = `${window.location.origin}/integrations/hasura-cloud/authorize`;
-        break;
-      case "rundeck":
-        link = `${window.location.origin}/integrations/rundeck/authorize`;
-        break;
-      case "azure-devops":
-        link = `${window.location.origin}/integrations/azure-devops/authorize`;
-        break;
-      case "octopus-deploy":
-        link = `${window.location.origin}/integrations/octopus-deploy/authorize`;
-        break;
-      default:
-        break;
-    }
-
-    if (link !== "") {
-      window.location.assign(link);
-    }
-  } catch (err) {
-    console.error(err);
-  }
-};
-
-export const redirectToIntegrationAppConfigScreen = (provider: string, integrationAuthId: string) =>
-  `/integrations/${provider}/create?integrationAuthId=${integrationAuthId}`;
diff --git a/frontend-next/src/views/IntegrationsPage/IntegrationsPage.tsx b/frontend-next/src/views/IntegrationsPage/IntegrationsPage.tsx
deleted file mode 100644
index 3249e1eb5..000000000
--- a/frontend-next/src/views/IntegrationsPage/IntegrationsPage.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { motion } from "framer-motion";
-
-import { createNotification } from "@app/components/notifications";
-import { ContentLoader } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import {
-  useDeleteIntegration,
-  useDeleteIntegrationAuths,
-  useGetCloudIntegrations,
-  useGetWorkspaceAuthorizations,
-  useGetWorkspaceIntegrations
-} from "@app/hooks/api";
-import { IntegrationAuth } from "@app/hooks/api/types";
-
-import { CloudIntegrationSection } from "./components/CloudIntegrationSection";
-import { FrameworkIntegrationSection } from "./components/FrameworkIntegrationSection";
-import { InfrastructureIntegrationSection } from "./components/InfrastructureIntegrationSection/InfrastructureIntegrationSection";
-import { IntegrationsSection } from "./components/IntegrationsSection";
-import { redirectForProviderAuth } from "./IntegrationPage.utils";
-
-type Props = {
-  frameworkIntegrations: Array<{ name: string; slug: string; image: string; docsLink: string }>;
-  infrastructureIntegrations: Array<{
-    name: string;
-    slug: string;
-    image: string;
-    docsLink: string;
-  }>;
-};
-
-enum IntegrationView {
-  List = "list",
-  New = "new"
-}
-
-export const IntegrationsPage = withProjectPermission(
-  ({ frameworkIntegrations, infrastructureIntegrations }: Props) => {
-    const { currentWorkspace } = useWorkspace();
-    const workspaceId = currentWorkspace?.id || "";
-    const environments = currentWorkspace?.environments || [];
-    const [view, setView] = useState<IntegrationView>(IntegrationView.New);
-
-    const { data: cloudIntegrations, isLoading: isCloudIntegrationsLoading } =
-      useGetCloudIntegrations();
-
-    const {
-      data: integrationAuths,
-      isLoading: isIntegrationAuthLoading,
-      isFetching: isIntegrationAuthFetching
-    } = useGetWorkspaceAuthorizations(
-      workspaceId,
-      useCallback((data: IntegrationAuth[]) => {
-        const groupBy: Record<string, IntegrationAuth> = {};
-        data.forEach((el) => {
-          groupBy[el.integration] = el;
-        });
-        return groupBy;
-      }, [])
-    );
-
-    // mutation
-    const {
-      data: integrations,
-      isLoading: isIntegrationLoading,
-      isFetching: isIntegrationFetching,
-      isFetched: isIntegrationsFetched
-    } = useGetWorkspaceIntegrations(workspaceId);
-
-    const { mutateAsync: deleteIntegration } = useDeleteIntegration();
-    const {
-      mutateAsync: deleteIntegrationAuths,
-      isSuccess: isDeleteIntegrationAuthSuccess,
-      reset: resetDeleteIntegrationAuths
-    } = useDeleteIntegrationAuths();
-
-    const isIntegrationsAuthorizedEmpty = !Object.keys(integrationAuths || {}).length;
-    const isIntegrationsEmpty = !integrations?.length;
-    // summary: this use effect is trigger when all integration auths are removed thus deactivate bot
-    // details: so on successfully deleting an integration auth, immediately integration list is refeteched
-    // After the refetch is completed check if its empty. Then set bot active and reset the submit hook for isSuccess to go back to false
-    useEffect(() => {
-      if (
-        isDeleteIntegrationAuthSuccess &&
-        !isIntegrationFetching &&
-        !isIntegrationAuthFetching &&
-        isIntegrationsAuthorizedEmpty &&
-        isIntegrationsEmpty
-      ) {
-        resetDeleteIntegrationAuths();
-      }
-    }, [
-      isIntegrationFetching,
-      isDeleteIntegrationAuthSuccess,
-      isIntegrationAuthFetching,
-      isIntegrationsAuthorizedEmpty,
-      isIntegrationsEmpty
-    ]);
-
-    useEffect(() => {
-      setView(integrations?.length ? IntegrationView.List : IntegrationView.New);
-    }, [isIntegrationsFetched]);
-
-    const handleProviderIntegration = async (provider: string) => {
-      const selectedCloudIntegration = cloudIntegrations?.find(({ slug }) => provider === slug);
-      if (!selectedCloudIntegration) return;
-
-      try {
-        redirectForProviderAuth(selectedCloudIntegration);
-      } catch (error) {
-        console.error(error);
-      }
-    };
-
-    // function to strat integration for a provider
-    // confirmation to user passing the bot key for provider to get secret access
-    const handleProviderIntegrationStart = (provider: string) => {
-      handleProviderIntegration(provider);
-    };
-
-    const handleIntegrationDelete = async (
-      integrationId: string,
-      shouldDeleteIntegrationSecrets: boolean,
-      cb: () => void
-    ) => {
-      try {
-        await deleteIntegration({ id: integrationId, workspaceId, shouldDeleteIntegrationSecrets });
-        if (cb) cb();
-        createNotification({
-          type: "success",
-          text: "Deleted integration"
-        });
-      } catch (err) {
-        console.log(err);
-        createNotification({
-          type: "error",
-          text: "Failed to delete integration"
-        });
-      }
-    };
-
-    const handleIntegrationAuthRevoke = async (provider: string, cb?: () => void) => {
-      const integrationAuthForProvider = integrationAuths?.[provider];
-      if (!integrationAuthForProvider) return;
-
-      try {
-        await deleteIntegrationAuths({
-          integration: provider,
-          workspaceId
-        });
-        if (cb) cb();
-        createNotification({
-          type: "success",
-          text: "Revoked provider authentication"
-        });
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          type: "error",
-          text: "Failed to revoke provider authentication"
-        });
-      }
-    };
-
-    if (isIntegrationLoading || isCloudIntegrationsLoading)
-      return (
-        <div className="flex flex-col items-center gap-2">
-          <ContentLoader text={["Loading integrations..."]} />
-        </div>
-      );
-
-    return (
-      <div className="container relative mx-auto max-w-7xl pb-12 text-white">
-        <div className="relative">
-          {view === IntegrationView.List ? (
-            <motion.div
-              key="view-integrations"
-              transition={{ duration: 0.3 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-              className="w-full"
-            >
-              <IntegrationsSection
-                cloudIntegrations={cloudIntegrations}
-                onAddIntegration={() => setView(IntegrationView.New)}
-                isLoading={isIntegrationLoading}
-                integrations={integrations}
-                environments={environments}
-                onIntegrationDelete={handleIntegrationDelete}
-                workspaceId={workspaceId}
-              />
-            </motion.div>
-          ) : (
-            <motion.div
-              key="add-integration"
-              transition={{ duration: 0.3 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: 30 }}
-              className="w-full"
-            >
-              <CloudIntegrationSection
-                onViewActiveIntegrations={
-                  integrations?.length ? () => setView(IntegrationView.List) : undefined
-                }
-                isLoading={isCloudIntegrationsLoading || isIntegrationAuthLoading}
-                cloudIntegrations={cloudIntegrations}
-                integrationAuths={integrationAuths}
-                onIntegrationStart={handleProviderIntegrationStart}
-                onIntegrationRevoke={handleIntegrationAuthRevoke}
-              />
-              <FrameworkIntegrationSection frameworks={frameworkIntegrations} />
-              <InfrastructureIntegrationSection integrations={infrastructureIntegrations} />
-            </motion.div>
-          )}
-        </div>
-      </div>
-    );
-  },
-  {
-    action: ProjectPermissionActions.Read,
-    subject: ProjectPermissionSub.Integrations
-  }
-);
diff --git a/frontend-next/src/views/IntegrationsPage/components/CloudIntegrationSection/CloudIntegrationSection.tsx b/frontend-next/src/views/IntegrationsPage/components/CloudIntegrationSection/CloudIntegrationSection.tsx
deleted file mode 100644
index 8c63aa40c..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/CloudIntegrationSection/CloudIntegrationSection.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-import { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  faCheck,
-  faChevronLeft,
-  faMagnifyingGlass,
-  faSearch,
-  faXmark
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { NoEnvironmentsBanner } from "@app/components/integrations/NoEnvironmentsBanner";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  Input,
-  Skeleton,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { IntegrationAuth, TCloudIntegration } from "@app/hooks/api/types";
-
-type Props = {
-  isLoading?: boolean;
-  integrationAuths?: Record<string, IntegrationAuth>;
-  cloudIntegrations?: TCloudIntegration[];
-  onIntegrationStart: (slug: string) => void;
-  // cb: handle popUpClose child->parent communication pattern
-  onIntegrationRevoke: (slug: string, cb: () => void) => void;
-  onViewActiveIntegrations?: () => void;
-};
-
-type TRevokeIntegrationPopUp = { provider: string };
-
-export const CloudIntegrationSection = ({
-  isLoading,
-  cloudIntegrations = [],
-  integrationAuths = {},
-  onIntegrationStart,
-  onIntegrationRevoke,
-  onViewActiveIntegrations
-}: Props) => {
-  const { t } = useTranslation();
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteConfirmation"
-  ] as const);
-  const { permission } = useProjectPermission();
-  const { currentWorkspace } = useWorkspace();
-
-  const isEmpty = !isLoading && !cloudIntegrations?.length;
-
-  const sortedCloudIntegrations = useMemo(() => {
-    const sortedIntegrations = cloudIntegrations.sort((a, b) => a.name.localeCompare(b.name));
-
-    if (currentWorkspace?.environments.length === 0) {
-      return sortedIntegrations.map((integration) => ({ ...integration, isAvailable: false }));
-    }
-
-    return sortedIntegrations;
-  }, [cloudIntegrations, currentWorkspace?.environments]);
-
-  const [search, setSearch] = useState("");
-
-  const filteredIntegrations = sortedCloudIntegrations?.filter((cloudIntegration) =>
-    cloudIntegration.name.toLowerCase().includes(search.toLowerCase().trim())
-  );
-
-  return (
-    <div>
-      <div className="px-5">
-        {currentWorkspace?.environments.length === 0 && (
-          <NoEnvironmentsBanner projectId={currentWorkspace.id} />
-        )}
-      </div>
-      <div className="m-4 mt-7 flex flex-col items-start justify-between px-2 text-xl">
-        {onViewActiveIntegrations && (
-          <Button
-            variant="link"
-            onClick={onViewActiveIntegrations}
-            leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-          >
-            Back to Integrations
-          </Button>
-        )}
-        <div className="flex w-full flex-col justify-between gap-4 whitespace-nowrap lg:flex-row lg:items-end lg:gap-8">
-          <div className="flex-1">
-            <h1 className="text-3xl font-semibold">{t("integrations.cloud-integrations")}</h1>
-            <p className="text-base text-gray-400">{t("integrations.click-to-start")}</p>
-          </div>
-          <Input
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-            placeholder="Search cloud integrations..."
-            containerClassName="flex-1 h-min text-base"
-          />
-        </div>
-      </div>
-      <div className="mx-6 grid grid-cols-3 gap-4 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7">
-        {isLoading &&
-          Array.from({ length: 12 }).map((_, index) => (
-            <Skeleton className="h-32" key={`cloud-integration-skeleton-${index + 1}`} />
-          ))}
-
-        {!isLoading && filteredIntegrations.length ? (
-          filteredIntegrations.map((cloudIntegration) => (
-            <div
-              onKeyDown={() => null}
-              role="button"
-              tabIndex={0}
-              className={`group relative ${
-                cloudIntegration.isAvailable
-                  ? "cursor-pointer duration-200 hover:bg-mineshaft-700"
-                  : "opacity-50"
-              } flex h-32 flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4`}
-              onClick={() => {
-                if (!cloudIntegration.isAvailable) return;
-                if (
-                  permission.cannot(
-                    ProjectPermissionActions.Create,
-                    ProjectPermissionSub.Integrations
-                  )
-                ) {
-                  createNotification({
-                    type: "error",
-                    text: "You do not have permission to create an integration"
-                  });
-                  return;
-                }
-                onIntegrationStart(cloudIntegration.slug);
-              }}
-              key={cloudIntegration.slug}
-            >
-              <img
-                src={`/images/integrations/${cloudIntegration.image}`}
-                height={60}
-                width={60}
-                className="mt-auto"
-                alt="integration logo"
-              />
-              <div className="mt-auto max-w-xs text-center text-sm font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-                {cloudIntegration.name}
-              </div>
-              {cloudIntegration.isAvailable &&
-                Boolean(integrationAuths?.[cloudIntegration.slug]) && (
-                  <div className="absolute top-0 right-0 z-30 h-full">
-                    <div className="relative h-full">
-                      <div className="absolute top-0 right-0 w-24 flex-row items-center overflow-hidden whitespace-nowrap rounded-tr-md rounded-bl-md bg-primary py-0.5 px-2 text-xs text-black opacity-80 transition-all duration-300 group-hover:w-0 group-hover:p-0">
-                        <FontAwesomeIcon icon={faCheck} className="mr-2 text-xs" />
-                        Authorized
-                      </div>
-                      <Tooltip content="Revoke Access">
-                        <div
-                          onKeyDown={() => null}
-                          role="button"
-                          tabIndex={0}
-                          onClick={async (event) => {
-                            event.stopPropagation();
-                            handlePopUpOpen("deleteConfirmation", {
-                              provider: cloudIntegration.slug
-                            });
-                          }}
-                          className="absolute top-0 right-0 flex h-0 w-12 cursor-pointer items-center justify-center overflow-hidden rounded-r-md bg-red text-xs opacity-50 transition-all duration-300  hover:opacity-100 group-hover:h-full"
-                        >
-                          <FontAwesomeIcon icon={faXmark} size="xl" />
-                        </div>
-                      </Tooltip>
-                    </div>
-                  </div>
-                )}
-            </div>
-          ))
-        ) : (
-          <EmptyState
-            className="col-span-full h-32 w-full rounded-md bg-transparent pt-14"
-            title="No cloud integrations match search..."
-            icon={faSearch}
-          />
-        )}
-      </div>
-      {isEmpty && (
-        <div className="mx-6 grid max-w-5xl grid-cols-4 grid-rows-2 gap-4">
-          {Array.from({ length: 16 }).map((_, index) => (
-            <div
-              key={`dummy-cloud-integration-${index + 1}`}
-              className="h-32 animate-pulse rounded-md border border-mineshaft-600 bg-mineshaft-800"
-            />
-          ))}
-        </div>
-      )}
-      <DeleteActionModal
-        isOpen={popUp.deleteConfirmation.isOpen}
-        title={`Are you sure want to revoke access ${
-          (popUp?.deleteConfirmation.data as TRevokeIntegrationPopUp)?.provider || " "
-        }?`}
-        subTitle="This will remove all the secret integration of this provider!!!"
-        onChange={(isOpen) => handlePopUpToggle("deleteConfirmation", isOpen)}
-        deleteKey={(popUp?.deleteConfirmation?.data as TRevokeIntegrationPopUp)?.provider || ""}
-        onDeleteApproved={async () => {
-          onIntegrationRevoke(
-            (popUp.deleteConfirmation.data as TRevokeIntegrationPopUp)?.provider,
-            () => handlePopUpClose("deleteConfirmation")
-          );
-        }}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/CloudIntegrationSection/index.tsx b/frontend-next/src/views/IntegrationsPage/components/CloudIntegrationSection/index.tsx
deleted file mode 100644
index 62f7a006c..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/CloudIntegrationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CloudIntegrationSection } from "./CloudIntegrationSection";
diff --git a/frontend-next/src/views/IntegrationsPage/components/FrameworkIntegrationSection/FrameworkIntegrationSection.tsx b/frontend-next/src/views/IntegrationsPage/components/FrameworkIntegrationSection/FrameworkIntegrationSection.tsx
deleted file mode 100644
index a4e6bb586..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/FrameworkIntegrationSection/FrameworkIntegrationSection.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faKeyboard } from "@fortawesome/free-regular-svg-icons";
-import { faComputer } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-type Props = {
-  frameworks: Array<{
-    name: string;
-    image: string;
-    slug: string;
-    docsLink: string;
-  }>;
-};
-
-export const FrameworkIntegrationSection = ({ frameworks }: Props) => {
-  const { t } = useTranslation();
-
-  const sortedFrameworks = frameworks.sort((a, b) => a.name.localeCompare(b.name));
-
-  return (
-    <>
-      <div className="mx-4 mt-12 mb-4 flex flex-col items-start justify-between px-2 text-xl">
-        <h1 className="text-3xl font-semibold">{t("integrations.framework-integrations")}</h1>
-        <p className="text-base text-gray-400">{t("integrations.click-to-setup")}</p>
-      </div>
-      <div className="mx-6 mt-4 grid grid-cols-3 gap-4 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7">
-        {sortedFrameworks.map((framework) => (
-          <a
-            key={`framework-integration-${framework.slug}`}
-            href={framework.docsLink}
-            rel="noopener noreferrer"
-            target="_blank"
-            className="relative flex h-32 cursor-pointer flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4 duration-200 hover:bg-mineshaft-700"
-          >
-            {framework?.image && (
-              <img
-                src={`/images/integrations/${framework.image}.png`}
-                height={60}
-                width={60}
-                className="mt-auto"
-                alt="integration logo"
-              />
-            )}
-            {framework?.name && (
-              <div className="mt-auto max-w-xs text-center text-sm font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-                {framework.name}
-              </div>
-            )}
-          </a>
-        ))}
-        <a
-          key="framework-integration-more"
-          href="https://infisical.com/docs/cli/commands/run"
-          rel="noopener noreferrer"
-          target="_blank"
-          className="relative flex h-32 cursor-pointer flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4 duration-200 hover:bg-mineshaft-700"
-        >
-          <FontAwesomeIcon className="mt-auto text-5xl text-white/90" icon={faKeyboard} />
-          <div className="mt-auto max-w-xs text-center text-sm font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-            CLI
-          </div>
-        </a>
-        <a
-          key="framework-integration-more"
-          href="https://infisical.com/docs/sdks/overview"
-          rel="noopener noreferrer"
-          target="_blank"
-          className="relative flex h-32 cursor-pointer flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4 duration-200 hover:bg-mineshaft-700"
-        >
-          <FontAwesomeIcon className="mt-auto text-5xl text-white/90" icon={faComputer} />
-          <div className="mt-auto max-w-xs text-center text-sm font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-            SDKs
-          </div>
-        </a>
-      </div>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/FrameworkIntegrationSection/index.tsx b/frontend-next/src/views/IntegrationsPage/components/FrameworkIntegrationSection/index.tsx
deleted file mode 100644
index 1738b8179..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/FrameworkIntegrationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { FrameworkIntegrationSection } from "./FrameworkIntegrationSection";
diff --git a/frontend-next/src/views/IntegrationsPage/components/InfrastructureIntegrationSection/InfrastructureIntegrationSection.tsx b/frontend-next/src/views/IntegrationsPage/components/InfrastructureIntegrationSection/InfrastructureIntegrationSection.tsx
deleted file mode 100644
index 08652ff66..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/InfrastructureIntegrationSection/InfrastructureIntegrationSection.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-type Props = {
-  integrations: Array<{
-    name: string;
-    image: string;
-    slug: string;
-    docsLink: string;
-  }>;
-};
-
-export const InfrastructureIntegrationSection = ({ integrations }: Props) => {
-  const sortedIntegrations = integrations.sort((a, b) => a.name.localeCompare(b.name));
-
-  return (
-    <>
-      <div className="mx-4 mt-12 mb-4 flex flex-col items-start justify-between px-2 text-xl">
-        <h1 className="text-3xl font-semibold">Infrastructure Integrations</h1>
-        <p className="text-base text-gray-400">Click on of the integration to read the documentation.</p>
-      </div>
-      <div className="mx-6 grid grid-cols-2 gap-4 lg:grid-cols-3 2xl:grid-cols-4">
-        {sortedIntegrations.map((integration) => (
-          <a
-            key={`framework-integration-${integration.slug}`}
-            href={integration.docsLink}
-            rel="noopener noreferrer"
-            target="_blank"
-            className="relative w-full flex h-32 cursor-pointer flex-row items-center justify-center rounded-md p-0.5 duration-200"
-          >
-            <div
-              onKeyDown={() => null}
-              role="button"
-              tabIndex={0}
-              className="group relative w-full cursor-pointer duration-200 hover:bg-mineshaft-700 flex h-32 flex-row items-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4"
-              key={integration?.name}
-            >
-              <img
-                src={`/images/integrations/${integration.image}.png`}
-                height={integration?.name ? 60 : 90}
-                width={integration?.name ? 60 : 90}
-                alt="integration logo"
-              />
-              <div className="ml-4 max-w-xs text-xl font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-              {integration?.name && integration.name}
-              </div>
-            </div>
-          </a>
-        ))}
-      </div>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/InfrastructureIntegrationSection/index.tsx b/frontend-next/src/views/IntegrationsPage/components/InfrastructureIntegrationSection/index.tsx
deleted file mode 100644
index 8ca5a43c7..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/InfrastructureIntegrationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { InfrastructureIntegrationSection } from "./InfrastructureIntegrationSection";
diff --git a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/IntegrationsSection.tsx b/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/IntegrationsSection.tsx
deleted file mode 100644
index 2708226f6..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/IntegrationsSection.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button, Checkbox, DeleteActionModal } from "@app/components/v2";
-import { usePopUp, useToggle } from "@app/hooks";
-import { TCloudIntegration, TIntegration } from "@app/hooks/api/types";
-
-import { IntegrationsTable } from "./components";
-
-type Props = {
-  environments: Array<{ name: string; slug: string; id: string }>;
-  integrations?: TIntegration[];
-  cloudIntegrations?: TCloudIntegration[];
-  isLoading?: boolean;
-  onIntegrationDelete: (
-    integrationId: string,
-    shouldDeleteIntegrationSecrets: boolean,
-    cb: () => void
-  ) => Promise<void>;
-  workspaceId: string;
-  onAddIntegration: () => void;
-};
-
-export const IntegrationsSection = ({
-  integrations = [],
-  environments = [],
-  isLoading,
-  onIntegrationDelete,
-  workspaceId,
-  onAddIntegration,
-  cloudIntegrations = []
-}: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteConfirmation",
-    "deleteSecretsConfirmation"
-  ] as const);
-
-  const [shouldDeleteSecrets, setShouldDeleteSecrets] = useToggle(false);
-
-  return (
-    <div className="mx-6 mb-8">
-      <div className="mb-4 mt-6 flex flex-col items-start justify-between px-2 text-xl">
-        <h1 className="text-3xl font-semibold">Integrations</h1>
-        <p className="text-base text-bunker-300">Manage integrations with third-party services.</p>
-      </div>
-      <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-4 flex items-center justify-between">
-          <p className="text-xl font-semibold text-mineshaft-100">Active Integrations</p>
-          <Button
-            colorSchema="primary"
-            type="submit"
-            leftIcon={<FontAwesomeIcon icon={faPlus} />}
-            onClick={onAddIntegration}
-          >
-            Add Integration
-          </Button>
-        </div>
-        <IntegrationsTable
-          cloudIntegrations={cloudIntegrations}
-          integrations={integrations}
-          isLoading={isLoading}
-          workspaceId={workspaceId}
-          environments={environments}
-          onDeleteIntegration={(integration) => {
-            setShouldDeleteSecrets.off();
-            handlePopUpOpen("deleteConfirmation", integration);
-          }}
-        />
-      </div>
-      <DeleteActionModal
-        isOpen={popUp.deleteConfirmation.isOpen}
-        title={`Are you sure want to remove ${
-          (popUp?.deleteConfirmation.data as TIntegration)?.integration || " "
-        } integration for ${
-          (popUp?.deleteConfirmation.data as TIntegration)?.app || "this project"
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteConfirmation", isOpen)}
-        deleteKey={
-          ((popUp?.deleteConfirmation?.data as TIntegration)?.integration ===
-            "azure-app-configuration" &&
-            (popUp?.deleteConfirmation?.data as TIntegration)?.app
-              ?.split("//")[1]
-              ?.split(".")[0]) ||
-          (popUp?.deleteConfirmation?.data as TIntegration)?.app ||
-          (popUp?.deleteConfirmation?.data as TIntegration)?.owner ||
-          (popUp?.deleteConfirmation?.data as TIntegration)?.path ||
-          (popUp?.deleteConfirmation?.data as TIntegration)?.integration ||
-          ""
-        }
-        onDeleteApproved={async () => {
-          if (shouldDeleteSecrets) {
-            handlePopUpOpen("deleteSecretsConfirmation");
-            return;
-          }
-
-          await onIntegrationDelete(
-            (popUp?.deleteConfirmation.data as TIntegration).id,
-            false,
-            () => handlePopUpClose("deleteConfirmation")
-          );
-        }}
-      >
-        {(popUp?.deleteConfirmation?.data as TIntegration)?.integration === "github" && (
-          <div className="mt-4">
-            <Checkbox
-              id="delete-integration-secrets"
-              checkIndicatorBg="text-white"
-              onCheckedChange={() => setShouldDeleteSecrets.toggle()}
-            >
-              Delete previously synced secrets from the destination
-            </Checkbox>
-          </div>
-        )}
-      </DeleteActionModal>
-      <DeleteActionModal
-        isOpen={popUp.deleteSecretsConfirmation.isOpen}
-        title={`Are you sure you also want to delete secrets on ${
-          (popUp?.deleteConfirmation.data as TIntegration)?.integration
-        }?`}
-        subTitle="By confirming, you acknowledge that all secrets managed by this integration will be removed from the destination. This action is irreversible."
-        onChange={(isOpen) => handlePopUpToggle("deleteSecretsConfirmation", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={async () => {
-          await onIntegrationDelete(
-            (popUp?.deleteConfirmation.data as TIntegration).id,
-            true,
-            () => {
-              handlePopUpClose("deleteSecretsConfirmation");
-              handlePopUpClose("deleteConfirmation");
-            }
-          );
-        }}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx b/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
deleted file mode 100644
index 4e31cdedb..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { FormLabel } from "@app/components/v2";
-import { CircleCiScope } from "@app/hooks/api/integrationAuth/types";
-import { IntegrationMappingBehavior, TIntegration } from "@app/hooks/api/integrations/types";
-
-type Props = {
-  integration: TIntegration;
-};
-
-const FIELD_CLASSNAME =
-  "truncate rounded-md border border-mineshaft-700 bg-mineshaft-900 px-3 py-2 font-inter text-sm text-bunker-200";
-
-export const getIntegrationDestination = (integration: TIntegration) =>
-  (integration.integration === "hashicorp-vault" &&
-    `${integration.app} - path: ${integration.path}`) ||
-  (integration.scope === "github-org" && `${integration.owner}`) ||
-  (["aws-parameter-store", "rundeck"].includes(integration.integration) && `${integration.path}`) ||
-  (integration.scope?.startsWith("github-") && `${integration.owner}/${integration.app}`) ||
-  integration.app ||
-  "-";
-
-export const IntegrationDetails = ({ integration }: Props) => {
-  return (
-    <div className="flex flex-col gap-2 p-2">
-      {integration.integration === "octopus-deploy" && (
-        <div>
-          <FormLabel label="Space" />
-          <div className={FIELD_CLASSNAME}>
-            {integration.targetEnvironment || integration.targetEnvironmentId}
-          </div>
-        </div>
-      )}
-      {integration.integration === "qovery" && (
-        <>
-          <div>
-            <FormLabel label="Org" />
-            <div className={FIELD_CLASSNAME}>{integration?.owner || "-"}</div>
-          </div>
-          <div>
-            <FormLabel label="Project" />
-            <div className={FIELD_CLASSNAME}>{integration?.targetService || "-"}</div>
-          </div>
-          <div>
-            <FormLabel label="Env" />
-            <div className={FIELD_CLASSNAME}>{integration?.targetEnvironment || "-"}</div>
-          </div>
-        </>
-      )}
-      {!(
-        integration.integration === "aws-secret-manager" &&
-        integration.metadata?.mappingBehavior === IntegrationMappingBehavior.ONE_TO_ONE
-      ) && (
-        <div>
-          <FormLabel
-            label={
-              (integration.integration === "qovery" && integration?.scope) ||
-              (integration.integration === "circleci" &&
-                (integration.scope === CircleCiScope.Context ? "Context" : "Project")) ||
-              (integration.integration === "bitbucket" && "Repository") ||
-              (integration.integration === "octopus-deploy" && "Project") ||
-              (integration.integration === "aws-secret-manager" && "Secret") ||
-              (["aws-parameter-store", "rundeck"].includes(integration.integration) && "Path") ||
-              (integration?.integration === "terraform-cloud" && "Project") ||
-              (integration?.scope === "github-org" && "Organization") ||
-              (["github-repo", "github-env"].includes(integration?.scope as string) &&
-                "Repository") ||
-              "App"
-            }
-          />
-          <div className={FIELD_CLASSNAME}>{getIntegrationDestination(integration)}</div>
-        </div>
-      )}
-      {(integration.integration === "vercel" ||
-        integration.integration === "netlify" ||
-        integration.integration === "railway" ||
-        integration.integration === "gitlab" ||
-        integration.integration === "teamcity" ||
-        (integration.integration === "github" && integration.scope === "github-env")) && (
-        <div>
-          <FormLabel label="Target Environment" />
-          <div className={FIELD_CLASSNAME}>
-            {integration.targetEnvironment || integration.targetEnvironmentId}
-          </div>
-        </div>
-      )}
-      {integration.integration === "bitbucket" && (
-        <>
-          {integration.targetServiceId && (
-            <div>
-              <FormLabel label="Environment" />
-              <div className={FIELD_CLASSNAME}>
-                {integration.targetService || integration.targetServiceId}
-              </div>
-            </div>
-          )}
-          <div>
-            <FormLabel label="Workspace" />
-            <div className={FIELD_CLASSNAME}>
-              {integration.targetEnvironment || integration.targetEnvironmentId}
-            </div>
-          </div>
-        </>
-      )}
-      {integration.integration === "checkly" && integration.targetService && (
-        <div>
-          <FormLabel label="Group" />
-          <div className={FIELD_CLASSNAME}>{integration.targetService}</div>
-        </div>
-      )}
-      {integration.integration === "circleci" && integration.owner && (
-        <div>
-          <FormLabel label="Organization" />
-          <div className={FIELD_CLASSNAME}>{integration.owner}</div>
-        </div>
-      )}
-      {integration.integration === "terraform-cloud" && integration.targetService && (
-        <div>
-          <FormLabel label="Category" />
-          <div className={FIELD_CLASSNAME}>{integration.targetService}</div>
-        </div>
-      )}
-      {(integration.integration === "checkly" || integration.integration === "github") &&
-        integration?.metadata?.secretSuffix && (
-          <div>
-            <FormLabel label="Secret Suffix" />
-            <div className={FIELD_CLASSNAME}>{integration.metadata.secretSuffix}</div>
-          </div>
-        )}
-      {integration.integration === "github" && integration.metadata?.githubVisibility ? (
-        <div className="mt-2 text-xs text-mineshaft-200">
-          {/* eslint-disable-next-line no-nested-ternary */}
-          {integration.metadata?.githubVisibility === "selected"
-            ? "* Syncing to selected repositories in the organization. "
-            : integration.metadata?.githubVisibility === "private"
-            ? "* Syncing to all private repositories in the organization"
-            : "* Syncing to all public and private repositories in the organization"}
-        </div>
-      ) : undefined}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationRow.tsx b/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationRow.tsx
deleted file mode 100644
index 79c0e26f3..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationRow.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import { useMemo } from "react";
-import { useRouter } from "next/router";
-import {
-  faCalendarCheck,
-  faCheck,
-  faInfoCircle,
-  faRefresh,
-  faTrash,
-  faWarning,
-  faXmark
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Badge, IconButton, Td, Tooltip, Tr } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { TCloudIntegration } from "@app/hooks/api/integrations/types";
-import { TIntegration } from "@app/hooks/api/types";
-
-import { getIntegrationDestination, IntegrationDetails } from "./IntegrationDetails";
-
-type IProps = {
-  integration: TIntegration;
-  environment?: { name: string; slug: string; id: string };
-  onRemoveIntegration: VoidFunction;
-  onManualSyncIntegration: VoidFunction;
-  cloudIntegration: TCloudIntegration;
-};
-
-export const IntegrationRow = ({
-  integration,
-  environment,
-  onRemoveIntegration,
-  onManualSyncIntegration,
-  cloudIntegration
-}: IProps) => {
-  const router = useRouter();
-
-  const { id, secretPath, syncMessage, isSynced } = integration;
-
-  const failureMessage = useMemo(() => {
-    if (isSynced === false) {
-      if (syncMessage)
-        try {
-          return JSON.stringify(JSON.parse(syncMessage), null, 2);
-        } catch (e) {
-          return syncMessage;
-        }
-
-      return "An Unknown Error Occurred.";
-    }
-    return null;
-  }, [isSynced, syncMessage]);
-
-  return (
-    <Tr
-      onClick={() => router.push(`/integrations/details/${integration.id}`)}
-      className={twMerge(
-        "group h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700",
-        isSynced === false && "bg-red/5 hover:bg-red/10"
-      )}
-      key={`integration-${id}`}
-    >
-      <Td>
-        <div className="flex items-center gap-2">
-          <img
-            alt={`${cloudIntegration?.name} integration`}
-            src={`/images/integrations/${cloudIntegration?.image}`}
-            className="h-5 w-5"
-          />
-          <span className="hidden lg:inline">{cloudIntegration?.name}</span>
-        </div>
-      </Td>
-      <Td className="!min-w-[8rem] max-w-0">
-        <Tooltip side="top" className="max-w-2xl break-words" content={secretPath}>
-          <p className="truncate">{secretPath}</p>
-        </Tooltip>{" "}
-      </Td>
-      <Td>{environment?.name ?? "-"}</Td>
-      <Td className="!min-w-[5rem] max-w-0">
-        <div className="flex items-center gap-2">
-          <p className="truncate">{getIntegrationDestination(integration)}</p>
-          <Tooltip
-            position="left"
-            className="min-w-[20rem] max-w-lg"
-            content={<IntegrationDetails integration={integration} />}
-          >
-            <FontAwesomeIcon icon={faInfoCircle} className="text-mineshaft-400" />
-          </Tooltip>
-        </div>
-      </Td>
-      <Td>
-        {" "}
-        {typeof integration.isSynced !== "boolean" ? (
-          <Badge variant="primary" key={integration.id}>
-            Pending Sync
-          </Badge>
-        ) : (
-          <Tooltip
-            position="left"
-            className="max-w-sm"
-            content={
-              <div className="flex flex-col gap-2 py-1">
-                {integration.lastUsed && (
-                  <div>
-                    <div
-                      className={`mb-2 flex self-start ${!isSynced ? "text-yellow" : "text-green"}`}
-                    >
-                      <FontAwesomeIcon
-                        icon={faCalendarCheck}
-                        className="ml-1 pt-0.5 pr-1.5 text-sm"
-                      />
-                      <div className="text-xs">Last Synced</div>
-                    </div>
-                    <div className="rounded bg-mineshaft-600 p-2 text-xs">
-                      {format(new Date(integration.lastUsed!), "yyyy-MM-dd, hh:mm aaa")}
-                    </div>
-                  </div>
-                )}
-                {failureMessage && (
-                  <div>
-                    <div className="mb-2 flex self-start text-red">
-                      <FontAwesomeIcon icon={faXmark} className="ml-1 pt-0.5 pr-1.5 text-sm" />
-                      <div className="text-xs">Failure Reason</div>
-                    </div>
-                    <div className="rounded bg-mineshaft-600 p-2 text-xs">{failureMessage}</div>
-                  </div>
-                )}
-              </div>
-            }
-          >
-            <div className="w-min whitespace-nowrap">
-              <Badge variant={integration.isSynced ? "success" : "danger"} key={integration.id}>
-                <div className="flex items-center space-x-1">
-                  <FontAwesomeIcon icon={integration.isSynced ? faCheck : faWarning} />
-                  <div>{integration.isSynced ? "Synced" : "Not Synced"}</div>
-                </div>
-              </Badge>
-            </div>
-          </Tooltip>
-        )}
-      </Td>
-      <Td>
-        <div className="flex gap-2 whitespace-nowrap">
-          <Tooltip className="max-w-sm text-center" content="Manually Sync">
-            <IconButton
-              onClick={(e) => {
-                e.stopPropagation();
-                onManualSyncIntegration();
-              }}
-              ariaLabel="sync"
-              colorSchema="secondary"
-              variant="plain"
-            >
-              <FontAwesomeIcon icon={faRefresh} />
-            </IconButton>
-          </Tooltip>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Delete}
-            a={ProjectPermissionSub.Integrations}
-          >
-            {(isAllowed: boolean) => (
-              <Tooltip content="Remove Integration">
-                <IconButton
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    onRemoveIntegration();
-                  }}
-                  ariaLabel="delete"
-                  isDisabled={!isAllowed}
-                  colorSchema="danger"
-                  variant="plain"
-                >
-                  <FontAwesomeIcon icon={faTrash} className="px-1" />
-                </IconButton>
-              </Tooltip>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationsTable.tsx b/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationsTable.tsx
deleted file mode 100644
index ea2ecd888..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationsTable.tsx
+++ /dev/null
@@ -1,448 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
-import {
-  faArrowDown,
-  faArrowUp,
-  faCheck,
-  faClock,
-  faFilter,
-  faMagnifyingGlass,
-  faPlug,
-  faSearch,
-  faWarning
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TBody,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { useSyncIntegration } from "@app/hooks/api/integrations/queries";
-import { TCloudIntegration, TIntegration } from "@app/hooks/api/integrations/types";
-
-import { getIntegrationDestination } from "./IntegrationDetails";
-import { IntegrationRow } from "./IntegrationRow";
-
-type Props = {
-  integrations?: TIntegration[];
-  cloudIntegrations?: TCloudIntegration[];
-  workspaceId: string;
-  isLoading?: boolean;
-  environments: Array<{ name: string; slug: string; id: string }>;
-  onDeleteIntegration: (integration: TIntegration) => void;
-};
-
-enum IntegrationsOrderBy {
-  App = "app",
-  Status = "status",
-  SecretPath = "secretPath",
-  Environment = "environment",
-  Destination = "destination"
-}
-
-enum IntegrationStatus {
-  Synced = "synced",
-  NotSynced = "not-synced",
-  PendingSync = "pending-sync"
-}
-
-type IntegrationFilters = {
-  environmentIds: string[];
-  integrations: string[];
-  status: IntegrationStatus[];
-};
-
-const STATUS_ICON_MAP = {
-  [IntegrationStatus.Synced]: { icon: faCheck, className: "text-green" },
-  [IntegrationStatus.NotSynced]: { icon: faWarning, className: "text-red" },
-  [IntegrationStatus.PendingSync]: { icon: faClock, className: "text-yellow" }
-};
-
-export const IntegrationsTable = ({
-  integrations = [],
-  cloudIntegrations = [],
-  workspaceId,
-  environments,
-  onDeleteIntegration,
-  isLoading
-}: Props) => {
-  const { mutate: syncIntegration } = useSyncIntegration();
-
-  const initialFilters = useMemo(
-    () => ({
-      environmentIds: environments.map((env) => env.id),
-      integrations: [...new Set(integrations.map(({ integration }) => integration))],
-      status: Object.values(IntegrationStatus)
-    }),
-    [environments, integrations]
-  );
-
-  const [filters, setFilters] = useState<IntegrationFilters>(initialFilters);
-
-  const cloudIntegrationMap = useMemo(() => {
-    return new Map(
-      cloudIntegrations.map((cloudIntegration) => [cloudIntegration.slug, cloudIntegration])
-    );
-  }, [cloudIntegrations]);
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection,
-    orderBy,
-    setOrderDirection,
-    setOrderBy
-  } = usePagination<IntegrationsOrderBy>(IntegrationsOrderBy.App, { initPerPage: 20 });
-
-  useEffect(() => {
-    if (integrations?.some((integration) => integration.isSynced === false))
-      setOrderBy(IntegrationsOrderBy.Status);
-  }, []);
-
-  const environmentMap = new Map(environments.map((env) => [env.id, env]));
-
-  const filteredIntegrations = useMemo(
-    () =>
-      integrations
-        .filter((integration) => {
-          const { secretPath, envId, isSynced } = integration;
-
-          if (!filters.status.includes(IntegrationStatus.Synced) && isSynced) return false;
-          if (!filters.status.includes(IntegrationStatus.NotSynced) && isSynced === false)
-            return false;
-          if (
-            !filters.status.includes(IntegrationStatus.PendingSync) &&
-            typeof isSynced !== "boolean"
-          )
-            return false;
-
-          if (!filters.integrations.includes(integration.integration)) return false;
-
-          if (!filters.environmentIds.includes(envId)) return false;
-
-          return (
-            integration.integration
-              .replace("-", " ")
-              .toLowerCase()
-              .includes(search.trim().toLowerCase()) ||
-            secretPath.replace("-", " ").toLowerCase().includes(search.trim().toLowerCase()) ||
-            getIntegrationDestination(integration)
-              .toLowerCase()
-              .includes(search.trim().toLowerCase()) ||
-            environmentMap
-              .get(envId)
-              ?.name.replace("-", " ")
-              .toLowerCase()
-              .includes(search.trim().toLowerCase())
-          );
-        })
-        .sort((a, b) => {
-          const [integrationOne, integrationTwo] =
-            orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          switch (orderBy) {
-            case IntegrationsOrderBy.SecretPath:
-              return integrationOne.secretPath
-                .toLowerCase()
-                .localeCompare(integrationTwo.secretPath.toLowerCase());
-            case IntegrationsOrderBy.Environment:
-              return (environmentMap.get(integrationOne.envId)?.name ?? "-")
-                .toLowerCase()
-                .localeCompare(
-                  (environmentMap.get(integrationTwo.envId)?.name ?? "-").toLowerCase()
-                );
-            case IntegrationsOrderBy.Destination:
-              return getIntegrationDestination(integrationOne)
-                .toLowerCase()
-                .localeCompare(getIntegrationDestination(integrationTwo).toLowerCase());
-            case IntegrationsOrderBy.Status:
-              if (typeof integrationOne.isSynced !== "boolean") return 1; // Place undefined at the end
-              if (typeof integrationTwo.isSynced !== "boolean") return -1;
-
-              return Number(integrationOne.isSynced) - Number(integrationTwo.isSynced);
-            case IntegrationsOrderBy.App:
-            default:
-              return integrationOne.integration
-                .toLowerCase()
-                .localeCompare(integrationTwo.integration.toLowerCase());
-          }
-        }),
-    [integrations, orderDirection, search, orderBy, filters]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredIntegrations.length,
-    offset,
-    setPage
-  });
-
-  const handleSort = (column: IntegrationsOrderBy) => {
-    if (column === orderBy) {
-      toggleOrderDirection();
-      return;
-    }
-
-    setOrderBy(column);
-    setOrderDirection(OrderByDirection.ASC);
-  };
-
-  const getClassName = (col: IntegrationsOrderBy) =>
-    twMerge("ml-2", orderBy === col ? "" : "opacity-30");
-
-  const getColSortIcon = (col: IntegrationsOrderBy) =>
-    orderDirection === OrderByDirection.DESC && orderBy === col ? faArrowUp : faArrowDown;
-
-  const isTableFiltered =
-    filters.integrations.length !== initialFilters.integrations.length ||
-    filters.environmentIds.length !== initialFilters.environmentIds.length ||
-    filters.status.length !== initialFilters.status.length;
-
-  return (
-    <div>
-      <div className="flex gap-2">
-        <Input
-          value={search}
-          onChange={(e) => setSearch(e.target.value)}
-          leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-          placeholder="Search integrations..."
-          className="flex-1"
-        />
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <IconButton
-              ariaLabel="Environments"
-              variant="plain"
-              size="sm"
-              className={twMerge(
-                "flex h-10 w-11 items-center justify-center overflow-hidden border border-mineshaft-600 bg-mineshaft-800 p-0 transition-all hover:border-primary/60 hover:bg-primary/10",
-                isTableFiltered && "border-primary/50 text-primary"
-              )}
-            >
-              <Tooltip content="Filter Integrations" className="mb-2">
-                <FontAwesomeIcon icon={faFilter} />
-              </Tooltip>
-            </IconButton>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent className="thin-scrollbar max-h-[70vh] overflow-y-auto" align="end">
-            <DropdownMenuLabel>Status</DropdownMenuLabel>
-            {Object.values(IntegrationStatus).map((status) => (
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  setFilters((prev) => ({
-                    ...prev,
-                    status: prev.status.includes(status)
-                      ? prev.status.filter((s) => s !== status)
-                      : [...prev.status, status]
-                  }));
-                }}
-                key={status}
-                icon={
-                  filters.status.includes(status) && (
-                    <FontAwesomeIcon className="text-primary" icon={faCheckCircle} />
-                  )
-                }
-                iconPos="right"
-              >
-                <div className="flex items-center gap-2">
-                  <FontAwesomeIcon
-                    icon={STATUS_ICON_MAP[status].icon}
-                    className={STATUS_ICON_MAP[status].className}
-                  />
-                  <span className="capitalize">{status.replace("-", " ")}</span>
-                </div>
-              </DropdownMenuItem>
-            ))}
-            <DropdownMenuLabel>Integration</DropdownMenuLabel>
-            {[...new Set(integrations.map(({ integration }) => integration))].map((integration) => (
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  setFilters((prev) => ({
-                    ...prev,
-                    integrations: prev.integrations.includes(integration)
-                      ? prev.integrations.filter((i) => i !== integration)
-                      : [...prev.integrations, integration]
-                  }));
-                }}
-                key={integration}
-                icon={
-                  filters.integrations.includes(integration) && (
-                    <FontAwesomeIcon className="text-primary" icon={faCheckCircle} />
-                  )
-                }
-                iconPos="right"
-              >
-                <div className="flex items-center gap-2">
-                  <img
-                    alt={`${cloudIntegrationMap.get(integration)!.name} integration`}
-                    src={`/images/integrations/${cloudIntegrationMap.get(integration)!.image}`}
-                    className="h-4 w-4"
-                  />
-                  <span className="capitalize">{cloudIntegrationMap.get(integration)!.name}</span>
-                </div>
-              </DropdownMenuItem>
-            ))}
-            <DropdownMenuLabel>Environment</DropdownMenuLabel>
-            {environments.map((env) => (
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  setFilters((prev) => ({
-                    ...prev,
-                    environmentIds: prev.environmentIds.includes(env.id)
-                      ? prev.environmentIds.filter((i) => i !== env.id)
-                      : [...prev.environmentIds, env.id]
-                  }));
-                }}
-                key={env.id}
-                icon={
-                  filters.environmentIds.includes(env.id) && (
-                    <FontAwesomeIcon className="text-primary" icon={faCheckCircle} />
-                  )
-                }
-                iconPos="right"
-              >
-                <span className="capitalize">{env.name}</span>
-              </DropdownMenuItem>
-            ))}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-[25%]">
-                <div className="flex items-center">
-                  Integration
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(IntegrationsOrderBy.App)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(IntegrationsOrderBy.App)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(IntegrationsOrderBy.App)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-1/5">
-                <div className="flex items-center">
-                  Source Path
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(IntegrationsOrderBy.SecretPath)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(IntegrationsOrderBy.SecretPath)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(IntegrationsOrderBy.SecretPath)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-1/5">
-                <div className="flex items-center">
-                  Source Environment
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(IntegrationsOrderBy.Environment)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(IntegrationsOrderBy.Environment)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(IntegrationsOrderBy.Environment)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-1/5">
-                <div className="flex items-center">
-                  Destination
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(IntegrationsOrderBy.Destination)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(IntegrationsOrderBy.Destination)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(IntegrationsOrderBy.Destination)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-1/5">
-                <div className="flex items-center">
-                  Status
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(IntegrationsOrderBy.Status)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(IntegrationsOrderBy.Status)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(IntegrationsOrderBy.Status)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {filteredIntegrations.slice(offset, perPage * page).map((integration) => (
-              <IntegrationRow
-                cloudIntegration={cloudIntegrationMap.get(integration.integration)!}
-                key={`integration-${integration.id}`}
-                onManualSyncIntegration={() => {
-                  syncIntegration({
-                    workspaceId,
-                    id: integration.id,
-                    lastUsed: integration.lastUsed as string
-                  });
-                }}
-                onRemoveIntegration={() => onDeleteIntegration(integration)}
-                integration={integration}
-                environment={environmentMap.get(integration.envId)}
-              />
-            ))}
-          </TBody>
-        </Table>
-        {Boolean(filteredIntegrations.length) && (
-          <Pagination
-            count={filteredIntegrations.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredIntegrations?.length && (
-          <EmptyState
-            title={
-              integrations.length
-                ? "No integrations match search..."
-                : "This project has no integrations configured"
-            }
-            icon={integrations.length ? faSearch : faPlug}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/index.ts b/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/index.ts
deleted file mode 100644
index d9567592c..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/components/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./IntegrationsTable";
diff --git a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/index.tsx b/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/index.tsx
deleted file mode 100644
index 6f40d79fa..000000000
--- a/frontend-next/src/views/IntegrationsPage/components/IntegrationsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IntegrationsSection } from "./IntegrationsSection";
diff --git a/frontend-next/src/views/IntegrationsPage/index.tsx b/frontend-next/src/views/IntegrationsPage/index.tsx
deleted file mode 100644
index eb9f8496e..000000000
--- a/frontend-next/src/views/IntegrationsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IntegrationsPage } from "./IntegrationsPage";
diff --git a/frontend-next/src/views/Login/Login.tsx b/frontend-next/src/views/Login/Login.tsx
deleted file mode 100644
index 05b81b4f2..000000000
--- a/frontend-next/src/views/Login/Login.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { isLoggedIn } from "@app/reactQuery";
-
-import { InitialStep, SSOStep } from "./components";
-import { useNavigateToSelectOrganization } from "./Login.utils";
-
-export const Login = () => {
-  const [step, setStep] = useState(0);
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const { navigateToSelectOrganization } = useNavigateToSelectOrganization();
-
-  const queryParams = new URLSearchParams(window.location.search);
-
-  useEffect(() => {
-    // TODO(akhilmhdh): workspace will be controlled by a workspace context
-    const handleRedirects = async () => {
-      try {
-        const callbackPort = queryParams?.get("callback_port");
-        // case: a callback port is set, meaning it's a cli login request: redirect to select org with callback port
-        if (callbackPort) {
-          navigateToSelectOrganization(callbackPort);
-        } else {
-          // case: no callback port, meaning it's a regular login request: redirect to select org
-          navigateToSelectOrganization();
-        }
-      } catch (error) {
-        console.log("Error - Not logged in yet");
-      }
-    };
-    if (isLoggedIn()) {
-      handleRedirects();
-    }
-  }, []);
-
-  const renderView = () => {
-    switch (step) {
-      case 0:
-        return (
-          <InitialStep
-            setStep={setStep}
-            email={email}
-            setEmail={setEmail}
-            password={password}
-            setPassword={setPassword}
-          />
-        );
-      case 2:
-        return <SSOStep setStep={setStep} type="SAML" />;
-      case 3:
-        return <SSOStep setStep={setStep} type="OIDC" />;
-      default:
-        return <div />;
-    }
-  };
-
-  return <div>{renderView()}</div>;
-};
diff --git a/frontend-next/src/views/Login/Login.utils.tsx b/frontend-next/src/views/Login/Login.utils.tsx
deleted file mode 100644
index 0562d383a..000000000
--- a/frontend-next/src/views/Login/Login.utils.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { NextRouter, useRouter } from "next/router";
-
-import { useServerConfig } from "@app/context";
-import { fetchOrganizations } from "@app/hooks/api/organization/queries";
-import { userKeys } from "@app/hooks/api/users";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { queryClient } from "@app/reactQuery";
-
-export const navigateUserToOrg = async (router: NextRouter, organizationId?: string) => {
-  const userOrgs = await fetchOrganizations().catch(() => []);
-
-  const nonAuthEnforcedOrgs = userOrgs.filter((org) => !org.authEnforced);
-
-  if (organizationId) {
-    localStorage.setItem("orgData.id", organizationId);
-    router.push(`/org/${organizationId}/${ProjectType.SecretManager}/overview`);
-    return;
-  }
-
-  if (nonAuthEnforcedOrgs.length > 0) {
-    // user is part of at least 1 non-auth enforced org
-    const userOrg = nonAuthEnforcedOrgs[0] && nonAuthEnforcedOrgs[0].id;
-    localStorage.setItem("orgData.id", userOrg);
-    router.push(`/org/${userOrg}/${ProjectType.SecretManager}/overview`);
-  } else {
-    // user is not part of any non-auth enforced orgs
-    localStorage.removeItem("orgData.id");
-    router.push("/org/none");
-  }
-};
-
-export const useNavigateToSelectOrganization = () => {
-  const { config } = useServerConfig();
-  const router = useRouter();
-
-  const navigate = async (cliCallbackPort?: string) => {
-    let redirectTo = "/login/select-organization?";
-    if (config.defaultAuthOrgId) {
-      redirectTo += `org_id=${config.defaultAuthOrgId}&`;
-    } else {
-      queryClient.invalidateQueries(userKeys.getUser);
-    }
-
-    if (cliCallbackPort) {
-      redirectTo += `callback_port=${cliCallbackPort}`;
-    }
-
-    router.push(redirectTo, undefined, { shallow: true });
-  };
-
-  return { navigateToSelectOrganization: navigate };
-};
diff --git a/frontend-next/src/views/Login/LoginLDAP.tsx b/frontend-next/src/views/Login/LoginLDAP.tsx
deleted file mode 100644
index 1e99c611d..000000000
--- a/frontend-next/src/views/Login/LoginLDAP.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useRouter } from "next/router";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Input } from "@app/components/v2";
-import { useServerConfig } from "@app/context";
-import { loginLDAPRedirect } from "@app/hooks/api/auth/queries";
-
-export const LoginLDAP = () => {
-  const router = useRouter();
-  const { config } = useServerConfig();
-  const queryParams = new URLSearchParams(window.location.search);
-  const passedOrgSlug = queryParams.get("organizationSlug");
-  const passedUsername = queryParams.get("username");
-
-  const [organizationSlug, setOrganizationSlug] = useState(
-    config.defaultAuthOrgSlug || passedOrgSlug || ""
-  );
-  const [username, setUsername] = useState(passedUsername || "");
-  const [password, setPassword] = useState("");
-
-  const { t } = useTranslation();
-
-  const handleSubmission = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      const { nextUrl } = await loginLDAPRedirect({
-        organizationSlug,
-        username,
-        password
-      });
-
-      if (!nextUrl) {
-        createNotification({
-          text: "Login unsuccessful. Double-check your credentials and try again.",
-          type: "error"
-        });
-
-        return;
-      }
-
-      createNotification({
-        text: "Successfully logged in",
-        type: "success"
-      });
-
-      window.open(nextUrl);
-      window.close();
-    } catch (err) {
-      createNotification({
-        text: "Login unsuccessful. Double-check your credentials and try again.",
-        type: "error"
-      });
-    }
-
-    // TODO: add callback port support
-
-    // const callbackPort = queryParams.get("callback_port");
-    // window.open(`/api/v1/ldap/redirect/saml2/${ssoIdentifier}${callbackPort ? `?callback_port=${callbackPort}` : ""}`);
-    // window.close();
-  };
-
-  return (
-    <div className="mx-auto w-full max-w-md md:px-6">
-      <p className="mx-auto mb-6 mb-8 flex w-max justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        What&apos;s your LDAP Login?
-      </p>
-      <form onSubmit={handleSubmission}>
-        {!config.defaultAuthOrgSlug && !passedOrgSlug && (
-          <div className="relative mx-auto flex max-h-24 w-1/4 w-full min-w-[20rem] items-center justify-center rounded-lg md:max-h-28 md:min-w-[22rem] lg:w-1/6">
-            <div className="flex max-h-24 w-full items-center justify-center rounded-lg md:max-h-28">
-              <Input
-                value={organizationSlug}
-                onChange={(e) => setOrganizationSlug(e.target.value)}
-                type="text"
-                placeholder="Enter your organization slug..."
-                isRequired
-                autoComplete="email"
-                id="email"
-                className="h-12"
-              />
-            </div>
-          </div>
-        )}
-        <div className="relative mx-auto mt-2 flex max-h-24 w-1/4 w-full min-w-[20rem] items-center justify-center rounded-lg md:max-h-28 md:min-w-[22rem] lg:w-1/6">
-          <div className="flex max-h-24 w-full items-center justify-center rounded-lg md:max-h-28">
-            <Input
-              value={username}
-              onChange={(e) => setUsername(e.target.value)}
-              type="text"
-              placeholder="Enter your LDAP username..."
-              isRequired
-              autoComplete="email"
-              id="email"
-              className="h-12"
-              isDisabled={passedUsername !== null}
-            />
-          </div>
-        </div>
-        <div className="relative mx-auto mt-2 flex max-h-24 w-1/4 w-full min-w-[20rem] items-center justify-center rounded-lg md:max-h-28 md:min-w-[22rem] lg:w-1/6">
-          <div className="flex max-h-24 w-full items-center justify-center rounded-lg md:max-h-28">
-            <Input
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              type="password"
-              placeholder="Enter your LDAP password..."
-              isRequired
-              autoComplete="current-password"
-              id="current-password"
-              className="select:-webkit-autofill:focus h-10"
-            />
-          </div>
-        </div>
-        <div className="mx-auto mt-4 flex w-1/4 w-full min-w-[20rem] items-center justify-center rounded-md text-center md:min-w-[22rem] lg:w-1/6">
-          <Button
-            type="submit"
-            colorSchema="primary"
-            variant="outline_bg"
-            isFullWidth
-            className="h-14"
-          >
-            {t("login.login")}
-          </Button>
-        </div>
-      </form>
-      <div className="mt-4 flex flex-row items-center justify-center">
-        <button
-          onClick={() => {
-            router.push("/login");
-          }}
-          type="button"
-          className="mt-2 cursor-pointer text-sm text-bunker-300 duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4"
-        >
-          {t("login.other-option")}
-        </button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Login/LoginSSO.tsx b/frontend-next/src/views/Login/LoginSSO.tsx
deleted file mode 100644
index 7741602d8..000000000
--- a/frontend-next/src/views/Login/LoginSSO.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useEffect, useState } from "react";
-import jwt_decode from "jwt-decode";
-
-import { PasswordStep } from "./components";
-
-type Props = {
-  providerAuthToken: string;
-};
-
-export const LoginSSO = ({ providerAuthToken }: Props) => {
-  const [step, setStep] = useState(0);
-  const [password, setPassword] = useState("");
-
-  const { username, isUserCompleted } = jwt_decode(providerAuthToken) as any;
-
-  useEffect(() => {
-    if (isUserCompleted) {
-      setStep(1);
-    }
-  }, []);
-
-  const renderView = () => {
-    switch (step) {
-      case 0:
-        return <div />;
-      case 1:
-        return (
-          <PasswordStep
-            providerAuthToken={providerAuthToken}
-            email={username}
-            password={password}
-            setPassword={setPassword}
-          />
-        );
-      default:
-        return <div />;
-    }
-  };
-
-  return <div>{renderView()}</div>;
-};
diff --git a/frontend-next/src/views/Login/Mfa.tsx b/frontend-next/src/views/Login/Mfa.tsx
deleted file mode 100644
index ce8442a69..000000000
--- a/frontend-next/src/views/Login/Mfa.tsx
+++ /dev/null
@@ -1,224 +0,0 @@
-import React, { useEffect, useState } from "react";
-import ReactCodeInput from "react-code-input";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { t } from "i18next";
-
-import Error from "@app/components/basic/Error";
-import TotpRegistration from "@app/components/mfa/TotpRegistration";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { Button, Input } from "@app/components/v2";
-import { useSendMfaToken } from "@app/hooks/api";
-import { checkUserTotpMfa, verifyMfaToken } from "@app/hooks/api/auth/queries";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-
-// The style for the verification code input
-const codeInputProps = {
-  inputStyle: {
-    fontFamily: "monospace",
-    margin: "4px",
-    MozAppearance: "textfield",
-    width: "48px",
-    borderRadius: "5px",
-    fontSize: "24px",
-    height: "48px",
-    paddingLeft: "7",
-    backgroundColor: "#0d1117",
-    color: "white",
-    border: "1px solid #2d2f33",
-    textAlign: "center",
-    outlineColor: "#8ca542",
-    borderColor: "#2d2f33"
-  }
-} as const;
-
-type Props = {
-  successCallback: () => void | Promise<void>;
-  closeMfa?: () => void;
-  hideLogo?: boolean;
-  email: string;
-  method: MfaMethod;
-};
-
-export const Mfa = ({ successCallback, closeMfa, hideLogo, email, method }: Props) => {
-  const [mfaCode, setMfaCode] = useState("");
-  const router = useRouter();
-  const [isLoading, setIsLoading] = useState(false);
-  const [isLoadingResend, setIsLoadingResend] = useState(false);
-  const [triesLeft, setTriesLeft] = useState<number | undefined>(undefined);
-  const [shouldShowTotpRegistration, setShouldShowTotpRegistration] = useState(false);
-
-  const sendMfaToken = useSendMfaToken();
-
-  useEffect(() => {
-    if (method === MfaMethod.TOTP) {
-      checkUserTotpMfa().then((isVerified) => {
-        if (!isVerified) {
-          SecurityClient.setMfaToken("");
-          setShouldShowTotpRegistration(true);
-        }
-      });
-    }
-  }, []);
-
-  const verifyMfa = async (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-
-    setIsLoading(true);
-    try {
-      const { token } = await verifyMfaToken({
-        email,
-        mfaCode,
-        mfaMethod: method
-      });
-
-      SecurityClient.setMfaToken("");
-      SecurityClient.setToken(token);
-
-      await successCallback();
-      if (closeMfa) {
-        closeMfa();
-      }
-    } catch (error) {
-      if (triesLeft) {
-        setTriesLeft((left) => {
-          if (triesLeft === 1) {
-            router.push("/");
-
-            SecurityClient.setMfaToken("");
-            SecurityClient.setToken("");
-          }
-          return (left as number) - 1;
-        });
-      } else {
-        setTriesLeft(2);
-      }
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleResendMfaCode = async () => {
-    try {
-      setIsLoadingResend(true);
-      await sendMfaToken.mutateAsync({ email });
-      setIsLoadingResend(false);
-    } catch (err) {
-      console.error(err);
-      setIsLoadingResend(false);
-    }
-  };
-
-  if (shouldShowTotpRegistration) {
-    return (
-      <>
-        <div className="mb-6 text-center text-lg font-bold text-white">
-          Your organization requires mobile authentication to be configured.
-        </div>
-        <div className="mx-auto w-max pb-4 pt-4 md:mb-16 md:px-8">
-          <TotpRegistration
-            shouldCenterQr
-            onComplete={async () => {
-              setShouldShowTotpRegistration(false);
-              await successCallback();
-            }}
-          />
-        </div>
-      </>
-    );
-  }
-
-  return (
-    <div className="mx-auto w-max pb-4 pt-4 md:mb-16 md:px-8">
-      {!hideLogo && (
-        <Link href="/">
-          <div className="mb-4 flex justify-center">
-            <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
-          </div>
-        </Link>
-      )}
-      {method === MfaMethod.EMAIL && (
-        <>
-          <p className="text-l flex justify-center text-bunker-300">{t("mfa.step2-message")}</p>
-          <p className="text-l my-1 flex justify-center font-semibold text-bunker-300">{email}</p>
-        </>
-      )}
-      {method === MfaMethod.TOTP && (
-        <>
-          <p className="text-l mb-4 flex max-w-xs justify-center text-center font-bold text-bunker-100">
-            Authenticator MFA Required
-          </p>
-          <p className="text-l flex max-w-xs justify-center text-center text-bunker-300">
-            Open the authenticator app on your mobile device to get your verification code or enter
-            a recovery code.
-          </p>
-        </>
-      )}
-      <form onSubmit={verifyMfa}>
-        <div className="mx-auto hidden w-max min-w-[20rem] md:block">
-          {method === MfaMethod.EMAIL && (
-            <ReactCodeInput
-              name=""
-              inputMode="tel"
-              type="text"
-              fields={6}
-              onChange={setMfaCode}
-              className="mt-6 mb-2"
-              {...codeInputProps}
-            />
-          )}
-          {method === MfaMethod.TOTP && (
-            <div className="mt-6 mb-4">
-              <Input value={mfaCode} onChange={(e) => setMfaCode(e.target.value)} />
-            </div>
-          )}
-        </div>
-        {typeof triesLeft === "number" && (
-          <Error text={`Invalid code. You have ${triesLeft} attempt(s) remaining.`} />
-        )}
-        <div className="mx-auto mt-2 flex w-1/4 min-w-[20rem] max-w-xs flex-col items-center justify-center text-center text-sm md:max-w-md md:text-left lg:w-[19%]">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              size="sm"
-              type="submit"
-              isFullWidth
-              className="h-14"
-              colorSchema="primary"
-              variant="outline_bg"
-              isLoading={isLoading}
-            >
-              {String(t("mfa.verify"))}
-            </Button>
-          </div>
-        </div>
-      </form>
-      {method === MfaMethod.TOTP && (
-        <div className="mt-2 flex flex-row justify-center text-sm text-bunker-400 ">
-          <Link href="/verify-email">
-            <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-              Lost your recovery codes? Reset your account
-            </span>
-          </Link>
-        </div>
-      )}
-      {method === MfaMethod.EMAIL && (
-        <div className="mx-auto flex max-h-24 w-full max-w-md flex-col items-center justify-center pt-2">
-          <div className="flex flex-row items-baseline gap-1 text-sm">
-            <span className="text-bunker-400">{t("signup.step2-resend-alert")}</span>
-            <div className="text-md mt-2 flex flex-row text-bunker-400">
-              <button disabled={isLoadingResend} onClick={handleResendMfaCode} type="button">
-                <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-                  {isLoadingResend
-                    ? t("signup.step2-resend-progress")
-                    : t("signup.step2-resend-submit")}
-                </span>
-              </button>
-            </div>
-          </div>
-          <p className="pb-2 text-sm text-bunker-400">{t("signup.step2-spam-alert")}</p>
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Login/components/InitialStep/InitialStep.tsx b/frontend-next/src/views/Login/components/InitialStep/InitialStep.tsx
deleted file mode 100644
index fa4f957a5..000000000
--- a/frontend-next/src/views/Login/components/InitialStep/InitialStep.tsx
+++ /dev/null
@@ -1,409 +0,0 @@
-import { FormEvent, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { faGithub, faGitlab, faGoogle } from "@fortawesome/free-brands-svg-icons";
-import { faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import HCaptcha from "@hcaptcha/react-hcaptcha";
-
-import Error from "@app/components/basic/Error";
-import { RegionSelect } from "@app/components/navigation/RegionSelect";
-import { createNotification } from "@app/components/notifications";
-import attemptCliLogin from "@app/components/utilities/attemptCliLogin";
-import attemptLogin from "@app/components/utilities/attemptLogin";
-import { CAPTCHA_SITE_KEY } from "@app/components/utilities/config";
-import { Button, IconButton, Input, Tooltip } from "@app/components/v2";
-import { useServerConfig } from "@app/context";
-import { useFetchServerStatus } from "@app/hooks/api";
-import { LoginMethod } from "@app/hooks/api/admin/types";
-import { AuthMethod } from "@app/hooks/api/users/types";
-
-import { useNavigateToSelectOrganization } from "../../Login.utils";
-
-type Props = {
-  setStep: (step: number) => void;
-  email: string;
-  setEmail: (email: string) => void;
-  password: string;
-  setPassword: (email: string) => void;
-};
-
-export const InitialStep = ({ setStep, email, setEmail, password, setPassword }: Props) => {
-  const router = useRouter();
-
-  const { t } = useTranslation();
-  const [isLoading, setIsLoading] = useState(false);
-  const [loginError, setLoginError] = useState(false);
-  const { config } = useServerConfig();
-  const queryParams = new URLSearchParams(window.location.search);
-  const [captchaToken, setCaptchaToken] = useState("");
-  const [shouldShowCaptcha, setShouldShowCaptcha] = useState(false);
-  const captchaRef = useRef<HCaptcha>(null);
-  const { data: serverDetails } = useFetchServerStatus();
-
-  const { navigateToSelectOrganization } = useNavigateToSelectOrganization();
-
-  const redirectToSaml = (orgSlug: string) => {
-    const callbackPort = queryParams.get("callback_port");
-    const redirectUrl = `/api/v1/sso/redirect/saml2/organizations/${orgSlug}${
-      callbackPort ? `?callback_port=${callbackPort}` : ""
-    }`;
-    router.push(redirectUrl);
-  };
-
-  const redirectToOidc = (orgSlug: string) => {
-    const callbackPort = queryParams.get("callback_port");
-    const redirectUrl = `/api/v1/sso/oidc/login?orgSlug=${orgSlug}${
-      callbackPort ? `&callbackPort=${callbackPort}` : ""
-    }`;
-    router.push(redirectUrl);
-  };
-
-  useEffect(() => {
-    if (serverDetails?.samlDefaultOrgSlug) redirectToSaml(serverDetails.samlDefaultOrgSlug);
-  }, [serverDetails?.samlDefaultOrgSlug]);
-
-  const handleSaml = () => {
-    if (config.defaultAuthOrgSlug) {
-      redirectToSaml(config.defaultAuthOrgSlug);
-    } else {
-      setStep(2);
-    }
-  };
-
-  const handleOidc = () => {
-    if (config.defaultAuthOrgSlug) {
-      redirectToOidc(config.defaultAuthOrgSlug);
-    } else {
-      setStep(3);
-    }
-  };
-
-  const shouldDisplayLoginMethod = (method: LoginMethod) =>
-    !config.enabledLoginMethods || config.enabledLoginMethods.includes(method);
-
-  const handleLogin = async (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    try {
-      if (!email || !password) {
-        return;
-      }
-
-      setIsLoading(true);
-      if (queryParams && queryParams.get("callback_port")) {
-        const callbackPort = queryParams.get("callback_port");
-
-        // attemptCliLogin
-        const isCliLoginSuccessful = await attemptCliLogin({
-          email: email.toLowerCase(),
-          password,
-          captchaToken
-        });
-
-        if (isCliLoginSuccessful && isCliLoginSuccessful.success) {
-          navigateToSelectOrganization(callbackPort!);
-        } else {
-          setLoginError(true);
-          createNotification({
-            text: "CLI login unsuccessful. Double-check your credentials and try again.",
-            type: "error"
-          });
-        }
-      } else {
-        const isLoginSuccessful = await attemptLogin({
-          email: email.toLowerCase(),
-          password,
-          captchaToken
-        });
-
-        if (isLoginSuccessful && isLoginSuccessful.success) {
-          // case: login was successful
-          navigateToSelectOrganization();
-          createNotification({
-            text: "Successfully logged in",
-            type: "success"
-          });
-        }
-      }
-    } catch (err: any) {
-      console.error(err);
-      if (err.response.data.error === "User Locked") {
-        createNotification({
-          title: err.response.data.error,
-          text: err.response.data.message,
-          type: "error"
-        });
-        setIsLoading(false);
-        return;
-      }
-
-      if (err.response.data.error === "Captcha Required") {
-        setShouldShowCaptcha(true);
-        setIsLoading(false);
-        return;
-      }
-
-      setLoginError(true);
-      createNotification({
-        text: "Login unsuccessful. Double-check your credentials and try again.",
-        type: "error"
-      });
-    }
-
-    if (captchaRef.current) {
-      captchaRef.current.resetCaptcha();
-    }
-
-    setCaptchaToken("");
-    setIsLoading(false);
-  };
-
-  if (config.defaultAuthOrgAuthEnforced && config.defaultAuthOrgAuthMethod) {
-    return (
-      <form
-        onSubmit={handleLogin}
-        className="mx-auto flex w-full flex-col items-center justify-center"
-      >
-        <h1 className="mb-8 bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-          Login to Infisical
-        </h1>
-        <RegionSelect />
-        {config.defaultAuthOrgAuthMethod === AuthMethod.SAML && (
-          <div className="w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-            <Button
-              colorSchema="primary"
-              variant="outline_bg"
-              onClick={handleSaml}
-              leftIcon={<FontAwesomeIcon icon={faLock} className="mr-2" />}
-              className="mx-0 h-10 w-full"
-            >
-              Continue with SAML
-            </Button>
-          </div>
-        )}
-        {config.defaultAuthOrgAuthMethod === AuthMethod.OIDC && (
-          <div className="mt-2 w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-            <Button
-              colorSchema="primary"
-              variant="outline_bg"
-              onClick={handleOidc}
-              leftIcon={<FontAwesomeIcon icon={faLock} className="mr-2" />}
-              className="mx-0 h-10 w-full"
-            >
-              Continue with OIDC
-            </Button>
-          </div>
-        )}
-      </form>
-    );
-  }
-
-  return (
-    <form
-      onSubmit={handleLogin}
-      className="mx-auto flex w-full flex-col items-center justify-center"
-    >
-      <h1 className="mb-8 bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        Login to Infisical
-      </h1>
-      <RegionSelect />
-      {shouldDisplayLoginMethod(LoginMethod.SAML) && (
-        <div className="w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={handleSaml}
-            leftIcon={<FontAwesomeIcon icon={faLock} className="mr-2" />}
-            className="mx-0 h-10 w-full"
-          >
-            Continue with SAML
-          </Button>
-        </div>
-      )}
-      {shouldDisplayLoginMethod(LoginMethod.OIDC) && (
-        <div className="mt-2 w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={handleOidc}
-            leftIcon={<FontAwesomeIcon icon={faLock} className="mr-2" />}
-            className="mx-0 h-10 w-full"
-          >
-            Continue with OIDC
-          </Button>
-        </div>
-      )}
-      {shouldDisplayLoginMethod(LoginMethod.LDAP) && (
-        <div className="mt-2 w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-          <Button
-            colorSchema="primary"
-            variant="outline_bg"
-            onClick={() => {
-              router.push("/login/ldap");
-            }}
-            leftIcon={<FontAwesomeIcon icon={faLock} className="mr-2" />}
-            className="mx-0 h-10 w-full"
-          >
-            Continue with LDAP
-          </Button>
-        </div>
-      )}
-      <div className="mt-2 flex w-1/4 min-w-[21.2rem] gap-2 md:min-w-[20.1rem] lg:w-1/6">
-        {shouldDisplayLoginMethod(LoginMethod.GOOGLE) && (
-          <Tooltip position="bottom" content={t("login.continue-with-google")}>
-            <IconButton
-              ariaLabel={t("login.continue-with-google")}
-              colorSchema="primary"
-              variant="outline_bg"
-              onClick={() => {
-                const callbackPort = queryParams.get("callback_port");
-
-                window.open(
-                  `/api/v1/sso/redirect/google${
-                    callbackPort ? `?callback_port=${callbackPort}` : ""
-                  }`
-                );
-                window.close();
-              }}
-              className="h-10 w-full bg-mineshaft-600"
-            >
-              <FontAwesomeIcon icon={faGoogle} />
-            </IconButton>
-          </Tooltip>
-        )}
-        {shouldDisplayLoginMethod(LoginMethod.GITHUB) && (
-          <Tooltip position="bottom" content="Continue with GitHub">
-            <IconButton
-              ariaLabel="Login continue with GitHub"
-              colorSchema="primary"
-              variant="outline_bg"
-              onClick={() => {
-                const callbackPort = queryParams.get("callback_port");
-
-                window.open(
-                  `/api/v1/sso/redirect/github${
-                    callbackPort ? `?callback_port=${callbackPort}` : ""
-                  }`
-                );
-
-                window.close();
-              }}
-              className="h-10 w-full bg-mineshaft-600"
-            >
-              <FontAwesomeIcon icon={faGithub} />
-            </IconButton>
-          </Tooltip>
-        )}
-        {shouldDisplayLoginMethod(LoginMethod.GITLAB) && (
-          <Tooltip position="bottom" content="Continue with GitLab">
-            <IconButton
-              ariaLabel="Login continue with GitLab"
-              colorSchema="primary"
-              variant="outline_bg"
-              onClick={() => {
-                const callbackPort = queryParams.get("callback_port");
-
-                window.open(
-                  `/api/v1/sso/redirect/gitlab${
-                    callbackPort ? `?callback_port=${callbackPort}` : ""
-                  }`
-                );
-
-                window.close();
-              }}
-              className="h-10 w-full bg-mineshaft-600"
-            >
-              <FontAwesomeIcon icon={faGitlab} />
-            </IconButton>
-          </Tooltip>
-        )}
-      </div>
-      {(!config.enabledLoginMethods ||
-        (shouldDisplayLoginMethod(LoginMethod.EMAIL) && config.enabledLoginMethods.length > 1)) && (
-        <div className="my-4 flex w-1/4 min-w-[20rem] flex-row items-center py-2 lg:w-1/6">
-          <div className="w-full border-t border-mineshaft-400/60" />
-          <span className="mx-2 text-xs text-mineshaft-200">or</span>
-          <div className="w-full border-t border-mineshaft-400/60" />
-        </div>
-      )}
-      {shouldDisplayLoginMethod(LoginMethod.EMAIL) && (
-        <>
-          <div className="w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-            <Input
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              type="email"
-              placeholder="Enter your email..."
-              isRequired
-              autoComplete="username"
-              className="h-10"
-            />
-          </div>
-          <div className="mt-2 w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-            <Input
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              type="password"
-              placeholder="Enter your password..."
-              isRequired
-              autoComplete="current-password"
-              id="current-password"
-              className="select:-webkit-autofill:focus h-10"
-            />
-          </div>
-          {shouldShowCaptcha && (
-            <div className="mt-4">
-              <HCaptcha
-                theme="dark"
-                sitekey={CAPTCHA_SITE_KEY}
-                onVerify={(token) => setCaptchaToken(token)}
-                ref={captchaRef}
-              />
-            </div>
-          )}
-          <div className="mt-4 w-1/4 min-w-[21.2rem] rounded-md text-center md:min-w-[20.1rem] lg:w-1/6">
-            <Button
-              disabled={shouldShowCaptcha && captchaToken === ""}
-              type="submit"
-              size="sm"
-              isFullWidth
-              className="h-10"
-              colorSchema="primary"
-              variant="solid"
-              isLoading={isLoading}
-            >
-              {" "}
-              Continue with Email{" "}
-            </Button>
-          </div>
-        </>
-      )}
-      {!isLoading && loginError && <Error text={t("login.error-login") ?? ""} />}
-      {config.allowSignUp &&
-      (shouldDisplayLoginMethod(LoginMethod.EMAIL) ||
-        shouldDisplayLoginMethod(LoginMethod.GOOGLE) ||
-        shouldDisplayLoginMethod(LoginMethod.GITHUB) ||
-        shouldDisplayLoginMethod(LoginMethod.GITLAB)) ? (
-        <div className="mt-6 flex flex-row text-sm text-bunker-400">
-          <Link href="/signup">
-            <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-              Don&apos;t have an account yet? {t("login.create-account")}
-            </span>
-          </Link>
-        </div>
-      ) : (
-        <div className="mt-4" />
-      )}
-      {shouldDisplayLoginMethod(LoginMethod.EMAIL) && (
-        <div className="mt-2 flex flex-row text-sm text-bunker-400">
-          <Link href="/verify-email">
-            <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-              Forgot password? Recover your account
-            </span>
-          </Link>
-        </div>
-      )}
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Login/components/InitialStep/index.tsx b/frontend-next/src/views/Login/components/InitialStep/index.tsx
deleted file mode 100644
index 33142e0b0..000000000
--- a/frontend-next/src/views/Login/components/InitialStep/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { InitialStep } from "./InitialStep";
diff --git a/frontend-next/src/views/Login/components/PasswordStep/PasswordStep.tsx b/frontend-next/src/views/Login/components/PasswordStep/PasswordStep.tsx
deleted file mode 100644
index b704ac46c..000000000
--- a/frontend-next/src/views/Login/components/PasswordStep/PasswordStep.tsx
+++ /dev/null
@@ -1,380 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import HCaptcha from "@hcaptcha/react-hcaptcha";
-import axios from "axios";
-import { addSeconds, formatISO } from "date-fns";
-import jwt_decode from "jwt-decode";
-
-import { createNotification } from "@app/components/notifications";
-import attemptCliLogin from "@app/components/utilities/attemptCliLogin";
-import attemptLogin from "@app/components/utilities/attemptLogin";
-import { CAPTCHA_SITE_KEY } from "@app/components/utilities/config";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { Button, Input, Spinner } from "@app/components/v2";
-import { SessionStorageKeys } from "@app/const";
-import { useToggle } from "@app/hooks";
-import { useOauthTokenExchange, useSelectOrganization } from "@app/hooks/api";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-import { fetchOrganizations } from "@app/hooks/api/organization/queries";
-import { fetchMyPrivateKey } from "@app/hooks/api/users/queries";
-
-import { navigateUserToOrg, useNavigateToSelectOrganization } from "../../Login.utils";
-import { Mfa } from "../../Mfa";
-
-type Props = {
-  providerAuthToken: string;
-  email: string;
-  password: string;
-  setPassword: (password: string) => void;
-};
-
-export const PasswordStep = ({ providerAuthToken, email, password, setPassword }: Props) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const { t } = useTranslation();
-  const router = useRouter();
-  const { mutateAsync: selectOrganization } = useSelectOrganization();
-  const { mutateAsync: oauthTokenExchange } = useOauthTokenExchange();
-  const [shouldShowMfa, toggleShowMfa] = useToggle(false);
-  const [requiredMfaMethod, setRequiredMfaMethod] = useState(MfaMethod.EMAIL);
-  const [mfaSuccessCallback, setMfaSuccessCallback] = useState<() => void>(() => {});
-
-  const { navigateToSelectOrganization } = useNavigateToSelectOrganization();
-
-  const { callbackPort, organizationId, hasExchangedPrivateKey } = jwt_decode(
-    providerAuthToken
-  ) as any;
-
-  const handleExchange = async () => {
-    try {
-      setIsLoading(true);
-      const oauthLogin = await oauthTokenExchange({
-        email,
-        providerAuthToken
-      });
-
-      // attemptCliLogin
-      const cliUrl = `http://127.0.0.1:${callbackPort}/`;
-
-      // unset provider auth token in case it was used
-      SecurityClient.setProviderAuthToken("");
-      // set JWT token
-      SecurityClient.setToken(oauthLogin.token);
-
-      const privateKey = await fetchMyPrivateKey();
-      localStorage.setItem("PRIVATE_KEY", privateKey);
-
-      // case: organization ID is present from the provider auth token -- select the org and use the new jwt token in the CLI, then navigate to the org
-      if (organizationId) {
-        const finishWithOrgWorkflow = async () => {
-          const { token, isMfaEnabled, mfaMethod } = await selectOrganization({ organizationId });
-
-          if (isMfaEnabled) {
-            SecurityClient.setMfaToken(token);
-            setMfaSuccessCallback(() => finishWithOrgWorkflow);
-            if (mfaMethod) {
-              setRequiredMfaMethod(mfaMethod);
-            }
-            toggleShowMfa.on();
-            return;
-          }
-
-          if (callbackPort) {
-            console.log("organization id was present. new JWT token to be used in CLI:", token);
-            const instance = axios.create();
-            const payload = {
-              privateKey,
-              email,
-              JTWToken: token
-            };
-            await instance.post(cliUrl, payload).catch(() => {
-              // if error happens to communicate we set the token with an expiry in sessino storage
-              // the cli-redirect page has logic to show this to user and ask them to paste it in terminal
-              sessionStorage.setItem(
-                SessionStorageKeys.CLI_TERMINAL_TOKEN,
-                JSON.stringify({
-                  expiry: formatISO(addSeconds(new Date(), 30)),
-                  data: window.btoa(JSON.stringify(payload))
-                })
-              );
-            });
-            router.push("/cli-redirect");
-            return;
-          }
-
-          await navigateUserToOrg(router, organizationId);
-        };
-
-        await finishWithOrgWorkflow();
-      }
-      // case: no organization ID is present -- navigate to the select org page IF the user has any orgs
-      // if the user has no orgs, navigate to the create org page
-      else {
-        const userOrgs = await fetchOrganizations();
-
-        // case: user has orgs, so we navigate the user to select an org
-        if (userOrgs.length > 0) {
-          navigateToSelectOrganization(callbackPort);
-        }
-        // case: no orgs found, so we navigate the user to create an org
-        else {
-          await navigateUserToOrg(router);
-        }
-      }
-    } catch (err: any) {
-      setIsLoading(false);
-      console.error(err);
-
-      if (err.response.data.error === "User Locked") {
-        createNotification({
-          title: err.response.data.error,
-          text: err.response.data.message,
-          type: "error"
-        });
-        return;
-      }
-
-      createNotification({
-        text: "Login unsuccessful. Double-check your master password and try again.",
-        type: "error"
-      });
-    }
-  };
-
-  useEffect(() => {
-    if (hasExchangedPrivateKey) {
-      handleExchange();
-    }
-  }, []);
-
-  const [captchaToken, setCaptchaToken] = useState("");
-  const [shouldShowCaptcha, setShouldShowCaptcha] = useState(false);
-  const captchaRef = useRef<HCaptcha>(null);
-
-  const handleLogin = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      setIsLoading(true);
-
-      if (callbackPort) {
-        // attemptCliLogin
-        const isCliLoginSuccessful = await attemptCliLogin({
-          email,
-          password,
-          providerAuthToken,
-          captchaToken
-        });
-
-        if (isCliLoginSuccessful && isCliLoginSuccessful.success) {
-          const cliUrl = `http://127.0.0.1:${callbackPort}/`;
-
-          // case: organization ID is present from the provider auth token -- select the org and use the new jwt token in the CLI, then navigate to the org
-          if (organizationId) {
-            const finishWithOrgWorkflow = async () => {
-              const { token, isMfaEnabled, mfaMethod } = await selectOrganization({
-                organizationId
-              });
-
-              if (isMfaEnabled) {
-                SecurityClient.setMfaToken(token);
-                if (mfaMethod) {
-                  setRequiredMfaMethod(mfaMethod);
-                }
-                toggleShowMfa.on();
-                setMfaSuccessCallback(() => finishWithOrgWorkflow);
-                return;
-              }
-
-              console.log("organization id was present. new JWT token to be used in CLI:", token);
-
-              const instance = axios.create();
-              const payload = {
-                ...isCliLoginSuccessful.loginResponse,
-                JTWToken: token
-              };
-              await instance.post(cliUrl, payload).catch(() => {
-                // if error happens to communicate we set the token with an expiry in sessino storage
-                // the cli-redirect page has logic to show this to user and ask them to paste it in terminal
-                sessionStorage.setItem(
-                  SessionStorageKeys.CLI_TERMINAL_TOKEN,
-                  JSON.stringify({
-                    expiry: formatISO(addSeconds(new Date(), 30)),
-                    data: window.btoa(JSON.stringify(payload))
-                  })
-                );
-              });
-              router.push("/cli-redirect");
-            };
-
-            await finishWithOrgWorkflow();
-            return;
-          }
-
-          // case: no organization ID is present -- navigate to the select org page IF the user has any orgs
-          // if the user has no orgs, navigate to the create org page
-          const userOrgs = await fetchOrganizations();
-
-          // case: user has orgs, so we navigate the user to select an org
-          if (userOrgs.length > 0) {
-            navigateToSelectOrganization(callbackPort);
-          }
-          // case: no orgs found, so we navigate the user to create an org
-          else {
-            await navigateUserToOrg(router);
-          }
-        }
-      } else {
-        const loginAttempt = await attemptLogin({
-          email,
-          password,
-          providerAuthToken,
-          captchaToken
-        });
-
-        if (loginAttempt && loginAttempt.success) {
-          // case: login was successful
-          setIsLoading(false);
-          createNotification({
-            text: "Successfully logged in",
-            type: "success"
-          });
-
-          // case: organization ID is present from the provider auth token -- navigate directly to the org
-          if (organizationId) {
-            await navigateUserToOrg(router, organizationId);
-          }
-          // case: no organization ID is present -- navigate to the select org page IF the user has any orgs
-          // if the user has no orgs, navigate to the create org page
-          else {
-            const userOrgs = await fetchOrganizations();
-
-            if (userOrgs.length > 0) {
-              navigateToSelectOrganization();
-            } else {
-              await navigateUserToOrg(router);
-            }
-          }
-        }
-      }
-    } catch (err: any) {
-      setIsLoading(false);
-      console.error(err);
-
-      if (err.response.data.error === "User Locked") {
-        createNotification({
-          title: err.response.data.error,
-          text: err.response.data.message,
-          type: "error"
-        });
-        return;
-      }
-
-      if (err.response.data.error === "Captcha Required") {
-        setShouldShowCaptcha(true);
-        return;
-      }
-
-      createNotification({
-        text: "Login unsuccessful. Double-check your master password and try again.",
-        type: "error"
-      });
-    }
-
-    if (captchaRef.current) {
-      captchaRef.current.resetCaptcha();
-    }
-    setCaptchaToken("");
-  };
-
-  if (shouldShowMfa) {
-    return (
-      <div className="flex max-h-screen min-h-screen flex-col items-center justify-center gap-2 overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
-        <Mfa
-          email={email}
-          successCallback={mfaSuccessCallback}
-          method={requiredMfaMethod}
-          closeMfa={() => toggleShowMfa.off()}
-        />
-      </div>
-    );
-  }
-
-  if (hasExchangedPrivateKey) {
-    return (
-      <div className="flex max-h-screen min-h-screen flex-col items-center justify-center gap-2 overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
-        <Spinner />
-        <p className="text-white opacity-80">Loading, please wait</p>
-      </div>
-    );
-  }
-
-  return (
-    <form onSubmit={handleLogin} className="mx-auto h-full w-full max-w-md px-6 pt-8">
-      <div className="mb-8">
-        <p className="mx-auto mb-4 flex w-max justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-          What&apos;s your Infisical password?
-        </p>
-      </div>
-      <div className="relative mx-auto flex max-h-24 w-1/4 w-full min-w-[22rem] items-center justify-center rounded-lg md:max-h-28 lg:w-1/6">
-        <div className="flex max-h-24 w-full items-center justify-center rounded-lg md:max-h-28">
-          <Input
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            type="password"
-            placeholder="Enter your password..."
-            isRequired
-            autoComplete="current-password"
-            id="current-password"
-            className="h-12"
-          />
-        </div>
-      </div>
-      {shouldShowCaptcha && (
-        <div className="mx-auto mt-4 flex w-full min-w-[22rem] items-center justify-center lg:w-1/6">
-          <HCaptcha
-            theme="dark"
-            sitekey={CAPTCHA_SITE_KEY}
-            onVerify={(token) => setCaptchaToken(token)}
-            ref={captchaRef}
-          />
-        </div>
-      )}
-      <div className="mx-auto mt-4 flex w-1/4 w-full min-w-[22rem] items-center justify-center rounded-md text-center lg:w-1/6">
-        <Button
-          disabled={shouldShowCaptcha && captchaToken === ""}
-          type="submit"
-          colorSchema="primary"
-          variant="outline_bg"
-          isFullWidth
-          isLoading={isLoading}
-          className="h-14"
-        >
-          {t("login.login")}
-        </Button>
-      </div>
-      <div className="mx-auto mt-4 flex w-max flex-col items-center text-xs text-bunker-400">
-        <span className="max-w-sm px-4 text-center duration-200">
-          Infisical Master Password serves as a decryption mechanism so that even Google is not able
-          to access your secrets.
-        </span>
-        <Link href="/verify-email">
-          <span className="mt-2 cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-            {t("login.forgot-password")}
-          </span>
-        </Link>
-      </div>
-      <div className="flex flex-row items-center justify-center">
-        <button
-          onClick={() => {
-            router.push("/login");
-          }}
-          type="button"
-          className="mt-2 cursor-pointer text-xs text-bunker-400 duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4"
-        >
-          {t("login.other-option")}
-        </button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Login/components/PasswordStep/index.tsx b/frontend-next/src/views/Login/components/PasswordStep/index.tsx
deleted file mode 100644
index e2d3993e4..000000000
--- a/frontend-next/src/views/Login/components/PasswordStep/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PasswordStep } from "./PasswordStep";
diff --git a/frontend-next/src/views/Login/components/SSOStep/SSOStep.tsx b/frontend-next/src/views/Login/components/SSOStep/SSOStep.tsx
deleted file mode 100644
index 9663c04a9..000000000
--- a/frontend-next/src/views/Login/components/SSOStep/SSOStep.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-
-import { Button, Input } from "@app/components/v2";
-
-type Props = {
-  setStep: (step: number) => void;
-  type: "SAML" | "OIDC";
-};
-
-export const SSOStep = ({ setStep, type }: Props) => {
-  const [ssoIdentifier, setSSOIdentifier] = useState("");
-  const { t } = useTranslation();
-
-  const queryParams = new URLSearchParams(window.location.search);
-
-  const handleSubmission = (e: React.FormEvent) => {
-    e.preventDefault();
-    const callbackPort = queryParams.get("callback_port");
-    if (type === "SAML") {
-      window.open(
-        `/api/v1/sso/redirect/saml2/organizations/${ssoIdentifier}${
-          callbackPort ? `?callback_port=${callbackPort}` : ""
-        }`
-      );
-    } else {
-      window.open(
-        `/api/v1/sso/oidc/login?orgSlug=${ssoIdentifier}${
-          callbackPort ? `&callbackPort=${callbackPort}` : ""
-        }`
-      );
-    }
-
-    window.close();
-  };
-
-  return (
-    <div className="mx-auto w-full max-w-md md:px-6">
-      <p className="mx-auto mb-8 flex w-max justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        What&apos;s your organization slug?
-      </p>
-      <form onSubmit={handleSubmission}>
-        <div className="relative mx-auto flex max-h-24 w-full min-w-[20rem] items-center justify-center rounded-lg md:max-h-28 md:min-w-[22rem] lg:w-1/6">
-          <div className="flex max-h-24 w-full items-center justify-center rounded-lg md:max-h-28">
-            <Input
-              value={ssoIdentifier}
-              onChange={(e) => setSSOIdentifier(e.target.value)}
-              type="text"
-              placeholder="acme-123"
-              isRequired
-              autoComplete="email"
-              id="email"
-              className="h-12"
-            />
-          </div>
-        </div>
-        <div className="mx-auto mt-4 flex w-full min-w-[20rem] items-center justify-center rounded-md text-center md:min-w-[22rem] lg:w-1/6">
-          <Button
-            type="submit"
-            colorSchema="primary"
-            variant="outline_bg"
-            isFullWidth
-            className="h-14"
-          >
-            Continue with {type}
-          </Button>
-        </div>
-      </form>
-      <div className="mt-4 flex flex-row items-center justify-center">
-        <button
-          onClick={() => {
-            setStep(0);
-          }}
-          type="button"
-          className="mt-2 cursor-pointer text-sm text-bunker-300 duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4"
-        >
-          {t("login.other-option")}
-        </button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Login/components/SSOStep/index.tsx b/frontend-next/src/views/Login/components/SSOStep/index.tsx
deleted file mode 100644
index e7d80b2c0..000000000
--- a/frontend-next/src/views/Login/components/SSOStep/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SSOStep } from "./SSOStep";
diff --git a/frontend-next/src/views/Login/components/index.tsx b/frontend-next/src/views/Login/components/index.tsx
deleted file mode 100644
index 84ad4f73d..000000000
--- a/frontend-next/src/views/Login/components/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export { InitialStep } from "./InitialStep";
-export { SSOStep } from "./SSOStep";
-
-// SSO-specific step
-export { PasswordStep } from "./PasswordStep";
diff --git a/frontend-next/src/views/Login/index.tsx b/frontend-next/src/views/Login/index.tsx
deleted file mode 100644
index 722e56fad..000000000
--- a/frontend-next/src/views/Login/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { Login } from "./Login";
-export { LoginLDAP } from "./LoginLDAP";
-export { LoginSSO } from "./LoginSSO";
diff --git a/frontend-next/src/views/Org/AuditLogsPage/AuditLogsPage.tsx b/frontend-next/src/views/Org/AuditLogsPage/AuditLogsPage.tsx
deleted file mode 100644
index 192b802c2..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/AuditLogsPage.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { withPermission } from "@app/hoc";
-
-import { LogsSection } from "./components";
-
-export const AuditLogsPage = withPermission(
-  () => {
-    return (
-      <div className="flex h-full w-full justify-center bg-bunker-800 text-white">
-        <div className="w-full max-w-7xl px-6">
-          <div className="bg-bunker-800 py-6">
-            <p className="text-3xl font-semibold text-gray-200">Audit Logs</p>
-            <div />
-          </div>
-          <LogsSection filterClassName="static py-2" showFilters isOrgAuditLogs showActorColumn />
-        </div>
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.AuditLogs }
-);
diff --git a/frontend-next/src/views/Org/AuditLogsPage/components/LogsFilter.tsx b/frontend-next/src/views/Org/AuditLogsPage/components/LogsFilter.tsx
deleted file mode 100644
index 3ac1cf8a3..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/components/LogsFilter.tsx
+++ /dev/null
@@ -1,325 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { useEffect, useState } from "react";
-import { Control, Controller, UseFormReset, UseFormSetValue, UseFormWatch } from "react-hook-form";
-import { faCaretDown, faCheckCircle, faFilterCircleXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import {
-  Button,
-  DatePicker,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  FilterableSelect,
-  FormControl,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import { useGetAuditLogActorFilterOpts } from "@app/hooks/api";
-import { eventToNameMap, userAgentTTypeoNameMap } from "@app/hooks/api/auditLogs/constants";
-import { ActorType, EventType } from "@app/hooks/api/auditLogs/enums";
-import { Actor } from "@app/hooks/api/auditLogs/types";
-
-import { AuditLogFilterFormData } from "./types";
-
-const eventTypes = Object.entries(eventToNameMap).map(([value, label]) => ({ label, value }));
-const userAgentTypes = Object.entries(userAgentTTypeoNameMap).map(([value, label]) => ({
-  label,
-  value
-}));
-
-type Props = {
-  presets?: {
-    actorId?: string;
-    eventType?: EventType[];
-  };
-  className?: string;
-  isOrgAuditLogs?: boolean;
-  setValue: UseFormSetValue<AuditLogFilterFormData>;
-  control: Control<AuditLogFilterFormData>;
-  reset: UseFormReset<AuditLogFilterFormData>;
-  watch: UseFormWatch<AuditLogFilterFormData>;
-};
-
-export const LogsFilter = ({
-  presets,
-  isOrgAuditLogs,
-  className,
-  control,
-  setValue,
-  reset,
-  watch
-}: Props) => {
-  const [isStartDatePickerOpen, setIsStartDatePickerOpen] = useState(false);
-  const [isEndDatePickerOpen, setIsEndDatePickerOpen] = useState(false);
-
-  const { currentWorkspace, workspaces } = useWorkspace();
-  const { currentOrg } = useOrganization();
-
-  const workspacesInOrg = workspaces.filter((ws) => ws.orgId === currentOrg?.id);
-
-  const { data, isLoading } = useGetAuditLogActorFilterOpts(currentWorkspace?.id ?? "");
-
-  useEffect(() => {
-    if (workspacesInOrg.length) {
-      setValue("project", workspacesInOrg[0]);
-    }
-  }, [workspaces]);
-
-  const renderActorSelectItem = (actor: Actor) => {
-    switch (actor.type) {
-      case ActorType.USER:
-        return (
-          <SelectItem
-            value={`${actor.type}-${actor.metadata.userId}`}
-            key={`user-actor-filter-${actor.metadata.userId}`}
-          >
-            {actor.metadata.email}
-          </SelectItem>
-        );
-      case ActorType.SERVICE:
-        return (
-          <SelectItem
-            value={`${actor.type}-${actor.metadata.serviceId}`}
-            key={`service-actor-filter-${actor.metadata.serviceId}`}
-          >
-            {actor.metadata.name}
-          </SelectItem>
-        );
-      case ActorType.IDENTITY:
-        return (
-          <SelectItem
-            value={`${actor.type}-${actor.metadata.identityId}`}
-            key={`identity-filter-${actor.metadata.identityId}`}
-          >
-            {actor.metadata.name}
-          </SelectItem>
-        );
-      default:
-        return (
-          <SelectItem value="actor-none" key="actor-none">
-            N/A
-          </SelectItem>
-        );
-    }
-  };
-
-  const selectedEventTypes = watch("eventType") as EventType[] | undefined;
-
-  return (
-    <div
-      className={twMerge(
-        "sticky top-20 z-10 flex flex-wrap items-center justify-between bg-bunker-800",
-        className
-      )}
-    >
-      {isOrgAuditLogs && workspacesInOrg.length > 0 && (
-        <Controller
-          control={control}
-          name="project"
-          render={({ field: { onChange, value }, fieldState: { error } }) => (
-            <FormControl
-              label="Project"
-              errorText={error?.message}
-              isError={Boolean(error)}
-              className="mr-12 w-64"
-            >
-              <FilterableSelect
-                value={value}
-                onChange={onChange}
-                placeholder="Select a project..."
-                options={workspacesInOrg.map(({ name, id }) => ({ name, id }))}
-                getOptionValue={(option) => option.id}
-                getOptionLabel={(option) => option.name}
-              />
-            </FormControl>
-          )}
-        />
-      )}
-      <div className="mt-1 flex items-center space-x-2">
-        <Controller
-          control={control}
-          name="eventType"
-          render={({ field }) => (
-            <FormControl label="Events">
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <div className="inline-flex w-full cursor-pointer items-center justify-between whitespace-nowrap rounded-md border border-mineshaft-500 bg-mineshaft-700 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200">
-                    {selectedEventTypes?.length === 1
-                      ? eventTypes.find((eventType) => eventType.value === selectedEventTypes[0])
-                          ?.label
-                      : selectedEventTypes?.length === 0
-                      ? "All events"
-                      : `${selectedEventTypes?.length} events selected`}
-                    <FontAwesomeIcon icon={faCaretDown} className="ml-2 text-xs" />
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start" className="z-[100] max-h-80 overflow-hidden">
-                  <div className="max-h-80 overflow-y-auto">
-                    {eventTypes && eventTypes.length > 0 ? (
-                      eventTypes.map((eventType) => {
-                        const isSelected = selectedEventTypes?.includes(
-                          eventType.value as EventType
-                        );
-
-                        return (
-                          <DropdownMenuItem
-                            onSelect={(event) => eventTypes.length > 1 && event.preventDefault()}
-                            onClick={() => {
-                              if (selectedEventTypes?.includes(eventType.value as EventType)) {
-                                field.onChange(
-                                  selectedEventTypes?.filter((e: string) => e !== eventType.value)
-                                );
-                              } else {
-                                field.onChange([...(selectedEventTypes || []), eventType.value]);
-                              }
-                            }}
-                            key={`event-type-${eventType.value}`}
-                            icon={
-                              isSelected ? (
-                                <FontAwesomeIcon
-                                  icon={faCheckCircle}
-                                  className="pr-0.5 text-primary"
-                                />
-                              ) : (
-                                <div className="pl-[1.01rem]" />
-                              )
-                            }
-                            iconPos="left"
-                            className="w-[28.4rem] text-sm"
-                          >
-                            {eventType.label}
-                          </DropdownMenuItem>
-                        );
-                      })
-                    ) : (
-                      <div />
-                    )}
-                  </div>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </FormControl>
-          )}
-        />
-
-        {!isLoading && data && data.length > 0 && !presets?.actorId && (
-          <Controller
-            control={control}
-            name="actor"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Actor"
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="w-40"
-              >
-                <Select
-                  {...(field.value ? { value: field.value } : { placeholder: "Select" })}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full border border-mineshaft-500 bg-mineshaft-700 text-mineshaft-100"
-                >
-                  {data.map((actor) => renderActorSelectItem(actor))}
-                </Select>
-              </FormControl>
-            )}
-          />
-        )}
-        <Controller
-          control={control}
-          name="userAgentType"
-          render={({ field: { onChange, value, ...field }, fieldState: { error } }) => (
-            <FormControl
-              label="Source"
-              errorText={error?.message}
-              isError={Boolean(error)}
-              className="w-40"
-            >
-              <Select
-                value={value === undefined ? "all" : value}
-                {...field}
-                onValueChange={(e) => {
-                  if (e === "all") onChange(undefined);
-                  else onChange(e);
-                }}
-                className={twMerge("w-full border border-mineshaft-500 bg-mineshaft-700")}
-              >
-                <SelectItem value="all" key="all">
-                  All sources
-                </SelectItem>
-                {userAgentTypes.map(({ label, value: userAgent }) => (
-                  <SelectItem value={userAgent} key={label}>
-                    {label}
-                  </SelectItem>
-                ))}
-              </Select>
-            </FormControl>
-          )}
-        />
-        <Controller
-          name="startDate"
-          control={control}
-          render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-            return (
-              <FormControl label="Start date" errorText={error?.message} isError={Boolean(error)}>
-                <DatePicker
-                  value={field.value || undefined}
-                  onChange={onChange}
-                  dateFormat="P"
-                  popUpProps={{
-                    open: isStartDatePickerOpen,
-                    onOpenChange: setIsStartDatePickerOpen
-                  }}
-                  popUpContentProps={{}}
-                />
-              </FormControl>
-            );
-          }}
-        />
-        <Controller
-          name="endDate"
-          control={control}
-          render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-            return (
-              <FormControl label="End date" errorText={error?.message} isError={Boolean(error)}>
-                <DatePicker
-                  value={field.value || undefined}
-                  onChange={onChange}
-                  dateFormat="P"
-                  popUpProps={{
-                    open: isEndDatePickerOpen,
-                    onOpenChange: setIsEndDatePickerOpen
-                  }}
-                  popUpContentProps={{}}
-                />
-              </FormControl>
-            );
-          }}
-        />
-        <Button
-          isLoading={false}
-          colorSchema="primary"
-          variant="outline_bg"
-          className="mt-[0.45rem]"
-          type="submit"
-          leftIcon={<FontAwesomeIcon icon={faFilterCircleXmark} />}
-          onClick={() =>
-            reset({
-              eventType: presets?.eventType || [],
-              actor: presets?.actorId,
-              userAgentType: undefined,
-              startDate: undefined,
-              endDate: undefined,
-              project: null
-            })
-          }
-        >
-          Clear filters
-        </Button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/AuditLogsPage/components/LogsSection.tsx b/frontend-next/src/views/Org/AuditLogsPage/components/LogsSection.tsx
deleted file mode 100644
index f121ddbb8..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/components/LogsSection.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { useEffect } from "react";
-import { useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { yupResolver } from "@hookform/resolvers/yup";
-
-import { UpgradePlanModal } from "@app/components/v2";
-import { useSubscription } from "@app/context";
-import { ActorType, EventType, UserAgentType } from "@app/hooks/api/auditLogs/enums";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { LogsFilter } from "./LogsFilter";
-import { LogsTable, TAuditLogTableHeader } from "./LogsTable";
-import { AuditLogFilterFormData, auditLogFilterFormSchema } from "./types";
-
-type Props = {
-  presets?: {
-    actorId?: string;
-    eventType?: EventType[];
-    actorType?: ActorType;
-    startDate?: Date;
-    endDate?: Date;
-    eventMetadata?: Record<string, string>;
-  };
-
-  showFilters?: boolean;
-  filterClassName?: string;
-  isOrgAuditLogs?: boolean;
-  showActorColumn?: boolean;
-  remappedHeaders?: Partial<Record<TAuditLogTableHeader, string>>;
-  refetchInterval?: number;
-};
-
-export const LogsSection = ({
-  presets,
-  filterClassName,
-  remappedHeaders,
-  isOrgAuditLogs,
-  showActorColumn,
-  refetchInterval,
-  showFilters
-}: Props) => {
-  const { subscription } = useSubscription();
-  const router = useRouter();
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["upgradePlan"] as const);
-
-  const { control, reset, watch, setValue } = useForm<AuditLogFilterFormData>({
-    resolver: yupResolver(auditLogFilterFormSchema),
-    defaultValues: {
-      project: null,
-      actor: presets?.actorId,
-      eventType: presets?.eventType || [],
-      page: 1,
-      perPage: 10,
-      startDate: presets?.startDate ?? new Date(new Date().setDate(new Date().getDate() - 1)), // day before today
-      endDate: presets?.endDate ?? new Date(new Date(Date.now()).setHours(23, 59, 59, 999)) // end of today
-    }
-  });
-
-  useEffect(() => {
-    if (subscription && !subscription.auditLogs) {
-      handlePopUpOpen("upgradePlan");
-    }
-  }, [subscription]);
-
-  const eventType = watch("eventType") as EventType[] | undefined;
-  const userAgentType = watch("userAgentType") as UserAgentType | undefined;
-  const actor = watch("actor");
-  const projectId = watch("project")?.id;
-
-  const startDate = watch("startDate");
-  const endDate = watch("endDate");
-
-  return (
-    <div>
-      {showFilters && (
-        <LogsFilter
-          isOrgAuditLogs
-          className={filterClassName}
-          presets={presets}
-          control={control}
-          setValue={setValue}
-          watch={watch}
-          reset={reset}
-        />
-      )}
-      <LogsTable
-        refetchInterval={refetchInterval}
-        remappedHeaders={remappedHeaders}
-        isOrgAuditLogs={isOrgAuditLogs}
-        showActorColumn={!!showActorColumn}
-        filter={{
-          eventMetadata: presets?.eventMetadata,
-          projectId,
-          actorType: presets?.actorType,
-          limit: 15,
-          eventType,
-          userAgentType,
-          startDate,
-          endDate,
-          actor
-        }}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => {
-          if (!isOpen) {
-            router.back();
-            return;
-          }
-
-          handlePopUpToggle("upgradePlan", isOpen);
-        }}
-        text="You can use audit logs if you switch to a paid Infisical plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/AuditLogsPage/components/LogsTable.tsx b/frontend-next/src/views/Org/AuditLogsPage/components/LogsTable.tsx
deleted file mode 100644
index 2922754ae..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/components/LogsTable.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { Fragment } from "react";
-import { faFile } from "@fortawesome/free-solid-svg-icons";
-
-import {
-  Button,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useGetAuditLogs } from "@app/hooks/api";
-import { TGetAuditLogsFilter } from "@app/hooks/api/auditLogs/types";
-
-import { LogsTableRow } from "./LogsTableRow";
-
-type Props = {
-  isOrgAuditLogs?: boolean;
-  showActorColumn: boolean;
-  filter?: TGetAuditLogsFilter;
-  remappedHeaders?: Partial<Record<TAuditLogTableHeader, string>>;
-  refetchInterval?: number;
-};
-
-const AUDIT_LOG_LIMIT = 15;
-
-const TABLE_HEADERS = ["Timestamp", "Event", "Project", "Actor", "Source", "Metadata"] as const;
-export type TAuditLogTableHeader = (typeof TABLE_HEADERS)[number];
-
-export const LogsTable = ({
-  showActorColumn,
-  isOrgAuditLogs,
-  filter,
-  remappedHeaders,
-  refetchInterval
-}: Props) => {
-  const { currentWorkspace } = useWorkspace();
-
-  // Determine the project ID for filtering
-  const filterProjectId =
-    // Use the projectId from the filter if it exists
-    filter?.projectId ??
-    // Otherwise, if we're not looking at org-wide audit logs
-    (!isOrgAuditLogs
-      ? // Use the current workspace ID (or an empty string if that's null)
-        currentWorkspace?.id ?? ""
-      : // For org-wide audit logs, use null (no specific project filter)
-        null);
-
-  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } = useGetAuditLogs(
-    {
-      ...filter,
-      limit: AUDIT_LOG_LIMIT
-    },
-    filterProjectId,
-    {
-      refetchInterval
-    }
-  );
-
-  const isEmpty = !isLoading && !data?.pages?.[0].length;
-
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              {TABLE_HEADERS.map((header, idx) => {
-                if (
-                  (header === "Project" && !isOrgAuditLogs) ||
-                  (header === "Actor" && !showActorColumn)
-                ) {
-                  return null;
-                }
-
-                return (
-                  <Th key={`table-header-${idx + 1}`}>{remappedHeaders?.[header] || header}</Th>
-                );
-              })}
-            </Tr>
-          </THead>
-          <TBody>
-            {!isLoading &&
-              data?.pages?.map((group, i) => (
-                <Fragment key={`audit-log-fragment-${i + 1}`}>
-                  {group.map((auditLog) => (
-                    <LogsTableRow
-                      showActorColumn={showActorColumn}
-                      isOrgAuditLogs={isOrgAuditLogs}
-                      auditLog={auditLog}
-                      key={`audit-log-${auditLog.id}`}
-                    />
-                  ))}
-                </Fragment>
-              ))}
-            {isLoading && <TableSkeleton innerKey="logs-table" columns={5} key="logs" />}
-            {isEmpty && (
-              <Tr>
-                <Td colSpan={5}>
-                  <EmptyState title="No audit logs on file" icon={faFile} />
-                </Td>
-              </Tr>
-            )}
-          </TBody>
-        </Table>
-      </TableContainer>
-      {!isEmpty && (
-        <Button
-          className="mt-4 mb-20 py-3 px-4 text-sm"
-          isFullWidth
-          variant="star"
-          isLoading={isFetchingNextPage}
-          isDisabled={isFetchingNextPage || !hasNextPage}
-          onClick={() => fetchNextPage()}
-        >
-          {hasNextPage ? "Load More" : "End of logs"}
-        </Button>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/AuditLogsPage/components/LogsTableRow.tsx b/frontend-next/src/views/Org/AuditLogsPage/components/LogsTableRow.tsx
deleted file mode 100644
index 4da98613e..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/components/LogsTableRow.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { Td, Tr } from "@app/components/v2";
-import { eventToNameMap, userAgentTTypeoNameMap } from "@app/hooks/api/auditLogs/constants";
-import { ActorType, EventType } from "@app/hooks/api/auditLogs/enums";
-import { Actor, AuditLog } from "@app/hooks/api/auditLogs/types";
-
-type Props = {
-  auditLog: AuditLog;
-  isOrgAuditLogs?: boolean;
-  showActorColumn: boolean;
-};
-
-export const LogsTableRow = ({ auditLog, isOrgAuditLogs, showActorColumn }: Props) => {
-  const renderActor = (actor: Actor) => {
-    if (!actor) {
-      return <Td />;
-    }
-
-    switch (actor.type) {
-      case ActorType.USER:
-        return (
-          <Td>
-            <p>{actor.metadata.email}</p>
-            <p>User</p>
-          </Td>
-        );
-      case ActorType.SERVICE:
-        return (
-          <Td>
-            <p>{`${actor.metadata.name}`}</p>
-            <p>Service token</p>
-          </Td>
-        );
-      case ActorType.IDENTITY:
-        return (
-          <Td>
-            <p>{`${actor.metadata.name}`}</p>
-            <p>Machine Identity</p>
-          </Td>
-        );
-      default:
-        return <Td />;
-    }
-  };
-
-  const formatDate = (dateToFormat: string) => {
-    const date = new Date(dateToFormat);
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-
-    let hours = date.getHours();
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-
-    // convert from 24h to 12h format
-    const period = hours >= 12 ? "PM" : "AM";
-    hours %= 12;
-    hours = hours || 12; // the hour '0' should be '12'
-
-    const formattedDate = `${day}-${month}-${year} at ${hours}:${minutes} ${period}`;
-    return formattedDate;
-  };
-
-  const renderSource = () => {
-    const { event, actor } = auditLog;
-
-    if (event.type === EventType.INTEGRATION_SYNCED) {
-      if (actor.type === ActorType.USER) {
-        return (
-          <Td>
-            <p>Manually triggered by {actor.metadata.email}</p>
-          </Td>
-        );
-      }
-
-      // Platform / automatic syncs
-      return (
-        <Td>
-          <p>Automatically synced by Infisical</p>
-        </Td>
-      );
-    }
-
-    return (
-      <Td>
-        <p>{userAgentTTypeoNameMap[auditLog.userAgentType]}</p>
-        <p>{auditLog.ipAddress}</p>
-      </Td>
-    );
-  };
-
-  return (
-    <Tr className={`log-${auditLog.id} h-10 border-x-0 border-b border-t-0`}>
-      <Td>{formatDate(auditLog.createdAt)}</Td>
-      <Td>{`${eventToNameMap[auditLog.event.type]}`}</Td>
-      {isOrgAuditLogs && <Td>{auditLog?.projectName ?? auditLog?.projectId ?? "N/A"}</Td>}
-      {showActorColumn && renderActor(auditLog.actor)}
-      {renderSource()}
-      <Td className="max-w-xs break-all">{JSON.stringify(auditLog.event.metadata || {})}</Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/Org/AuditLogsPage/components/index.tsx b/frontend-next/src/views/Org/AuditLogsPage/components/index.tsx
deleted file mode 100644
index e15301e9b..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { LogsSection } from "./LogsSection";
diff --git a/frontend-next/src/views/Org/AuditLogsPage/components/types.tsx b/frontend-next/src/views/Org/AuditLogsPage/components/types.tsx
deleted file mode 100644
index 49cbb74fe..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/components/types.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as yup from "yup";
-
-import { EventType, UserAgentType } from "@app/hooks/api/auditLogs/enums";
-
-export const auditLogFilterFormSchema = yup
-  .object({
-    eventMetadata: yup.object({}).optional(),
-    project: yup.object({ id: yup.string().required(), name: yup.string().required() }).nullable(),
-    eventType: yup.array(yup.string().oneOf(Object.values(EventType), "Invalid event type")),
-    actor: yup.string(),
-    userAgentType: yup.string().oneOf(Object.values(UserAgentType), "Invalid user agent type"),
-    startDate: yup.date(),
-    endDate: yup.date().min(yup.ref("startDate"), "End date cannot be before start date"),
-    page: yup.number(),
-    perPage: yup.number()
-  })
-  .required();
-
-export type AuditLogFilterFormData = yup.InferType<typeof auditLogFilterFormSchema>;
-
-export type SetValueType = (
-  name: keyof AuditLogFilterFormData,
-  value: any,
-  options?: {
-    shouldValidate?: boolean;
-    shouldDirty?: boolean;
-  }
-) => void;
diff --git a/frontend-next/src/views/Org/AuditLogsPage/index.tsx b/frontend-next/src/views/Org/AuditLogsPage/index.tsx
deleted file mode 100644
index 3864b1435..000000000
--- a/frontend-next/src/views/Org/AuditLogsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AuditLogsPage } from "./AuditLogsPage";
diff --git a/frontend-next/src/views/Org/GroupPage/GroupPage.tsx b/frontend-next/src/views/Org/GroupPage/GroupPage.tsx
deleted file mode 100644
index acde15760..000000000
--- a/frontend-next/src/views/Org/GroupPage/GroupPage.tsx
+++ /dev/null
@@ -1,175 +0,0 @@
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Spinner,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { useDeleteGroup } from "@app/hooks/api";
-import { useGetGroupById } from "@app/hooks/api/groups/queries";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { TabSections } from "@app/views/Org/Types";
-
-import { GroupCreateUpdateModal } from "./components/GroupCreateUpdateModal";
-import { GroupMembersSection } from "./components/GroupMembersSection";
-import { GroupDetailsSection } from "./components";
-
-export const GroupPage = withPermission(
-  () => {
-    const router = useRouter();
-    const groupId = router.query.groupId as string;
-    const { currentOrg } = useOrganization();
-    const orgId = currentOrg?.id || "";
-
-    const { data, isLoading } = useGetGroupById(groupId);
-
-    const { mutateAsync: deleteMutateAsync } = useDeleteGroup();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "groupCreateUpdate",
-      "deleteGroup",
-      "upgradePlan"
-    ] as const);
-
-    const onDeleteGroupSubmit = async ({ name, id }: { name: string; id: string }) => {
-      try {
-        await deleteMutateAsync({
-          id
-        });
-        createNotification({
-          text: `Successfully deleted the ${name} group`,
-          type: "success"
-        });
-        router.push(`/org/${orgId}/members?selectedTab=${TabSections.Groups}`);
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: `Failed to delete the ${name} group`,
-          type: "error"
-        });
-      }
-
-      handlePopUpClose("deleteGroup");
-    };
-
-    if (isLoading) return <Spinner size="sm" className="mt-2 ml-2" />;
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => {
-                router.push(`/org/${orgId}/members?selectedTab=${TabSections.Groups}`);
-              }}
-              className="mb-4"
-            >
-              Groups
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.group.name}</p>
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild className="rounded-lg">
-                  <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                    <Tooltip content="More options">
-                      <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                    </Tooltip>
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start" className="p-1">
-                  <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Groups}>
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={async () => {
-                          handlePopUpOpen("groupCreateUpdate", {
-                            groupId,
-                            name: data.group.name,
-                            slug: data.group.slug,
-                            role: data.group.role
-                          });
-                        }}
-                        disabled={!isAllowed}
-                      >
-                        Edit Group
-                      </DropdownMenuItem>
-                    )}
-                  </OrgPermissionCan>
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Delete}
-                    a={OrgPermissionSubjects.Groups}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          isAllowed
-                            ? "hover:!bg-red-500 hover:!text-white"
-                            : "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={async () => {
-                          handlePopUpOpen("deleteGroup", {
-                            id: groupId,
-                            name: data.group.name
-                          });
-                        }}
-                        disabled={!isAllowed}
-                      >
-                        Delete Group
-                      </DropdownMenuItem>
-                    )}
-                  </OrgPermissionCan>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <GroupDetailsSection groupId={groupId} handlePopUpOpen={handlePopUpOpen} />
-              </div>
-              <GroupMembersSection groupId={groupId} groupSlug={data.group.slug} />
-            </div>
-          </div>
-        )}
-        <GroupCreateUpdateModal
-          popUp={popUp}
-          handlePopUpClose={handlePopUpClose}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-        <DeleteActionModal
-          isOpen={popUp.deleteGroup.isOpen}
-          title={`Are you sure want to delete the group named ${
-            (popUp?.deleteGroup?.data as { name: string })?.name || ""
-          }?`}
-          onChange={(isOpen) => handlePopUpToggle("deleteGroup", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onDeleteGroupSubmit(popUp?.deleteGroup?.data as { name: string; id: string })
-          }
-        />
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text={(popUp.upgradePlan?.data as { description: string })?.description}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Groups }
-);
diff --git a/frontend-next/src/views/Org/GroupPage/components/AddGroupMemberModal.tsx b/frontend-next/src/views/Org/GroupPage/components/AddGroupMemberModal.tsx
deleted file mode 100644
index ab81aa445..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/AddGroupMemberModal.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import { useState } from "react";
-import { faMagnifyingGlass, faUsers } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  EmptyState,
-  Input,
-  Modal,
-  ModalContent,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { useDebounce, useResetPageHelper } from "@app/hooks";
-import { useAddUserToGroup, useListGroupUsers } from "@app/hooks/api";
-import { EFilterReturnedUsers } from "@app/hooks/api/groups/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  popUp: UsePopUpState<["addGroupMembers"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addGroupMembers"]>, state?: boolean) => void;
-};
-
-export const AddGroupMembersModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(10);
-  const [searchMemberFilter, setSearchMemberFilter] = useState("");
-  const [debouncedSearch] = useDebounce(searchMemberFilter);
-
-  const popUpData = popUp?.addGroupMembers?.data as {
-    groupId: string;
-    slug: string;
-  };
-
-  const offset = (page - 1) * perPage;
-  const { data, isLoading } = useListGroupUsers({
-    id: popUpData?.groupId,
-    groupSlug: popUpData?.slug,
-    offset,
-    limit: perPage,
-    search: debouncedSearch,
-    filter: EFilterReturnedUsers.NON_MEMBERS
-  });
-
-  const { totalCount = 0 } = data ?? {};
-
-  useResetPageHelper({
-    totalCount,
-    offset,
-    setPage
-  });
-
-  const { mutateAsync: addUserToGroupMutateAsync } = useAddUserToGroup();
-
-  const handleAddMember = async (username: string) => {
-    try {
-      if (!popUpData?.slug) {
-        createNotification({
-          text: "Some data is missing, please refresh the page and try again",
-          type: "error"
-        });
-        return;
-      }
-
-      await addUserToGroupMutateAsync({
-        groupId: popUpData.groupId,
-        username,
-        slug: popUpData.slug
-      });
-
-      createNotification({
-        text: "Successfully assigned user to the group",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed to assign user to the group",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.addGroupMembers?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addGroupMembers", isOpen);
-      }}
-    >
-      <ModalContent title="Add Group Members">
-        <Input
-          value={searchMemberFilter}
-          onChange={(e) => setSearchMemberFilter(e.target.value)}
-          leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-          placeholder="Search members..."
-        />
-        <TableContainer className="mt-4">
-          <Table>
-            <THead>
-              <Tr>
-                <Th>User</Th>
-                <Th />
-              </Tr>
-            </THead>
-            <TBody>
-              {isLoading && <TableSkeleton columns={2} innerKey="group-users" />}
-              {!isLoading &&
-                data?.users?.map(({ id, firstName, lastName, username }) => {
-                  return (
-                    <Tr className="items-center" key={`group-user-${id}`}>
-                      <Td>
-                        <p>{`${firstName ?? "-"} ${lastName ?? ""}`}</p>
-                        <p>{username}</p>
-                      </Td>
-                      <Td className="flex justify-end">
-                        <OrgPermissionCan
-                          I={OrgPermissionActions.Edit}
-                          a={OrgPermissionSubjects.Groups}
-                        >
-                          {(isAllowed) => {
-                            return (
-                              <Button
-                                isLoading={isLoading}
-                                isDisabled={!isAllowed}
-                                colorSchema="primary"
-                                variant="outline_bg"
-                                type="submit"
-                                onClick={() => handleAddMember(username)}
-                              >
-                                Assign
-                              </Button>
-                            );
-                          }}
-                        </OrgPermissionCan>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-            </TBody>
-          </Table>
-          {!isLoading && totalCount > 0 && (
-            <Pagination
-              count={totalCount}
-              page={page}
-              perPage={perPage}
-              onChangePage={(newPage) => setPage(newPage)}
-              onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-            />
-          )}
-          {!isLoading && !data?.users?.length && (
-            <EmptyState
-              title={
-                debouncedSearch ? "No users match search" : "All users are already in the group"
-              }
-              icon={faUsers}
-            />
-          )}
-        </TableContainer>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/GroupPage/components/GroupCreateUpdateModal.tsx b/frontend-next/src/views/Org/GroupPage/components/GroupCreateUpdateModal.tsx
deleted file mode 100644
index 39187f3cb..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/GroupCreateUpdateModal.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { findOrgMembershipRole } from "@app/helpers/roles";
-import { useCreateGroup, useGetOrgRoles, useUpdateGroup } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const GroupFormSchema = z.object({
-  name: z.string().min(1, "Name cannot be empty").max(50, "Name must be 50 characters or fewer"),
-  slug: z
-    .string()
-    .min(5, "Slug must be at least 5 characters long")
-    .max(36, "Slug must be 36 characters or fewer"),
-  role: z.object({ name: z.string(), slug: z.string() })
-});
-
-export type TGroupFormData = z.infer<typeof GroupFormSchema>;
-
-type Props = {
-  popUp: UsePopUpState<["groupCreateUpdate"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["groupCreateUpdate"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["groupCreateUpdate"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const GroupCreateUpdateModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const { data: roles } = useGetOrgRoles(currentOrg?.id || "");
-  const { mutateAsync: createMutateAsync, isLoading: createIsLoading } = useCreateGroup();
-  const { mutateAsync: updateMutateAsync, isLoading: updateIsLoading } = useUpdateGroup();
-
-  const { control, handleSubmit, reset } = useForm<TGroupFormData>({
-    resolver: zodResolver(GroupFormSchema)
-  });
-
-  useEffect(() => {
-    const group = popUp?.groupCreateUpdate?.data as {
-      groupId: string;
-      name: string;
-      slug: string;
-      role: string;
-      customRole: {
-        name: string;
-        slug: string;
-      };
-    };
-
-    if (!roles?.length) return;
-
-    if (group) {
-      reset({
-        name: group.name,
-        slug: group.slug,
-        role: group?.customRole ?? findOrgMembershipRole(roles, group.role)
-      });
-    } else {
-      reset({
-        name: "",
-        slug: "",
-        role: findOrgMembershipRole(roles, currentOrg!.defaultMembershipRole)
-      });
-    }
-  }, [popUp?.groupCreateUpdate?.data, roles]);
-
-  const onGroupModalSubmit = async ({ name, slug, role }: TGroupFormData) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      const group = popUp?.groupCreateUpdate?.data as {
-        groupId: string;
-        name: string;
-        slug: string;
-      };
-
-      if (group) {
-        await updateMutateAsync({
-          id: group.groupId,
-          name,
-          slug,
-          role: role.slug || undefined
-        });
-      } else {
-        await createMutateAsync({
-          name,
-          slug,
-          organizationId: currentOrg.id,
-          role: role.slug || undefined
-        });
-      }
-      handlePopUpToggle("groupCreateUpdate", false);
-      reset();
-
-      createNotification({
-        text: `Successfully ${popUp?.groupCreateUpdate?.data ? "updated" : "created"} group`,
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${popUp?.groupCreateUpdate?.data ? "updated" : "created"} group`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.groupCreateUpdate?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("groupCreateUpdate", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent
-        bodyClassName="overflow-visible"
-        title={`${popUp?.groupCreateUpdate?.data ? "Update" : "Create"} Group`}
-      >
-        <form onSubmit={handleSubmit(onGroupModalSubmit)}>
-          <Controller
-            control={control}
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Name" errorText={error?.message} isError={Boolean(error)}>
-                <Input {...field} placeholder="Engineering" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="slug"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Slug" errorText={error?.message} isError={Boolean(error)}>
-                <Input {...field} placeholder="engineering" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="role"
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <FormControl
-                label="Role"
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="mt-4"
-              >
-                <FilterableSelect
-                  options={roles}
-                  placeholder="Select role..."
-                  onChange={onChange}
-                  value={value}
-                  getOptionValue={(option) => option.slug}
-                  getOptionLabel={(option) => option.name}
-                />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={createIsLoading || updateIsLoading}
-            >
-              {!popUp?.groupCreateUpdate?.data ? "Create" : "Update"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpClose("groupCreateUpdate")}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/GroupPage/components/GroupDetailsSection.tsx b/frontend-next/src/views/Org/GroupPage/components/GroupDetailsSection.tsx
deleted file mode 100644
index 624cc7241..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/GroupDetailsSection.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { IconButton, Spinner, Tooltip } from "@app/components/v2";
-import { CopyButton } from "@app/components/v2/CopyButton";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { useGetGroupById } from "@app/hooks/api/";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  groupId: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["groupCreateUpdate"]>, data?: {}) => void;
-};
-
-export const GroupDetailsSection = ({ groupId, handlePopUpOpen }: Props) => {
-  const { data, isLoading } = useGetGroupById(groupId);
-
-  if (isLoading) return <Spinner size="sm" className="mt-2 ml-2" />;
-
-  return data ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Group Details</h3>
-        <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Groups}>
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Edit Group">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="edit group button"
-                  variant="plain"
-                  className="group relative"
-                  onClick={() => {
-                    handlePopUpOpen("groupCreateUpdate", {
-                      groupId,
-                      name: data.group.name,
-                      slug: data.group.slug,
-                      role: data.group.role
-                    });
-                  }}
-                >
-                  <FontAwesomeIcon icon={faPencil} />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </OrgPermissionCan>
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Group ID</p>
-          <div className="group flex items-center gap-2">
-            <p className="text-sm text-mineshaft-300">{data.group.id}</p>
-            <CopyButton value={data.group.id} name="Group ID" size="xs" variant="plain" />
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-          <p className="text-sm text-mineshaft-300">{data.group.name}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Slug</p>
-          <div className="group flex items-center gap-2">
-            <p className="text-sm text-mineshaft-300">{data.group.slug}</p>
-            <CopyButton value={data.group.slug} name="Slug" size="xs" variant="plain" />
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Organization Role</p>
-          <p className="text-sm text-mineshaft-300">{data.group.role}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Created At</p>
-          <p className="text-sm text-mineshaft-300">
-            {new Date(data.group.createdAt).toLocaleString()}
-          </p>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <p className="text-mineshaft-300">Group data not found</p>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembersSection.tsx b/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembersSection.tsx
deleted file mode 100644
index 08de6c724..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembersSection.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal, IconButton } from "@app/components/v2";
-import { useRemoveUserFromGroup } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { AddGroupMembersModal } from "../AddGroupMemberModal";
-import { GroupMembersTable } from "./GroupMembersTable";
-
-type Props = {
-  groupId: string;
-  groupSlug: string;
-};
-
-export const GroupMembersSection = ({ groupId, groupSlug }: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "addGroupMembers",
-    "removeMemberFromGroup"
-  ] as const);
-
-  const { mutateAsync: removeUserFromGroupMutateAsync } = useRemoveUserFromGroup();
-  const handleRemoveUserFromGroup = async (username: string) => {
-    try {
-      await removeUserFromGroupMutateAsync({
-        groupId,
-        username,
-        slug: groupSlug
-      });
-
-      createNotification({
-        text: `Successfully removed user ${username} from the group`,
-        type: "success"
-      });
-
-      handlePopUpToggle("removeMemberFromGroup", false);
-    } catch (err) {
-      createNotification({
-        text: `Failed to remove user ${username} from the group`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Group Members</h3>
-        <IconButton
-          ariaLabel="copy icon"
-          variant="plain"
-          className="group relative"
-          onClick={() => {
-            handlePopUpOpen("addGroupMembers", {
-              groupId,
-              slug: groupSlug
-            });
-          }}
-        >
-          <FontAwesomeIcon icon={faPlus} />
-        </IconButton>
-      </div>
-      <div className="py-4">
-        <GroupMembersTable
-          groupId={groupId}
-          groupSlug={groupSlug}
-          handlePopUpOpen={handlePopUpOpen}
-        />
-      </div>
-      <AddGroupMembersModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.removeMemberFromGroup.isOpen}
-        title={`Are you sure want to remove ${
-          (popUp?.removeMemberFromGroup?.data as { username: string })?.username || ""
-        } from the group?`}
-        onChange={(isOpen) => handlePopUpToggle("removeMemberFromGroup", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() => {
-          const userData = popUp?.removeMemberFromGroup?.data as {
-            username: string;
-            id: string;
-          };
-
-          return handleRemoveUserFromGroup(userData.username);
-        }}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembersTable.tsx b/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembersTable.tsx
deleted file mode 100644
index 2423fd6d5..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembersTable.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faFolder,
-  faMagnifyingGlass,
-  faSearch
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useListGroupUsers } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { EFilterReturnedUsers } from "@app/hooks/api/groups/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { GroupMembershipRow } from "./GroupMembershipRow";
-
-type Props = {
-  groupId: string;
-  groupSlug: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["removeMemberFromGroup", "addGroupMembers"]>,
-    data?: {}
-  ) => void;
-};
-
-enum GroupMembersOrderBy {
-  Name = "name"
-}
-
-export const GroupMembersTable = ({ groupId, groupSlug, handlePopUpOpen }: Props) => {
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection
-  } = usePagination(GroupMembersOrderBy.Name, { initPerPage: 10 });
-
-  const { data: groupMemberships, isLoading } = useListGroupUsers({
-    id: groupId,
-    groupSlug,
-    offset,
-    limit: perPage,
-    search,
-    filter: EFilterReturnedUsers.EXISTING_MEMBERS
-  });
-
-  const filteredGroupMemberships = useMemo(() => {
-    return groupMemberships && groupMemberships?.users
-      ? groupMemberships?.users
-          ?.filter((membership) => {
-            const userSearchString = `${membership.firstName && membership.firstName} ${
-              membership.lastName && membership.lastName
-            } ${membership.email && membership.email} ${
-              membership.username && membership.username
-            }`;
-            return userSearchString.toLowerCase().includes(search.trim().toLowerCase());
-          })
-          .sort((a, b) => {
-            const [membershipOne, membershipTwo] =
-              orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-            const membershipOneComparisonString = membershipOne.firstName
-              ? membershipOne.firstName
-              : membershipOne.email;
-
-            const membershipTwoComparisonString = membershipTwo.firstName
-              ? membershipTwo.firstName
-              : membershipTwo.email;
-
-            const comparison = membershipOneComparisonString
-              .toLowerCase()
-              .localeCompare(membershipTwoComparisonString.toLowerCase());
-
-            return comparison;
-          })
-      : [];
-  }, [groupMemberships, orderDirection, search]);
-
-  useResetPageHelper({
-    totalCount: filteredGroupMemberships?.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search users..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-1/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className="ml-2"
-                    ariaLabel="sort"
-                    onClick={toggleOrderDirection}
-                  >
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>Email</Th>
-              <Th>Added On</Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={4} innerKey="group-user-memberships" />}
-            {!isLoading &&
-              filteredGroupMemberships.slice(offset, perPage * page).map((userGroupMembership) => {
-                return (
-                  <GroupMembershipRow
-                    key={`user-group-membership-${userGroupMembership.id}`}
-                    user={userGroupMembership}
-                    handlePopUpOpen={handlePopUpOpen}
-                  />
-                );
-              })}
-          </TBody>
-        </Table>
-        {Boolean(filteredGroupMemberships.length) && (
-          <Pagination
-            count={filteredGroupMemberships.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredGroupMemberships?.length && (
-          <EmptyState
-            title={
-              groupMemberships?.users.length
-                ? "No users match this search..."
-                : "This group does not have any members yet"
-            }
-            icon={groupMemberships?.users.length ? faSearch : faFolder}
-          />
-        )}
-        {!groupMemberships?.users.length && (
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Groups}>
-            {(isAllowed) => (
-              <div className="mb-4 flex items-center justify-center">
-                <Button
-                  isDisabled={!isAllowed}
-                  onClick={() => {
-                    handlePopUpOpen("addGroupMembers", {
-                      groupId,
-                      slug: groupSlug
-                    });
-                  }}
-                >
-                  Add members
-                </Button>
-              </div>
-            )}
-          </OrgPermissionCan>
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembershipRow.tsx b/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembershipRow.tsx
deleted file mode 100644
index 943a6574e..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/GroupMembershipRow.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { faUserMinus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { IconButton, Td, Tooltip, Tr } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { TGroupUser } from "@app/hooks/api/groups/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  user: TGroupUser;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["removeMemberFromGroup"]>, data?: {}) => void;
-};
-
-export const GroupMembershipRow = ({
-  user: { firstName, lastName, username, joinedGroupAt, email, id },
-  handlePopUpOpen
-}: Props) => {
-  return (
-    <Tr className="items-center" key={`group-user-${id}`}>
-      <Td>
-        <p>{`${firstName ?? "-"} ${lastName ?? ""}`}</p>
-      </Td>
-      <Td>
-        <p>{email}</p>
-      </Td>
-      <Td>
-        <Tooltip content={new Date(joinedGroupAt).toLocaleString()}>
-          <p>{new Date(joinedGroupAt).toLocaleDateString()}</p>
-        </Tooltip>
-      </Td>
-      <Td className="justify-end">
-        <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Groups}>
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Remove user from group">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="Remove user from group"
-                  onClick={() => handlePopUpOpen("removeMemberFromGroup", { username })}
-                  variant="plain"
-                  colorSchema="danger"
-                >
-                  <FontAwesomeIcon icon={faUserMinus} className="cursor-pointer" />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </OrgPermissionCan>
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/index.tsx b/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/index.tsx
deleted file mode 100644
index 70c696609..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/GroupMembersSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { GroupMembersSection } from "./GroupMembersSection";
diff --git a/frontend-next/src/views/Org/GroupPage/components/index.tsx b/frontend-next/src/views/Org/GroupPage/components/index.tsx
deleted file mode 100644
index 003c47910..000000000
--- a/frontend-next/src/views/Org/GroupPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { GroupDetailsSection } from "./GroupDetailsSection";
diff --git a/frontend-next/src/views/Org/GroupPage/index.tsx b/frontend-next/src/views/Org/GroupPage/index.tsx
deleted file mode 100644
index 3dec23a1c..000000000
--- a/frontend-next/src/views/Org/GroupPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { GroupPage } from "./GroupPage";
diff --git a/frontend-next/src/views/Org/IdentityPage/IdentityPage.tsx b/frontend-next/src/views/Org/IdentityPage/IdentityPage.tsx
deleted file mode 100644
index 0e2a88a75..000000000
--- a/frontend-next/src/views/Org/IdentityPage/IdentityPage.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useState } from "react";
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { withPermission } from "@app/hoc";
-import {
-  IdentityAuthMethod,
-  useDeleteIdentity,
-  useGetIdentityById,
-  useRevokeIdentityTokenAuthToken,
-  useRevokeIdentityUniversalAuthClientSecret
-} from "@app/hooks/api";
-import { Identity } from "@app/hooks/api/identities/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { TabSections } from "@app/views/Org/Types";
-
-import { IdentityAuthMethodModal } from "../MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal";
-import { IdentityModal } from "../MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityModal";
-import { IdentityUniversalAuthClientSecretModal } from "../MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthClientSecretModal";
-import {
-  IdentityAuthenticationSection,
-  IdentityClientSecretModal,
-  IdentityDetailsSection,
-  IdentityProjectsSection,
-  IdentityTokenListModal,
-  IdentityTokenModal
-} from "./components";
-
-export const IdentityPage = withPermission(
-  () => {
-    const router = useRouter();
-    const identityId = router.query.identityId as string;
-    const { currentOrg } = useOrganization();
-    const orgId = currentOrg?.id || "";
-    const { data } = useGetIdentityById(identityId);
-    const { mutateAsync: deleteIdentity } = useDeleteIdentity();
-    const { mutateAsync: revokeToken } = useRevokeIdentityTokenAuthToken();
-    const { mutateAsync: revokeClientSecret } = useRevokeIdentityUniversalAuthClientSecret();
-
-    const [selectedAuthMethod, setSelectedAuthMethod] = useState<
-      Identity["authMethods"][number] | null
-    >(null);
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "identity",
-      "deleteIdentity",
-      "identityAuthMethod",
-      "revokeAuthMethod",
-      "token",
-      "tokenList",
-      "revokeToken",
-      "clientSecret",
-      "revokeClientSecret",
-      "universalAuthClientSecret", // list of client secrets
-      "upgradePlan"
-    ] as const);
-
-    const onDeleteIdentitySubmit = async (id: string) => {
-      try {
-        await deleteIdentity({
-          identityId: id,
-          organizationId: orgId
-        });
-
-        createNotification({
-          text: "Successfully deleted identity",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteIdentity");
-        router.push(`/org/${orgId}/members?selectedTab=${TabSections.Identities}`);
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to delete identity";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    const onRevokeTokenSubmit = async ({
-      identityId: parentIdentityId,
-      tokenId,
-      name
-    }: {
-      identityId: string;
-      tokenId: string;
-      name: string;
-    }) => {
-      try {
-        await revokeToken({
-          identityId: parentIdentityId,
-          tokenId
-        });
-
-        handlePopUpClose("revokeToken");
-
-        createNotification({
-          text: `Successfully revoked token ${name ?? ""}`,
-          type: "success"
-        });
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to delete identity";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    const onDeleteClientSecretSubmit = async ({ clientSecretId }: { clientSecretId: string }) => {
-      try {
-        if (!data?.identity.id || selectedAuthMethod !== IdentityAuthMethod.UNIVERSAL_AUTH) return;
-
-        await revokeClientSecret({
-          identityId: data?.identity.id,
-          clientSecretId
-        });
-
-        handlePopUpToggle("revokeClientSecret", false);
-
-        createNotification({
-          text: "Successfully deleted client secret",
-          type: "success"
-        });
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to delete client secret",
-          type: "error"
-        });
-      }
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => {
-                router.push(`/org/${orgId}/members?selectedTab=${TabSections.Identities}`);
-              }}
-              className="mb-4"
-            >
-              Identities
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.identity.name}</p>
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild className="rounded-lg">
-                  <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                    <Tooltip content="More options">
-                      <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                    </Tooltip>
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start" className="p-1">
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Edit}
-                    a={OrgPermissionSubjects.Identity}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={async () => {
-                          handlePopUpOpen("identity", {
-                            identityId,
-                            name: data.identity.name,
-                            role: data.role,
-                            customRole: data.customRole
-                          });
-                        }}
-                        disabled={!isAllowed}
-                      >
-                        Edit Identity
-                      </DropdownMenuItem>
-                    )}
-                  </OrgPermissionCan>
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Edit}
-                    a={OrgPermissionSubjects.Identity}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={async () => {
-                          handlePopUpOpen("identityAuthMethod", {
-                            identityId,
-                            name: data.identity.name,
-                            allAuthMethods: data.identity.authMethods
-                          });
-                        }}
-                        disabled={!isAllowed}
-                      >
-                        Add new auth method
-                      </DropdownMenuItem>
-                    )}
-                  </OrgPermissionCan>
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Delete}
-                    a={OrgPermissionSubjects.Identity}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          isAllowed
-                            ? "hover:!bg-red-500 hover:!text-white"
-                            : "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={async () => {
-                          handlePopUpOpen("deleteIdentity", {
-                            identityId,
-                            name: data.identity.name
-                          });
-                        }}
-                        disabled={!isAllowed}
-                      >
-                        Delete Identity
-                      </DropdownMenuItem>
-                    )}
-                  </OrgPermissionCan>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <IdentityDetailsSection identityId={identityId} handlePopUpOpen={handlePopUpOpen} />
-                <IdentityAuthenticationSection
-                  selectedAuthMethod={selectedAuthMethod}
-                  setSelectedAuthMethod={setSelectedAuthMethod}
-                  identityId={identityId}
-                  handlePopUpOpen={handlePopUpOpen}
-                />
-              </div>
-              <IdentityProjectsSection identityId={identityId} />
-            </div>
-          </div>
-        )}
-        <IdentityModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <IdentityAuthMethodModal
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-        <IdentityTokenModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <IdentityTokenListModal
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-        <IdentityClientSecretModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <IdentityUniversalAuthClientSecretModal
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text={(popUp.upgradePlan?.data as { description: string })?.description}
-        />
-        <DeleteActionModal
-          isOpen={popUp.deleteIdentity.isOpen}
-          title={`Are you sure want to delete ${
-            (popUp?.deleteIdentity?.data as { name: string })?.name || ""
-          }?`}
-          onChange={(isOpen) => handlePopUpToggle("deleteIdentity", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onDeleteIdentitySubmit(
-              (popUp?.deleteIdentity?.data as { identityId: string })?.identityId
-            )
-          }
-        />
-        <DeleteActionModal
-          isOpen={popUp.revokeToken.isOpen}
-          title={`Are you sure want to revoke ${
-            (popUp?.revokeToken?.data as { name: string })?.name || ""
-          }?`}
-          onChange={(isOpen) => handlePopUpToggle("revokeToken", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() => {
-            const revokeTokenData = popUp?.revokeToken?.data as {
-              identityId: string;
-              tokenId: string;
-              name: string;
-            };
-
-            return onRevokeTokenSubmit(revokeTokenData);
-          }}
-        />
-        <DeleteActionModal
-          isOpen={popUp.revokeClientSecret.isOpen}
-          title={`Are you sure want to delete the client secret ${
-            (popUp?.revokeClientSecret?.data as { clientSecretPrefix: string })
-              ?.clientSecretPrefix || ""
-          }************?`}
-          onChange={(isOpen) => handlePopUpToggle("revokeClientSecret", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() => {
-            const deleteClientSecretData = popUp?.revokeClientSecret?.data as {
-              clientSecretId: string;
-              clientSecretPrefix: string;
-            };
-
-            return onDeleteClientSecretSubmit({
-              clientSecretId: deleteClientSecretData.clientSecretId
-            });
-          }}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Identity }
-);
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx
deleted file mode 100644
index 264294429..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityAuthenticationSection.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import { useEffect } from "react";
-import { faPencil, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, IconButton, Select, SelectItem, Tooltip } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { useGetIdentityById } from "@app/hooks/api";
-import { IdentityAuthMethod, identityAuthToNameMap } from "@app/hooks/api/identities";
-import { Identity } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { IdentityClientSecrets } from "./IdentityClientSecrets";
-import { IdentityTokens } from "./IdentityTokens";
-
-type Props = {
-  identityId: string;
-  setSelectedAuthMethod: (authMethod: Identity["authMethods"][number] | null) => void;
-  selectedAuthMethod: Identity["authMethods"][number] | null;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<
-      [
-        "clientSecret",
-        "identityAuthMethod",
-        "revokeClientSecret",
-        "token",
-        "revokeToken",
-        "universalAuthClientSecret",
-        "tokenList"
-      ]
-    >,
-    data?: {}
-  ) => void;
-};
-
-export const IdentityAuthenticationSection = ({
-  identityId,
-  setSelectedAuthMethod,
-  selectedAuthMethod,
-  handlePopUpOpen
-}: Props) => {
-  const { data } = useGetIdentityById(identityId);
-
-  useEffect(() => {
-    if (!data?.identity) return;
-
-    if (data.identity.authMethods?.length) {
-      setSelectedAuthMethod(data.identity.authMethods[0]);
-    }
-
-    // eslint-disable-next-line consistent-return
-    return () => setSelectedAuthMethod(null);
-  }, [data?.identity]);
-
-  return data ? (
-    <div className="mt-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Authentication</h3>
-
-        <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Identity}>
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Add new auth method">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative"
-                  onClick={() =>
-                    handlePopUpOpen("identityAuthMethod", {
-                      identityId,
-                      name: data.identity.name,
-                      allAuthMethods: data.identity.authMethods
-                    })
-                  }
-                >
-                  <FontAwesomeIcon icon={faPlus} />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </OrgPermissionCan>
-      </div>
-      {data.identity.authMethods.length > 0 ? (
-        <>
-          <div className="py-4">
-            <div className="flex justify-between">
-              <p className="ml-px mb-0.5 text-sm font-semibold text-mineshaft-300">Auth Method</p>
-            </div>
-            <div className="flex items-center gap-2">
-              <div className="w-full">
-                <Select
-                  className="w-full"
-                  value={selectedAuthMethod as string}
-                  onValueChange={(value) => setSelectedAuthMethod(value as IdentityAuthMethod)}
-                >
-                  {(data.identity?.authMethods || []).map((authMethod) => (
-                    <SelectItem key={authMethod || authMethod} value={authMethod}>
-                      {identityAuthToNameMap[authMethod]}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </div>
-              <div>
-                <Tooltip content="Edit auth method">
-                  <IconButton
-                    onClick={() => {
-                      handlePopUpOpen("identityAuthMethod", {
-                        identityId,
-                        name: data.identity.name,
-                        authMethod: selectedAuthMethod,
-                        allAuthMethods: data.identity.authMethods
-                      });
-                    }}
-                    ariaLabel="copy icon"
-                    variant="plain"
-                    className="group relative"
-                  >
-                    <FontAwesomeIcon icon={faPencil} />
-                  </IconButton>
-                </Tooltip>{" "}
-              </div>
-            </div>
-          </div>
-          {selectedAuthMethod === IdentityAuthMethod.UNIVERSAL_AUTH && (
-            <IdentityClientSecrets identityId={identityId} handlePopUpOpen={handlePopUpOpen} />
-          )}
-          {selectedAuthMethod === IdentityAuthMethod.TOKEN_AUTH && (
-            <IdentityTokens identityId={identityId} handlePopUpOpen={handlePopUpOpen} />
-          )}
-        </>
-      ) : (
-        <div className="w-full space-y-2 pt-2">
-          <p className="text-sm text-mineshaft-300">
-            No authentication methods configured. Get started by creating a new auth method.
-          </p>
-          <Button
-            onClick={() => {
-              handlePopUpOpen("identityAuthMethod", {
-                identityId,
-                name: data.identity.name,
-                allAuthMethods: data.identity.authMethods
-              });
-            }}
-            variant="outline_bg"
-            className="w-full"
-            size="xs"
-          >
-            Create Auth Method
-          </Button>
-        </div>
-      )}
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityClientSecrets.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityClientSecrets.tsx
deleted file mode 100644
index 19810c3d0..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityClientSecrets.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import { faCheck, faCopy, faKey, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, IconButton, Tooltip } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import {
-  useGetIdentityById,
-  useGetIdentityUniversalAuth,
-  useGetIdentityUniversalAuthClientSecrets
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  identityId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<
-      ["clientSecret", "revokeClientSecret", "universalAuthClientSecret"]
-    >,
-    data?: {}
-  ) => void;
-};
-
-const SHOW_LIMIT = 3;
-
-export const IdentityClientSecrets = ({ identityId, handlePopUpOpen }: Props) => {
-  const [copyTextClientId, isCopyingClientId, setCopyTextClientId] = useTimedReset<string>({
-    initialState: "Copy Client ID to clipboard"
-  });
-
-  const { data } = useGetIdentityById(identityId);
-  const { data: identityUniversalAuth } = useGetIdentityUniversalAuth(identityId);
-  const { data: clientSecrets } = useGetIdentityUniversalAuthClientSecrets(identityId);
-  return (
-    <div>
-      <div className="mb-4">
-        <p className="text-sm font-semibold text-mineshaft-300">Client ID</p>
-        <div className="group flex align-top">
-          <p className="text-sm text-mineshaft-300">{identityUniversalAuth?.clientId ?? ""}</p>
-          <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-            <Tooltip content={copyTextClientId}>
-              <IconButton
-                ariaLabel="copy icon"
-                variant="plain"
-                className="group relative ml-2"
-                onClick={() => {
-                  navigator.clipboard.writeText(identityUniversalAuth?.clientId ?? "");
-                  setCopyTextClientId("Copied");
-                }}
-              >
-                <FontAwesomeIcon icon={isCopyingClientId ? faCheck : faCopy} />
-              </IconButton>
-            </Tooltip>
-          </div>
-        </div>
-      </div>
-      {clientSecrets?.length ? (
-        <div className="flex justify-between">
-          <p className="text-sm font-semibold text-mineshaft-300">{`Client Secrets (${clientSecrets.length})`}</p>
-          <Button
-            variant="link"
-            onClick={() => {
-              handlePopUpOpen("universalAuthClientSecret", {
-                identityId,
-                name: data?.identity.name ?? ""
-              });
-            }}
-          >
-            Manage
-          </Button>
-        </div>
-      ) : (
-        <div />
-      )}
-      {clientSecrets
-        ?.slice(0, SHOW_LIMIT)
-        .map(({ id, clientSecretTTL, clientSecretPrefix, createdAt }) => {
-          let expiresAt;
-          if (clientSecretTTL > 0) {
-            expiresAt = new Date(new Date(createdAt).getTime() + clientSecretTTL * 1000);
-          }
-
-          return (
-            <div
-              className="group flex items-center justify-between py-2 last:pb-0"
-              key={`client-secret-${id}`}
-            >
-              <div className="flex items-center">
-                <FontAwesomeIcon size="1x" icon={faKey} />
-                <div className="ml-4">
-                  <p className="text-sm font-semibold text-mineshaft-300">
-                    {`${clientSecretPrefix}****`}
-                  </p>
-                  <p className="text-sm text-mineshaft-300">
-                    {expiresAt ? `Expires on ${format(expiresAt, "yyyy-MM-dd")}` : "No Expiry"}
-                  </p>
-                </div>
-              </div>
-              <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                <Tooltip content="Revoke Client Secret">
-                  <IconButton
-                    ariaLabel="copy icon"
-                    variant="plain"
-                    className="group relative"
-                    onClick={() => {
-                      handlePopUpOpen("revokeClientSecret", {
-                        clientSecretId: id,
-                        clientSecretPrefix
-                      });
-                    }}
-                  >
-                    <FontAwesomeIcon icon={faTrash} />
-                  </IconButton>
-                </Tooltip>
-              </div>
-            </div>
-          );
-        })}
-      <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Identity}>
-        {(isAllowed) => {
-          return (
-            <Button
-              isDisabled={!isAllowed}
-              className="mt-4 w-full"
-              colorSchema="primary"
-              type="submit"
-              onClick={() => {
-                handlePopUpOpen("clientSecret", {
-                  identityId
-                });
-              }}
-            >
-              Create Client Secret
-            </Button>
-          );
-        }}
-      </OrgPermissionCan>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityTokens.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityTokens.tsx
deleted file mode 100644
index 64a4c96b2..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/IdentityTokens.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { faEllipsis, faKey } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { useGetIdentityById, useGetIdentityTokensTokenAuth } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  identityId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["token", "tokenList", "revokeToken"]>,
-    data?: {}
-  ) => void;
-};
-
-export const IdentityTokens = ({ identityId, handlePopUpOpen }: Props) => {
-  const { data } = useGetIdentityById(identityId);
-  const { data: tokens } = useGetIdentityTokensTokenAuth(identityId);
-  return (
-    <div>
-      {tokens?.length ? (
-        <div className="flex justify-between">
-          <p className="text-sm font-semibold text-mineshaft-300">{`Access Tokens (${tokens.length})`}</p>
-          <Button
-            variant="link"
-            onClick={() => {
-              handlePopUpOpen("tokenList", {
-                identityId,
-                name: data?.identity.name ?? ""
-              });
-            }}
-          >
-            Manage
-          </Button>
-        </div>
-      ) : (
-        <div />
-      )}
-      {tokens?.map((token) => {
-        const expiresAt = new Date(
-          new Date(token.createdAt).getTime() + token.accessTokenMaxTTL * 1000
-        );
-        return (
-          <div
-            className="group flex items-center justify-between py-2 last:pb-0"
-            key={`identity-token-${token.id}`}
-          >
-            <div className="flex items-center">
-              <FontAwesomeIcon size="1x" icon={faKey} />
-              <div className="ml-4">
-                <p className="text-sm font-semibold text-mineshaft-300">
-                  {token.name ? token.name : "-"}
-                </p>
-                <p className="text-sm text-mineshaft-300">
-                  {token.isAccessTokenRevoked
-                    ? "Revoked"
-                    : `Expires on ${format(expiresAt, "yyyy-MM-dd")}`}
-                </p>
-              </div>
-            </div>
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild className="rounded-lg">
-                <div className="opacity-0 transition-opacity duration-300 hover:text-primary-400 group-hover:opacity-100 data-[state=open]:text-primary-400">
-                  <Tooltip content="More options">
-                    <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                  </Tooltip>
-                </div>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="start" className="p-1">
-                <DropdownMenuItem
-                  onClick={async () => {
-                    handlePopUpOpen("token", {
-                      identityId,
-                      tokenId: token.id,
-                      name: token.name
-                    });
-                  }}
-                >
-                  Edit Token
-                </DropdownMenuItem>
-                {!token.isAccessTokenRevoked && (
-                  <DropdownMenuItem
-                    onClick={async () => {
-                      handlePopUpOpen("revokeToken", {
-                        identityId,
-                        tokenId: token.id,
-                        name: token.name
-                      });
-                    }}
-                  >
-                    Revoke Token
-                  </DropdownMenuItem>
-                )}
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </div>
-        );
-      })}
-      <Button
-        className="mt-4 mr-4 w-full"
-        colorSchema="primary"
-        type="submit"
-        onClick={() => {
-          handlePopUpOpen("token", {
-            identityId
-          });
-        }}
-      >
-        Create Token
-      </Button>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/index.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/index.tsx
deleted file mode 100644
index 401c930d8..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityAuthenticationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityAuthenticationSection } from "./IdentityAuthenticationSection";
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityClientSecretModal.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityClientSecretModal.tsx
deleted file mode 100644
index c32f44f91..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityClientSecretModal.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Tooltip
-} from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-import { useCreateIdentityUniversalAuthClientSecret } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    description: z.string(),
-    ttl: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "TTL cannot be greater than 315360000"
-    }),
-    numUsesLimit: z.string()
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["clientSecret"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["clientSecret"]>, state?: boolean) => void;
-};
-
-export const IdentityClientSecretModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { mutateAsync: createClientSecret } = useCreateIdentityUniversalAuthClientSecret();
-  const [token, setToken] = useState("");
-  const [copyTextToken, isCopyingToken, setCopyTextToken] = useTimedReset<string>({
-    initialState: "Copy to clipboard"
-  });
-  const hasToken = Boolean(token);
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      description: "",
-      ttl: "",
-      numUsesLimit: ""
-    }
-  });
-
-  const popUpData = popUp?.clientSecret?.data as {
-    identityId: string;
-  };
-
-  const onFormSubmit = async ({ description, ttl, numUsesLimit }: FormData) => {
-    const { clientSecret } = await createClientSecret({
-      identityId: popUpData.identityId,
-      description,
-      ttl: Number(ttl),
-      numUsesLimit: Number(numUsesLimit)
-    });
-
-    setToken(clientSecret);
-
-    createNotification({
-      text: "Successfully created client secret",
-      type: "success"
-    });
-
-    reset();
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.clientSecret?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("clientSecret", isOpen);
-        reset();
-        setToken("");
-      }}
-    >
-      <ModalContent
-        title="Create Client Secret"
-        subTitle={hasToken ? "We will only show this secret once" : ""}
-      >
-        {!hasToken ? (
-          <form onSubmit={handleSubmit(onFormSubmit)}>
-            <Controller
-              control={control}
-              defaultValue=""
-              name="description"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Description"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="My Client Secret" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              defaultValue=""
-              name="ttl"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="TTL (seconds - optional)"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <div className="flex">
-                    <Input {...field} placeholder="0" type="number" min="0" step="1" />
-                  </div>
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              defaultValue=""
-              name="numUsesLimit"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Max Number of Uses"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="0" type="number" min="0" step="1" />
-                </FormControl>
-              )}
-            />
-            <div className="flex items-center">
-              <Button
-                className="mr-4"
-                size="sm"
-                type="submit"
-                isLoading={isSubmitting}
-                isDisabled={isSubmitting}
-              >
-                Create
-              </Button>
-              <Button
-                colorSchema="secondary"
-                variant="plain"
-                onClick={() => handlePopUpToggle("clientSecret", false)}
-              >
-                Cancel
-              </Button>
-            </div>
-          </form>
-        ) : (
-          <div className="mt-2 mb-3 mr-2 flex items-center justify-end rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 break-all">{token}</p>
-            <Tooltip content={copyTextToken}>
-              <IconButton
-                ariaLabel="copy icon"
-                colorSchema="secondary"
-                className="group relative"
-                onClick={() => {
-                  navigator.clipboard.writeText(token);
-                  setCopyTextToken("Copied");
-                }}
-              >
-                <FontAwesomeIcon icon={isCopyingToken ? faCheck : faCopy} />
-              </IconButton>
-            </Tooltip>
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityDetailsSection.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityDetailsSection.tsx
deleted file mode 100644
index fe56d3260..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityDetailsSection.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { faCheck, faCopy, faKey, faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { IconButton, Tag, Tooltip } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { useGetIdentityById } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  identityId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["identity", "identityAuthMethod", "token", "clientSecret"]>,
-    data?: {}
-  ) => void;
-};
-
-export const IdentityDetailsSection = ({ identityId, handlePopUpOpen }: Props) => {
-  const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-
-  const { data } = useGetIdentityById(identityId);
-  return data ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Identity Details</h3>
-        <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Identity}>
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Edit Identity">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative"
-                  onClick={() => {
-                    handlePopUpOpen("identity", {
-                      identityId,
-                      name: data.identity.name,
-                      role: data.role,
-                      customRole: data.customRole,
-                      metadata: data.metadata
-                    });
-                  }}
-                >
-                  <FontAwesomeIcon icon={faPencil} />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </OrgPermissionCan>
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Identity ID</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{data.identity.id}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextId}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText(data.identity.id);
-                    setCopyTextId("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingId ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-          <p className="text-sm text-mineshaft-300">{data.identity.name}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Organization Role</p>
-          <p className="text-sm text-mineshaft-300">{data.role}</p>
-        </div>
-        <div>
-          <p className="text-sm font-semibold text-mineshaft-300">Metadata</p>
-          {data?.metadata?.length ? (
-            <div className="mt-1 flex flex-wrap gap-2 text-sm text-mineshaft-300">
-              {data.metadata?.map((el) => (
-                <div key={el.id} className="flex items-center">
-                  <Tag
-                    size="xs"
-                    className="mr-0 flex items-center rounded-r-none border border-mineshaft-500"
-                  >
-                    <FontAwesomeIcon icon={faKey} size="xs" className="mr-1" />
-                    <div>{el.key}</div>
-                  </Tag>
-                  <Tag
-                    size="xs"
-                    className="flex items-center rounded-l-none border border-mineshaft-500 bg-mineshaft-900 pl-1"
-                  >
-                    <div className="max-w-[150px] overflow-hidden text-ellipsis whitespace-nowrap">
-                      {el.value}
-                    </div>
-                  </Tag>
-                </div>
-              ))}
-            </div>
-          ) : (
-            <p className="text-sm text-mineshaft-300">-</p>
-          )}
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityAddToProjectModal.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityAddToProjectModal.tsx
deleted file mode 100644
index c6597a5eb..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityAddToProjectModal.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Modal,
-  ModalClose,
-  ModalContent
-} from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import {
-  useAddIdentityToWorkspace,
-  useGetIdentityProjectMemberships,
-  useGetProjectRoles,
-  useGetWorkspaceById
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    project: z.object({ name: z.string(), id: z.string() }),
-    role: z.object({ name: z.string(), slug: z.string() })
-  })
-  .required();
-
-type FormData = z.infer<typeof schema>;
-
-type Props = {
-  identityId: string;
-  popUp: UsePopUpState<["addIdentityToProject"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["addIdentityToProject"]>,
-    state?: boolean
-  ) => void;
-};
-
-// TODO: eventually refactor to support adding to multiple projects at once? would lose role granularity unique to project
-
-const Content = ({ identityId, handlePopUpToggle }: Omit<Props, "popUp">) => {
-  const { currentOrg } = useOrganization();
-  const { workspaces } = useWorkspace();
-  const { mutateAsync: addIdentityToWorkspace } = useAddIdentityToWorkspace();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting },
-    watch
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const projectId = watch("project")?.id;
-  const { data: projectMemberships } = useGetIdentityProjectMemberships(identityId);
-  const { data: project, isLoading: isProjectLoading } = useGetWorkspaceById(projectId);
-  const { data: roles, isLoading: isRolesLoading } = useGetProjectRoles(project?.id ?? "");
-
-  const filteredWorkspaces = useMemo(() => {
-    const wsWorkspaceIds = new Map();
-
-    projectMemberships?.forEach((projectMembership) => {
-      wsWorkspaceIds.set(projectMembership.project.id, true);
-    });
-
-    return (workspaces || []).filter(
-      ({ id, orgId }) => !wsWorkspaceIds.has(id) && orgId === currentOrg?.id
-    );
-  }, [workspaces, projectMemberships]);
-
-  const onFormSubmit = async ({ project: selectedProject, role }: FormData) => {
-    try {
-      await addIdentityToWorkspace({
-        workspaceId: selectedProject.id,
-        identityId,
-        role: role.slug || undefined
-      });
-
-      createNotification({
-        text: "Successfully added identity to project",
-        type: "success"
-      });
-
-      reset();
-      handlePopUpToggle("addIdentityToProject", false);
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to add identity to project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  const isProjectSelected = Boolean(projectId);
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="project"
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <FormControl
-            label="Project"
-            errorText={error?.message}
-            isError={Boolean(error)}
-            className="mt-4"
-          >
-            <FilterableSelect
-              value={value}
-              onChange={onChange}
-              options={filteredWorkspaces}
-              placeholder="Select project..."
-              getOptionValue={(option) => option.id}
-              getOptionLabel={(option) => option.name}
-              isLoading={isProjectSelected && isProjectLoading}
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="role"
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <FormControl
-            label="Role"
-            errorText={error?.message}
-            isError={Boolean(error)}
-            className="mt-4"
-          >
-            <FilterableSelect
-              isDisabled={!isProjectSelected}
-              value={value}
-              onChange={onChange}
-              options={roles}
-              isLoading={isProjectSelected && isRolesLoading}
-              placeholder="Select role..."
-              getOptionValue={(option) => option.slug}
-              getOptionLabel={(option) => option.name}
-            />
-          </FormControl>
-        )}
-      />
-      <div className="flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          Add
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            Cancel
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  );
-};
-
-export const IdentityAddToProjectModal = ({ identityId, popUp, handlePopUpToggle }: Props) => {
-  return (
-    <Modal
-      isOpen={popUp?.addIdentityToProject?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addIdentityToProject", isOpen);
-      }}
-    >
-      <ModalContent bodyClassName="overflow-visible" title="Add Identity to Project">
-        <Content identityId={identityId} handlePopUpToggle={handlePopUpToggle} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectRow.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectRow.tsx
deleted file mode 100644
index a6342dbaf..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectRow.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { useMemo } from "react";
-import { useRouter } from "next/router";
-import { faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { IconButton, Tag, Td, Tooltip, Tr } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { IdentityMembership } from "@app/hooks/api/identities/types";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { TabSections } from "@app/views/Org/Types";
-
-type Props = {
-  membership: IdentityMembership;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["removeIdentityFromProject"]>,
-    data?: {}
-  ) => void;
-};
-
-const formatRoleName = (role: string, customRoleName?: string) => {
-  if (role === ProjectMembershipRole.Custom) return customRoleName;
-  if (role === ProjectMembershipRole.Admin) return "Admin";
-  if (role === ProjectMembershipRole.Member) return "Developer";
-  if (role === ProjectMembershipRole.Viewer) return "Viewer";
-  if (role === ProjectMembershipRole.NoAccess) return "No Access";
-  return role;
-};
-
-export const IdentityProjectRow = ({
-  membership: { id, createdAt, identity, project, roles },
-  handlePopUpOpen
-}: Props) => {
-  const { workspaces } = useWorkspace();
-  const router = useRouter();
-
-  const isAccessible = useMemo(() => {
-    const workspaceIds = new Map();
-
-    workspaces?.forEach((workspace) => {
-      workspaceIds.set(workspace.id, true);
-    });
-
-    return workspaceIds.has(project.id);
-  }, [workspaces, project]);
-
-  return (
-    <Tr
-      className="group h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-      key={`identity-project-membership-${id}`}
-      onClick={() => {
-        if (isAccessible) {
-          router.push(
-            `/${project?.type}/${project.id}/members?selectedTab=${TabSections.Identities}`
-          );
-          return;
-        }
-
-        createNotification({
-          text: "Unable to access project",
-          type: "error"
-        });
-      }}
-    >
-      <Td className="max-w-0 truncate">{project.name}</Td>
-      <Td>
-        <Tag size="xs">{project.type}</Tag>
-      </Td>
-      <Td>{`${formatRoleName(roles[0].role, roles[0].customRoleName)}${
-        roles.length > 1 ? ` (+${roles.length - 1})` : ""
-      }`}</Td>
-      <Td>{format(new Date(createdAt), "yyyy-MM-dd")}</Td>
-      <Td>
-        {isAccessible && (
-          <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-            <Tooltip content="Remove">
-              <IconButton
-                colorSchema="danger"
-                ariaLabel="copy icon"
-                variant="plain"
-                className="group relative"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handlePopUpOpen("removeIdentityFromProject", {
-                    identityId: identity.id,
-                    identityName: identity.name,
-                    projectId: project.id,
-                    projectName: project.name
-                  });
-                }}
-              >
-                <FontAwesomeIcon icon={faTrash} />
-              </IconButton>
-            </Tooltip>
-          </div>
-        )}
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectsSection.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectsSection.tsx
deleted file mode 100644
index b0c13009d..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectsSection.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal, IconButton } from "@app/components/v2";
-import { useDeleteIdentityFromWorkspace } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { IdentityAddToProjectModal } from "./IdentityAddToProjectModal";
-import { IdentityProjectsTable } from "./IdentityProjectsTable";
-
-type Props = {
-  identityId: string;
-};
-
-export const IdentityProjectsSection = ({ identityId }: Props) => {
-  const { mutateAsync: deleteMutateAsync } = useDeleteIdentityFromWorkspace();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addIdentityToProject",
-    "removeIdentityFromProject"
-  ] as const);
-
-  const onRemoveIdentitySubmit = async (id: string, projectId: string) => {
-    try {
-      await deleteMutateAsync({
-        identityId: id,
-        workspaceId: projectId
-      });
-
-      createNotification({
-        text: "Successfully removed identity from project",
-        type: "success"
-      });
-
-      handlePopUpClose("removeIdentityFromProject");
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to remove identity from project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Projects</h3>
-        <IconButton
-          ariaLabel="copy icon"
-          variant="plain"
-          className="group relative"
-          onClick={() => {
-            handlePopUpOpen("addIdentityToProject");
-          }}
-        >
-          <FontAwesomeIcon icon={faPlus} />
-        </IconButton>
-      </div>
-      <div className="py-4">
-        <IdentityProjectsTable identityId={identityId} handlePopUpOpen={handlePopUpOpen} />
-      </div>
-      <DeleteActionModal
-        isOpen={popUp.removeIdentityFromProject.isOpen}
-        title={`Are you sure want to remove ${
-          (popUp?.removeIdentityFromProject?.data as { identityName: string })?.identityName || ""
-        } from ${
-          (popUp?.removeIdentityFromProject?.data as { projectName: string })?.projectName || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("removeIdentityFromProject", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() => {
-          const popupData = popUp?.removeIdentityFromProject?.data as {
-            identityId: string;
-            projectId: string;
-          };
-
-          return onRemoveIdentitySubmit(popupData.identityId, popupData.projectId);
-        }}
-      />
-      <IdentityAddToProjectModal
-        identityId={identityId}
-        popUp={popUp}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectsTable.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectsTable.tsx
deleted file mode 100644
index cb9f1c640..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/IdentityProjectsTable.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faFolder,
-  faMagnifyingGlass,
-  faSearch
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetIdentityProjectMemberships } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { IdentityProjectRow } from "./IdentityProjectRow";
-
-type Props = {
-  identityId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["removeIdentityFromProject"]>,
-    data?: {}
-  ) => void;
-};
-
-enum IdentityProjectsOrderBy {
-  Name = "name"
-}
-
-export const IdentityProjectsTable = ({ identityId, handlePopUpOpen }: Props) => {
-  const { data: projectMemberships = [], isLoading } = useGetIdentityProjectMemberships(identityId);
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection
-  } = usePagination(IdentityProjectsOrderBy.Name, { initPerPage: 10 });
-
-  const filteredProjectMemberships = useMemo(
-    () =>
-      projectMemberships
-        ?.filter((membership) =>
-          membership.project.name.toLowerCase().includes(search.trim().toLowerCase())
-        )
-        .sort((a, b) => {
-          const [membershipOne, membershipTwo] =
-            orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          return membershipOne.project.name
-            .toLowerCase()
-            .localeCompare(membershipTwo.project.name.toLowerCase());
-        }),
-    [projectMemberships, orderDirection, search]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredProjectMemberships.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search projects..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-2/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className="ml-2"
-                    ariaLabel="sort"
-                    onClick={toggleOrderDirection}
-                  >
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-
-              <Th>Type</Th>
-              <Th>Role</Th>
-              <Th>Added On</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={4} innerKey="identity-project-memberships" />}
-            {!isLoading &&
-              filteredProjectMemberships.slice(offset, perPage * page).map((membership) => {
-                return (
-                  <IdentityProjectRow
-                    key={`identity-project-membership-${membership.id}`}
-                    membership={membership}
-                    handlePopUpOpen={handlePopUpOpen}
-                  />
-                );
-              })}
-          </TBody>
-        </Table>
-        {Boolean(filteredProjectMemberships.length) && (
-          <Pagination
-            count={filteredProjectMemberships.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredProjectMemberships?.length && (
-          <EmptyState
-            title={
-              projectMemberships.length
-                ? "No projects match search..."
-                : "This identity has not been assigned to any projects"
-            }
-            icon={projectMemberships.length ? faSearch : faFolder}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/index.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/index.tsx
deleted file mode 100644
index 4eb7d40a9..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityProjectsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityProjectsSection } from "./IdentityProjectsSection";
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityTokenListModal.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityTokenListModal.tsx
deleted file mode 100644
index 4fecad1bd..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityTokenListModal.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { faCheck, faCopy, faKey, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format } from "date-fns";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  EmptyState,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import {
-  useCreateTokenIdentityTokenAuth,
-  useGetIdentityTokensTokenAuth,
-  useGetIdentityUniversalAuthClientSecrets} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  name: z.string()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["tokenList", "revokeToken"]>;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["revokeToken"]>, data?: {}) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["tokenList", "revokeToken"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const IdentityTokenListModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Props) => {
-  const { t } = useTranslation();
-
-  const [token, setToken] = useState("");
-  const [isClientSecretCopied, setIsClientSecretCopied] = useToggle(false);
-  const [isClientIdCopied, setIsClientIdCopied] = useToggle(false);
-
-  const popUpData = popUp?.tokenList?.data as {
-    identityId: string;
-    name: string;
-  };
-
-  const { data: tokens } = useGetIdentityTokensTokenAuth(popUpData?.identityId ?? "");
-  const { data, isLoading } = useGetIdentityUniversalAuthClientSecrets(popUpData?.identityId ?? "");
-
-  const { mutateAsync: createToken } = useCreateTokenIdentityTokenAuth();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      name: ""
-    }
-  });
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isClientSecretCopied) {
-      timer = setTimeout(() => setIsClientSecretCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [isClientSecretCopied]);
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isClientIdCopied) {
-      timer = setTimeout(() => setIsClientIdCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [isClientIdCopied]);
-
-  const onFormSubmit = async ({ name }: FormData) => {
-    try {
-      if (!popUpData?.identityId) return;
-
-      const newTokenData = await createToken({
-        identityId: popUpData.identityId,
-        name
-      });
-
-      setToken(newTokenData.accessToken);
-
-      createNotification({
-        text: "Successfully created token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create token",
-        type: "error"
-      });
-    }
-  };
-
-  const hasToken = Boolean(token);
-
-  return (
-    <Modal
-      isOpen={popUp?.tokenList?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("tokenList", isOpen);
-        reset();
-        setToken("");
-      }}
-    >
-      <ModalContent title={`Manage Access Tokens for ${popUpData?.name ?? ""}`}>
-        <h2 className="mb-4">New Token</h2>
-        {hasToken ? (
-          <div>
-            <div className="mb-4 flex items-center justify-between">
-              <p>We will only show this token once</p>
-              <Button
-                colorSchema="secondary"
-                type="submit"
-                onClick={() => {
-                  reset();
-                  setToken("");
-                }}
-              >
-                Got it
-              </Button>
-            </div>
-            <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-              <p className="mr-4 break-all">{token}</p>
-              <IconButton
-                ariaLabel="copy icon"
-                colorSchema="secondary"
-                className="group relative"
-                onClick={() => {
-                  navigator.clipboard.writeText(token);
-                  setIsClientSecretCopied.on();
-                }}
-              >
-                <FontAwesomeIcon icon={isClientSecretCopied ? faCheck : faCopy} />
-                <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-                  {t("common.click-to-copy")}
-                </span>
-              </IconButton>
-            </div>
-          </div>
-        ) : (
-          <form onSubmit={handleSubmit(onFormSubmit)} className="mb-8">
-            <Controller
-              control={control}
-              name="name"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Name" isError={Boolean(error)} errorText={error?.message}>
-                  <div className="flex">
-                    <Input {...field} placeholder="My Token" />
-                    <Button
-                      className="ml-4"
-                      size="sm"
-                      type="submit"
-                      isLoading={isSubmitting}
-                      isDisabled={isSubmitting}
-                    >
-                      Create
-                    </Button>
-                  </div>
-                </FormControl>
-              )}
-            />
-          </form>
-        )}
-        <h2 className="mb-4">Tokens</h2>
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th>name</Th>
-                <Th>Num Uses</Th>
-                <Th>Created At</Th>
-                <Th>Max Expires At</Th>
-                <Th className="w-5" />
-              </Tr>
-            </THead>
-            <TBody>
-              {isLoading && <TableSkeleton columns={5} innerKey="identities-tokens" />}
-              {!isLoading &&
-                tokens?.map(
-                  ({
-                    id,
-                    createdAt,
-                    name,
-                    accessTokenNumUses,
-                    accessTokenNumUsesLimit,
-                    accessTokenMaxTTL,
-                    isAccessTokenRevoked
-                  }) => {
-                    const expiresAt = new Date(
-                      new Date(createdAt).getTime() + accessTokenMaxTTL * 1000
-                    );
-
-                    return (
-                      <Tr className="h-10 items-center" key={`mi-client-secret-${id}`}>
-                        <Td>{name === "" ? "-" : name}</Td>
-                        <Td>{`${accessTokenNumUses}${
-                          accessTokenNumUsesLimit ? `/${accessTokenNumUsesLimit}` : ""
-                        }`}</Td>
-                        <Td>{format(new Date(createdAt), "yyyy-MM-dd")}</Td>
-                        <Td>
-                          {isAccessTokenRevoked ? "Revoked" : `${format(expiresAt, "yyyy-MM-dd")}`}
-                        </Td>
-                        <Td>
-                          {!isAccessTokenRevoked && (
-                            <IconButton
-                              onClick={() => {
-                                handlePopUpOpen("revokeToken", {
-                                  identityId: popUpData?.identityId,
-                                  tokenId: id,
-                                  name
-                                });
-                              }}
-                              size="lg"
-                              colorSchema="primary"
-                              variant="plain"
-                              ariaLabel="update"
-                            >
-                              <FontAwesomeIcon icon={faXmark} />
-                            </IconButton>
-                          )}
-                        </Td>
-                      </Tr>
-                    );
-                  }
-                )}
-              {!isLoading && data && data?.length === 0 && (
-                <Tr>
-                  <Td colSpan={5}>
-                    <EmptyState
-                      title="No tokens have been created for this identity yet"
-                      icon={faKey}
-                    />
-                  </Td>
-                </Tr>
-              )}
-            </TBody>
-          </Table>
-        </TableContainer>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/IdentityTokenModal.tsx b/frontend-next/src/views/Org/IdentityPage/components/IdentityTokenModal.tsx
deleted file mode 100644
index e4f04752a..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/IdentityTokenModal.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Tooltip
-} from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-import { useCreateTokenIdentityTokenAuth, useUpdateIdentityTokenAuthToken } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    name: z.string()
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["token"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["token"]>, state?: boolean) => void;
-};
-
-export const IdentityTokenModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { mutateAsync: createToken } = useCreateTokenIdentityTokenAuth();
-  const { mutateAsync: updateToken } = useUpdateIdentityTokenAuthToken();
-  const [token, setToken] = useState("");
-  const [copyTextToken, isCopyingToken, setCopyTextToken] = useTimedReset<string>({
-    initialState: "Copy to clipboard"
-  });
-  const hasToken = Boolean(token);
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      name: ""
-    }
-  });
-
-  const tokenData = popUp?.token?.data as {
-    identityId: string;
-    tokenId?: string;
-    name?: string;
-  };
-
-  useEffect(() => {
-    if (tokenData?.tokenId && tokenData?.name) {
-      reset({
-        name: tokenData.name
-      });
-    } else {
-      reset({
-        name: ""
-      });
-    }
-  }, [popUp?.token?.data]);
-
-  const onFormSubmit = async ({ name }: FormData) => {
-    try {
-      if (tokenData?.tokenId) {
-        // update
-
-        await updateToken({
-          identityId: tokenData.identityId,
-          tokenId: tokenData.tokenId,
-          name
-        });
-
-        handlePopUpToggle("token", false);
-      } else {
-        // create
-
-        const newTokenData = await createToken({
-          identityId: tokenData.identityId,
-          name
-        });
-
-        setToken(newTokenData.accessToken);
-      }
-
-      createNotification({
-        text: `Successfully ${popUp?.token?.data ? "updated" : "created"} token`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text =
-        error?.response?.data?.message ??
-        `Failed to ${popUp?.token?.data ? "update" : "create"} token`;
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.token?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("token", isOpen);
-        reset();
-        setToken("");
-      }}
-    >
-      <ModalContent
-        title={`${tokenData?.tokenId ? "Update" : "Create"} Access Token`}
-        subTitle={hasToken ? "We will only show this token once" : ""}
-      >
-        {!hasToken ? (
-          <form onSubmit={handleSubmit(onFormSubmit)}>
-            <Controller
-              control={control}
-              defaultValue=""
-              name="name"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Name" isError={Boolean(error)} errorText={error?.message}>
-                  <Input {...field} placeholder="My Token" />
-                </FormControl>
-              )}
-            />
-            <div className="flex items-center">
-              <Button
-                className="mr-4"
-                size="sm"
-                type="submit"
-                isLoading={isSubmitting}
-                isDisabled={isSubmitting}
-              >
-                {tokenData?.name ? "Update" : "Create"}
-              </Button>
-              <Button
-                colorSchema="secondary"
-                variant="plain"
-                onClick={() => handlePopUpToggle("token", false)}
-              >
-                Cancel
-              </Button>
-            </div>
-          </form>
-        ) : (
-          <div className="mt-2 mb-3 mr-2 flex items-center justify-end rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 break-all">{token}</p>
-            <Tooltip content={copyTextToken}>
-              <IconButton
-                ariaLabel="copy icon"
-                colorSchema="secondary"
-                className="group relative"
-                onClick={() => {
-                  navigator.clipboard.writeText(token);
-                  setCopyTextToken("Copied");
-                }}
-              >
-                <FontAwesomeIcon icon={isCopyingToken ? faCheck : faCopy} />
-              </IconButton>
-            </Tooltip>
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/IdentityPage/components/index.tsx b/frontend-next/src/views/Org/IdentityPage/components/index.tsx
deleted file mode 100644
index 8fcbcfc21..000000000
--- a/frontend-next/src/views/Org/IdentityPage/components/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export { IdentityAuthenticationSection } from "./IdentityAuthenticationSection/IdentityAuthenticationSection";
-export { IdentityClientSecretModal } from "./IdentityClientSecretModal";
-export { IdentityDetailsSection } from "./IdentityDetailsSection";
-export { IdentityProjectsSection } from "./IdentityProjectsSection/IdentityProjectsSection";
-export { IdentityTokenListModal } from "./IdentityTokenListModal";
-export { IdentityTokenModal } from "./IdentityTokenModal";
diff --git a/frontend-next/src/views/Org/IdentityPage/index.tsx b/frontend-next/src/views/Org/IdentityPage/index.tsx
deleted file mode 100644
index 089416083..000000000
--- a/frontend-next/src/views/Org/IdentityPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityPage } from "./IdentityPage";
diff --git a/frontend-next/src/views/Org/MembersPage/MembersPage.tsx b/frontend-next/src/views/Org/MembersPage/MembersPage.tsx
deleted file mode 100644
index eb006fef9..000000000
--- a/frontend-next/src/views/Org/MembersPage/MembersPage.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { isTabSection, TabSections } from "@app/views/Org/Types";
-
-import { OrgGroupsTab, OrgIdentityTab, OrgMembersTab, OrgRoleTabSection } from "./components";
-
-export const MembersPage = withPermission(
-  () => {
-    const router = useRouter();
-    const { query } = router;
-    const selectedTab = query.selectedTab as string;
-    const [activeTab, setActiveTab] = useState<TabSections>(TabSections.Member);
-
-    useEffect(() => {
-      if (selectedTab && isTabSection(selectedTab)) {
-        setActiveTab(selectedTab);
-      }
-    }, [isTabSection, selectedTab]);
-
-    const updateSelectedTab = (tab: string) => {
-      router.push({
-        pathname: router.pathname,
-        query: { ...router.query, selectedTab: tab }
-      });
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-          <p className="mr-4 mb-4 text-3xl font-semibold text-white">Organization Access Control</p>
-          <Tabs value={activeTab} onValueChange={updateSelectedTab}>
-            <TabList>
-              <Tab value={TabSections.Member}>Users</Tab>
-              <Tab value={TabSections.Groups}>Groups</Tab>
-              <Tab value={TabSections.Identities}>
-                <div className="flex items-center">
-                  <p>Machine Identities</p>
-                </div>
-              </Tab>
-              <Tab value={TabSections.Roles}>Organization Roles</Tab>
-            </TabList>
-            <TabPanel value={TabSections.Member}>
-              <OrgMembersTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Groups}>
-              <OrgGroupsTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Identities}>
-              <OrgIdentityTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Roles}>
-              <OrgRoleTabSection />
-            </TabPanel>
-          </Tabs>
-        </div>
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Member }
-);
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/OrgGroupsTab.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/OrgGroupsTab.tsx
deleted file mode 100644
index 1194d8696..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/OrgGroupsTab.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { OrgGroupsSection } from "./components";
-
-export const OrgGroupsTab = () => {
-    return (
-        <motion.div
-            key="panel-org-groups"
-            transition={{ duration: 0.15 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-        >
-            <OrgGroupsSection />
-        </motion.div>
-    );
-}
\ No newline at end of file
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupModal.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupModal.tsx
deleted file mode 100644
index b09c88763..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupModal.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { findOrgMembershipRole } from "@app/helpers/roles";
-import { useCreateGroup, useGetOrgRoles, useUpdateGroup } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const GroupFormSchema = z.object({
-  name: z.string().min(1, "Name cannot be empty").max(50, "Name must be 50 characters or fewer"),
-  slug: z
-    .string()
-    .min(5, "Slug must be at least 5 characters long")
-    .max(36, "Slug must be 36 characters or fewer"),
-  role: z.object({ name: z.string(), slug: z.string() })
-});
-
-export type TGroupFormData = z.infer<typeof GroupFormSchema>;
-
-type Props = {
-  popUp: UsePopUpState<["group"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["group"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["group"]>, state?: boolean) => void;
-};
-
-export const OrgGroupModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const { data: roles } = useGetOrgRoles(currentOrg?.id || "");
-  const { mutateAsync: createMutateAsync, isLoading: createIsLoading } = useCreateGroup();
-  const { mutateAsync: updateMutateAsync, isLoading: updateIsLoading } = useUpdateGroup();
-
-  const { control, handleSubmit, reset } = useForm<TGroupFormData>({
-    resolver: zodResolver(GroupFormSchema)
-  });
-
-  useEffect(() => {
-    const group = popUp?.group?.data as {
-      groupId: string;
-      name: string;
-      slug: string;
-      role: string;
-      customRole: {
-        name: string;
-        slug: string;
-      };
-    };
-
-    if (!roles?.length) return;
-
-    if (group) {
-      reset({
-        name: group.name,
-        slug: group.slug,
-        role: group?.customRole ?? findOrgMembershipRole(roles, group.role)
-      });
-    } else {
-      reset({
-        name: "",
-        slug: "",
-        role: findOrgMembershipRole(roles, currentOrg!.defaultMembershipRole)
-      });
-    }
-  }, [popUp?.group?.data, roles]);
-
-  const onGroupModalSubmit = async ({ name, slug, role }: TGroupFormData) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      const group = popUp?.group?.data as {
-        groupId: string;
-        name: string;
-        slug: string;
-      };
-
-      if (group) {
-        await updateMutateAsync({
-          id: group.groupId,
-          name,
-          slug,
-          role: role.slug || undefined
-        });
-      } else {
-        await createMutateAsync({
-          name,
-          slug,
-          organizationId: currentOrg.id,
-          role: role.slug || undefined
-        });
-      }
-      handlePopUpToggle("group", false);
-      reset();
-
-      createNotification({
-        text: `Successfully ${popUp?.group?.data ? "updated" : "created"} group`,
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${popUp?.group?.data ? "updated" : "created"} group`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.group?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("group", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent
-        bodyClassName="overflow-visible"
-        title={`${popUp?.group?.data ? "Update" : "Create"} Group`}
-      >
-        <form onSubmit={handleSubmit(onGroupModalSubmit)}>
-          <Controller
-            control={control}
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Name" errorText={error?.message} isError={Boolean(error)}>
-                <Input {...field} placeholder="Engineering" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="slug"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Slug" errorText={error?.message} isError={Boolean(error)}>
-                <Input {...field} placeholder="engineering" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="role"
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <FormControl
-                label={`${popUp?.group?.data ? "Update" : ""} Role`}
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="mt-4"
-              >
-                <FilterableSelect
-                  options={roles}
-                  placeholder="Select role..."
-                  onChange={onChange}
-                  value={value}
-                  getOptionValue={(option) => option.slug}
-                  getOptionLabel={(option) => option.name}
-                />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={createIsLoading || updateIsLoading}
-            >
-              {!popUp?.group?.data ? "Create" : "Update"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpClose("group")}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsSection.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsSection.tsx
deleted file mode 100644
index 9c3949150..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsSection.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useSubscription } from "@app/context";
-import { useDeleteGroup } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { OrgGroupModal } from "./OrgGroupModal";
-import { OrgGroupsTable } from "./OrgGroupsTable";
-
-export const OrgGroupsSection = () => {
-  const { subscription } = useSubscription();
-  const { mutateAsync: deleteMutateAsync } = useDeleteGroup();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "group",
-    "groupMembers",
-    "deleteGroup",
-    "upgradePlan"
-  ] as const);
-
-  const handleAddGroupModal = () => {
-    if (!subscription?.groups) {
-      handlePopUpOpen("upgradePlan", {
-        description:
-          "You can manage users more efficiently with groups if you upgrade your Infisical plan."
-      });
-    } else {
-      handlePopUpOpen("group");
-    }
-  };
-
-  const onDeleteGroupSubmit = async ({ name, groupId }: { name: string; groupId: string }) => {
-    try {
-      await deleteMutateAsync({
-        id: groupId
-      });
-      createNotification({
-        text: `Successfully deleted the group named ${name}`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to delete the group named ${name}`,
-        type: "error"
-      });
-    }
-
-    handlePopUpClose("deleteGroup");
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Groups</p>
-        <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Groups}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handleAddGroupModal()}
-              isDisabled={!isAllowed}
-            >
-              Create Group
-            </Button>
-          )}
-        </OrgPermissionCan>
-      </div>
-      <OrgGroupsTable handlePopUpOpen={handlePopUpOpen} />
-      <OrgGroupModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deleteGroup.isOpen}
-        title={`Are you sure want to delete the group named ${
-          (popUp?.deleteGroup?.data as { name: string })?.name || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteGroup", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onDeleteGroupSubmit(popUp?.deleteGroup?.data as { name: string; groupId: string })
-        }
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsTable.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsTable.tsx
deleted file mode 100644
index c6bb62ce4..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsTable.tsx
+++ /dev/null
@@ -1,381 +0,0 @@
-import { useMemo } from "react";
-import { useRouter } from "next/router";
-import {
-  faArrowDown,
-  faArrowUp,
-  faEllipsis,
-  faMagnifyingGlass,
-  faSearch,
-  faUsers
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Select,
-  SelectItem,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetOrganizationGroups, useGetOrgRoles, useUpdateGroup } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["group", "deleteGroup", "groupMembers"]>,
-    data?: {
-      groupId?: string;
-      name?: string;
-      slug?: string;
-      role?: string;
-      customRole?: {
-        name: string;
-        slug: string;
-      };
-    }
-  ) => void;
-};
-
-enum GroupsOrderBy {
-  Name = "name",
-  Slug = "slug",
-  Role = "role"
-}
-
-export const OrgGroupsTable = ({ handlePopUpOpen }: Props) => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { isLoading, data: groups = [] } = useGetOrganizationGroups(orgId);
-  const { mutateAsync: updateMutateAsync } = useUpdateGroup();
-
-  const { data: roles } = useGetOrgRoles(orgId);
-
-  const handleChangeRole = async ({ id, role }: { id: string; role: string }) => {
-    try {
-      await updateMutateAsync({
-        id,
-        role
-      });
-
-      createNotification({
-        text: "Successfully updated group role",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update group role",
-        type: "error"
-      });
-    }
-  };
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    orderBy,
-    setOrderBy,
-    setOrderDirection,
-    toggleOrderDirection
-  } = usePagination<GroupsOrderBy>(GroupsOrderBy.Name, { initPerPage: 20 });
-
-  const filteredGroups = useMemo(() => {
-    const filtered = search
-      ? groups?.filter(
-          ({ name, slug }) =>
-            name.toLowerCase().includes(search.toLowerCase()) ||
-            slug.toLowerCase().includes(search.toLowerCase())
-        )
-      : groups;
-
-    const ordered = filtered?.sort((a, b) => {
-      switch (orderBy) {
-        case GroupsOrderBy.Role: {
-          const aValue = a.role === "custom" ? (a.customRole?.name as string) : a.role;
-          const bValue = b.role === "custom" ? (b.customRole?.name as string) : b.role;
-
-          return aValue.toLowerCase().localeCompare(bValue.toLowerCase());
-        }
-        default:
-          return a[orderBy].toLowerCase().localeCompare(b[orderBy].toLowerCase());
-      }
-    });
-
-    return orderDirection === OrderByDirection.ASC ? ordered : ordered?.reverse();
-  }, [search, groups, orderBy, orderDirection]);
-
-  const handleSort = (column: GroupsOrderBy) => {
-    if (column === orderBy) {
-      toggleOrderDirection();
-      return;
-    }
-
-    setOrderBy(column);
-    setOrderDirection(OrderByDirection.ASC);
-  };
-
-  useResetPageHelper({
-    totalCount: filteredGroups.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search groups..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th>
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === GroupsOrderBy.Name ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(GroupsOrderBy.Name)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC && orderBy === GroupsOrderBy.Name
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>
-                <div className="flex items-center">
-                  Slug
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === GroupsOrderBy.Slug ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(GroupsOrderBy.Slug)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC && orderBy === GroupsOrderBy.Slug
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>
-                <div className="flex items-center">
-                  Role
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === GroupsOrderBy.Role ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(GroupsOrderBy.Role)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC && orderBy === GroupsOrderBy.Role
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={4} innerKey="org-groups" />}
-            {!isLoading &&
-              filteredGroups
-                .slice(offset, perPage * page)
-                .map(({ id, name, slug, role, customRole }) => {
-                  return (
-                    <Tr
-                      onClick={() => router.push(`/org/${orgId}/groups/${id}`)}
-                      className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                      key={`org-group-${id}`}
-                    >
-                      <Td>{name}</Td>
-                      <Td>{slug}</Td>
-                      <Td>
-                        <OrgPermissionCan
-                          I={OrgPermissionActions.Edit}
-                          a={OrgPermissionSubjects.Groups}
-                        >
-                          {(isAllowed) => {
-                            return (
-                              <Select
-                                value={role === "custom" ? (customRole?.slug as string) : role}
-                                isDisabled={!isAllowed}
-                                className="w-48 bg-mineshaft-600"
-                                dropdownContainerClassName="border border-mineshaft-600 bg-mineshaft-800"
-                                onValueChange={(selectedRole) =>
-                                  handleChangeRole({
-                                    id,
-                                    role: selectedRole
-                                  })
-                                }
-                              >
-                                {(roles || []).map(({ slug: roleSlug, name: roleName }) => (
-                                  <SelectItem value={roleSlug} key={`role-option-${roleSlug}`}>
-                                    {roleName}
-                                  </SelectItem>
-                                ))}
-                              </Select>
-                            );
-                          }}
-                        </OrgPermissionCan>
-                      </Td>
-                      <Td>
-                        <DropdownMenu>
-                          <DropdownMenuTrigger asChild className="rounded-lg">
-                            <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                              <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                            </div>
-                          </DropdownMenuTrigger>
-                          <DropdownMenuContent align="start" className="p-1">
-                            <DropdownMenuItem
-                              onClick={(e) => {
-                                e.stopPropagation();
-                                createNotification({
-                                  text: "Copied group ID to clipboard",
-                                  type: "info"
-                                });
-                                navigator.clipboard.writeText(id);
-                              }}
-                            >
-                              Copy Group ID
-                            </DropdownMenuItem>
-                            <OrgPermissionCan
-                              I={OrgPermissionActions.Edit}
-                              a={OrgPermissionSubjects.Groups}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    !isAllowed &&
-                                      "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    handlePopUpOpen("group", {
-                                      groupId: id,
-                                      name,
-                                      slug,
-                                      role,
-                                      customRole
-                                    });
-                                  }}
-                                  disabled={!isAllowed}
-                                >
-                                  Edit Group
-                                </DropdownMenuItem>
-                              )}
-                            </OrgPermissionCan>
-                            <OrgPermissionCan
-                              I={OrgPermissionActions.Edit}
-                              a={OrgPermissionSubjects.Groups}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    !isAllowed &&
-                                      "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={() => router.push(`/org/${orgId}/groups/${id}`)}
-                                  disabled={!isAllowed}
-                                >
-                                  Manage Members
-                                </DropdownMenuItem>
-                              )}
-                            </OrgPermissionCan>
-                            <OrgPermissionCan
-                              I={OrgPermissionActions.Delete}
-                              a={OrgPermissionSubjects.Groups}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    isAllowed
-                                      ? "hover:!bg-red-500 hover:!text-white"
-                                      : "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    handlePopUpOpen("deleteGroup", {
-                                      groupId: id,
-                                      name
-                                    });
-                                  }}
-                                  disabled={!isAllowed}
-                                >
-                                  Delete Group
-                                </DropdownMenuItem>
-                              )}
-                            </OrgPermissionCan>
-                          </DropdownMenuContent>
-                        </DropdownMenu>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-          </TBody>
-        </Table>
-        {Boolean(filteredGroups.length) && (
-          <Pagination
-            count={filteredGroups.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredGroups?.length && (
-          <EmptyState
-            title={
-              groups.length
-                ? "No organization groups match search..."
-                : "No organization groups found"
-            }
-            icon={groups.length ? faSearch : faUsers}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/index.tsx
deleted file mode 100644
index ca3caabea..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/OrgGroupsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgGroupsSection } from "./OrgGroupsSection";
\ No newline at end of file
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/index.tsx
deleted file mode 100644
index ca3caabea..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgGroupsSection } from "./OrgGroupsSection";
\ No newline at end of file
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/index.tsx
deleted file mode 100644
index 69936a978..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgGroupsTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgGroupsTab } from "./OrgGroupsTab";
\ No newline at end of file
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/OrgIdentityTab.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/OrgIdentityTab.tsx
deleted file mode 100644
index 251b0b831..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/OrgIdentityTab.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { IdentitySection } from "./components";
-
-export const OrgIdentityTab = () => {
-  return (
-    <motion.div
-      key="panel-service-token"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <IdentitySection />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx
deleted file mode 100644
index 70128fa1a..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModal.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useState } from "react";
-
-import { Modal, ModalContent } from "@app/components/v2";
-import { IdentityAuthMethod, identityAuthToNameMap } from "@app/hooks/api/identities";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { IdentityAuthMethodModalContent } from "./IdentityAuthMethodModalContent";
-
-type Props = {
-  popUp: UsePopUpState<["identityAuthMethod", "upgradePlan", "revokeAuthMethod"]>;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "upgradePlan", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const IdentityAuthMethodModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Props) => {
-  const [selectedAuthMethod, setSelectedAuthMethod] = useState<IdentityAuthMethod | null>(null);
-
-  const initialAuthMethod = popUp?.identityAuthMethod?.data?.authMethod;
-
-  const isSelectedAuthAlreadyConfigured =
-    popUp?.identityAuthMethod?.data?.allAuthMethods?.includes(selectedAuthMethod);
-
-  return (
-    <Modal
-      isOpen={popUp?.identityAuthMethod?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("identityAuthMethod", isOpen);
-      }}
-    >
-      <ModalContent
-        title={
-          isSelectedAuthAlreadyConfigured
-            ? `Edit ${identityAuthToNameMap[selectedAuthMethod!] ?? ""}`
-            : `Create new ${identityAuthToNameMap[selectedAuthMethod!] ?? ""}`
-        }
-      >
-        <IdentityAuthMethodModalContent
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-          identity={{
-            name: popUp?.identityAuthMethod?.data?.name,
-            authMethods: popUp?.identityAuthMethod?.data?.allAuthMethods,
-            id: popUp?.identityAuthMethod.data?.identityId
-          }}
-          initialAuthMethod={initialAuthMethod}
-          setSelectedAuthMethod={setSelectedAuthMethod}
-        />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModalContent.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModalContent.tsx
deleted file mode 100644
index fe03e5e68..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthMethodModalContent.tsx
+++ /dev/null
@@ -1,338 +0,0 @@
-import { useCallback } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Badge,
-  DeleteActionModal,
-  FormControl,
-  Select,
-  SelectItem,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import {
-  useDeleteIdentityAwsAuth,
-  useDeleteIdentityAzureAuth,
-  useDeleteIdentityGcpAuth,
-  useDeleteIdentityKubernetesAuth,
-  useDeleteIdentityOidcAuth,
-  useDeleteIdentityTokenAuth,
-  useDeleteIdentityUniversalAuth
-} from "@app/hooks/api";
-import {
-  IdentityAuthMethod,
-  identityAuthToNameMap,
-  useDeleteIdentityJwtAuth
-} from "@app/hooks/api/identities";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { IdentityAwsAuthForm } from "./IdentityAwsAuthForm";
-import { IdentityAzureAuthForm } from "./IdentityAzureAuthForm";
-import { IdentityGcpAuthForm } from "./IdentityGcpAuthForm";
-import { IdentityJwtAuthForm } from "./IdentityJwtAuthForm";
-import { IdentityKubernetesAuthForm } from "./IdentityKubernetesAuthForm";
-import { IdentityOidcAuthForm } from "./IdentityOidcAuthForm";
-import { IdentityTokenAuthForm } from "./IdentityTokenAuthForm";
-import { IdentityUniversalAuthForm } from "./IdentityUniversalAuthForm";
-
-type Props = {
-  popUp: UsePopUpState<["identityAuthMethod", "upgradePlan", "revokeAuthMethod"]>;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "upgradePlan", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-
-  identity: {
-    name: string;
-    id: string;
-    authMethods: IdentityAuthMethod[];
-  };
-  initialAuthMethod: IdentityAuthMethod;
-  setSelectedAuthMethod: (authMethod: IdentityAuthMethod) => void;
-};
-
-type TRevokeOptions = {
-  identityId: string;
-  organizationId: string;
-};
-
-type TRevokeMethods = {
-  revokeMethod: (revokeOptions: TRevokeOptions) => Promise<any>;
-  render: () => JSX.Element;
-};
-
-const identityAuthMethods = [
-  { label: "Token Auth", value: IdentityAuthMethod.TOKEN_AUTH },
-  { label: "Universal Auth", value: IdentityAuthMethod.UNIVERSAL_AUTH },
-  { label: "Kubernetes Auth", value: IdentityAuthMethod.KUBERNETES_AUTH },
-  { label: "GCP Auth", value: IdentityAuthMethod.GCP_AUTH },
-  { label: "AWS Auth", value: IdentityAuthMethod.AWS_AUTH },
-  { label: "Azure Auth", value: IdentityAuthMethod.AZURE_AUTH },
-  { label: "OIDC Auth", value: IdentityAuthMethod.OIDC_AUTH },
-  {
-    label: "JWT Auth",
-    value: IdentityAuthMethod.JWT_AUTH
-  }
-];
-
-const schema = yup
-  .object({
-    authMethod: yup
-      .mixed<IdentityAuthMethod>()
-      .oneOf(Object.values(IdentityAuthMethod))
-      .required("Auth method is required")
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-export const IdentityAuthMethodModalContent = ({
-  popUp,
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identity,
-  initialAuthMethod,
-  setSelectedAuthMethod
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-
-  const { mutateAsync: revokeUniversalAuth } = useDeleteIdentityUniversalAuth();
-  const { mutateAsync: revokeTokenAuth } = useDeleteIdentityTokenAuth();
-  const { mutateAsync: revokeKubernetesAuth } = useDeleteIdentityKubernetesAuth();
-  const { mutateAsync: revokeGcpAuth } = useDeleteIdentityGcpAuth();
-  const { mutateAsync: revokeAwsAuth } = useDeleteIdentityAwsAuth();
-  const { mutateAsync: revokeAzureAuth } = useDeleteIdentityAzureAuth();
-  const { mutateAsync: revokeOidcAuth } = useDeleteIdentityOidcAuth();
-  const { mutateAsync: revokeJwtAuth } = useDeleteIdentityJwtAuth();
-
-  const { control, watch } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: async () => {
-      let authMethod = initialAuthMethod;
-
-      if (!authMethod) {
-        const firstAuthMethodNotConfiguredAuthMethod = identityAuthMethods.find(
-          ({ value }) => !identity?.authMethods?.includes(value)
-        );
-
-        if (firstAuthMethodNotConfiguredAuthMethod) {
-          authMethod = firstAuthMethodNotConfiguredAuthMethod.value;
-        }
-      }
-
-      setSelectedAuthMethod(authMethod);
-      return {
-        authMethod
-      };
-    }
-  });
-
-  const watchedAuthMethod = watch("authMethod");
-
-  const identityAuthMethodData = {
-    identityId: identity.id,
-    name: identity.name,
-    authMethod: watch("authMethod"),
-    configuredAuthMethods: identity.authMethods
-  } as {
-    identityId: string;
-    name: string;
-    authMethod?: IdentityAuthMethod;
-    configuredAuthMethods?: IdentityAuthMethod[];
-  };
-
-  const isSelectedAuthAlreadyConfigured =
-    identityAuthMethodData?.configuredAuthMethods?.includes(watchedAuthMethod);
-
-  const methodMap: Record<IdentityAuthMethod, TRevokeMethods | undefined> = {
-    [IdentityAuthMethod.UNIVERSAL_AUTH]: {
-      revokeMethod: revokeUniversalAuth,
-      render: () => (
-        <IdentityUniversalAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.OIDC_AUTH]: {
-      revokeMethod: revokeOidcAuth,
-      render: () => (
-        <IdentityOidcAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.TOKEN_AUTH]: {
-      revokeMethod: revokeTokenAuth,
-      render: () => (
-        <IdentityTokenAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.AZURE_AUTH]: {
-      revokeMethod: revokeAzureAuth,
-      render: () => (
-        <IdentityAzureAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.GCP_AUTH]: {
-      revokeMethod: revokeGcpAuth,
-      render: () => (
-        <IdentityGcpAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.KUBERNETES_AUTH]: {
-      revokeMethod: revokeKubernetesAuth,
-      render: () => (
-        <IdentityKubernetesAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.AWS_AUTH]: {
-      revokeMethod: revokeAwsAuth,
-      render: () => (
-        <IdentityAwsAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    },
-
-    [IdentityAuthMethod.JWT_AUTH]: {
-      revokeMethod: revokeJwtAuth,
-      render: () => (
-        <IdentityJwtAuthForm
-          identityAuthMethodData={identityAuthMethodData}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      )
-    }
-  };
-
-  const isAlreadyConfigured = useCallback((method: IdentityAuthMethod) => {
-    return identityAuthMethodData?.configuredAuthMethods?.includes(method);
-  }, []);
-
-  const selectedMethodItem = methodMap[identityAuthMethodData.authMethod!];
-
-  return (
-    <>
-      <Controller
-        control={control}
-        name="authMethod"
-        defaultValue={IdentityAuthMethod.UNIVERSAL_AUTH}
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="Auth Method" errorText={error?.message} isError={Boolean(error)}>
-            <Select
-              isDisabled={isSelectedAuthAlreadyConfigured}
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => {
-                if (!isAlreadyConfigured(e as IdentityAuthMethod)) {
-                  setSelectedAuthMethod(e as IdentityAuthMethod);
-                  onChange(e);
-                }
-              }}
-              className="w-full"
-            >
-              {identityAuthMethods.map(({ label, value }) => {
-                const alreadyConfigured = isAlreadyConfigured(value);
-                return (
-                  <Tooltip
-                    key={`auth-method-${value}`}
-                    content="Authentication method already configured"
-                    isDisabled={!alreadyConfigured}
-                  >
-                    <SelectItem
-                      isDisabled={alreadyConfigured}
-                      value={String(value || "")}
-                      key={label}
-                    >
-                      {label}{" "}
-                      {alreadyConfigured && !isSelectedAuthAlreadyConfigured && (
-                        <Badge>Configured</Badge>
-                      )}
-                    </SelectItem>
-                  </Tooltip>
-                );
-              })}
-            </Select>
-          </FormControl>
-        )}
-      />
-      {selectedMethodItem?.render ? selectedMethodItem.render() : <div />}
-      <UpgradePlanModal
-        isOpen={popUp?.upgradePlan?.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use IP allowlisting if you switch to Infisical's Pro plan."
-      />
-      <DeleteActionModal
-        isOpen={popUp?.revokeAuthMethod?.isOpen}
-        title={`Are you sure want to remove ${
-          identityAuthMethodData?.authMethod
-            ? identityAuthToNameMap[identityAuthMethodData.authMethod]
-            : "the auth method"
-        } on ${identityAuthMethodData?.name ?? ""}?`}
-        onChange={(isOpen) => handlePopUpToggle("revokeAuthMethod", isOpen)}
-        deleteKey="confirm"
-        buttonText="Remove"
-        onDeleteApproved={async () => {
-          if (!identityAuthMethodData.authMethod || !orgId || !selectedMethodItem) {
-            return;
-          }
-
-          try {
-            await selectedMethodItem.revokeMethod({
-              identityId: identityAuthMethodData.identityId,
-              organizationId: orgId
-            });
-
-            createNotification({
-              text: "Successfully removed auth method",
-              type: "success"
-            });
-
-            handlePopUpToggle("revokeAuthMethod", false);
-            handlePopUpToggle("identityAuthMethod", false);
-          } catch (err) {
-            createNotification({
-              text: "Failed to remove auth method",
-              type: "error"
-            });
-          }
-        }}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAwsAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAwsAuthForm.tsx
deleted file mode 100644
index a254397f4..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAwsAuthForm.tsx
+++ /dev/null
@@ -1,384 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import {
-  useAddIdentityAwsAuth,
-  useGetIdentityAwsAuth,
-  useUpdateIdentityAwsAuth
-} from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = yup
-  .object({
-    stsEndpoint: yup.string(),
-    allowedPrincipalArns: yup.string(),
-    allowedAccountIds: yup.string(),
-    accessTokenTTL: yup
-      .string()
-      .required("Access Token TTL is required")
-      .test(
-        "is-value-valid",
-        "Access Token TTL cannot be greater than 315360000",
-        (value) => Number(value) <= 315360000
-      ),
-    accessTokenMaxTTL: yup
-      .string()
-      .required("Access Max Token TTL is required")
-      .test(
-        "is-value-valid",
-        "Access Token Max TTL cannot be greater than 315360000",
-        (value) => Number(value) <= 315360000
-      ),
-    accessTokenNumUsesLimit: yup.string().required("Access Token Max Number of Uses is required"),
-    accessTokenTrustedIps: yup
-      .array(
-        yup.object({
-          ipAddress: yup.string().max(50).required().label("IP Address")
-        })
-      )
-      .min(1)
-      .required()
-      .label("Access Token Trusted IP")
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityAwsAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityAwsAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityAwsAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-  const { data } = useGetIdentityAwsAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      stsEndpoint: "https://sts.amazonaws.com/",
-      allowedPrincipalArns: "",
-      allowedAccountIds: "",
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        stsEndpoint: data.stsEndpoint,
-        allowedPrincipalArns: data.allowedPrincipalArns,
-        allowedAccountIds: data.allowedAccountIds,
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        stsEndpoint: "https://sts.amazonaws.com/",
-        allowedPrincipalArns: "",
-        allowedAccountIds: "",
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    allowedPrincipalArns,
-    allowedAccountIds,
-    stsEndpoint,
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    accessTokenTrustedIps
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) return;
-
-      if (data) {
-        await updateMutateAsync({
-          organizationId: orgId,
-          stsEndpoint,
-          allowedPrincipalArns,
-          allowedAccountIds,
-          identityId: identityAuthMethodData.identityId,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          stsEndpoint: stsEndpoint || "",
-          allowedPrincipalArns: allowedPrincipalArns || "",
-          allowedAccountIds: allowedAccountIds || "",
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="allowedPrincipalArns"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Principal ARNs"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input
-              {...field}
-              placeholder="arn:aws:iam::123456789012:role/MyRoleName, arn:aws:iam::123456789012:user/MyUserName..."
-              type="text"
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="allowedAccountIds"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Account IDs"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="123456789012, ..." />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="https://sts.amazonaws.com/"
-        name="stsEndpoint"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="STS Endpoint" isError={Boolean(error)} errorText={error?.message}>
-            <Input {...field} placeholder="https://sts.amazonaws.com/" type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {!isUpdate ? "Create" : "Edit"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAzureAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAzureAuthForm.tsx
deleted file mode 100644
index 0acc7ec5a..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityAzureAuthForm.tsx
+++ /dev/null
@@ -1,373 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import {
-  useAddIdentityAzureAuth,
-  useGetIdentityAzureAuth,
-  useUpdateIdentityAzureAuth
-} from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    tenantId: z.string().min(1),
-    resource: z.string(),
-    allowedServicePrincipalIds: z.string(),
-    accessTokenTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token TTL cannot be greater than 315360000"
-    }),
-    accessTokenMaxTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token Max TTL cannot be greater than 315360000"
-    }),
-    accessTokenNumUsesLimit: z.string(),
-    accessTokenTrustedIps: z
-      .array(
-        z.object({
-          ipAddress: z.string().max(50)
-        })
-      )
-      .min(1)
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityAzureAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityAzureAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityAzureAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-  const { data } = useGetIdentityAzureAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      tenantId: "",
-      resource: "https://management.azure.com/",
-      allowedServicePrincipalIds: "",
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        tenantId: data.tenantId,
-        resource: data.resource,
-        allowedServicePrincipalIds: data.allowedServicePrincipalIds,
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        tenantId: "",
-        resource: "https://management.azure.com/",
-        allowedServicePrincipalIds: "",
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    tenantId,
-    resource,
-    allowedServicePrincipalIds,
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    accessTokenTrustedIps
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) return;
-
-      if (data) {
-        await updateMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          tenantId,
-          resource,
-          allowedServicePrincipalIds,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          tenantId: tenantId || "",
-          resource: resource || "",
-          allowedServicePrincipalIds: allowedServicePrincipalIds || "",
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="tenantId"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Tenant ID"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            isRequired
-          >
-            <Input {...field} placeholder="00000000-0000-0000-0000-000000000000" type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="resource"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Resource / Audience"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="https://management.azure.com/" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="allowedServicePrincipalIds"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Service Principal IDs"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="00000000-0000-0000-0000-000000000000, ..." />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {!isUpdate ? "Create" : "Edit"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityGcpAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityGcpAuthForm.tsx
deleted file mode 100644
index fe0c60f27..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityGcpAuthForm.tsx
+++ /dev/null
@@ -1,406 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input, Select, SelectItem } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import {
-  useAddIdentityGcpAuth,
-  useGetIdentityGcpAuth,
-  useUpdateIdentityGcpAuth
-} from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    type: z.enum(["iam", "gce"]),
-    allowedServiceAccounts: z.string(),
-    allowedProjects: z.string(),
-    allowedZones: z.string(),
-    accessTokenTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token TTL cannot be greater than 315360000"
-    }),
-    accessTokenMaxTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token Max TTL cannot be greater than 315360000"
-    }),
-    accessTokenNumUsesLimit: z.string(),
-    accessTokenTrustedIps: z
-      .array(
-        z.object({
-          ipAddress: z.string().max(50)
-        })
-      )
-      .min(1)
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityGcpAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityGcpAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityGcpAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-  const { data } = useGetIdentityGcpAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting },
-    watch
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      type: "gce",
-      allowedServiceAccounts: "",
-      allowedProjects: "",
-      allowedZones: "",
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const watchedType = watch("type");
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        type: data.type || "gce",
-        allowedServiceAccounts: data.allowedServiceAccounts,
-        allowedProjects: data.allowedProjects,
-        allowedZones: data.allowedZones,
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        type: "gce",
-        allowedServiceAccounts: "",
-        allowedProjects: "",
-        allowedZones: "",
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    type,
-    allowedServiceAccounts,
-    allowedProjects,
-    allowedZones,
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    accessTokenTrustedIps
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) return;
-
-      if (data) {
-        await updateMutateAsync({
-          identityId: identityAuthMethodData.identityId,
-          organizationId: orgId,
-          type,
-          allowedServiceAccounts,
-          allowedProjects,
-          allowedZones,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          identityId: identityAuthMethodData.identityId,
-          organizationId: orgId,
-          type,
-          allowedServiceAccounts: allowedServiceAccounts || "",
-          allowedProjects: allowedProjects || "",
-          allowedZones: allowedZones || "",
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="type"
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="Type" isError={Boolean(error)} errorText={error?.message}>
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => onChange(e)}
-              className="w-full"
-            >
-              <SelectItem value="gce" key="gce">
-                GCP ID Token Auth (Recommended)
-              </SelectItem>
-              <SelectItem value="iam" key="iam">
-                GCP IAM Auth
-              </SelectItem>
-            </Select>
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="allowedServiceAccounts"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Service Account Emails"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input
-              {...field}
-              placeholder="test@project.iam.gserviceaccount.com, 12345-compute@developer.gserviceaccount.com"
-              type="text"
-            />
-          </FormControl>
-        )}
-      />
-      {watchedType === "gce" && (
-        <Controller
-          control={control}
-          name="allowedProjects"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Allowed Projects"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input {...field} placeholder="my-gcp-project, ..." />
-            </FormControl>
-          )}
-        />
-      )}
-      {watchedType === "gce" && (
-        <Controller
-          control={control}
-          name="allowedZones"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl label="Allowed Zones" isError={Boolean(error)} errorText={error?.message}>
-              <Input {...field} placeholder="us-west2-a, us-central1-a, ..." />
-            </FormControl>
-          )}
-        />
-      )}
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {!isUpdate ? "Create" : "Edit"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityJwtAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityJwtAuthForm.tsx
deleted file mode 100644
index d31bd43bd..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityJwtAuthForm.tsx
+++ /dev/null
@@ -1,688 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Select,
-  SelectItem,
-  TextArea,
-  Tooltip
-} from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import { useAddIdentityJwtAuth, useUpdateIdentityJwtAuth } from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { IdentityJwtConfigurationType } from "@app/hooks/api/identities/enums";
-import { useGetIdentityJwtAuth } from "@app/hooks/api/identities/queries";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const commonSchema = z.object({
-  accessTokenTrustedIps: z
-    .array(
-      z.object({
-        ipAddress: z.string().max(50)
-      })
-    )
-    .min(1),
-  accessTokenTTL: z.string().refine((val) => Number(val) <= 315360000, {
-    message: "Access Token TTL cannot be greater than 315360000"
-  }),
-  accessTokenMaxTTL: z.string().refine((val) => Number(val) <= 315360000, {
-    message: "Access Token Max TTL cannot be greater than 315360000"
-  }),
-  accessTokenNumUsesLimit: z.string(),
-  boundIssuer: z.string().trim().default(""),
-  boundAudiences: z.string().optional().default(""),
-  boundClaims: z.array(
-    z.object({
-      key: z.string(),
-      value: z.string()
-    })
-  ),
-  boundSubject: z.string().optional().default("")
-});
-
-const schema = z.discriminatedUnion("configurationType", [
-  z
-    .object({
-      configurationType: z.literal(IdentityJwtConfigurationType.JWKS),
-      jwksUrl: z.string().trim().url(),
-      jwksCaCert: z.string().trim().default(""),
-      publicKeys: z
-        .object({
-          value: z.string()
-        })
-        .array()
-        .optional()
-    })
-    .merge(commonSchema),
-  z
-    .object({
-      configurationType: z.literal(IdentityJwtConfigurationType.STATIC),
-      jwksUrl: z.string().trim().optional(),
-      jwksCaCert: z.string().trim().optional().default(""),
-      publicKeys: z
-        .object({
-          value: z.string().min(1)
-        })
-        .array()
-        .min(1)
-    })
-    .merge(commonSchema)
-]);
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityJwtAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityJwtAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityJwtAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-  const { data } = useGetIdentityJwtAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    watch,
-    control,
-    handleSubmit,
-    reset,
-    setValue,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }],
-      configurationType: IdentityJwtConfigurationType.JWKS
-    }
-  });
-
-  const selectedConfigurationType = watch("configurationType") as IdentityJwtConfigurationType;
-
-  const {
-    fields: publicKeyFields,
-    append: appendPublicKeyFields,
-    remove: removePublicKeyFields
-  } = useFieldArray({
-    control,
-    name: "publicKeys"
-  });
-
-  const {
-    fields: boundClaimsFields,
-    append: appendBoundClaimField,
-    remove: removeBoundClaimField
-  } = useFieldArray({
-    control,
-    name: "boundClaims"
-  });
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        configurationType: data.configurationType,
-        jwksUrl: data.jwksUrl,
-        jwksCaCert: data.jwksCaCert,
-        publicKeys: data.publicKeys.map((pk) => ({
-          value: pk
-        })),
-        boundIssuer: data.boundIssuer,
-        boundAudiences: data.boundAudiences,
-        boundClaims: Object.entries(data.boundClaims).map(([key, value]) => ({
-          key,
-          value
-        })),
-        boundSubject: data.boundSubject,
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        configurationType: IdentityJwtConfigurationType.JWKS,
-        jwksUrl: "",
-        jwksCaCert: "",
-        boundIssuer: "",
-        boundAudiences: "",
-        boundClaims: [],
-        boundSubject: "",
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    accessTokenTrustedIps,
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    configurationType,
-    jwksUrl,
-    jwksCaCert,
-    publicKeys,
-    boundIssuer,
-    boundAudiences,
-    boundClaims,
-    boundSubject
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) {
-        return;
-      }
-
-      if (data) {
-        await updateMutateAsync({
-          identityId: identityAuthMethodData.identityId,
-          organizationId: orgId,
-          configurationType,
-          jwksUrl,
-          jwksCaCert,
-          publicKeys: publicKeys?.map((field) => field.value).filter(Boolean),
-          boundIssuer,
-          boundAudiences,
-          boundClaims: Object.fromEntries(boundClaims.map((entry) => [entry.key, entry.value])),
-          boundSubject,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          identityId: identityAuthMethodData.identityId,
-          configurationType,
-          jwksUrl,
-          jwksCaCert,
-          publicKeys: publicKeys?.map((field) => field.value).filter(Boolean),
-          boundIssuer,
-          boundAudiences,
-          boundClaims: Object.fromEntries(boundClaims.map((entry) => [entry.key, entry.value])),
-          boundSubject,
-          organizationId: orgId,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="configurationType"
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl
-            label="Configuration Type"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => {
-                if (e === IdentityJwtConfigurationType.JWKS) {
-                  setValue("publicKeys", []);
-                } else {
-                  setValue("publicKeys", [
-                    {
-                      value: ""
-                    }
-                  ]);
-                  setValue("jwksUrl", "");
-                  setValue("jwksCaCert", "");
-                }
-                onChange(e);
-              }}
-              className="w-full"
-            >
-              <SelectItem value={IdentityJwtConfigurationType.JWKS} key="jwks">
-                JWKS
-              </SelectItem>
-              <SelectItem value={IdentityJwtConfigurationType.STATIC} key="static">
-                Static
-              </SelectItem>
-            </Select>
-          </FormControl>
-        )}
-      />
-      {selectedConfigurationType === IdentityJwtConfigurationType.JWKS && (
-        <>
-          <Controller
-            control={control}
-            name="jwksUrl"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                isRequired
-                label="JWKS URL"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} type="text" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="jwksCaCert"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="JWKS CA Certificate"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <TextArea {...field} placeholder="-----BEGIN CERTIFICATE----- ..." />
-              </FormControl>
-            )}
-          />
-        </>
-      )}
-
-      {selectedConfigurationType === IdentityJwtConfigurationType.STATIC && (
-        <>
-          {publicKeyFields.map(({ id }, index) => (
-            <div key={id} className="flex gap-2">
-              <Controller
-                control={control}
-                name={`publicKeys.${index}.value`}
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    className="flex-grow"
-                    label={`Public Key ${index + 1}`}
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                    icon={
-                      <Tooltip
-                        className="text-center"
-                        content={<span>This field only accepts PEM-formatted public keys</span>}
-                      >
-                        <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-                      </Tooltip>
-                    }
-                  >
-                    <TextArea {...field} placeholder="-----BEGIN PUBLIC KEY----- ..." />
-                  </FormControl>
-                )}
-              />
-              <IconButton
-                onClick={() => {
-                  if (publicKeyFields.length === 1) {
-                    createNotification({
-                      type: "error",
-                      text: "A public key is required for static configurations"
-                    });
-                    return;
-                  }
-
-                  removePublicKeyFields(index);
-                }}
-                size="lg"
-                colorSchema="danger"
-                variant="plain"
-                ariaLabel="update"
-                className="p-3"
-              >
-                <FontAwesomeIcon icon={faXmark} />
-              </IconButton>
-            </div>
-          ))}
-          <div className="my-4 ml-1">
-            <Button
-              variant="outline_bg"
-              onClick={() =>
-                appendPublicKeyFields({
-                  value: ""
-                })
-              }
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              size="xs"
-            >
-              Add Public Key
-            </Button>
-          </div>
-        </>
-      )}
-
-      <Controller
-        control={control}
-        name="boundIssuer"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Issuer" isError={Boolean(error)} errorText={error?.message}>
-            <Input {...field} type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="boundSubject"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Subject"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            icon={
-              <Tooltip
-                className="text-center"
-                content={<span>This field supports glob patterns</span>}
-              >
-                <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-              </Tooltip>
-            }
-          >
-            <Input {...field} type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="boundAudiences"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Audiences"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            icon={
-              <Tooltip
-                className="text-center"
-                content={<span>This field supports glob patterns</span>}
-              >
-                <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-              </Tooltip>
-            }
-          >
-            <Input {...field} type="text" placeholder="service1, service2" />
-          </FormControl>
-        )}
-      />
-      {boundClaimsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`boundClaims.${index}.key`}
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Claims" : undefined}
-                  icon={
-                    index === 0 ? (
-                      <Tooltip
-                        className="text-center"
-                        content={<span>This field supports glob patterns</span>}
-                      >
-                        <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-                      </Tooltip>
-                    ) : undefined
-                  }
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => field.onChange(e)}
-                    placeholder="property"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <Controller
-            control={control}
-            name={`boundClaims.${index}.value`}
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => field.onChange(e)}
-                    placeholder="value1, value2"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-
-          <IconButton
-            onClick={() => removeBoundClaimField(index)}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() =>
-            appendBoundClaimField({
-              key: "",
-              value: ""
-            })
-          }
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add Claims
-        </Button>
-      </div>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {isUpdate ? "Update" : "Create"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityKubernetesAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityKubernetesAuthForm.tsx
deleted file mode 100644
index c5474a611..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityKubernetesAuthForm.tsx
+++ /dev/null
@@ -1,446 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input, TextArea } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import {
-  useAddIdentityKubernetesAuth,
-  useGetIdentityKubernetesAuth,
-  useUpdateIdentityKubernetesAuth
-} from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    kubernetesHost: z.string().min(1),
-    tokenReviewerJwt: z.string().min(1),
-    allowedNames: z.string(),
-    allowedNamespaces: z.string(),
-    allowedAudience: z.string(),
-    caCert: z.string(),
-    accessTokenTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token TTL cannot be greater than 315360000"
-    }),
-    accessTokenMaxTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token Max TTL cannot be greater than 315360000"
-    }),
-    accessTokenNumUsesLimit: z.string(),
-    accessTokenTrustedIps: z
-      .array(
-        z.object({
-          ipAddress: z.string().max(50)
-        })
-      )
-      .min(1)
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityKubernetesAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityKubernetesAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityKubernetesAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-  const { data } = useGetIdentityKubernetesAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      kubernetesHost: "",
-      tokenReviewerJwt: "",
-      allowedNames: "",
-      allowedNamespaces: "",
-      allowedAudience: "",
-      caCert: "",
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        kubernetesHost: data.kubernetesHost,
-        tokenReviewerJwt: data.tokenReviewerJwt,
-        allowedNames: data.allowedNames,
-        allowedNamespaces: data.allowedNamespaces,
-        allowedAudience: data.allowedAudience,
-        caCert: data.caCert,
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        kubernetesHost: "",
-        tokenReviewerJwt: "",
-        allowedNames: "",
-        allowedNamespaces: "",
-        allowedAudience: "",
-        caCert: "",
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    kubernetesHost,
-    tokenReviewerJwt,
-    allowedNames,
-    allowedNamespaces,
-    allowedAudience,
-    caCert,
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    accessTokenTrustedIps
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) return;
-
-      if (data) {
-        await updateMutateAsync({
-          organizationId: orgId,
-          kubernetesHost,
-          tokenReviewerJwt,
-          allowedNames,
-          allowedNamespaces,
-          allowedAudience,
-          caCert,
-          identityId: identityAuthMethodData.identityId,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          kubernetesHost: kubernetesHost || "",
-          tokenReviewerJwt,
-          allowedNames: allowedNames || "",
-          allowedNamespaces: allowedNamespaces || "",
-          allowedAudience: allowedAudience || "",
-          caCert: caCert || "",
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="kubernetesHost"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Kubernetes Host / Base Kubernetes API URL "
-            isError={Boolean(error)}
-            errorText={error?.message}
-            tooltipText="The host string, host:port pair, or URL to the base of the Kubernetes API server. This can usually be obtained by running 'kubectl cluster-info'"
-            isRequired
-          >
-            <Input {...field} placeholder="https://my-example-k8s-api-host.com" type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="tokenReviewerJwt"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Token Reviewer JWT"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            tooltipText="A long-lived service account JWT token for Infisical to access the TokenReview API to validate other service account JWT tokens submitted by applications/pods."
-            isRequired
-          >
-            <Input {...field} placeholder="" type="password" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="allowedNames"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Service Account Names"
-            isError={Boolean(error)}
-            tooltipText="An optional comma-separated list of trusted service account names that are allowed to authenticate with Infisical. Leave empty to allow any service account."
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="service-account-1-name, service-account-1-name" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue=""
-        name="allowedNamespaces"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Namespaces"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            tooltipText="A comma-separated list of trusted namespaces that service accounts must belong to authenticate with Infisical."
-          >
-            <Input {...field} placeholder="namespaceA, namespaceB" type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue=""
-        name="allowedAudience"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Allowed Audience"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            tooltipText="An optional audience claim that the service account JWT token must have to authenticate with Infisical. Leave empty to allow any audience claim."
-          >
-            <Input {...field} placeholder="" type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="caCert"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="CA Certificate"
-            errorText={error?.message}
-            isError={Boolean(error)}
-            tooltipText="An optional PEM-encoded CA cert for the Kubernetes API server. This is used by the TLS client for secure communication with the Kubernetes API server."
-          >
-            <TextArea {...field} placeholder="-----BEGIN CERTIFICATE----- ..." />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            tooltipText="The lifetime for an acccess token in seconds. This value will be referenced at renewal time."
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            tooltipText="The maximum lifetime for an access token in seconds. This value will be referenced at renewal time."
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            tooltipText="The maximum number of times that an access token can be used; a value of 0 implies infinite number of uses."
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  tooltipText="The IPs or CIDR ranges that access tokens can be used from. By default, each token is given the 0.0.0.0/0, allowing usage from any network address."
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {isUpdate ? "Update" : "Create"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityModal.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityModal.tsx
deleted file mode 100644
index d483d0ea7..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityModal.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { findOrgMembershipRole } from "@app/helpers/roles";
-import { useCreateIdentity, useGetOrgRoles, useUpdateIdentity } from "@app/hooks/api";
-import { useAddIdentityUniversalAuth } from "@app/hooks/api/identities";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    name: z.string().min(1, "Required"),
-    role: z.object({ slug: z.string(), name: z.string() }),
-    metadata: z
-      .object({
-        key: z.string().trim().min(1),
-        value: z.string().trim().min(1)
-      })
-      .array()
-      .default([])
-      .optional()
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["identity"]>;
-  // handlePopUpOpen: (
-  //   popUpName: keyof UsePopUpState<["identityAuthMethod"]>,
-  //   data: {
-  //     identityId: string;
-  //     name: string;
-  //     authMethod?: IdentityAuthMethod;
-  //   }
-  // ) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["identity"]>, state?: boolean) => void;
-};
-
-export const IdentityModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-
-  const { data: roles } = useGetOrgRoles(orgId);
-
-  const { mutateAsync: createMutateAsync } = useCreateIdentity();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentity();
-  const { mutateAsync: addMutateAsync } = useAddIdentityUniversalAuth();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      name: ""
-    }
-  });
-
-  const metadataFormFields = useFieldArray({
-    control,
-    name: "metadata"
-  });
-
-  useEffect(() => {
-    const identity = popUp?.identity?.data as {
-      identityId: string;
-      name: string;
-      role: string;
-      metadata?: { key: string; value: string }[];
-      customRole: {
-        name: string;
-        slug: string;
-      };
-    };
-
-    if (!roles?.length) return;
-
-    if (identity) {
-      reset({
-        name: identity.name,
-        role: identity.customRole ?? findOrgMembershipRole(roles, identity.role),
-        metadata: identity.metadata
-      });
-    } else {
-      reset({
-        name: "",
-        role: findOrgMembershipRole(roles, currentOrg!.defaultMembershipRole)
-      });
-    }
-  }, [popUp?.identity?.data, roles]);
-
-  const onFormSubmit = async ({ name, role, metadata }: FormData) => {
-    try {
-      const identity = popUp?.identity?.data as {
-        identityId: string;
-        name: string;
-        role: string;
-      };
-
-      if (identity) {
-        // update
-
-        await updateMutateAsync({
-          identityId: identity.identityId,
-          name,
-          role: role.slug || undefined,
-          organizationId: orgId,
-          metadata
-        });
-
-        handlePopUpToggle("identity", false);
-      } else {
-        // create
-
-        const { id: createdId } = await createMutateAsync({
-          name,
-          role: role.slug || undefined,
-          organizationId: orgId,
-          metadata
-        });
-
-        await addMutateAsync({
-          organizationId: orgId,
-          identityId: createdId,
-          clientSecretTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }],
-          accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }],
-          accessTokenTTL: 2592000,
-          accessTokenMaxTTL: 2592000,
-          accessTokenNumUsesLimit: 0
-        });
-
-        handlePopUpToggle("identity", false);
-        router.push(`/org/${orgId}/identities/${createdId}`);
-      }
-
-      createNotification({
-        text: `Successfully ${popUp?.identity?.data ? "updated" : "created"} identity`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text =
-        error?.response?.data?.message ??
-        `Failed to ${popUp?.identity?.data ? "update" : "create"} identity`;
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.identity?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("identity", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent
-        bodyClassName="overflow-visible"
-        title={`${popUp?.identity?.data ? "Update" : "Create"} Identity`}
-      >
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Name" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="Machine 1" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="role"
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <FormControl
-                label={`${popUp?.identity?.data ? "Update" : ""} Role`}
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="mt-4"
-              >
-                <FilterableSelect
-                  placeholder="Select role..."
-                  options={roles}
-                  onChange={onChange}
-                  value={value}
-                  getOptionValue={(option) => option.slug}
-                  getOptionLabel={(option) => option.name}
-                />
-              </FormControl>
-            )}
-          />
-          <div>
-            <FormLabel label="Metadata" />
-          </div>
-          <div className="mb-3 flex flex-col space-y-2">
-            {metadataFormFields.fields.map(({ id: metadataFieldId }, i) => (
-              <div key={metadataFieldId} className="flex items-end space-x-2">
-                <div className="flex-grow">
-                  {i === 0 && <span className="text-xs text-mineshaft-400">Key</span>}
-                  <Controller
-                    control={control}
-                    name={`metadata.${i}.key`}
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        className="mb-0"
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <div className="flex-grow">
-                  {i === 0 && (
-                    <FormLabel label="Value" className="text-xs text-mineshaft-400" isOptional />
-                  )}
-                  <Controller
-                    control={control}
-                    name={`metadata.${i}.value`}
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        className="mb-0"
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <IconButton
-                  ariaLabel="delete key"
-                  className="bottom-0.5 h-9"
-                  variant="outline_bg"
-                  onClick={() => metadataFormFields.remove(i)}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </div>
-            ))}
-            <div className="mt-2 flex justify-end">
-              <Button
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                size="xs"
-                variant="outline_bg"
-                onClick={() => metadataFormFields.append({ key: "", value: "" })}
-              >
-                Add Key
-              </Button>
-            </div>
-          </div>
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {popUp?.identity?.data ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("identity", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityOidcAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityOidcAuthForm.tsx
deleted file mode 100644
index 5d38f2bdd..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityOidcAuthForm.tsx
+++ /dev/null
@@ -1,527 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input, TextArea, Tooltip } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import { useAddIdentityOidcAuth, useUpdateIdentityOidcAuth } from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { useGetIdentityOidcAuth } from "@app/hooks/api/identities/queries";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  accessTokenTrustedIps: z
-    .array(
-      z.object({
-        ipAddress: z.string().max(50)
-      })
-    )
-    .min(1),
-  accessTokenTTL: z.string().refine((val) => Number(val) <= 315360000, {
-    message: "Access Token TTL cannot be greater than 315360000"
-  }),
-  accessTokenMaxTTL: z.string().refine((val) => Number(val) <= 315360000, {
-    message: "Access Token Max TTL cannot be greater than 315360000"
-  }),
-  accessTokenNumUsesLimit: z.string(),
-  oidcDiscoveryUrl: z.string().url().min(1),
-  caCert: z.string().trim().default(""),
-  boundIssuer: z.string().min(1),
-  boundAudiences: z.string().optional().default(""),
-  boundClaims: z.array(
-    z.object({
-      key: z.string(),
-      value: z.string()
-    })
-  ),
-  boundSubject: z.string().optional().default("")
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityOidcAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityOidcAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityOidcAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-  const { data } = useGetIdentityOidcAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const {
-    fields: boundClaimsFields,
-    append: appendBoundClaimField,
-    remove: removeBoundClaimField
-  } = useFieldArray({
-    control,
-    name: "boundClaims"
-  });
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        oidcDiscoveryUrl: data.oidcDiscoveryUrl,
-        caCert: data.caCert,
-        boundIssuer: data.boundIssuer,
-        boundAudiences: data.boundAudiences,
-        boundClaims: Object.entries(data.boundClaims).map(([key, value]) => ({
-          key,
-          value
-        })),
-        boundSubject: data.boundSubject,
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        oidcDiscoveryUrl: "",
-        caCert: "",
-        boundIssuer: "",
-        boundAudiences: "",
-        boundClaims: [],
-        boundSubject: "",
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    accessTokenTrustedIps,
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    oidcDiscoveryUrl,
-    caCert,
-    boundIssuer,
-    boundAudiences,
-    boundClaims,
-    boundSubject
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) {
-        return;
-      }
-
-      if (data) {
-        await updateMutateAsync({
-          identityId: identityAuthMethodData.identityId,
-          organizationId: orgId,
-          oidcDiscoveryUrl,
-          caCert,
-          boundIssuer,
-          boundAudiences,
-          boundClaims: Object.fromEntries(boundClaims.map((entry) => [entry.key, entry.value])),
-          boundSubject,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          identityId: identityAuthMethodData.identityId,
-          oidcDiscoveryUrl,
-          caCert,
-          boundIssuer,
-          boundAudiences,
-          boundClaims: Object.fromEntries(boundClaims.map((entry) => [entry.key, entry.value])),
-          boundSubject,
-          organizationId: orgId,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="oidcDiscoveryUrl"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            isRequired
-            label="OIDC Discovery URL"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input
-              {...field}
-              placeholder="https://token.actions.githubusercontent.com"
-              type="text"
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="boundIssuer"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            isRequired
-            label="Issuer"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input
-              {...field}
-              type="text"
-              placeholder="https://token.actions.githubusercontent.com"
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="caCert"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="CA Certificate" errorText={error?.message} isError={Boolean(error)}>
-            <TextArea {...field} placeholder="-----BEGIN CERTIFICATE----- ..." />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="boundSubject"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Subject"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            icon={
-              <Tooltip
-                className="text-center"
-                content={<span>This field supports glob patterns</span>}
-              >
-                <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-              </Tooltip>
-            }
-          >
-            <Input {...field} type="text" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="boundAudiences"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Audiences"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            icon={
-              <Tooltip
-                className="text-center"
-                content={<span>This field supports glob patterns</span>}
-              >
-                <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-              </Tooltip>
-            }
-          >
-            <Input {...field} type="text" placeholder="service1, service2" />
-          </FormControl>
-        )}
-      />
-      {boundClaimsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`boundClaims.${index}.key`}
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Claims" : undefined}
-                  icon={
-                    index === 0 ? (
-                      <Tooltip
-                        className="text-center"
-                        content={<span>This field supports glob patterns</span>}
-                      >
-                        <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-                      </Tooltip>
-                    ) : undefined
-                  }
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => field.onChange(e)}
-                    placeholder="property"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <Controller
-            control={control}
-            name={`boundClaims.${index}.value`}
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => field.onChange(e)}
-                    placeholder="value1, value2"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-
-          <IconButton
-            onClick={() => removeBoundClaimField(index)}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() =>
-            appendBoundClaimField({
-              key: "",
-              value: ""
-            })
-          }
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add Claims
-        </Button>
-      </div>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {isUpdate ? "Update" : "Create"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentitySection.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentitySection.tsx
deleted file mode 100644
index 4ac7452cf..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentitySection.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { withPermission } from "@app/hoc";
-import { useDeleteIdentity } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-// import { IdentityAuthMethodModal } from "./IdentityAuthMethodModal";
-import { IdentityModal } from "./IdentityModal";
-import { IdentityTable } from "./IdentityTable";
-import { IdentityTokenAuthTokenModal } from "./IdentityTokenAuthTokenModal";
-// import { IdentityUniversalAuthClientSecretModal } from "./IdentityUniversalAuthClientSecretModal";
-
-export const IdentitySection = withPermission(
-  () => {
-    const { subscription } = useSubscription();
-    const { currentOrg } = useOrganization();
-    const orgId = currentOrg?.id || "";
-
-    const { mutateAsync: deleteMutateAsync } = useDeleteIdentity();
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "identity",
-      "identityAuthMethod",
-      "deleteIdentity",
-      "universalAuthClientSecret",
-      "deleteUniversalAuthClientSecret",
-      "upgradePlan",
-      "tokenAuthToken"
-    ] as const);
-
-    const isMoreIdentitiesAllowed = subscription?.identityLimit
-      ? subscription.identitiesUsed < subscription.identityLimit
-      : true;
-
-    const isEnterprise = subscription?.slug === "enterprise";
-
-    const onDeleteIdentitySubmit = async (identityId: string) => {
-      try {
-        await deleteMutateAsync({
-          identityId,
-          organizationId: orgId
-        });
-
-        createNotification({
-          text: "Successfully deleted identity",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteIdentity");
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to delete identity";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    return (
-      <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-4 flex justify-between">
-          <p className="text-xl font-semibold text-mineshaft-100">Identities</p>
-          <div className="flex w-full justify-end pr-4">
-            <Link href="https://infisical.com/docs/documentation/platform/identities/overview">
-              <a
-                target="_blank"
-                rel="noopener noreferrer"
-                className="w-max cursor-pointer rounded-md border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 text-mineshaft-200 duration-200 hover:border-primary/40 hover:bg-primary/10 hover:text-white"
-              >
-                Documentation{" "}
-                <FontAwesomeIcon
-                  icon={faArrowUpRightFromSquare}
-                  className="mb-[0.06rem] ml-1 text-xs"
-                />
-              </a>
-            </Link>
-          </div>
-          <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Identity}>
-            {(isAllowed) => (
-              <Button
-                colorSchema="primary"
-                type="submit"
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                onClick={() => {
-                  if (!isMoreIdentitiesAllowed && !isEnterprise) {
-                    handlePopUpOpen("upgradePlan", {
-                      description: "You can add more identities if you upgrade your Infisical plan."
-                    });
-                    return;
-                  }
-                  handlePopUpOpen("identity");
-                }}
-                isDisabled={!isAllowed}
-              >
-                Create Identity
-              </Button>
-            )}
-          </OrgPermissionCan>
-        </div>
-        <IdentityTable handlePopUpOpen={handlePopUpOpen} />
-        <IdentityModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        {/* <IdentityAuthMethodModal
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        /> */}
-        {/* <IdentityUniversalAuthClientSecretModal
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        /> */}
-        <IdentityTokenAuthTokenModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deleteIdentity.isOpen}
-          title={`Are you sure want to delete ${
-            (popUp?.deleteIdentity?.data as { name: string })?.name || ""
-          }?`}
-          onChange={(isOpen) => handlePopUpToggle("deleteIdentity", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onDeleteIdentitySubmit(
-              (popUp?.deleteIdentity?.data as { identityId: string })?.identityId
-            )
-          }
-        />
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text={(popUp.upgradePlan?.data as { description: string })?.description}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Identity }
-);
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTable.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTable.tsx
deleted file mode 100644
index 4ae653277..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTable.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-import { useRouter } from "next/router";
-import {
-  faArrowDown,
-  faArrowUp,
-  faEllipsis,
-  faMagnifyingGlass,
-  faServer
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Select,
-  SelectItem,
-  Spinner,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetIdentityMembershipOrgs, useGetOrgRoles, useUpdateIdentity } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { OrgIdentityOrderBy } from "@app/hooks/api/organization/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteIdentity"]>,
-    data?: {
-      identityId: string;
-      name: string;
-    }
-  ) => void;
-};
-
-export const IdentityTable = ({ handlePopUpOpen }: Props) => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-
-  const {
-    offset,
-    limit,
-    orderBy,
-    setOrderBy,
-    orderDirection,
-    setOrderDirection,
-    search,
-    debouncedSearch,
-    setPage,
-    setSearch,
-    perPage,
-    page,
-    setPerPage
-  } = usePagination<OrgIdentityOrderBy>(OrgIdentityOrderBy.Name);
-
-  const organizationId = currentOrg?.id || "";
-
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentity();
-
-  const { data, isLoading, isFetching } = useGetIdentityMembershipOrgs(
-    {
-      organizationId,
-      offset,
-      limit,
-      orderDirection,
-      orderBy,
-      search: debouncedSearch
-    },
-    { keepPreviousData: true }
-  );
-
-  const { totalCount = 0 } = data ?? {};
-  useResetPageHelper({
-    totalCount,
-    offset,
-    setPage
-  });
-
-  const { data: roles } = useGetOrgRoles(organizationId);
-
-  const handleSort = (column: OrgIdentityOrderBy) => {
-    if (column === orderBy) {
-      setOrderDirection((prev) =>
-        prev === OrderByDirection.ASC ? OrderByDirection.DESC : OrderByDirection.ASC
-      );
-      return;
-    }
-
-    setOrderBy(column);
-    setOrderDirection(OrderByDirection.ASC);
-  };
-
-  const handleChangeRole = async ({ identityId, role }: { identityId: string; role: string }) => {
-    try {
-      await updateMutateAsync({
-        identityId,
-        role,
-        organizationId
-      });
-
-      createNotification({
-        text: "Successfully updated identity role",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to update identity role";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <Input
-        containerClassName="mb-4"
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search identities by name..."
-      />
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr className="h-14">
-              <Th className="w-1/2">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === OrgIdentityOrderBy.Name ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(OrgIdentityOrderBy.Name)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC &&
-                        orderBy === OrgIdentityOrderBy.Name
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>Role</Th>
-              {/* <Th>
-                <div className="flex items-center">
-                  Role
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === OrgIdentityOrderBy.Role ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(OrgIdentityOrderBy.Role)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC &&
-                        orderBy === OrgIdentityOrderBy.Role
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th> */}
-              <Th className="w-16">{isFetching ? <Spinner size="xs" /> : null}</Th>
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={3} innerKey="org-identities" />}
-            {!isLoading &&
-              data?.identityMemberships.map(({ identity: { id, name }, role, customRole }) => {
-                return (
-                  <Tr
-                    className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                    key={`identity-${id}`}
-                    onClick={() => router.push(`/org/${organizationId}/identities/${id}`)}
-                  >
-                    <Td>{name}</Td>
-                    <Td>
-                      <OrgPermissionCan
-                        I={OrgPermissionActions.Edit}
-                        a={OrgPermissionSubjects.Identity}
-                      >
-                        {(isAllowed) => {
-                          return (
-                            <Select
-                              value={role === "custom" ? (customRole?.slug as string) : role}
-                              isDisabled={!isAllowed}
-                              className="w-48 bg-mineshaft-600"
-                              dropdownContainerClassName="border border-mineshaft-600 bg-mineshaft-800"
-                              onValueChange={(selectedRole) =>
-                                handleChangeRole({
-                                  identityId: id,
-                                  role: selectedRole
-                                })
-                              }
-                            >
-                              {(roles || []).map(({ slug, name: roleName }) => (
-                                <SelectItem value={slug} key={`owner-option-${slug}`}>
-                                  {roleName}
-                                </SelectItem>
-                              ))}
-                            </Select>
-                          );
-                        }}
-                      </OrgPermissionCan>
-                    </Td>
-                    <Td>
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="flex justify-center hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          <OrgPermissionCan
-                            I={OrgPermissionActions.Edit}
-                            a={OrgPermissionSubjects.Identity}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  router.push(`/org/${organizationId}/identities/${id}`);
-                                }}
-                                disabled={!isAllowed}
-                              >
-                                Edit Identity
-                              </DropdownMenuItem>
-                            )}
-                          </OrgPermissionCan>
-                          <OrgPermissionCan
-                            I={OrgPermissionActions.Delete}
-                            a={OrgPermissionSubjects.Identity}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  isAllowed
-                                    ? "hover:!bg-red-500 hover:!text-white"
-                                    : "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deleteIdentity", {
-                                    identityId: id,
-                                    name
-                                  });
-                                }}
-                                disabled={!isAllowed}
-                              >
-                                Delete Identity
-                              </DropdownMenuItem>
-                            )}
-                          </OrgPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && data && totalCount > 0 && (
-          <Pagination
-            count={totalCount}
-            page={page}
-            perPage={perPage}
-            onChangePage={(newPage) => setPage(newPage)}
-            onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-          />
-        )}
-        {!isLoading && data && data?.identityMemberships.length === 0 && (
-          <EmptyState
-            title={
-              debouncedSearch.trim().length > 0
-                ? "No identities match search filter"
-                : "No identities have been created in this organization"
-            }
-            icon={faServer}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTokenAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTokenAuthForm.tsx
deleted file mode 100644
index 504e47df3..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTokenAuthForm.tsx
+++ /dev/null
@@ -1,285 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import {
-  useAddIdentityTokenAuth,
-  useGetIdentityTokenAuth,
-  useUpdateIdentityTokenAuth
-} from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    accessTokenTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token TTL cannot be greater than 315360000"
-    }),
-    accessTokenMaxTTL: z.string().refine((val) => Number(val) <= 315360000, {
-      message: "Access Token Max TTL cannot be greater than 315360000"
-    }),
-    accessTokenNumUsesLimit: z.string(),
-    accessTokenTrustedIps: z
-      .array(
-        z.object({
-          ipAddress: z.string().max(50)
-        })
-      )
-      .min(1)
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData?: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityTokenAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: addMutateAsync } = useAddIdentityTokenAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityTokenAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-
-  const { data } = useGetIdentityTokenAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  const onFormSubmit = async ({
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    accessTokenTrustedIps
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) return;
-
-      if (data) {
-        await updateMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        await addMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "configured"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "configure"} identity`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {isUpdate ? "Update" : "Create"}
-          </Button>
-
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Remove Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTokenAuthTokenModal.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTokenAuthTokenModal.tsx
deleted file mode 100644
index ee421c6a9..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityTokenAuthTokenModal.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { IconButton, Modal, ModalContent, Tooltip } from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  popUp: UsePopUpState<["tokenAuthToken"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["tokenAuthToken"]>, state?: boolean) => void;
-};
-
-export const IdentityTokenAuthTokenModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const [copyTextAccessToken, isCopyingAccessToken, setCopyTextAccessToken] = useTimedReset<string>(
-    {
-      initialState: "Copy to clipboard"
-    }
-  );
-
-  const popUpData = popUp?.tokenAuthToken?.data as {
-    accessToken: string;
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.tokenAuthToken?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("tokenAuthToken", isOpen);
-      }}
-    >
-      <ModalContent title="Access Token">
-        {popUpData?.accessToken && (
-          <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-              <p className="mr-4 break-all">{popUpData.accessToken}</p>
-              <Tooltip content={copyTextAccessToken}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative"
-                  onClick={() => {
-                    navigator.clipboard.writeText(popUpData.accessToken);
-                    setCopyTextAccessToken("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingAccessToken ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthClientSecretModal.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthClientSecretModal.tsx
deleted file mode 100644
index 04a5b47a8..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthClientSecretModal.tsx
+++ /dev/null
@@ -1,348 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { faCheck, faCopy, faKey, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { format } from "date-fns";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  // DeleteActionModal,
-  EmptyState,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import {
-  useCreateIdentityUniversalAuthClientSecret,
-  useGetIdentityUniversalAuth,
-  useGetIdentityUniversalAuthClientSecrets
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = yup.object({
-  description: yup.string(),
-  ttl: yup
-    .string()
-    .test(
-      "is-value-valid",
-      "TTL cannot be greater than 315360000",
-      (value) => Number(value) <= 315360000
-    ),
-  numUsesLimit: yup.string()
-});
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["universalAuthClientSecret", "revokeClientSecret"]>;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["revokeClientSecret"]>,
-    data?: {
-      clientSecretPrefix: string;
-      clientSecretId: string;
-    }
-  ) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["universalAuthClientSecret", "revokeClientSecret"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const IdentityUniversalAuthClientSecretModal = ({
-  popUp,
-  handlePopUpOpen,
-  handlePopUpToggle
-}: Props) => {
-  const { t } = useTranslation();
-
-  const [token, setToken] = useState("");
-  const [isClientSecretCopied, setIsClientSecretCopied] = useToggle(false);
-  const [isClientIdCopied, setIsClientIdCopied] = useToggle(false);
-
-  const popUpData = popUp?.universalAuthClientSecret?.data as {
-    identityId?: string;
-    name?: string;
-  };
-
-  const { data, isLoading } = useGetIdentityUniversalAuthClientSecrets(popUpData?.identityId ?? "");
-  const { data: identityUniversalAuth } = useGetIdentityUniversalAuth(popUpData?.identityId ?? "");
-
-  const { mutateAsync: createClientSecretMutateAsync } =
-    useCreateIdentityUniversalAuthClientSecret();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      description: "",
-      ttl: "",
-      numUsesLimit: ""
-    }
-  });
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isClientSecretCopied) {
-      timer = setTimeout(() => setIsClientSecretCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [isClientSecretCopied]);
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isClientIdCopied) {
-      timer = setTimeout(() => setIsClientIdCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [isClientIdCopied]);
-
-  const onFormSubmit = async ({ description, ttl, numUsesLimit }: FormData) => {
-    try {
-      if (!popUpData?.identityId) return;
-
-      const { clientSecret } = await createClientSecretMutateAsync({
-        identityId: popUpData.identityId,
-        description,
-        ttl: Number(ttl),
-        numUsesLimit: Number(numUsesLimit)
-      });
-
-      setToken(clientSecret);
-
-      createNotification({
-        text: "Successfully created client secret",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create client secret",
-        type: "error"
-      });
-    }
-  };
-
-  const hasToken = Boolean(token);
-
-  return (
-    <Modal
-      isOpen={popUp?.universalAuthClientSecret?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("universalAuthClientSecret", isOpen);
-        reset();
-        setToken("");
-      }}
-    >
-      <ModalContent title={`Manage Client ID/Secrets for ${popUpData?.name ?? ""}`}>
-        <h2 className="mb-4">Client ID</h2>
-        <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-          <p className="mr-4 break-all">{identityUniversalAuth?.clientId ?? ""}</p>
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative"
-            onClick={() => {
-              navigator.clipboard.writeText(identityUniversalAuth?.clientId ?? "");
-              setIsClientIdCopied.on();
-            }}
-          >
-            <FontAwesomeIcon icon={isClientIdCopied ? faCheck : faCopy} />
-            <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-              {t("common.click-to-copy")}
-            </span>
-          </IconButton>
-        </div>
-        <h2 className="mb-4">New Client Secret</h2>
-        {hasToken ? (
-          <div>
-            <div className="mb-4 flex items-center justify-between">
-              <p>We will only show this secret once</p>
-              <Button
-                colorSchema="secondary"
-                type="submit"
-                onClick={() => {
-                  reset();
-                  setToken("");
-                }}
-              >
-                Got it
-              </Button>
-            </div>
-            <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-              <p className="mr-4 break-all">{token}</p>
-              <IconButton
-                ariaLabel="copy icon"
-                colorSchema="secondary"
-                className="group relative"
-                onClick={() => {
-                  navigator.clipboard.writeText(token);
-                  setIsClientSecretCopied.on();
-                }}
-              >
-                <FontAwesomeIcon icon={isClientSecretCopied ? faCheck : faCopy} />
-                <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-                  {t("common.click-to-copy")}
-                </span>
-              </IconButton>
-            </div>
-          </div>
-        ) : (
-          <form onSubmit={handleSubmit(onFormSubmit)} className="mb-8">
-            <Controller
-              control={control}
-              defaultValue=""
-              name="description"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Description (optional)"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="Description" />
-                </FormControl>
-              )}
-            />
-            <div className="flex">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="ttl"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="TTL (seconds - optional)"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <div className="flex">
-                      <Input {...field} placeholder="0" type="number" min="0" step="1" />
-                    </div>
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                defaultValue="0"
-                name="numUsesLimit"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Max Number of Uses"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                    className="ml-4"
-                  >
-                    <div className="flex">
-                      <Input {...field} placeholder="0" type="number" min="0" step="1" />
-                      <Button
-                        className="ml-4"
-                        size="sm"
-                        type="submit"
-                        isLoading={isSubmitting}
-                        isDisabled={isSubmitting}
-                      >
-                        Create
-                      </Button>
-                    </div>
-                  </FormControl>
-                )}
-              />
-            </div>
-          </form>
-        )}
-        <h2 className="mb-4">Client Secrets</h2>
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th>Description</Th>
-                <Th>Num Uses</Th>
-                <Th>Expires At</Th>
-                <Th>Client Secret</Th>
-                <Th className="w-5" />
-              </Tr>
-            </THead>
-            <TBody>
-              {isLoading && <TableSkeleton columns={5} innerKey="org-identities-client-secrets" />}
-              {!isLoading &&
-                data &&
-                data.length > 0 &&
-                data.map(
-                  ({
-                    id,
-                    description,
-                    clientSecretTTL,
-                    clientSecretPrefix,
-                    clientSecretNumUses,
-                    clientSecretNumUsesLimit,
-                    createdAt
-                  }) => {
-                    let expiresAt;
-                    if (clientSecretTTL > 0) {
-                      expiresAt = new Date(new Date(createdAt).getTime() + clientSecretTTL * 1000);
-                    }
-
-                    return (
-                      <Tr className="h-10 items-center" key={`mi-client-secret-${id}`}>
-                        <Td>{description === "" ? "-" : description}</Td>
-                        <Td>{`${clientSecretNumUses}${
-                          clientSecretNumUsesLimit ? `/${clientSecretNumUsesLimit}` : ""
-                        }`}</Td>
-                        <Td>{expiresAt ? format(expiresAt, "yyyy-MM-dd") : "-"}</Td>
-                        <Td>{`${clientSecretPrefix}****`}</Td>
-                        <Td>
-                          <IconButton
-                            onClick={() => {
-                              handlePopUpOpen("revokeClientSecret", {
-                                clientSecretPrefix,
-                                clientSecretId: id
-                              });
-                            }}
-                            size="lg"
-                            colorSchema="primary"
-                            variant="plain"
-                            ariaLabel="update"
-                          >
-                            <FontAwesomeIcon icon={faXmark} />
-                          </IconButton>
-                        </Td>
-                      </Tr>
-                    );
-                  }
-                )}
-              {!isLoading && data && data?.length === 0 && (
-                <Tr>
-                  <Td colSpan={5}>
-                    <EmptyState
-                      title="No client secrets have been created for this identity yet"
-                      icon={faKey}
-                    />
-                  </Td>
-                </Tr>
-              )}
-            </TBody>
-          </Table>
-        </TableContainer>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthForm.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthForm.tsx
deleted file mode 100644
index 6f2f9de26..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/IdentityUniversalAuthForm.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input } from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import {
-  useAddIdentityUniversalAuth,
-  useGetIdentityUniversalAuth,
-  useUpdateIdentityUniversalAuth
-} from "@app/hooks/api";
-import { IdentityAuthMethod } from "@app/hooks/api/identities";
-import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = yup
-  .object({
-    accessTokenTTL: yup
-      .string()
-      .required("Access Token TTL is required")
-      .test(
-        "is-value-valid",
-        "Access Token TTL cannot be greater than 315360000",
-        (value) => Number(value) <= 315360000
-      ),
-    accessTokenMaxTTL: yup
-      .string()
-      .required("Access Max Token TTL is required")
-      .test(
-        "is-value-valid",
-        "Access Max Token TTL cannot be greater than 315360000",
-        (value) => Number(value) <= 315360000
-      ),
-    accessTokenNumUsesLimit: yup.string().required("Access Token Max Number of Uses is required"),
-    clientSecretTrustedIps: yup
-      .array(
-        yup.object({
-          ipAddress: yup.string().max(50).required().label("IP Address")
-        })
-      )
-      .min(1)
-      .required()
-      .label("Client Secret Trusted IP"),
-    accessTokenTrustedIps: yup
-      .array(
-        yup.object({
-          ipAddress: yup.string().max(50).required().label("IP Address")
-        })
-      )
-      .min(1)
-      .required()
-      .label("Access Token Trusted IP")
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["identityAuthMethod", "revokeAuthMethod"]>,
-    state?: boolean
-  ) => void;
-  identityAuthMethodData?: {
-    identityId: string;
-    name: string;
-    configuredAuthMethods?: IdentityAuthMethod[];
-    authMethod?: IdentityAuthMethod;
-  };
-};
-
-export const IdentityUniversalAuthForm = ({
-  handlePopUpOpen,
-  handlePopUpToggle,
-  identityAuthMethodData
-}: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { subscription } = useSubscription();
-  const { mutateAsync: addMutateAsync } = useAddIdentityUniversalAuth();
-  const { mutateAsync: updateMutateAsync } = useUpdateIdentityUniversalAuth();
-
-  const isUpdate = identityAuthMethodData?.configuredAuthMethods?.includes(
-    identityAuthMethodData.authMethod! || ""
-  );
-
-  const { data } = useGetIdentityUniversalAuth(identityAuthMethodData?.identityId ?? "", {
-    enabled: isUpdate
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      accessTokenTTL: "2592000",
-      accessTokenMaxTTL: "2592000",
-      accessTokenNumUsesLimit: "0",
-      clientSecretTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }],
-      accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-    }
-  });
-
-  const {
-    fields: clientSecretTrustedIpsFields,
-    append: appendClientSecretTrustedIp,
-    remove: removeClientSecretTrustedIp
-  } = useFieldArray({ control, name: "clientSecretTrustedIps" });
-  const {
-    fields: accessTokenTrustedIpsFields,
-    append: appendAccessTokenTrustedIp,
-    remove: removeAccessTokenTrustedIp
-  } = useFieldArray({ control, name: "accessTokenTrustedIps" });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        accessTokenTTL: String(data.accessTokenTTL),
-        accessTokenMaxTTL: String(data.accessTokenMaxTTL),
-        accessTokenNumUsesLimit: String(data.accessTokenNumUsesLimit),
-        clientSecretTrustedIps: data.clientSecretTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        ),
-        accessTokenTrustedIps: data.accessTokenTrustedIps.map(
-          ({ ipAddress, prefix }: IdentityTrustedIp) => {
-            return {
-              ipAddress: `${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`
-            };
-          }
-        )
-      });
-    } else {
-      reset({
-        accessTokenTTL: "2592000",
-        accessTokenMaxTTL: "2592000",
-        accessTokenNumUsesLimit: "0",
-        clientSecretTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }],
-        accessTokenTrustedIps: [{ ipAddress: "0.0.0.0/0" }, { ipAddress: "::/0" }]
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({
-    accessTokenTTL,
-    accessTokenMaxTTL,
-    accessTokenNumUsesLimit,
-    clientSecretTrustedIps,
-    accessTokenTrustedIps
-  }: FormData) => {
-    try {
-      if (!identityAuthMethodData) return;
-
-      if (data) {
-        // update universal auth configuration
-        await updateMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          clientSecretTrustedIps,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      } else {
-        // create new universal auth configuration
-
-        await addMutateAsync({
-          organizationId: orgId,
-          identityId: identityAuthMethodData.identityId,
-          clientSecretTrustedIps,
-          accessTokenTTL: Number(accessTokenTTL),
-          accessTokenMaxTTL: Number(accessTokenMaxTTL),
-          accessTokenNumUsesLimit: Number(accessTokenNumUsesLimit),
-          accessTokenTrustedIps
-        });
-      }
-
-      handlePopUpToggle("identityAuthMethod", false);
-
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "created"} auth method`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text =
-        error?.response?.data?.message ?? `Failed to ${isUpdate ? "update" : "configure"} identity`;
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="2592000"
-        name="accessTokenMaxTTL"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max TTL (seconds)"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="2592000" type="number" min="1" step="1" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        defaultValue="0"
-        name="accessTokenNumUsesLimit"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Access Token Max Number of Uses"
-            isError={Boolean(error)}
-            errorText={error?.message}
-          >
-            <Input {...field} placeholder="0" type="number" min="0" step="1" />
-          </FormControl>
-        )}
-      />
-      {clientSecretTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`clientSecretTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Client Secret Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeClientSecretTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendClientSecretTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      {accessTokenTrustedIpsFields.map(({ id }, index) => (
-        <div className="mb-3 flex items-end space-x-2" key={id}>
-          <Controller
-            control={control}
-            name={`accessTokenTrustedIps.${index}.ipAddress`}
-            defaultValue="0.0.0.0/0"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl
-                  className="mb-0 flex-grow"
-                  label={index === 0 ? "Access Token Trusted IPs" : undefined}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    value={field.value}
-                    onChange={(e) => {
-                      if (subscription?.ipAllowlisting) {
-                        field.onChange(e);
-                        return;
-                      }
-
-                      handlePopUpOpen("upgradePlan");
-                    }}
-                    placeholder="123.456.789.0"
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <IconButton
-            onClick={() => {
-              if (subscription?.ipAllowlisting) {
-                removeAccessTokenTrustedIp(index);
-                return;
-              }
-
-              handlePopUpOpen("upgradePlan");
-            }}
-            size="lg"
-            colorSchema="danger"
-            variant="plain"
-            ariaLabel="update"
-            className="p-3"
-          >
-            <FontAwesomeIcon icon={faXmark} />
-          </IconButton>
-        </div>
-      ))}
-      <div className="my-4 ml-1">
-        <Button
-          variant="outline_bg"
-          onClick={() => {
-            if (subscription?.ipAllowlisting) {
-              appendAccessTokenTrustedIp({
-                ipAddress: "0.0.0.0/0"
-              });
-              return;
-            }
-
-            handlePopUpOpen("upgradePlan");
-          }}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          size="xs"
-        >
-          Add IP Address
-        </Button>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-          >
-            {isUpdate ? "Edit" : "Create"}
-          </Button>
-          <Button
-            colorSchema="secondary"
-            variant="plain"
-            onClick={() => handlePopUpToggle("identityAuthMethod", false)}
-          >
-            Cancel
-          </Button>
-        </div>
-        {isUpdate && (
-          <Button
-            size="sm"
-            colorSchema="danger"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting}
-            onClick={() => handlePopUpToggle("revokeAuthMethod", true)}
-          >
-            Delete Auth Method
-          </Button>
-        )}
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/index.tsx
deleted file mode 100644
index f0663a6a5..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/IdentitySection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentitySection } from "./IdentitySection";
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/index.tsx
deleted file mode 100644
index f0663a6a5..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentitySection } from "./IdentitySection";
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/index.tsx
deleted file mode 100644
index bf193d94f..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgIdentityTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgIdentityTab } from "./OrgIdentityTab";
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/OrgMembersTab.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/OrgMembersTab.tsx
deleted file mode 100644
index 1afb9bfbd..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/OrgMembersTab.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { OrgMembersSection } from "./components";
-
-export const OrgMembersTab = () => {
-  return (
-    <motion.div
-      key="panel-org-members"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <OrgMembersSection />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/AddOrgMemberModal.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/AddOrgMemberModal.tsx
deleted file mode 100644
index dc2989f18..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/AddOrgMemberModal.tsx
+++ /dev/null
@@ -1,324 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  TextArea
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { findOrgMembershipRole } from "@app/helpers/roles";
-import {
-  useAddUsersToOrg,
-  useFetchServerStatus,
-  useGetOrgRoles,
-  useGetUserWorkspaces
-} from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { ProjectVersion } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { OrgInviteLink } from "./OrgInviteLink";
-
-const DEFAULT_ORG_AND_PROJECT_MEMBER_ROLE_SLUG = "member";
-
-const EmailSchema = z.string().email().min(1).trim().toLowerCase();
-
-const addMemberFormSchema = z.object({
-  emails: z.string().min(1).trim().toLowerCase(),
-  projects: z
-    .array(
-      z.object({
-        name: z.string(),
-        id: z.string(),
-        slug: z.string(),
-        version: z.nativeEnum(ProjectVersion)
-      })
-    )
-    .default([]),
-  projectRoleSlug: z.string().min(1).default(DEFAULT_ORG_AND_PROJECT_MEMBER_ROLE_SLUG),
-  organizationRole: z.object({ name: z.string(), slug: z.string() })
-});
-
-type TAddMemberForm = z.infer<typeof addMemberFormSchema>;
-
-type Props = {
-  popUp: UsePopUpState<["addMember"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addMember"]>, state?: boolean) => void;
-  completeInviteLinks: Array<{
-    email: string;
-    link: string;
-  }> | null;
-  setCompleteInviteLinks: (links: Array<{ email: string; link: string }> | null) => void;
-};
-
-export const AddOrgMemberModal = ({
-  popUp,
-  handlePopUpToggle,
-  completeInviteLinks,
-  setCompleteInviteLinks
-}: Props) => {
-  const { currentOrg } = useOrganization();
-
-  const { data: organizationRoles } = useGetOrgRoles(currentOrg?.id ?? "");
-  const { data: serverDetails } = useFetchServerStatus();
-  const { mutateAsync: addUsersMutateAsync } = useAddUsersToOrg();
-  const { data: projects, isLoading: isProjectsLoading } = useGetUserWorkspaces({
-    includeRoles: true
-  });
-
-  const {
-    control,
-    handleSubmit,
-    watch,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<TAddMemberForm>({
-    resolver: zodResolver(addMemberFormSchema)
-  });
-
-  // set initial form role based off org default role
-  useEffect(() => {
-    if (organizationRoles) {
-      reset({
-        organizationRole: findOrgMembershipRole(
-          organizationRoles,
-          currentOrg?.defaultMembershipRole!
-        )
-      });
-    }
-  }, [organizationRoles]);
-
-  const onAddMembers = async ({
-    emails,
-    organizationRole,
-    projects: selectedProjects,
-    projectRoleSlug
-  }: TAddMemberForm) => {
-    if (!currentOrg?.id) return;
-
-    if (selectedProjects?.length) {
-      // eslint-disable-next-line no-restricted-syntax
-      for (const project of selectedProjects) {
-        if (project.version !== ProjectVersion.V3) {
-          createNotification({
-            type: "error",
-            text: `Cannot add users to project "${project.name}" because it's incompatible. Please upgrade the project.`
-          });
-          return;
-        }
-      }
-    }
-
-    try {
-      const parsedEmails = emails
-        .replace(/\s/g, "")
-        .split(",")
-        .map((email) => {
-          if (EmailSchema.safeParse(email).success) {
-            return email.trim();
-          }
-
-          return null;
-        });
-
-      if (parsedEmails.includes(null)) {
-        createNotification({
-          text: "Invalid email addresses provided.",
-          type: "error"
-        });
-        return;
-      }
-
-      const { data } = await addUsersMutateAsync({
-        organizationId: currentOrg?.id,
-        inviteeEmails: emails.split(",").map((email) => email.trim()),
-        organizationRoleSlug: organizationRole.slug,
-        projects: selectedProjects.map(({ id }) => ({ id, projectRoleSlug: [projectRoleSlug] }))
-      });
-
-      setCompleteInviteLinks(data?.completeInviteLinks ?? null);
-
-      // only show this notification when email is configured.
-      // A [completeInviteLink] will not be sent if smtp is configured
-
-      if (!data.completeInviteLinks) {
-        createNotification({
-          text: "Successfully invited user to the organization.",
-          type: "success"
-        });
-      }
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to invite user to org",
-        type: "error"
-      });
-    }
-
-    if (serverDetails?.emailConfigured) {
-      handlePopUpToggle("addMember", false);
-    }
-
-    reset();
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.addMember?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addMember", isOpen);
-        setCompleteInviteLinks(null);
-      }}
-    >
-      <ModalContent
-        bodyClassName="overflow-visible"
-        title={`Invite others to ${currentOrg?.name}`}
-        subTitle={
-          <div>
-            {!completeInviteLinks && (
-              <div>An invite is specific to an email address and expires after 1 day.</div>
-            )}
-            {completeInviteLinks &&
-              "This Infisical instance does not have a email provider setup. Please share this invite link with the invitee manually"}
-          </div>
-        }
-      >
-        {!completeInviteLinks && (
-          <form onSubmit={handleSubmit(onAddMembers)}>
-            <Controller
-              control={control}
-              name="emails"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Emails" isError={Boolean(error)} errorText={error?.message}>
-                  <TextArea
-                    {...field}
-                    className="mt-1 h-20 w-full min-w-[30rem] rounded-md border border-mineshaft-500 bg-mineshaft-900/70 py-1 px-2 text-sm text-bunker-300 outline-none ring-primary-800 ring-opacity-70 transition-all placeholder:text-bunker-400 focus:ring-2"
-                    placeholder="email@example.com, email2@example.com..."
-                  />
-                </FormControl>
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="organizationRole"
-              render={({ field: { value, onChange }, fieldState: { error } }) => (
-                <FormControl
-                  tooltipText="Select which organization role you want to assign to the user."
-                  label="Assign organization role"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <FilterableSelect
-                    placeholder="Select role..."
-                    options={organizationRoles}
-                    getOptionValue={(option) => option.slug}
-                    getOptionLabel={(option) => option.name}
-                    value={value}
-                    onChange={onChange}
-                  />
-                </FormControl>
-              )}
-            />
-
-            <div className="flex items-start justify-between gap-2">
-              <div className="w-full">
-                <Controller
-                  control={control}
-                  name="projects"
-                  render={({ field: { value, onChange }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Assign users to projects"
-                      isOptional
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <FilterableSelect
-                        isMulti
-                        value={value}
-                        onChange={onChange}
-                        isLoading={isProjectsLoading}
-                        getOptionLabel={(project) => project.name}
-                        getOptionValue={(project) => project.id}
-                        options={projects}
-                        placeholder="Select projects..."
-                      />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="mt-[0.15rem] flex min-w-fit justify-end">
-                <Controller
-                  control={control}
-                  name="projectRoleSlug"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      tooltipText="Select which role to assign to the users in the selected projects."
-                      label="Role"
-                      isError={Boolean(error)}
-                      errorText={error?.message}
-                    >
-                      <div>
-                        <Select
-                          isDisabled={watch("projects", []).length === 0}
-                          defaultValue={DEFAULT_ORG_AND_PROJECT_MEMBER_ROLE_SLUG}
-                          {...field}
-                          onValueChange={(val) => field.onChange(val)}
-                        >
-                          {Object.entries(ProjectMembershipRole).map(
-                            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                            ([_, slug]) =>
-                              slug !== "custom" && (
-                                <SelectItem key={slug} value={slug}>
-                                  <span className="capitalize">{slug.replace("-", " ")}</span>
-                                </SelectItem>
-                              )
-                          )}
-                        </Select>
-                      </div>
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </div>
-
-            <div className="mt-8 flex items-center">
-              <Button
-                className="mr-4"
-                size="sm"
-                type="submit"
-                isLoading={isSubmitting}
-                isDisabled={isSubmitting}
-              >
-                Add Member
-              </Button>
-              <Button
-                colorSchema="secondary"
-                variant="plain"
-                onClick={() => handlePopUpToggle("addMember", false)}
-              >
-                Cancel
-              </Button>
-            </div>
-          </form>
-        )}
-        {completeInviteLinks && (
-          <div className="space-y-3">
-            {completeInviteLinks.map((invite) => (
-              <OrgInviteLink key={`invite-${invite.email}`} invite={invite} />
-            ))}
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx
deleted file mode 100644
index f5358a4b6..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgInviteLink.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { IconButton, Tooltip } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-
-type Props = {
-  invite: { email: string; link: string };
-};
-
-export const OrgInviteLink = ({ invite }: Props) => {
-  const [isInviteLinkCopied, setInviteLinkCopied] = useToggle(false);
-
-  const copyTokenToClipboard = () => {
-    if (isInviteLinkCopied) return;
-
-    navigator.clipboard.writeText(invite.link);
-    setInviteLinkCopied.timedToggle();
-
-    createNotification({
-      type: "info",
-      text: "Copied invitation link to clipboard"
-    });
-  };
-
-  return (
-    <div key={`invite-${invite.email}`}>
-      <p className="text-sm text-mineshaft-400">
-        Invite for <span className="font-medium">{invite.email}</span>
-      </p>
-      <div className="flex flex-col gap-1 rounded-md bg-white/[0.04] p-2 text-base text-gray-400">
-        <p
-          className={twMerge(
-            "line-clamp-1 mr-4",
-            window.isSecureContext ? "overflow-hidden text-ellipsis whitespace-nowrap" : "break-all"
-          )}
-        >
-          {invite.link}
-        </p>
-        <Tooltip content={`Copy invitation link for ${invite.email}`}>
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative"
-            onClick={() => copyTokenToClipboard()}
-          >
-            <FontAwesomeIcon icon={isInviteLinkCopied ? faCheck : faCopy} />
-          </IconButton>
-        </Tooltip>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersSection.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersSection.tsx
deleted file mode 100644
index 340295c93..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersSection.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-import { useState } from "react";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  EmailServiceSetupModal,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useDeleteOrgMembership, useUpdateOrgMembership } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { AddOrgMemberModal } from "./AddOrgMemberModal";
-import { OrgMembersTable } from "./OrgMembersTable";
-
-export const OrgMembersSection = () => {
-  const { subscription } = useSubscription();
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id ?? "";
-
-  const [completeInviteLinks, setCompleteInviteLinks] = useState<Array<{
-    email: string;
-    link: string;
-  }> | null>(null);
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addMember",
-    "removeMember",
-    "deactivateMember",
-    "upgradePlan",
-    "setUpEmail"
-  ] as const);
-
-  const { mutateAsync: deleteMutateAsync } = useDeleteOrgMembership();
-  const { mutateAsync: updateOrgMembership } = useUpdateOrgMembership();
-
-  const isMoreUsersAllowed = subscription?.memberLimit
-    ? subscription.membersUsed < subscription.memberLimit
-    : true;
-
-  const isMoreIdentitiesAllowed = subscription?.identityLimit
-    ? subscription.identitiesUsed < subscription.identityLimit
-    : true;
-
-  const isEnterprise = subscription?.slug === "enterprise";
-
-  const handleAddMemberModal = () => {
-    if (currentOrg?.authEnforced) {
-      createNotification({
-        text: "You cannot manage users from Infisical when org-level auth is enforced for your organization",
-        type: "error"
-      });
-      return;
-    }
-
-    if ((!isMoreUsersAllowed || !isMoreIdentitiesAllowed) && !isEnterprise) {
-      handlePopUpOpen("upgradePlan", {
-        description: "You can add more members if you upgrade your Infisical plan."
-      });
-      return;
-    }
-
-    handlePopUpOpen("addMember");
-  };
-
-  const onDeactivateMemberSubmit = async (orgMembershipId: string) => {
-    try {
-      await updateOrgMembership({
-        organizationId: orgId,
-        membershipId: orgMembershipId,
-        isActive: false
-      });
-
-      createNotification({
-        text: "Successfully deactivated user in organization",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to deactivate user in organization",
-        type: "error"
-      });
-    }
-
-    handlePopUpClose("deactivateMember");
-  };
-
-  const onRemoveMemberSubmit = async (orgMembershipId: string) => {
-    try {
-      await deleteMutateAsync({
-        orgId,
-        membershipId: orgMembershipId
-      });
-
-      createNotification({
-        text: "Successfully removed user from org",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to remove user from the organization",
-        type: "error"
-      });
-    }
-
-    handlePopUpClose("removeMember");
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Users</p>
-        <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Member}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handleAddMemberModal()}
-              isDisabled={!isAllowed}
-            >
-              Add Member
-            </Button>
-          )}
-        </OrgPermissionCan>
-      </div>
-      <OrgMembersTable
-        handlePopUpOpen={handlePopUpOpen}
-        setCompleteInviteLinks={setCompleteInviteLinks}
-      />
-      <AddOrgMemberModal
-        popUp={popUp}
-        handlePopUpToggle={handlePopUpToggle}
-        completeInviteLinks={completeInviteLinks}
-        setCompleteInviteLinks={setCompleteInviteLinks}
-      />
-      <DeleteActionModal
-        isOpen={popUp.removeMember.isOpen}
-        title={`Are you sure want to remove member with username ${
-          (popUp?.removeMember?.data as { username: string })?.username || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("removeMember", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveMemberSubmit(
-            (popUp?.removeMember?.data as { orgMembershipId: string })?.orgMembershipId
-          )
-        }
-      />
-      <DeleteActionModal
-        isOpen={popUp.deactivateMember.isOpen}
-        title={`Are you sure want to deactivate member with username ${
-          (popUp?.deactivateMember?.data as { username: string })?.username || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("deactivateMember", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onDeactivateMemberSubmit(
-            (popUp?.deactivateMember?.data as { orgMembershipId: string })?.orgMembershipId
-          )
-        }
-        buttonText="Deactivate"
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-      <EmailServiceSetupModal
-        isOpen={popUp.setUpEmail?.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("setUpEmail", isOpen)}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersTable.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersTable.tsx
deleted file mode 100644
index fece4e40d..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersTable.tsx
+++ /dev/null
@@ -1,518 +0,0 @@
-import { useCallback, useMemo } from "react";
-import { useRouter } from "next/router";
-import {
-  faArrowDown,
-  faArrowUp,
-  faEllipsis,
-  faMagnifyingGlass,
-  faSearch,
-  faUsers
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Select,
-  SelectItem,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription,
-  useUser
-} from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import {
-  useAddUsersToOrg,
-  useFetchServerStatus,
-  useGetOrgRoles,
-  useGetOrgUsers,
-  useUpdateOrgMembership
-} from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["removeMember", "deactivateMember", "upgradePlan"]>,
-    data?: {
-      orgMembershipId?: string;
-      username?: string;
-      description?: string;
-    }
-  ) => void;
-  setCompleteInviteLinks: (links: Array<{ email: string; link: string }> | null) => void;
-};
-
-enum OrgMembersOrderBy {
-  Name = "firstName",
-  Email = "email"
-}
-
-export const OrgMembersTable = ({ handlePopUpOpen, setCompleteInviteLinks }: Props) => {
-  const router = useRouter();
-  const { subscription } = useSubscription();
-  const { currentOrg } = useOrganization();
-  const { user } = useUser();
-  const userId = user?.id || "";
-  const orgId = currentOrg?.id || "";
-
-  const { data: roles, isLoading: isRolesLoading } = useGetOrgRoles(orgId);
-
-  const { data: serverDetails } = useFetchServerStatus();
-  const { data: members = [], isLoading: isMembersLoading } = useGetOrgUsers(orgId);
-
-  const { mutateAsync: addUsersMutateAsync } = useAddUsersToOrg();
-  const { mutateAsync: updateOrgMembership } = useUpdateOrgMembership();
-
-  const onRoleChange = async (membershipId: string, role: string) => {
-    if (!currentOrg?.id) return;
-
-    try {
-      // TODO: replace hardcoding default role
-      const isCustomRole = !["admin", "member", "no-access"].includes(role);
-
-      if (isCustomRole && subscription && !subscription?.rbac) {
-        handlePopUpOpen("upgradePlan", {
-          description: "You can assign custom roles to members if you upgrade your Infisical plan."
-        });
-        return;
-      }
-
-      await updateOrgMembership({
-        organizationId: currentOrg?.id,
-        membershipId,
-        role
-      });
-
-      createNotification({
-        text: "Successfully updated user role",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to update user role",
-        type: "error"
-      });
-    }
-  };
-
-  const onResendInvite = async (email: string) => {
-    try {
-      const { data } = await addUsersMutateAsync({
-        organizationId: orgId,
-        inviteeEmails: [email],
-        organizationRoleSlug: "member"
-      });
-
-      setCompleteInviteLinks(data?.completeInviteLinks || null);
-
-      if (!data.completeInviteLinks) {
-        createNotification({
-          text: `Successfully resent invite to ${email}`,
-          type: "success"
-        });
-      }
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to resend invite to ${email}`,
-        type: "error"
-      });
-    }
-  };
-
-  const isLoading = isMembersLoading || isRolesLoading;
-
-  const isIamOwner = useMemo(
-    () => members?.find(({ user: u }) => userId === u?.id)?.role === "owner",
-    [userId, members]
-  );
-
-  const findRoleFromId = useCallback(
-    (roleId: string) => {
-      return (roles || []).find(({ id }) => id === roleId);
-    },
-    [roles]
-  );
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    orderBy,
-    setOrderBy,
-    setOrderDirection,
-    toggleOrderDirection
-  } = usePagination<OrgMembersOrderBy>(OrgMembersOrderBy.Name, { initPerPage: 20 });
-
-  const filteredUsers = useMemo(
-    () =>
-      members
-        ?.filter(
-          ({ user: u, inviteEmail }) =>
-            u?.firstName?.toLowerCase().includes(search.toLowerCase()) ||
-            u?.lastName?.toLowerCase().includes(search.toLowerCase()) ||
-            u?.username?.toLowerCase().includes(search.toLowerCase()) ||
-            u?.email?.toLowerCase().includes(search.toLowerCase()) ||
-            inviteEmail?.toLowerCase().includes(search.toLowerCase())
-        )
-        .sort((a, b) => {
-          const [memberOne, memberTwo] = orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          let valueOne: string;
-          let valueTwo: string;
-
-          switch (orderBy) {
-            case OrgMembersOrderBy.Email:
-              valueOne = memberOne.user.email || memberOne.inviteEmail;
-              valueTwo = memberTwo.user.email || memberTwo.inviteEmail;
-              break;
-            case OrgMembersOrderBy.Name:
-            default:
-              valueOne = memberOne.user.firstName;
-              valueTwo = memberTwo.user.firstName;
-          }
-
-          if (!valueOne) return 1;
-          if (!valueTwo) return -1;
-
-          return valueOne.toLowerCase().localeCompare(valueTwo.toLowerCase());
-        }),
-    [members, search, orderDirection, orderBy]
-  );
-
-  const handleSort = (column: OrgMembersOrderBy) => {
-    if (column === orderBy) {
-      toggleOrderDirection();
-      return;
-    }
-
-    setOrderBy(column);
-    setOrderDirection(OrderByDirection.ASC);
-  };
-
-  useResetPageHelper({
-    totalCount: filteredUsers.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search members..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-1/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === OrgMembersOrderBy.Name ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(OrgMembersOrderBy.Name)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC &&
-                        orderBy === OrgMembersOrderBy.Name
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-1/3">
-                <div className="flex items-center">
-                  Email
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === OrgMembersOrderBy.Email ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(OrgMembersOrderBy.Email)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC &&
-                        orderBy === OrgMembersOrderBy.Email
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>Role</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={5} innerKey="org-members" />}
-            {!isLoading &&
-              filteredUsers
-                .slice(offset, perPage * page)
-                .map(
-                  ({
-                    user: u,
-                    inviteEmail,
-                    role,
-                    roleId,
-                    id: orgMembershipId,
-                    status,
-                    isActive
-                  }) => {
-                    const name =
-                      u && u.firstName ? `${u.firstName} ${u.lastName ?? ""}`.trim() : "-";
-                    const email = u?.email || inviteEmail;
-                    const username = u?.username ?? inviteEmail ?? "-";
-                    return (
-                      <Tr
-                        key={`org-membership-${orgMembershipId}`}
-                        className="h-10 w-full cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                        onClick={() => router.push(`/org/${orgId}/memberships/${orgMembershipId}`)}
-                      >
-                        <Td className={isActive ? "" : "text-mineshaft-400"}>
-                          {name}
-                          {u.superAdmin && (
-                            <Badge variant="primary" className="ml-2">
-                              Server Admin
-                            </Badge>
-                          )}
-                        </Td>
-                        <Td className={isActive ? "" : "text-mineshaft-400"}>{username}</Td>
-                        <Td>
-                          <OrgPermissionCan
-                            I={OrgPermissionActions.Edit}
-                            a={OrgPermissionSubjects.Member}
-                          >
-                            {(isAllowed) => (
-                              <>
-                                {!isActive && (
-                                  <Button
-                                    isDisabled
-                                    className="w-40"
-                                    colorSchema="primary"
-                                    variant="outline_bg"
-                                    onClick={() => {}}
-                                  >
-                                    Suspended
-                                  </Button>
-                                )}
-                                {isActive && status === "accepted" && (
-                                  <Select
-                                    value={role === "custom" ? findRoleFromId(roleId)?.slug : role}
-                                    isDisabled={userId === u?.id || !isAllowed}
-                                    className="w-48 bg-mineshaft-600"
-                                    dropdownContainerClassName="border border-mineshaft-600 bg-mineshaft-800"
-                                    onValueChange={(selectedRole) =>
-                                      onRoleChange(orgMembershipId, selectedRole)
-                                    }
-                                  >
-                                    {(roles || [])
-                                      .filter(({ slug }) =>
-                                        slug === "owner" ? isIamOwner || role === "owner" : true
-                                      )
-                                      .map(({ slug, name: roleName }) => (
-                                        <SelectItem value={slug} key={`owner-option-${slug}`}>
-                                          {roleName}
-                                        </SelectItem>
-                                      ))}
-                                  </Select>
-                                )}
-                                {isActive &&
-                                  (status === "invited" || status === "verified") &&
-                                  email &&
-                                  serverDetails?.emailConfigured && (
-                                    <Button
-                                      isDisabled={!isAllowed}
-                                      className="w-48"
-                                      colorSchema="primary"
-                                      variant="outline_bg"
-                                      onClick={() => onResendInvite(email)}
-                                    >
-                                      Resend invite
-                                    </Button>
-                                  )}
-                              </>
-                            )}
-                          </OrgPermissionCan>
-                        </Td>
-                        <Td>
-                          {userId !== u?.id && (
-                            <DropdownMenu>
-                              <DropdownMenuTrigger asChild className="rounded-lg">
-                                <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                                  <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                                </div>
-                              </DropdownMenuTrigger>
-                              <DropdownMenuContent align="start" className="p-1">
-                                <OrgPermissionCan
-                                  I={OrgPermissionActions.Edit}
-                                  a={OrgPermissionSubjects.Member}
-                                >
-                                  {(isAllowed) => (
-                                    <DropdownMenuItem
-                                      className={twMerge(
-                                        !isAllowed &&
-                                          "pointer-events-none cursor-not-allowed opacity-50"
-                                      )}
-                                      onClick={(e) => {
-                                        e.stopPropagation();
-                                        router.push(`/org/${orgId}/memberships/${orgMembershipId}`);
-                                      }}
-                                      disabled={!isAllowed}
-                                    >
-                                      Edit User
-                                    </DropdownMenuItem>
-                                  )}
-                                </OrgPermissionCan>
-                                <OrgPermissionCan
-                                  I={OrgPermissionActions.Delete}
-                                  a={OrgPermissionSubjects.Member}
-                                >
-                                  {(isAllowed) => (
-                                    <DropdownMenuItem
-                                      className={
-                                        isActive
-                                          ? twMerge(
-                                              isAllowed
-                                                ? "hover:!bg-red-500 hover:!text-white"
-                                                : "pointer-events-none cursor-not-allowed opacity-50"
-                                            )
-                                          : ""
-                                      }
-                                      onClick={async (e) => {
-                                        e.stopPropagation();
-
-                                        if (currentOrg?.scimEnabled) {
-                                          createNotification({
-                                            text: "You cannot manage users from Infisical when org-level auth is enforced for your organization",
-                                            type: "error"
-                                          });
-                                          return;
-                                        }
-
-                                        if (!isActive) {
-                                          // activate user
-                                          await updateOrgMembership({
-                                            organizationId: orgId,
-                                            membershipId: orgMembershipId,
-                                            isActive: true
-                                          });
-
-                                          return;
-                                        }
-
-                                        // deactivate user
-                                        handlePopUpOpen("deactivateMember", {
-                                          orgMembershipId,
-                                          username
-                                        });
-                                      }}
-                                      disabled={!isAllowed}
-                                    >
-                                      {`${isActive ? "Deactivate" : "Activate"} User`}
-                                    </DropdownMenuItem>
-                                  )}
-                                </OrgPermissionCan>
-                                <OrgPermissionCan
-                                  I={OrgPermissionActions.Delete}
-                                  a={OrgPermissionSubjects.Member}
-                                >
-                                  {(isAllowed) => (
-                                    <DropdownMenuItem
-                                      className={twMerge(
-                                        isAllowed
-                                          ? "hover:!bg-red-500 hover:!text-white"
-                                          : "pointer-events-none cursor-not-allowed opacity-50"
-                                      )}
-                                      onClick={(e) => {
-                                        e.stopPropagation();
-
-                                        if (currentOrg?.scimEnabled) {
-                                          createNotification({
-                                            text: "You cannot manage users from Infisical when org-level auth is enforced for your organization",
-                                            type: "error"
-                                          });
-                                          return;
-                                        }
-
-                                        handlePopUpOpen("removeMember", {
-                                          orgMembershipId,
-                                          username
-                                        });
-                                      }}
-                                      disabled={!isAllowed}
-                                    >
-                                      Remove User
-                                    </DropdownMenuItem>
-                                  )}
-                                </OrgPermissionCan>
-                              </DropdownMenuContent>
-                            </DropdownMenu>
-                          )}
-                        </Td>
-                      </Tr>
-                    );
-                  }
-                )}
-          </TBody>
-        </Table>
-        {Boolean(filteredUsers.length) && (
-          <Pagination
-            count={filteredUsers.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isMembersLoading && !filteredUsers?.length && (
-          <EmptyState
-            title={
-              members.length
-                ? "No organization members match search..."
-                : "No organization members found"
-            }
-            icon={members.length ? faSearch : faUsers}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/index.tsx
deleted file mode 100644
index 973e12e3e..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/OrgMembersSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgMembersSection } from "./OrgMembersSection";
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/index.tsx
deleted file mode 100644
index 973e12e3e..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgMembersSection } from "./OrgMembersSection";
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/index.tsx
deleted file mode 100644
index eae77c2b3..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgMembersTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgMembersTab } from "./OrgMembersTab";
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTabSection.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTabSection.tsx
deleted file mode 100644
index 8e6c5d591..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTabSection.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { OrgRoleTable } from "./OrgRoleTable";
-
-export const OrgRoleTabSection = () => {
-  return (
-    <motion.div
-      key="role-list"
-      transition={{ duration: 0.1 }}
-      initial={{ opacity: 0, translateX: -30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: -30 }}
-    >
-      <OrgRoleTable />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTable.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTable.tsx
deleted file mode 100644
index 1229f0dc0..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTable.tsx
+++ /dev/null
@@ -1,265 +0,0 @@
-import { useRouter } from "next/router";
-import { faEllipsis, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { isCustomOrgRole } from "@app/helpers/roles";
-import { usePopUp } from "@app/hooks";
-import { useDeleteOrgRole, useGetOrgRoles, useUpdateOrg } from "@app/hooks/api";
-import { TOrgRole } from "@app/hooks/api/roles/types";
-import { RoleModal } from "@app/views/Org/RolePage/components";
-
-export const OrgRoleTable = () => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "role",
-    "deleteRole",
-    "upgradePlan"
-  ] as const);
-
-  const { data: roles, isLoading: isRolesLoading } = useGetOrgRoles(orgId);
-  const { mutateAsync: deleteRole } = useDeleteOrgRole();
-  const { mutateAsync: updateOrg } = useUpdateOrg();
-  const { subscription } = useSubscription();
-
-  const handleRoleDelete = async () => {
-    const { id } = popUp?.deleteRole?.data as TOrgRole;
-    try {
-      await deleteRole({
-        orgId,
-        id
-      });
-      createNotification({ type: "success", text: "Successfully removed the role" });
-      handlePopUpClose("deleteRole");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to delete role" });
-    }
-  };
-
-  const handleSetRoleAsDefault = async (defaultMembershipRoleSlug: string) => {
-    const isCustomRole = isCustomOrgRole(defaultMembershipRoleSlug);
-
-    if (isCustomRole && subscription && !subscription?.rbac) {
-      handlePopUpOpen("upgradePlan", {
-        description:
-          "You can set the default org role to a custom role if you upgrade your Infisical plan."
-      });
-      return;
-    }
-
-    try {
-      await updateOrg({
-        orgId,
-        defaultMembershipRoleSlug
-      });
-      createNotification({ type: "success", text: "Successfully updated default membership role" });
-      handlePopUpClose("deleteRole");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to update default membership role" });
-    }
-  };
-
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Organization Roles</p>
-        <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Role}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => {
-                handlePopUpOpen("role");
-              }}
-              isDisabled={!isAllowed}
-            >
-              Add Role
-            </Button>
-          )}
-        </OrgPermissionCan>
-      </div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th>Slug</Th>
-              <Th aria-label="actions" className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isRolesLoading && <TableSkeleton columns={3} innerKey="org-roles" />}
-            {roles?.map((role) => {
-              const { id, name, slug } = role;
-              const isNonMutatable = ["owner", "admin", "member", "no-access"].includes(slug);
-              const isDefaultOrgRole = isCustomOrgRole(slug)
-                ? id === currentOrg?.defaultMembershipRole
-                : slug === currentOrg?.defaultMembershipRole;
-              return (
-                <Tr
-                  key={`role-list-${id}`}
-                  className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                  onClick={() => router.push(`/org/${orgId}/roles/${id}`)}
-                >
-                  <Td className="max-w-md">
-                    <div className="flex">
-                      <p className="overflow-hidden text-ellipsis whitespace-nowrap">{name}</p>
-                      {isDefaultOrgRole && (
-                        <Tooltip
-                          content={`Members joining your organization will be assigned the ${name} role unless otherwise specified.`}
-                        >
-                          <div>
-                            <Badge variant="success" className="ml-1">
-                              Default
-                            </Badge>
-                          </div>
-                        </Tooltip>
-                      )}
-                    </div>
-                  </Td>
-                  <Td className="max-w-md overflow-hidden text-ellipsis whitespace-nowrap">
-                    {slug}
-                  </Td>
-                  <Td>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild className="rounded-lg">
-                        <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                          <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <OrgPermissionCan
-                          I={OrgPermissionActions.Edit}
-                          a={OrgPermissionSubjects.Role}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={(e) => {
-                                e.stopPropagation();
-                                router.push(`/org/${orgId}/roles/${id}`);
-                              }}
-                              disabled={!isAllowed}
-                            >
-                              {`${isNonMutatable ? "View" : "Edit"} Role`}
-                            </DropdownMenuItem>
-                          )}
-                        </OrgPermissionCan>
-                        {!isDefaultOrgRole && (
-                          <OrgPermissionCan
-                            I={OrgPermissionActions.Edit}
-                            a={OrgPermissionSubjects.Settings}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                disabled={!isAllowed}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handleSetRoleAsDefault(slug);
-                                }}
-                              >
-                                Set as Default Role
-                              </DropdownMenuItem>
-                            )}
-                          </OrgPermissionCan>
-                        )}
-                        {!isNonMutatable && (
-                          <Tooltip
-                            position="left"
-                            content={
-                              isDefaultOrgRole
-                                ? "Cannot delete default organization membership role. Re-assign default to allow deletion."
-                                : ""
-                            }
-                          >
-                            <div>
-                              <OrgPermissionCan
-                                I={OrgPermissionActions.Delete}
-                                a={OrgPermissionSubjects.Role}
-                              >
-                                {(isAllowed) => (
-                                  <DropdownMenuItem
-                                    className={twMerge(
-                                      isAllowed && !isDefaultOrgRole
-                                        ? "hover:!bg-red-500 hover:!text-white"
-                                        : "pointer-events-none cursor-not-allowed opacity-50"
-                                    )}
-                                    onClick={(e) => {
-                                      e.stopPropagation();
-                                      handlePopUpOpen("deleteRole", role);
-                                    }}
-                                    disabled={!isAllowed || isDefaultOrgRole}
-                                  >
-                                    Delete Role
-                                  </DropdownMenuItem>
-                                )}
-                              </OrgPermissionCan>
-                            </div>
-                          </Tooltip>
-                        )}
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </Td>
-                </Tr>
-              );
-            })}
-          </TBody>
-        </Table>
-      </TableContainer>
-      <RoleModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deleteRole.isOpen}
-        title={`Are you sure want to delete ${
-          (popUp?.deleteRole?.data as TOrgRole)?.name || " "
-        } role?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteRole", isOpen)}
-        deleteKey={(popUp?.deleteRole?.data as TOrgRole)?.slug || ""}
-        onClose={() => handlePopUpClose("deleteRole")}
-        onDeleteApproved={handleRoleDelete}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/index.tsx b/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/index.tsx
deleted file mode 100644
index a78c88bcb..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/OrgRoleTabSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgRoleTabSection } from "./OrgRoleTabSection";
diff --git a/frontend-next/src/views/Org/MembersPage/components/index.tsx b/frontend-next/src/views/Org/MembersPage/components/index.tsx
deleted file mode 100644
index f6e98cb5c..000000000
--- a/frontend-next/src/views/Org/MembersPage/components/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-export { OrgGroupsTab } from "./OrgGroupsTab";
-export { OrgIdentityTab } from "./OrgIdentityTab";
-export { OrgMembersTab } from "./OrgMembersTab";
-export { OrgRoleTabSection } from "./OrgRoleTabSection";
diff --git a/frontend-next/src/views/Org/MembersPage/index.tsx b/frontend-next/src/views/Org/MembersPage/index.tsx
deleted file mode 100644
index 93d51dccd..000000000
--- a/frontend-next/src/views/Org/MembersPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MembersPage } from "./MembersPage";
diff --git a/frontend-next/src/views/Org/NonePage/NonePage.tsx b/frontend-next/src/views/Org/NonePage/NonePage.tsx
deleted file mode 100644
index 5c85e3e36..000000000
--- a/frontend-next/src/views/Org/NonePage/NonePage.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useEffect } from "react";
-
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { CreateOrgModal } from "../components";
-
-export const NonePage = () => {
-  const { popUp, handlePopUpToggle } = usePopUp(["createOrg"] as const);
-
-  useEffect(() => {
-    handlePopUpToggle("createOrg", true);
-  }, []);
-
-  return (
-    <div className="flex h-full w-full justify-center bg-bunker-800 text-white">
-      <CreateOrgModal
-        isOpen={popUp.createOrg.isOpen}
-        onClose={() => handlePopUpToggle("createOrg", false)}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/NonePage/index.tsx b/frontend-next/src/views/Org/NonePage/index.tsx
deleted file mode 100644
index 1ece302c9..000000000
--- a/frontend-next/src/views/Org/NonePage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { NonePage } from "./NonePage";
diff --git a/frontend-next/src/views/Org/RolePage/RolePage.tsx b/frontend-next/src/views/Org/RolePage/RolePage.tsx
deleted file mode 100644
index eb5dae788..000000000
--- a/frontend-next/src/views/Org/RolePage/RolePage.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { useDeleteOrgRole, useGetOrgRole } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { TabSections } from "@app/views/Org/Types";
-
-import { RoleDetailsSection, RoleModal, RolePermissionsSection } from "./components";
-
-export const RolePage = withPermission(
-  () => {
-    const router = useRouter();
-    const roleId = router.query.roleId as string;
-    const { currentOrg } = useOrganization();
-    const orgId = currentOrg?.id || "";
-    const { data } = useGetOrgRole(orgId, roleId);
-    const { mutateAsync: deleteOrgRole } = useDeleteOrgRole();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "role",
-      "deleteOrgRole"
-    ] as const);
-
-    const onDeleteOrgRoleSubmit = async () => {
-      try {
-        if (!orgId || !roleId) return;
-
-        await deleteOrgRole({
-          orgId,
-          id: roleId
-        });
-
-        createNotification({
-          text: "Successfully deleted organization role",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteOrgRole");
-        router.push(`/org/${orgId}/members?selectedTab=${TabSections.Roles}`);
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to delete organization role";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    const isCustomRole = !["admin", "member", "no-access"].includes(data?.slug ?? "");
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => {
-                router.push(`/org/${orgId}/members?selectedTab=${TabSections.Roles}`);
-              }}
-              className="mb-4"
-            >
-              Roles
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.name}</p>
-              {isCustomRole && (
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild className="rounded-lg">
-                    <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                      <Tooltip content="More options">
-                        <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                      </Tooltip>
-                    </div>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="start" className="p-1">
-                    <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Role}>
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={twMerge(
-                            !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                          )}
-                          onClick={async () => {
-                            handlePopUpOpen("role", {
-                              roleId
-                            });
-                          }}
-                          disabled={!isAllowed}
-                        >
-                          Edit Role
-                        </DropdownMenuItem>
-                      )}
-                    </OrgPermissionCan>
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Delete}
-                      a={OrgPermissionSubjects.Role}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={twMerge(
-                            isAllowed
-                              ? "hover:!bg-red-500 hover:!text-white"
-                              : "pointer-events-none cursor-not-allowed opacity-50"
-                          )}
-                          onClick={async () => {
-                            handlePopUpOpen("deleteOrgRole");
-                          }}
-                          disabled={!isAllowed}
-                        >
-                          Delete Role
-                        </DropdownMenuItem>
-                      )}
-                    </OrgPermissionCan>
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              )}
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <RoleDetailsSection roleId={roleId} handlePopUpOpen={handlePopUpOpen} />
-              </div>
-              <RolePermissionsSection roleId={roleId} />
-            </div>
-          </div>
-        )}
-        <RoleModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deleteOrgRole.isOpen}
-          title={`Are you sure want to delete the organization role ${data?.name ?? ""}?`}
-          onChange={(isOpen) => handlePopUpToggle("deleteOrgRole", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() => onDeleteOrgRoleSubmit()}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Role }
-);
diff --git a/frontend-next/src/views/Org/RolePage/components/OrgRoleModifySection.utils.ts b/frontend-next/src/views/Org/RolePage/components/OrgRoleModifySection.utils.ts
deleted file mode 100644
index 8f90766b7..000000000
--- a/frontend-next/src/views/Org/RolePage/components/OrgRoleModifySection.utils.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { z } from "zod";
-
-import { OrgPermissionSubjects } from "@app/context";
-import { TPermission } from "@app/hooks/api/roles/types";
-
-const generalPermissionSchema = z
-  .object({
-    read: z.boolean().optional(),
-    edit: z.boolean().optional(),
-    delete: z.boolean().optional(),
-    create: z.boolean().optional()
-  })
-  .optional();
-
-const adminConsolePermissionSchmea = z
-  .object({
-    "access-all-projects": z.boolean().optional()
-  })
-  .optional();
-
-export const formSchema = z.object({
-  name: z.string().trim(),
-  description: z.string().trim().nullish(),
-  slug: z
-    .string()
-    .trim()
-    .refine((val) => val !== "custom", { message: "Cannot use custom as its a keyword" }),
-  permissions: z
-    .object({
-      workspace: z
-        .object({
-          create: z.boolean().optional()
-        })
-        .optional(),
-
-      "audit-logs": generalPermissionSchema,
-      member: generalPermissionSchema,
-      groups: generalPermissionSchema,
-      role: generalPermissionSchema,
-      settings: generalPermissionSchema,
-      "service-account": generalPermissionSchema,
-      "incident-contact": generalPermissionSchema,
-      "secret-scanning": generalPermissionSchema,
-      sso: generalPermissionSchema,
-      scim: generalPermissionSchema,
-      ldap: generalPermissionSchema,
-      billing: generalPermissionSchema,
-      identity: generalPermissionSchema,
-      "organization-admin-console": adminConsolePermissionSchmea,
-      [OrgPermissionSubjects.Kms]: generalPermissionSchema,
-      [OrgPermissionSubjects.ProjectTemplates]: generalPermissionSchema,
-      [OrgPermissionSubjects.AppConnections]: generalPermissionSchema
-    })
-    .optional()
-});
-
-export type TFormSchema = z.infer<typeof formSchema>;
-
-// convert role permission to form compatiable  data structure
-export const rolePermission2Form = (permissions: TPermission[] = []) => {
-  // any because if it set it as form type due to the discriminated union type of ts
-  // i would have to write a if loop with both conditions same
-  const formVal: Record<string, any> = {};
-  permissions.forEach((permission) => {
-    const { subject, action } = permission;
-    if (!formVal?.[subject]) formVal[subject] = {};
-    formVal[subject][action] = true;
-  });
-
-  return formVal;
-};
-
-export const formRolePermission2API = (formVal: TFormSchema["permissions"]) => {
-  const permissions: TPermission[] = [];
-  Object.entries(formVal || {}).forEach(([rule, actions]) => {
-    Object.entries(actions).forEach(([action, isAllowed]) => {
-      if (isAllowed) {
-        permissions.push({ subject: rule, action });
-      }
-    });
-  });
-
-  return permissions;
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RoleDetailsSection.tsx b/frontend-next/src/views/Org/RolePage/components/RoleDetailsSection.tsx
deleted file mode 100644
index bab0ca525..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RoleDetailsSection.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { faCheck, faCopy, faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { IconButton, Tooltip } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { useGetOrgRole } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  roleId: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["role"]>, data?: {}) => void;
-};
-
-export const RoleDetailsSection = ({ roleId, handlePopUpOpen }: Props) => {
-  const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { data } = useGetOrgRole(orgId, roleId);
-  const isCustomRole = !["admin", "member", "no-access"].includes(data?.slug ?? "");
-
-  return data ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Org Role Details</h3>
-        {isCustomRole && (
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Role}>
-            {(isAllowed) => {
-              return (
-                <Tooltip content="Edit Role">
-                  <IconButton
-                    isDisabled={!isAllowed}
-                    ariaLabel="copy icon"
-                    variant="plain"
-                    className="group relative"
-                    onClick={() =>
-                      handlePopUpOpen("role", {
-                        roleId
-                      })
-                    }
-                  >
-                    <FontAwesomeIcon icon={faPencil} />
-                  </IconButton>
-                </Tooltip>
-              );
-            }}
-          </OrgPermissionCan>
-        )}
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Role ID</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{roleId}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextId}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText(roleId);
-                    setCopyTextId("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingId ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-          <p className="text-sm text-mineshaft-300">{data.name}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Slug</p>
-          <p className="text-sm text-mineshaft-300">{data.slug}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Description</p>
-          <p className="text-sm text-mineshaft-300">
-            {data.description?.length ? data.description : "-"}
-          </p>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RoleModal.tsx b/frontend-next/src/views/Org/RolePage/components/RoleModal.tsx
deleted file mode 100644
index 567349dab..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RoleModal.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useCreateOrgRole, useGetOrgRole, useUpdateOrgRole } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { slugSchema } from "@app/lib/schemas";
-
-const schema = z
-  .object({
-    name: z.string(),
-    description: z.string(),
-    slug: slugSchema({ min: 1 })
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["role"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["role"]>, state?: boolean) => void;
-};
-
-export const RoleModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-
-  const popupData = popUp?.role?.data as {
-    roleId: string;
-  };
-
-  const { data: role } = useGetOrgRole(orgId, popupData?.roleId ?? "");
-
-  const { mutateAsync: createOrgRole } = useCreateOrgRole();
-  const { mutateAsync: updateOrgRole } = useUpdateOrgRole();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      name: "",
-      description: ""
-    }
-  });
-
-  useEffect(() => {
-    if (role) {
-      reset({
-        name: role.name,
-        description: role.description,
-        slug: role.slug
-      });
-    } else {
-      reset({
-        name: "",
-        description: "",
-        slug: ""
-      });
-    }
-  }, [role]);
-
-  const onFormSubmit = async ({ name, description, slug }: FormData) => {
-    try {
-      if (!orgId) return;
-
-      if (role) {
-        // update
-
-        await updateOrgRole({
-          orgId,
-          id: role.id,
-          name,
-          description,
-          slug
-        });
-
-        handlePopUpToggle("role", false);
-      } else {
-        // create
-
-        const newRole = await createOrgRole({
-          orgId,
-          name,
-          description,
-          slug,
-          permissions: []
-        });
-
-        handlePopUpToggle("role", false);
-        router.push(`/org/${orgId}/roles/${newRole.id}`);
-      }
-
-      createNotification({
-        text: `Successfully ${popUp?.role?.data ? "updated" : "created"} role`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text =
-        error?.response?.data?.message ??
-        `Failed to ${popUp?.role?.data ? "update" : "create"} role`;
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.role?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("role", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={`${popUp?.role?.data ? "Update" : "Create"} Role`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="Billing Team" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="slug"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Slug"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="billing" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="description"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Description" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="To manage billing" />
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {popUp?.role?.data ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("role", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/OrgPermissionAdminConsoleRow.tsx b/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/OrgPermissionAdminConsoleRow.tsx
deleted file mode 100644
index cc21abdf1..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/OrgPermissionAdminConsoleRow.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { Control, Controller, UseFormSetValue, useWatch } from "react-hook-form";
-import { faChevronDown, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { Checkbox, Select, SelectItem, Td, Tr } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { TFormSchema } from "@app/views/Org/RolePage/components/OrgRoleModifySection.utils";
-
-type Props = {
-  isEditable: boolean;
-  setValue: UseFormSetValue<TFormSchema>;
-  control: Control<TFormSchema>;
-};
-
-enum Permission {
-  NoAccess = "no-access",
-  Custom = "custom"
-}
-
-const PERMISSION_ACTIONS = [
-  { action: "access-all-projects", label: "Access all organization projects" }
-] as const;
-
-export const OrgPermissionAdminConsoleRow = ({ isEditable, control, setValue }: Props) => {
-  const [isRowExpanded, setIsRowExpanded] = useToggle();
-  const [isCustom, setIsCustom] = useToggle();
-
-  const rule = useWatch({
-    control,
-    name: "permissions.organization-admin-console"
-  });
-
-  const selectedPermissionCategory = useMemo(() => {
-    if (rule?.["access-all-projects"]) {
-      return Permission.Custom;
-    }
-    return Permission.NoAccess;
-  }, [rule, isCustom]);
-
-  useEffect(() => {
-    if (selectedPermissionCategory === Permission.Custom) setIsCustom.on();
-    else setIsCustom.off();
-  }, [selectedPermissionCategory]);
-
-  useEffect(() => {
-    const isRowCustom = selectedPermissionCategory === Permission.Custom;
-    if (isRowCustom) {
-      setIsRowExpanded.on();
-    }
-  }, []);
-
-  const handlePermissionChange = (val: Permission) => {
-    if (!val) return;
-    if (val === Permission.Custom) {
-      setIsRowExpanded.on();
-      setIsCustom.on();
-      return;
-    }
-    setIsCustom.off();
-
-    if (val === Permission.NoAccess) {
-      setValue(
-        "permissions.organization-admin-console",
-        { "access-all-projects": false },
-        { shouldDirty: true }
-      );
-    }
-  };
-
-  return (
-    <>
-      <Tr
-        className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-        onClick={() => setIsRowExpanded.toggle()}
-      >
-        <Td>
-          <FontAwesomeIcon icon={isRowExpanded ? faChevronDown : faChevronRight} />
-        </Td>
-        <Td>Organization Admin Console</Td>
-        <Td>
-          <Select
-            value={selectedPermissionCategory}
-            className="w-40 bg-mineshaft-600"
-            dropdownContainerClassName="border border-mineshaft-600 bg-mineshaft-800"
-            onValueChange={handlePermissionChange}
-            isDisabled={!isEditable}
-          >
-            <SelectItem value={Permission.NoAccess}>No Access</SelectItem>
-            <SelectItem value={Permission.Custom}>Custom</SelectItem>
-          </Select>
-        </Td>
-      </Tr>
-      {isRowExpanded && (
-        <Tr>
-          <Td
-            colSpan={3}
-            className={`bg-bunker-600 px-0 py-0 ${isRowExpanded && " border-mineshaft-500 p-8"}`}
-          >
-            <div className="grid grid-cols-3 gap-4">
-              {PERMISSION_ACTIONS.map(({ action, label }) => {
-                return (
-                  <Controller
-                    name={`permissions.organization-admin-console.${action}`}
-                    key={`permissions.organization-admin-console.${action}`}
-                    control={control}
-                    render={({ field }) => (
-                      <Checkbox
-                        isChecked={field.value}
-                        onCheckedChange={(e) => {
-                          if (!isEditable) {
-                            createNotification({
-                              type: "error",
-                              text: "Failed to update default role"
-                            });
-                            return;
-                          }
-                          field.onChange(e);
-                        }}
-                        id={`permissions.organization-admin-console.${action}`}
-                      >
-                        {label}
-                      </Checkbox>
-                    )}
-                  />
-                );
-              })}
-            </div>
-          </Td>
-        </Tr>
-      )}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/OrgRoleWorkspaceRow.tsx b/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/OrgRoleWorkspaceRow.tsx
deleted file mode 100644
index a4eb51774..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/OrgRoleWorkspaceRow.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { Control, Controller, UseFormSetValue, useWatch } from "react-hook-form";
-import { faChevronDown, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { Checkbox, Select, SelectItem, Td, Tr } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { TFormSchema } from "@app/views/Org/RolePage/components/OrgRoleModifySection.utils";
-
-type Props = {
-  isEditable: boolean;
-  setValue: UseFormSetValue<TFormSchema>;
-  control: Control<TFormSchema>;
-};
-
-enum Permission {
-  NoAccess = "no-access",
-  Custom = "custom"
-}
-
-const PERMISSION_ACTIONS = [{ action: "create", label: "Create projects" }] as const;
-
-export const OrgRoleWorkspaceRow = ({ isEditable, control, setValue }: Props) => {
-  const [isRowExpanded, setIsRowExpanded] = useToggle();
-  const [isCustom, setIsCustom] = useToggle();
-
-  const rule = useWatch({
-    control,
-    name: "permissions.workspace"
-  });
-
-  const selectedPermissionCategory = useMemo(() => {
-    if (rule?.create) {
-      return Permission.Custom;
-    }
-    return Permission.NoAccess;
-  }, [rule, isCustom]);
-
-  useEffect(() => {
-    if (selectedPermissionCategory === Permission.Custom) setIsCustom.on();
-    else setIsCustom.off();
-  }, [selectedPermissionCategory]);
-
-  useEffect(() => {
-    const isRowCustom = selectedPermissionCategory === Permission.Custom;
-    if (isRowCustom) {
-      setIsRowExpanded.on();
-    }
-  }, []);
-
-  const handlePermissionChange = (val: Permission) => {
-    if (!val) return;
-    if (val === Permission.Custom) {
-      setIsRowExpanded.on();
-      setIsCustom.on();
-      return;
-    }
-    setIsCustom.off();
-
-    if (val === Permission.NoAccess) {
-      setValue("permissions.workspace", { create: false }, { shouldDirty: true });
-    }
-  };
-
-  return (
-    <>
-      <Tr
-        className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-        onClick={() => setIsRowExpanded.toggle()}
-      >
-        <Td>
-          <FontAwesomeIcon icon={isRowExpanded ? faChevronDown : faChevronRight} />
-        </Td>
-        <Td>Project</Td>
-        <Td>
-          <Select
-            value={selectedPermissionCategory}
-            className="w-40 bg-mineshaft-600"
-            dropdownContainerClassName="border border-mineshaft-600 bg-mineshaft-800"
-            onValueChange={handlePermissionChange}
-            isDisabled={!isEditable}
-          >
-            <SelectItem value={Permission.NoAccess}>No Access</SelectItem>
-            <SelectItem value={Permission.Custom}>Custom</SelectItem>
-          </Select>
-        </Td>
-      </Tr>
-      {isRowExpanded && (
-        <Tr>
-          <Td
-            colSpan={3}
-            className={`bg-bunker-600 px-0 py-0 ${isRowExpanded && " border-mineshaft-500 p-8"}`}
-          >
-            <div className="grid grid-cols-3 gap-4">
-              {PERMISSION_ACTIONS.map(({ action, label }) => {
-                return (
-                  <Controller
-                    name={`permissions.workspace.${action}`}
-                    key={`permissions.workspace.${action}`}
-                    control={control}
-                    render={({ field }) => (
-                      <Checkbox
-                        isChecked={field.value}
-                        onCheckedChange={(e) => {
-                          if (!isEditable) {
-                            createNotification({
-                              type: "error",
-                              text: "Failed to update default role"
-                            });
-                            return;
-                          }
-                          field.onChange(e);
-                        }}
-                        id={`permissions.organization-admin-console.${action}`}
-                      >
-                        {label}
-                      </Checkbox>
-                    )}
-                  />
-                );
-              })}
-            </div>
-          </Td>
-        </Tr>
-      )}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/RolePermissionRow.tsx b/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/RolePermissionRow.tsx
deleted file mode 100644
index 3a50dc976..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/RolePermissionRow.tsx
+++ /dev/null
@@ -1,228 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { Control, Controller, UseFormSetValue, useWatch } from "react-hook-form";
-import { faChevronDown, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { Checkbox, Select, SelectItem, Td, Tr } from "@app/components/v2";
-import { OrgPermissionSubjects } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { TFormSchema } from "@app/views/Org/RolePage/components/OrgRoleModifySection.utils";
-
-const PERMISSIONS = [
-  { action: "read", label: "View" },
-  { action: "create", label: "Create" },
-  { action: "edit", label: "Modify" },
-  { action: "delete", label: "Remove" }
-] as const;
-
-const SECRET_SCANNING_PERMISSIONS = [
-  { action: "read", label: "View risks" },
-  { action: "create", label: "Add integrations" },
-  { action: "edit", label: "Edit risk status" },
-  { action: "delete", label: "Remove integrations" }
-] as const;
-
-const INCIDENT_CONTACTS_PERMISSIONS = [
-  { action: "read", label: "View contacts" },
-  { action: "create", label: "Add new contacts" },
-  { action: "edit", label: "Edit contacts" },
-  { action: "delete", label: "Remove contacts" }
-] as const;
-
-const MEMBERS_PERMISSIONS = [
-  { action: "read", label: "View all members" },
-  { action: "create", label: "Invite members" },
-  { action: "edit", label: "Edit members" },
-  { action: "delete", label: "Remove members" }
-] as const;
-
-const BILLING_PERMISSIONS = [
-  { action: "read", label: "View bills" },
-  { action: "create", label: "Add payment methods" },
-  { action: "edit", label: "Edit payments" },
-  { action: "delete", label: "Remove payments" }
-] as const;
-
-const PROJECT_TEMPLATES_PERMISSIONS = [
-  { action: "read", label: "View & Apply" },
-  { action: "create", label: "Create" },
-  { action: "edit", label: "Modify" },
-  { action: "delete", label: "Remove" }
-] as const;
-
-const getPermissionList = (option: string) => {
-  switch (option) {
-    case "secret-scanning":
-      return SECRET_SCANNING_PERMISSIONS;
-    case "billing":
-      return BILLING_PERMISSIONS;
-    case "incident-contact":
-      return INCIDENT_CONTACTS_PERMISSIONS;
-    case "member":
-      return MEMBERS_PERMISSIONS;
-    case OrgPermissionSubjects.ProjectTemplates:
-      return PROJECT_TEMPLATES_PERMISSIONS;
-    default:
-      return PERMISSIONS;
-  }
-};
-
-type Props = {
-  isEditable: boolean;
-  title: string;
-  formName: keyof Omit<
-    Exclude<TFormSchema["permissions"], undefined>,
-    "workspace" | "organization-admin-console"
-  >;
-  setValue: UseFormSetValue<TFormSchema>;
-  control: Control<TFormSchema>;
-};
-
-enum Permission {
-  NoAccess = "no-access",
-  ReadOnly = "read-only",
-  FullAccess = "full-acess",
-  Custom = "custom"
-}
-
-export const RolePermissionRow = ({ isEditable, title, formName, control, setValue }: Props) => {
-  const [isRowExpanded, setIsRowExpanded] = useToggle();
-  const [isCustom, setIsCustom] = useToggle();
-
-  const rule = useWatch({
-    control,
-    name: `permissions.${formName}`
-  });
-
-  const selectedPermissionCategory = useMemo(() => {
-    const actions = Object.keys(rule || {}) as Array<keyof typeof rule>;
-    const totalActions = getPermissionList(formName).length;
-    const score = actions.map((key) => (rule?.[key] ? 1 : 0)).reduce((a, b) => a + b, 0 as number);
-
-    if (isCustom) return Permission.Custom;
-    if (score === 0) return Permission.NoAccess;
-    if (score === totalActions) return Permission.FullAccess;
-    if (score === 1 && rule?.read) return Permission.ReadOnly;
-
-    return Permission.Custom;
-  }, [rule, isCustom]);
-
-  useEffect(() => {
-    if (selectedPermissionCategory === Permission.Custom) setIsCustom.on();
-    else setIsCustom.off();
-  }, [selectedPermissionCategory]);
-
-  useEffect(() => {
-    const isRowCustom = selectedPermissionCategory === Permission.Custom;
-    if (isRowCustom) {
-      setIsRowExpanded.on();
-    }
-  }, []);
-
-  const handlePermissionChange = (val: Permission) => {
-    if (val === Permission.Custom) {
-      setIsRowExpanded.on();
-      setIsCustom.on();
-      return;
-    }
-    setIsCustom.off();
-
-    switch (val) {
-      case Permission.NoAccess:
-        setValue(
-          `permissions.${formName}`,
-          { read: false, edit: false, create: false, delete: false },
-          { shouldDirty: true }
-        );
-        break;
-      case Permission.FullAccess:
-        setValue(
-          `permissions.${formName}`,
-          { read: true, edit: true, create: true, delete: true },
-          { shouldDirty: true }
-        );
-        break;
-      case Permission.ReadOnly:
-        setValue(
-          `permissions.${formName}`,
-          { read: true, edit: false, create: false, delete: false },
-          { shouldDirty: true }
-        );
-        break;
-      default:
-        setValue(
-          `permissions.${formName}`,
-          { read: false, edit: false, create: false, delete: false },
-          { shouldDirty: true }
-        );
-        break;
-    }
-  };
-
-  return (
-    <>
-      <Tr
-        className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-        onClick={() => setIsRowExpanded.toggle()}
-      >
-        <Td>
-          <FontAwesomeIcon icon={isRowExpanded ? faChevronDown : faChevronRight} />
-        </Td>
-        <Td>{title}</Td>
-        <Td>
-          <Select
-            value={selectedPermissionCategory}
-            className="w-40 bg-mineshaft-600"
-            dropdownContainerClassName="border border-mineshaft-600 bg-mineshaft-800"
-            onValueChange={handlePermissionChange}
-            isDisabled={!isEditable}
-          >
-            <SelectItem value={Permission.NoAccess}>No Access</SelectItem>
-            <SelectItem value={Permission.ReadOnly}>Read Only</SelectItem>
-            <SelectItem value={Permission.FullAccess}>Full Access</SelectItem>
-            <SelectItem value={Permission.Custom}>Custom</SelectItem>
-          </Select>
-        </Td>
-      </Tr>
-      {isRowExpanded && (
-        <Tr>
-          <Td
-            colSpan={3}
-            className={`bg-bunker-600 px-0 py-0 ${isRowExpanded && " border-mineshaft-500 p-8"}`}
-          >
-            <div className="grid grid-cols-3 gap-4">
-              {getPermissionList(formName).map(({ action, label }) => {
-                return (
-                  <Controller
-                    name={`permissions.${formName}.${action}`}
-                    key={`permissions.${formName}.${action}`}
-                    control={control}
-                    render={({ field }) => (
-                      <Checkbox
-                        isChecked={field.value}
-                        onCheckedChange={(e) => {
-                          if (!isEditable) {
-                            createNotification({
-                              type: "error",
-                              text: "Failed to update default role"
-                            });
-                            return;
-                          }
-                          field.onChange(e);
-                        }}
-                        id={`permissions.${formName}.${action}`}
-                      >
-                        {label}
-                      </Checkbox>
-                    )}
-                  />
-                );
-              })}
-            </div>
-          </Td>
-        </Tr>
-      )}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx b/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
deleted file mode 100644
index 31990d46e..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Table, TableContainer, TBody, Th, THead, Tr } from "@app/components/v2";
-import { OrgPermissionSubjects, useOrganization } from "@app/context";
-import { useGetOrgRole, useUpdateOrgRole } from "@app/hooks/api";
-import {
-  formRolePermission2API,
-  formSchema,
-  rolePermission2Form,
-  TFormSchema
-} from "@app/views/Org/RolePage/components/OrgRoleModifySection.utils";
-
-import { OrgPermissionAdminConsoleRow } from "./OrgPermissionAdminConsoleRow";
-import { OrgRoleWorkspaceRow } from "./OrgRoleWorkspaceRow";
-import { RolePermissionRow } from "./RolePermissionRow";
-
-const SIMPLE_PERMISSION_OPTIONS = [
-  {
-    title: "User Management",
-    formName: "member"
-  },
-  {
-    title: "Group Management",
-    formName: "groups"
-  },
-  {
-    title: "Machine Identity Management",
-    formName: "identity"
-  },
-  {
-    title: "Usage & Billing",
-    formName: "billing"
-  },
-  {
-    title: "Role Management",
-    formName: "role"
-  },
-  {
-    title: "Incident Contacts",
-    formName: "incident-contact"
-  },
-  {
-    title: "Audit Logs",
-    formName: "audit-logs"
-  },
-  {
-    title: "Organization Profile",
-    formName: "settings"
-  },
-  {
-    title: "Secret Scanning",
-    formName: "secret-scanning"
-  },
-  {
-    title: "SSO",
-    formName: "sso"
-  },
-  {
-    title: "LDAP",
-    formName: "ldap"
-  },
-  {
-    title: "SCIM",
-    formName: "scim"
-  },
-  {
-    title: "External KMS",
-    formName: OrgPermissionSubjects.Kms
-  },
-  { title: "Project Templates", formName: OrgPermissionSubjects.ProjectTemplates },
-  { title: "App Connections", formName: OrgPermissionSubjects.AppConnections }
-] as const;
-
-type Props = {
-  roleId: string;
-};
-
-export const RolePermissionsSection = ({ roleId }: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-
-  const { data: role } = useGetOrgRole(orgId, roleId);
-
-  const {
-    setValue,
-    control,
-    handleSubmit,
-    formState: { isDirty, isSubmitting },
-    reset
-  } = useForm<TFormSchema>({
-    defaultValues: role ? { ...role, permissions: rolePermission2Form(role.permissions) } : {},
-    resolver: zodResolver(formSchema)
-  });
-
-  const { mutateAsync: updateRole } = useUpdateOrgRole();
-
-  const onSubmit = async (el: TFormSchema) => {
-    try {
-      await updateRole({
-        orgId,
-        id: roleId,
-        ...el,
-        permissions: formRolePermission2API(el.permissions)
-      });
-      createNotification({ type: "success", text: "Successfully updated role" });
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to update role" });
-    }
-  };
-
-  const isCustomRole = !["admin", "member", "no-access"].includes(role?.slug ?? "");
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Permissions</h3>
-        {isCustomRole && (
-          <div className="flex items-center">
-            <Button
-              colorSchema="primary"
-              type="submit"
-              isDisabled={isSubmitting || !isDirty}
-              isLoading={isSubmitting}
-            >
-              Save
-            </Button>
-            <Button
-              className="ml-4 text-mineshaft-300"
-              variant="link"
-              isDisabled={isSubmitting || !isDirty}
-              isLoading={isSubmitting}
-              onClick={() => reset()}
-            >
-              Cancel
-            </Button>
-          </div>
-        )}
-      </div>
-      <div className="py-4">
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th className="w-5" />
-                <Th>Resource</Th>
-                <Th>Permission</Th>
-              </Tr>
-            </THead>
-            <TBody>
-              {SIMPLE_PERMISSION_OPTIONS.map((permission) => {
-                return (
-                  <RolePermissionRow
-                    title={permission.title}
-                    formName={permission.formName}
-                    control={control}
-                    setValue={setValue}
-                    key={`org-role-${roleId}-permission-${permission.formName}`}
-                    isEditable={isCustomRole}
-                  />
-                );
-              })}
-              <OrgRoleWorkspaceRow
-                control={control}
-                setValue={setValue}
-                isEditable={isCustomRole}
-              />
-              <OrgPermissionAdminConsoleRow
-                control={control}
-                setValue={setValue}
-                isEditable={isCustomRole}
-              />
-            </TBody>
-          </Table>
-        </TableContainer>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/index.tsx b/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/index.tsx
deleted file mode 100644
index 104e2144e..000000000
--- a/frontend-next/src/views/Org/RolePage/components/RolePermissionsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { RolePermissionsSection } from "./RolePermissionsSection";
diff --git a/frontend-next/src/views/Org/RolePage/components/index.tsx b/frontend-next/src/views/Org/RolePage/components/index.tsx
deleted file mode 100644
index 3f57cd670..000000000
--- a/frontend-next/src/views/Org/RolePage/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { RoleDetailsSection } from "./RoleDetailsSection";
-export { RoleModal } from "./RoleModal";
-export { RolePermissionsSection } from "./RolePermissionsSection";
diff --git a/frontend-next/src/views/Org/RolePage/index.tsx b/frontend-next/src/views/Org/RolePage/index.tsx
deleted file mode 100644
index 71e7114fc..000000000
--- a/frontend-next/src/views/Org/RolePage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { RolePage } from "./RolePage";
diff --git a/frontend-next/src/views/Org/Types/TabSections.ts b/frontend-next/src/views/Org/Types/TabSections.ts
deleted file mode 100644
index 0ddfc4452..000000000
--- a/frontend-next/src/views/Org/Types/TabSections.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export enum TabSections {
-  Member = "members",
-  Groups = "groups",
-  Roles = "roles",
-  Identities = "identities"
-}
-
-export const isTabSection = (value: string): value is TabSections => {
-  return (Object.values(TabSections) as string[]).includes(value);
-};
diff --git a/frontend-next/src/views/Org/Types/index.ts b/frontend-next/src/views/Org/Types/index.ts
deleted file mode 100644
index 8fa062aa1..000000000
--- a/frontend-next/src/views/Org/Types/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { isTabSection,TabSections } from "./TabSections";
-
-export { isTabSection,TabSections };
diff --git a/frontend-next/src/views/Org/UserPage/UserPage.tsx b/frontend-next/src/views/Org/UserPage/UserPage.tsx
deleted file mode 100644
index 81b5ff058..000000000
--- a/frontend-next/src/views/Org/UserPage/UserPage.tsx
+++ /dev/null
@@ -1,299 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis, faFolder, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useUser
-} from "@app/context";
-import { withPermission } from "@app/hoc";
-import {
-  useDeleteOrgMembership,
-  useGetOrgMembership,
-  useUpdateOrgMembership
-} from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { TabSections } from "@app/views/Org/Types";
-
-import { UserAuditLogsSection } from "./components/UserProjectsSection/UserAuditLogsSection";
-import { UserGroupsSection } from "./components/UserProjectsSection/UserGroupsSection";
-import { UserDetailsSection, UserOrgMembershipModal, UserProjectsSection } from "./components";
-
-export const UserPage = withPermission(
-  () => {
-    const router = useRouter();
-    const membershipId = router.query.membershipId as string;
-    const { user } = useUser();
-    const { currentOrg } = useOrganization();
-
-    const userId = user?.id || "";
-    const orgId = currentOrg?.id || "";
-
-    const { data: membership } = useGetOrgMembership(orgId, membershipId);
-
-    const { mutateAsync: deleteOrgMembership } = useDeleteOrgMembership();
-    const { mutateAsync: updateOrgMembership } = useUpdateOrgMembership();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "removeMember",
-      "orgMembership",
-      "deactivateMember",
-      "upgradePlan"
-    ] as const);
-
-    const onDeactivateMemberSubmit = async (orgMembershipId: string) => {
-      try {
-        await updateOrgMembership({
-          organizationId: orgId,
-          membershipId: orgMembershipId,
-          isActive: false
-        });
-
-        createNotification({
-          text: "Successfully deactivated user in organization",
-          type: "success"
-        });
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to deactivate user in organization",
-          type: "error"
-        });
-      }
-
-      handlePopUpClose("deactivateMember");
-    };
-
-    const onRemoveMemberSubmit = async (orgMembershipId: string) => {
-      try {
-        await deleteOrgMembership({
-          orgId,
-          membershipId: orgMembershipId
-        });
-
-        createNotification({
-          text: "Successfully removed user from org",
-          type: "success"
-        });
-
-        handlePopUpClose("removeMember");
-        router.push(`/org/${orgId}/members?selectedTab=${TabSections.Member}`);
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to remove user from the organization",
-          type: "error"
-        });
-      }
-
-      handlePopUpClose("removeMember");
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {membership && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => {
-                router.push(`/org/${orgId}/members?selectedTab=${TabSections.Member}`);
-              }}
-              className="mb-4"
-            >
-              Users
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">
-                {membership.user.firstName || membership.user.lastName
-                  ? `${membership.user.firstName} ${membership.user.lastName ?? ""}`.trim()
-                  : "-"}
-              </p>
-              {userId !== membership.user.id && (
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild className="rounded-lg">
-                    <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                      <Tooltip content="More options">
-                        <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                      </Tooltip>
-                    </div>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="start" className="p-1">
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.Identity}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={twMerge(
-                            !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                          )}
-                          onClick={() =>
-                            handlePopUpOpen("orgMembership", {
-                              membershipId: membership.id,
-                              role: membership.role,
-                              roleId: membership.roleId
-                            })
-                          }
-                          disabled={!isAllowed}
-                        >
-                          Edit User
-                        </DropdownMenuItem>
-                      )}
-                    </OrgPermissionCan>
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Delete}
-                      a={OrgPermissionSubjects.Member}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={
-                            membership.isActive
-                              ? twMerge(
-                                  isAllowed
-                                    ? "hover:!bg-red-500 hover:!text-white"
-                                    : "pointer-events-none cursor-not-allowed opacity-50"
-                                )
-                              : ""
-                          }
-                          onClick={async () => {
-                            if (currentOrg?.scimEnabled) {
-                              createNotification({
-                                text: "You cannot manage users from Infisical when SCIM is enabled for your organization",
-                                type: "error"
-                              });
-                              return;
-                            }
-
-                            if (!membership.isActive) {
-                              // activate user
-                              await updateOrgMembership({
-                                organizationId: orgId,
-                                membershipId,
-                                isActive: true
-                              });
-
-                              return;
-                            }
-
-                            // deactivate user
-                            handlePopUpOpen("deactivateMember", {
-                              orgMembershipId: membershipId,
-                              username: membership.user.username
-                            });
-                          }}
-                          disabled={!isAllowed}
-                        >
-                          {`${membership.isActive ? "Deactivate" : "Activate"} User`}
-                        </DropdownMenuItem>
-                      )}
-                    </OrgPermissionCan>
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Delete}
-                      a={OrgPermissionSubjects.Member}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={twMerge(
-                            isAllowed
-                              ? "hover:!bg-red-500 hover:!text-white"
-                              : "pointer-events-none cursor-not-allowed opacity-50"
-                          )}
-                          onClick={() => {
-                            if (currentOrg?.scimEnabled) {
-                              createNotification({
-                                text: "You cannot manage users from Infisical when SCIM is enabled for your organization",
-                                type: "error"
-                              });
-                              return;
-                            }
-
-                            handlePopUpOpen("removeMember", {
-                              orgMembershipId: membershipId,
-                              username: membership.user.username
-                            });
-                          }}
-                          disabled={!isAllowed}
-                        >
-                          Remove User
-                        </DropdownMenuItem>
-                      )}
-                    </OrgPermissionCan>
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              )}
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <UserDetailsSection membershipId={membershipId} handlePopUpOpen={handlePopUpOpen} />
-              </div>
-              <div className="w-full space-y-2">
-                <div className="w-full space-y-4">
-                  <UserProjectsSection membershipId={membershipId} />
-                  <UserGroupsSection orgMembership={membership} />
-                  <UserAuditLogsSection orgMembership={membership} />
-                </div>
-              </div>
-            </div>
-          </div>
-        )}
-        <DeleteActionModal
-          isOpen={popUp.removeMember.isOpen}
-          title={`Are you sure want to remove member with username ${
-            (popUp?.removeMember?.data as { username: string })?.username || ""
-          }?`}
-          onChange={(isOpen) => handlePopUpToggle("removeMember", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onRemoveMemberSubmit(
-              (popUp?.removeMember?.data as { orgMembershipId: string })?.orgMembershipId
-            )
-          }
-        />
-        <DeleteActionModal
-          isOpen={popUp.deactivateMember.isOpen}
-          title={`Are you sure want to deactivate member with username ${
-            (popUp?.deactivateMember?.data as { username: string })?.username || ""
-          }?`}
-          onChange={(isOpen) => handlePopUpToggle("deactivateMember", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onDeactivateMemberSubmit(
-              (popUp?.deactivateMember?.data as { orgMembershipId: string })?.orgMembershipId
-            )
-          }
-          buttonText="Deactivate"
-        />
-
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text={(popUp.upgradePlan?.data as { description: string })?.description}
-        />
-        <UserOrgMembershipModal
-          popUp={popUp}
-          handlePopUpOpen={handlePopUpOpen}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Member }
-);
diff --git a/frontend-next/src/views/Org/UserPage/components/UserDetailsSection.tsx b/frontend-next/src/views/Org/UserPage/components/UserDetailsSection.tsx
deleted file mode 100644
index 863a2745f..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserDetailsSection.tsx
+++ /dev/null
@@ -1,228 +0,0 @@
-import {
-  faCheck,
-  faCheckCircle,
-  faCircleXmark,
-  faCopy,
-  faKey,
-  faPencil
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, IconButton, Tag, Tooltip } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useUser
-} from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import {
-  useAddUsersToOrg,
-  useFetchServerStatus,
-  useGetOrgMembership,
-  useGetOrgRoles
-} from "@app/hooks/api";
-import { OrgUser } from "@app/hooks/api/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  membershipId: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["orgMembership"]>, data?: {}) => void;
-};
-
-export const UserDetailsSection = ({ membershipId, handlePopUpOpen }: Props) => {
-  const [copyTextUsername, isCopyingUsername, setCopyTextUsername] = useTimedReset<string>({
-    initialState: "Copy username to clipboard"
-  });
-
-  const { user } = useUser();
-  const { currentOrg } = useOrganization();
-  const userId = user?.id || "";
-  const orgId = currentOrg?.id || "";
-
-  const { data: roles } = useGetOrgRoles(orgId);
-  const { data: serverDetails } = useFetchServerStatus();
-  const { data: membership } = useGetOrgMembership(orgId, membershipId);
-  const { mutateAsync: inviteUsers, isLoading } = useAddUsersToOrg();
-
-  const onResendInvite = async (email: string) => {
-    try {
-      const { data } = await inviteUsers({
-        organizationId: orgId,
-        inviteeEmails: [email],
-        organizationRoleSlug: "member"
-      });
-
-      //   setCompleteInviteLink(data?.completeInviteLink || "");
-
-      if (!data.completeInviteLinks) {
-        createNotification({
-          text: `Successfully resent invite to ${email}`,
-          type: "success"
-        });
-      }
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to resend invite to ${email}`,
-        type: "error"
-      });
-    }
-  };
-
-  const getStatus = (m: OrgUser) => {
-    if (!m.isActive) {
-      return "Deactivated";
-    }
-
-    return m.status === "invited" ? "Invited" : "Active";
-  };
-
-  const roleName = roles?.find((r) => r.slug === membership?.role)?.name;
-
-  return membership ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">User Details</h3>
-        {userId !== membership.user.id && (
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Identity}>
-            {(isAllowed) => {
-              return (
-                <Tooltip content="Edit Membership">
-                  <IconButton
-                    isDisabled={!isAllowed}
-                    ariaLabel="copy icon"
-                    variant="plain"
-                    className="group relative"
-                    onClick={() => {
-                      handlePopUpOpen("orgMembership", {
-                        membershipId: membership.id,
-                        role: membership.role,
-                        roleId: membership.roleId,
-                        metadata: membership.metadata
-                      });
-                    }}
-                  >
-                    <FontAwesomeIcon icon={faPencil} />
-                  </IconButton>
-                </Tooltip>
-              );
-            }}
-          </OrgPermissionCan>
-        )}
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-          <p className="text-sm text-mineshaft-300">
-            {membership.user.firstName || membership.user.lastName
-              ? `${membership.user.firstName} ${membership.user.lastName ?? ""}`.trim()
-              : "-"}
-          </p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Username</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{membership.user.username}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextUsername}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText("");
-                    setCopyTextUsername("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingUsername ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Email</p>
-          <div className="flex items-center">
-            <p className="mr-2 text-sm text-mineshaft-300">{membership.user.email ?? "-"}</p>
-            <Tooltip
-              content={
-                membership.user.isEmailVerified
-                  ? "Email has been verified"
-                  : "Email has not been verified"
-              }
-            >
-              <FontAwesomeIcon
-                size="sm"
-                icon={membership.user.isEmailVerified ? faCheckCircle : faCircleXmark}
-              />
-            </Tooltip>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Organization Role</p>
-          <p className="text-sm text-mineshaft-300">{roleName ?? "-"}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Status</p>
-          <p className="text-sm text-mineshaft-300">{getStatus(membership)}</p>
-        </div>
-        <div>
-          <p className="text-sm font-semibold text-mineshaft-300">Metadata</p>
-          {membership?.metadata?.length ? (
-            <div className="mt-1 flex flex-wrap gap-2 text-sm text-mineshaft-300">
-              {membership.metadata?.map((el) => (
-                <div key={el.id} className="flex items-center">
-                  <Tag
-                    size="xs"
-                    className="mr-0 flex items-center rounded-r-none border border-mineshaft-500"
-                  >
-                    <FontAwesomeIcon icon={faKey} size="xs" className="mr-1" />
-                    <div>{el.key}</div>
-                  </Tag>
-                  <Tag
-                    size="xs"
-                    className="flex items-center rounded-l-none border border-mineshaft-500 bg-mineshaft-900 pl-1"
-                  >
-                    <div className="max-w-[150px] overflow-hidden text-ellipsis whitespace-nowrap">
-                      {el.value}
-                    </div>
-                  </Tag>
-                </div>
-              ))}
-            </div>
-          ) : (
-            <p className="text-sm text-mineshaft-300">-</p>
-          )}
-        </div>
-        {membership.isActive &&
-          (membership.status === "invited" || membership.status === "verified") &&
-          membership.user.email &&
-          serverDetails?.emailConfigured && (
-            <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Identity}>
-              {(isAllowed) => {
-                return (
-                  <Button
-                    isDisabled={!isAllowed}
-                    className="mt-4 w-full"
-                    colorSchema="primary"
-                    type="submit"
-                    isLoading={isLoading}
-                    onClick={() => {
-                      onResendInvite(membership.user.email as string);
-                    }}
-                  >
-                    Resend Invite
-                  </Button>
-                );
-              }}
-            </OrgPermissionCan>
-          )}
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserOrgMembershipModal.tsx b/frontend-next/src/views/Org/UserPage/components/UserOrgMembershipModal.tsx
deleted file mode 100644
index 289553ba8..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserOrgMembershipModal.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { SingleValue } from "react-select";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent
-} from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import { findOrgMembershipRole, isCustomOrgRole } from "@app/helpers/roles";
-import { useGetOrgRoles, useUpdateOrgMembership } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  role: z.object({ name: z.string(), slug: z.string() }),
-  metadata: z
-    .object({
-      key: z.string().trim().min(1),
-      value: z.string().trim().min(1)
-    })
-    .array()
-    .optional()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["orgMembership"]>;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["upgradePlan"]>, data?: {}) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["orgMembership"]>, state?: boolean) => void;
-};
-
-export const UserOrgMembershipModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Props) => {
-  const { subscription } = useSubscription();
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-
-  const { data: roles = [] } = useGetOrgRoles(orgId);
-
-  const { mutateAsync: updateOrgMembership } = useUpdateOrgMembership();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const metadataFormFields = useFieldArray({
-    control,
-    name: "metadata"
-  });
-
-  const popUpData = popUp?.orgMembership?.data as {
-    membershipId: string;
-    role: string;
-    roleId?: string;
-    metadata: { key: string; value: string }[];
-  };
-
-  useEffect(() => {
-    if (!roles?.length) return;
-
-    if (popUpData) {
-      reset({
-        role: findOrgMembershipRole(roles, popUpData.roleId ?? popUpData.role),
-        metadata: popUpData.metadata
-      });
-    } else {
-      reset({
-        role: findOrgMembershipRole(roles, currentOrg!.defaultMembershipRole!)
-      });
-    }
-  }, [popUp?.orgMembership?.data, roles]);
-
-  const onFormSubmit = async ({ role, metadata }: FormData) => {
-    try {
-      if (!orgId) return;
-
-      await updateOrgMembership({
-        organizationId: orgId,
-        membershipId: popUpData.membershipId,
-        role: role.slug,
-        metadata
-      });
-
-      handlePopUpToggle("orgMembership", false);
-
-      createNotification({
-        text: "Successfully updated user organization role",
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to update user organization role";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.orgMembership?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("orgMembership", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent bodyClassName="overflow-visible" title="Update Membership">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="role"
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <FormControl
-                label="Update Organization Role"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <FilterableSelect
-                  placeholder="Select role..."
-                  options={roles}
-                  onChange={(newValue) => {
-                    const role = newValue as SingleValue<(typeof roles)[number]>;
-
-                    if (!role) return;
-
-                    const isCustomRole = isCustomOrgRole(role.slug);
-
-                    if (isCustomRole && subscription && !subscription?.rbac) {
-                      handlePopUpOpen("upgradePlan", {
-                        description:
-                          "You can assign custom roles to members if you upgrade your Infisical plan."
-                      });
-                      return;
-                    }
-
-                    onChange(role);
-                  }}
-                  value={value}
-                  getOptionValue={(option) => option.slug}
-                  getOptionLabel={(option) => option.name}
-                />
-              </FormControl>
-            )}
-          />
-          <div>
-            <FormLabel label="Metadata" />
-          </div>
-          <div className="mb-3 flex flex-col space-y-2">
-            {metadataFormFields.fields.map(({ id: metadataFieldId }, i) => (
-              <div key={metadataFieldId} className="flex items-end space-x-2">
-                <div className="flex-grow">
-                  {i === 0 && <span className="text-xs text-mineshaft-400">Key</span>}
-                  <Controller
-                    control={control}
-                    name={`metadata.${i}.key`}
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        className="mb-0"
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <div className="flex-grow">
-                  {i === 0 && (
-                    <FormLabel label="Value" className="text-xs text-mineshaft-400" isOptional />
-                  )}
-                  <Controller
-                    control={control}
-                    name={`metadata.${i}.value`}
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        className="mb-0"
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <IconButton
-                  ariaLabel="delete key"
-                  className="bottom-0.5 h-9"
-                  variant="outline_bg"
-                  onClick={() => metadataFormFields.remove(i)}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </div>
-            ))}
-            <div className="mt-2 flex justify-end">
-              <Button
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                size="xs"
-                variant="outline_bg"
-                onClick={() => metadataFormFields.append({ key: "", value: "" })}
-              >
-                Add Key
-              </Button>
-            </div>
-          </div>
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Update
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("orgMembership", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserAddToProjectModal.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserAddToProjectModal.tsx
deleted file mode 100644
index 713411ec2..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserAddToProjectModal.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Modal, ModalContent, Select, SelectItem } from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import { useAddUserToWsNonE2EE, useGetOrgMembershipProjectMemberships } from "@app/hooks/api";
-import { ProjectVersion } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    projectId: z.string()
-  })
-  .required();
-
-type FormData = z.infer<typeof schema>;
-
-type Props = {
-  membershipId: string;
-  popUp: UsePopUpState<["addUserToProject"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["addUserToProject"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const UserAddToProjectModal = ({ membershipId, popUp, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const { workspaces } = useWorkspace();
-
-  const { mutateAsync: addUserToWorkspaceNonE2EE } = useAddUserToWsNonE2EE();
-
-  const popupData = popUp.addUserToProject.data as {
-    username: string;
-  };
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const { data: projectMemberships } = useGetOrgMembershipProjectMemberships(orgId, membershipId);
-
-  const filteredWorkspaces = useMemo(() => {
-    const wsWorkspaceIds = new Map();
-
-    projectMemberships?.forEach((projectMembership) => {
-      wsWorkspaceIds.set(projectMembership.project.id, true);
-    });
-
-    return (workspaces || []).filter(
-      ({ id, orgId: projectOrgId, version }) =>
-        !wsWorkspaceIds.has(id) && projectOrgId === currentOrg?.id && version !== ProjectVersion.V1
-    );
-  }, [workspaces, projectMemberships]);
-
-  const onFormSubmit = async ({ projectId }: FormData) => {
-    try {
-      await addUserToWorkspaceNonE2EE({
-        projectId,
-        usernames: [popupData.username],
-        orgId
-      });
-
-      createNotification({
-        text: "Successfully added user to project",
-        type: "success"
-      });
-
-      reset();
-      handlePopUpToggle("addUserToProject", false);
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to add identity to project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.addUserToProject?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addUserToProject", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Add User to Project">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="projectId"
-            defaultValue=""
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl label="Project" errorText={error?.message} isError={Boolean(error)}>
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {(filteredWorkspaces || []).map(({ id, name }) => (
-                    <SelectItem value={id} key={`project-${id}`}>
-                      {name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Add
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("addUserToProject", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserAuditLogsSection.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserAuditLogsSection.tsx
deleted file mode 100644
index a77e5eb4f..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserAuditLogsSection.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useState } from "react";
-import Link from "next/link";
-import { faFilter } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { EmptyState, IconButton, Tooltip } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useSubscription } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { OrgUser } from "@app/hooks/api/types";
-import { LogsSection } from "@app/views/Org/AuditLogsPage/components";
-
-type Props = {
-  orgMembership: OrgUser;
-};
-
-export const UserAuditLogsSection = withPermission(
-  ({ orgMembership }: Props) => {
-    const [showFilter, setShowFilter] = useState(false);
-    const { subscription, isLoading } = useSubscription();
-
-    // eslint-disable-next-line no-nested-ternary
-    return subscription?.auditLogs ? (
-      <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-          <p className="text-lg font-semibold text-gray-200">Audit Logs</p>
-
-          <Tooltip content="Show audit log filters">
-            <IconButton
-              colorSchema="primary"
-              ariaLabel="copy icon"
-              variant="plain"
-              className="group relative"
-              onClick={() => setShowFilter(!showFilter)}
-            >
-              <div className="flex items-center space-x-2">
-                <p>Filter</p>
-                <FontAwesomeIcon icon={faFilter} />
-              </div>
-            </IconButton>
-          </Tooltip>
-        </div>
-        <LogsSection
-          showFilters={showFilter}
-          filterClassName="bg-mineshaft-900 static"
-          presets={{
-            actorId: orgMembership.user.id
-          }}
-          isOrgAuditLogs
-        />
-      </div>
-    ) : !isLoading ? (
-      <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-          <p className="text-lg font-semibold text-gray-200">Audit Logs</p>
-        </div>
-        <EmptyState
-          className="rounded-lg"
-          title={
-            <div>
-              <p>
-                Please{" "}
-                <Link
-                  href={
-                    subscription && subscription.slug !== null
-                      ? `/org/${orgMembership.organization}/billing`
-                      : "https://infisical.com/scheduledemo"
-                  }
-                  passHref
-                >
-                  <a
-                    className="cursor-pointer font-medium text-primary-500 transition-all hover:text-primary-600"
-                    target="_blank"
-                  >
-                    upgrade your subscription
-                  </a>
-                </Link>{" "}
-                to view audit logs for this user
-              </p>
-            </div>
-          }
-        />
-      </div>
-    ) : null;
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Member }
-);
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsRow.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsRow.tsx
deleted file mode 100644
index 3287cabae..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsRow.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-/* eslint-disable react/jsx-no-useless-fragment */
-import { faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { IconButton, Td, Tooltip, Tr } from "@app/components/v2";
-import { TGroupWithProjectMemberships } from "@app/hooks/api/groups/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  group: TGroupWithProjectMemberships;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["removeUserFromGroup"]>, data?: {}) => void;
-};
-
-export const UserGroupsRow = ({ group, handlePopUpOpen }: Props) => {
-  return (
-    <>
-      <Tr
-        className="group h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-        key={`user-project-membership-${group.id}`}
-      >
-        <Td>{group.name}</Td>
-        <Td>
-          <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-            <Tooltip content="Unassign user from group">
-              <IconButton
-                colorSchema="danger"
-                ariaLabel="copy icon"
-                variant="plain"
-                className="group relative"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handlePopUpOpen("removeUserFromGroup", {
-                    groupId: group.id,
-                    groupSlug: group.slug
-                  });
-                }}
-              >
-                <FontAwesomeIcon icon={faTrash} />
-              </IconButton>
-            </Tooltip>
-          </div>
-        </Td>
-      </Tr>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsSection.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsSection.tsx
deleted file mode 100644
index 3947c6ddc..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsSection.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useCallback } from "react";
-
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal } from "@app/components/v2";
-import { useRemoveUserFromGroup } from "@app/hooks/api";
-import { OrgUser } from "@app/hooks/api/users/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { UserGroupsTable } from "./UserGroupsTable";
-
-type Props = {
-  orgMembership: OrgUser;
-};
-
-export const UserGroupsSection = ({ orgMembership }: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "removeUserFromGroup"
-  ] as const);
-
-  const { mutateAsync: removeUserFromGroup } = useRemoveUserFromGroup();
-
-  const handleRemoveUserFromGroup = useCallback(async (groupId: string, groupSlug: string) => {
-    try {
-      await removeUserFromGroup({
-        groupId,
-        slug: groupSlug,
-        username: orgMembership.user.username
-      });
-
-      createNotification({
-        type: "success",
-        text: "User removed from group successfully"
-      });
-
-      handlePopUpClose("removeUserFromGroup");
-    } catch (error) {
-      createNotification({
-        type: "error",
-        text: "Failed to remove user from group"
-      });
-    }
-  }, []);
-
-  return (
-    <>
-      <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-          <h3 className="text-lg font-semibold text-mineshaft-100">Groups</h3>
-        </div>
-
-        <UserGroupsTable orgMembership={orgMembership} handlePopUpOpen={handlePopUpOpen} />
-      </div>
-
-      <DeleteActionModal
-        isOpen={popUp.removeUserFromGroup.isOpen}
-        title="Are you sure want to unassign user from group?"
-        onChange={(isOpen) => handlePopUpToggle("removeUserFromGroup", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() => {
-          const popupData = popUp?.removeUserFromGroup?.data as {
-            groupId: string;
-            groupSlug: string;
-          };
-
-          return handleRemoveUserFromGroup(popupData.groupId, popupData.groupSlug);
-        }}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsTable.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsTable.tsx
deleted file mode 100644
index af136d7ff..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserGroupsTable.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faMagnifyingGlass,
-  faSearch,
-  faUser
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { OrgUser } from "@app/hooks/api/types";
-import { useListUserGroupMemberships } from "@app/hooks/api/users/queries";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { UserGroupsRow } from "./UserGroupsRow";
-
-type Props = {
-  orgMembership: OrgUser;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["removeUserFromGroup"]>, data?: {}) => void;
-};
-
-enum UserGroupsOrderBy {
-  Name = "name"
-}
-
-export const UserGroupsTable = ({ handlePopUpOpen, orgMembership }: Props) => {
-  const { data: groupMemberships = [], isLoading } = useListUserGroupMemberships(
-    orgMembership.user.username
-  );
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection
-  } = usePagination(UserGroupsOrderBy.Name, { initPerPage: 10 });
-
-  const filteredGroupMemberships = useMemo(
-    () =>
-      groupMemberships
-        .filter((group) => group.name.toLowerCase().includes(search.trim().toLowerCase()))
-        .sort((a, b) => {
-          const [membershipOne, membershipTwo] =
-            orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          return membershipOne.name.toLowerCase().localeCompare(membershipTwo.name.toLowerCase());
-        }),
-    [groupMemberships, orderDirection, search]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredGroupMemberships.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search groups..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-full">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className="ml-2"
-                    ariaLabel="sort"
-                    onClick={toggleOrderDirection}
-                  >
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {filteredGroupMemberships.slice(offset, perPage * page).map((group) => (
-              <UserGroupsRow
-                key={`user-group-${group.id}`}
-                group={group}
-                handlePopUpOpen={handlePopUpOpen}
-              />
-            ))}
-          </TBody>
-        </Table>
-        {Boolean(filteredGroupMemberships.length) && (
-          <Pagination
-            count={filteredGroupMemberships.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredGroupMemberships?.length && (
-          <EmptyState
-            title={
-              groupMemberships.length
-                ? "No groups match search..."
-                : "This user has not been assigned to any groups"
-            }
-            icon={groupMemberships.length ? faSearch : faUser}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectRow.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectRow.tsx
deleted file mode 100644
index b7f952b81..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectRow.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import { useMemo } from "react";
-import { useRouter } from "next/router";
-import { faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { IconButton, Tag, Td, Tooltip, Tr } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { TabSections } from "@app/views/Org/Types";
-
-type Props = {
-  membership: TWorkspaceUser;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["removeUserFromProject"]>, data?: {}) => void;
-};
-
-const formatRoleName = (role: string, customRoleName?: string) => {
-  if (role === ProjectMembershipRole.Custom) return customRoleName;
-  if (role === ProjectMembershipRole.Admin) return "Admin";
-  if (role === ProjectMembershipRole.Member) return "Developer";
-  if (role === ProjectMembershipRole.Viewer) return "Viewer";
-  if (role === ProjectMembershipRole.NoAccess) return "No Access";
-  return role;
-};
-
-export const UserProjectRow = ({
-  membership: { id, project, user, roles },
-  handlePopUpOpen
-}: Props) => {
-  const { workspaces } = useWorkspace();
-  const router = useRouter();
-
-  const isAccessible = useMemo(() => {
-    const workspaceIds = new Map();
-
-    workspaces?.forEach((workspace) => {
-      workspaceIds.set(workspace.id, true);
-    });
-
-    return workspaceIds.has(project.id);
-  }, [workspaces, project]);
-
-  return (
-    <Tr
-      className="group h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-      key={`user-project-membership-${id}`}
-      onClick={() => {
-        if (isAccessible) {
-          router.push(`/${project.type}/${project.id}/members?selectedTab=${TabSections.Member}`);
-          return;
-        }
-
-        createNotification({
-          text: "Unable to access project",
-          type: "error"
-        });
-      }}
-    >
-      <Td className="max-w-0 truncate">{project.name}</Td>
-      <Td>
-        <Tag size="xs">{project.type}</Tag>
-      </Td>
-      <Td>{`${formatRoleName(roles[0].role, roles[0].customRoleName)}${
-        roles.length > 1 ? ` (+${roles.length - 1})` : ""
-      }`}</Td>
-      <Td>
-        {isAccessible && (
-          <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-            <Tooltip content="Remove">
-              <IconButton
-                colorSchema="danger"
-                ariaLabel="copy icon"
-                variant="plain"
-                className="group relative"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handlePopUpOpen("removeUserFromProject", {
-                    username: user.username,
-                    projectId: project.id,
-                    projectName: project.name
-                  });
-                }}
-              >
-                <FontAwesomeIcon icon={faTrash} />
-              </IconButton>
-            </Tooltip>
-          </div>
-        )}
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectsSection.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectsSection.tsx
deleted file mode 100644
index c93e1fa8b..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectsSection.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal, IconButton } from "@app/components/v2";
-import { useOrganization, useUser } from "@app/context";
-import { useDeleteUserFromWorkspace, useGetOrgMembership } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { UserAddToProjectModal } from "./UserAddToProjectModal";
-import { UserProjectsTable } from "./UserProjectsTable";
-
-type Props = {
-  membershipId: string;
-};
-
-export const UserProjectsSection = ({ membershipId }: Props) => {
-  const { user } = useUser();
-  const { currentOrg } = useOrganization();
-
-  const userId = user?.id || "";
-  const orgId = currentOrg?.id || "";
-
-  const { data: membership } = useGetOrgMembership(orgId, membershipId);
-
-  const { mutateAsync: removeUserFromWorkspace } = useDeleteUserFromWorkspace();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addUserToProject",
-    "removeUserFromProject"
-  ] as const);
-
-  const handleRemoveUser = async (projectId: string, username: string) => {
-    try {
-      await removeUserFromWorkspace({ workspaceId: projectId, usernames: [username], orgId });
-      createNotification({
-        text: "Successfully removed user from project",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to remove user from the project",
-        type: "error"
-      });
-    }
-    handlePopUpClose("removeUserFromProject");
-  };
-
-  return membership ? (
-    <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Projects</h3>
-        {userId !== membership.user.id && membership.status !== "invited" && (
-          <IconButton
-            ariaLabel="copy icon"
-            variant="plain"
-            className="group relative"
-            onClick={() => {
-              handlePopUpOpen("addUserToProject", {
-                username: membership.user.username
-              });
-            }}
-          >
-            <FontAwesomeIcon icon={faPlus} />
-          </IconButton>
-        )}
-      </div>
-      <div className="py-4">
-        <UserProjectsTable membershipId={membershipId} handlePopUpOpen={handlePopUpOpen} />
-      </div>
-      <UserAddToProjectModal
-        membershipId={membershipId}
-        popUp={popUp}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <DeleteActionModal
-        isOpen={popUp.removeUserFromProject.isOpen}
-        deleteKey="remove"
-        title={`Do you want to remove this user from ${
-          (popUp?.removeUserFromProject?.data as { projectName: string })?.projectName || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("removeUserFromProject", isOpen)}
-        onDeleteApproved={() => {
-          const popupData = popUp?.removeUserFromProject?.data as {
-            username: string;
-            projectId: string;
-            projectName: string;
-          };
-
-          return handleRemoveUser(popupData.projectId, popupData.username);
-        }}
-      />
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectsTable.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectsTable.tsx
deleted file mode 100644
index f4672a123..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/UserProjectsTable.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faFolder,
-  faMagnifyingGlass,
-  faSearch
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetOrgMembershipProjectMemberships } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { UserProjectRow } from "./UserProjectRow";
-
-type Props = {
-  membershipId: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["removeUserFromProject"]>, data?: {}) => void;
-};
-
-enum UserProjectsOrderBy {
-  Name = "Name"
-}
-
-export const UserProjectsTable = ({ membershipId, handlePopUpOpen }: Props) => {
-  const { currentOrg } = useOrganization();
-  const orgId = currentOrg?.id || "";
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection
-  } = usePagination(UserProjectsOrderBy.Name, { initPerPage: 10 });
-
-  const { data: projectMemberships = [], isLoading } = useGetOrgMembershipProjectMemberships(
-    orgId,
-    membershipId
-  );
-
-  const filteredProjectMemberships = useMemo(
-    () =>
-      projectMemberships
-        ?.filter((membership) =>
-          membership.project.name.toLowerCase().includes(search.trim().toLowerCase())
-        )
-        .sort((a, b) => {
-          const [membershipOne, membershipTwo] =
-            orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          return membershipOne.project.name
-            .toLowerCase()
-            .localeCompare(membershipTwo.project.name.toLowerCase());
-        }),
-    [projectMemberships, orderDirection, search]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredProjectMemberships.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search projects..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-2/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className="ml-2"
-                    ariaLabel="sort"
-                    onClick={toggleOrderDirection}
-                  >
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>Type</Th>
-              <Th>Role</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={3} innerKey="user-project-memberships" />}
-            {!isLoading &&
-              filteredProjectMemberships.slice(offset, perPage * page).map((membership) => {
-                return (
-                  <UserProjectRow
-                    key={`user-project-membership-${membership.id}`}
-                    membership={membership}
-                    handlePopUpOpen={handlePopUpOpen}
-                  />
-                );
-              })}
-          </TBody>
-        </Table>
-        {Boolean(filteredProjectMemberships.length) && (
-          <Pagination
-            count={filteredProjectMemberships.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredProjectMemberships?.length && (
-          <EmptyState
-            title={
-              projectMemberships.length
-                ? "No projects match search..."
-                : "This user has not been assigned to any projects"
-            }
-            icon={projectMemberships.length ? faSearch : faFolder}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/index.tsx b/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/index.tsx
deleted file mode 100644
index b298679d5..000000000
--- a/frontend-next/src/views/Org/UserPage/components/UserProjectsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { UserProjectsSection } from "./UserProjectsSection";
diff --git a/frontend-next/src/views/Org/UserPage/components/index.tsx b/frontend-next/src/views/Org/UserPage/components/index.tsx
deleted file mode 100644
index 6b13786d4..000000000
--- a/frontend-next/src/views/Org/UserPage/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { UserDetailsSection } from "./UserDetailsSection";
-export { UserOrgMembershipModal } from "./UserOrgMembershipModal";
-export { UserProjectsSection } from "./UserProjectsSection";
diff --git a/frontend-next/src/views/Org/UserPage/index.tsx b/frontend-next/src/views/Org/UserPage/index.tsx
deleted file mode 100644
index 3338fc5e4..000000000
--- a/frontend-next/src/views/Org/UserPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { UserPage } from "./UserPage";
diff --git a/frontend-next/src/views/Org/components/CreateOrgModal.tsx b/frontend-next/src/views/Org/components/CreateOrgModal.tsx
deleted file mode 100644
index faa02eccd..000000000
--- a/frontend-next/src/views/Org/components/CreateOrgModal.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { FC } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useCreateOrg, useGetOrganizations, useSelectOrganization } from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-const schema = z
-  .object({
-    name: z.string().nonempty({ message: "Name is required" })
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-interface CreateOrgModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-}
-
-export const CreateOrgModal: FC<CreateOrgModalProps> = ({ isOpen, onClose }) => {
-  const router = useRouter();
-
-  const { refetch: refetchOrganizations } = useGetOrganizations();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      name: ""
-    }
-  });
-
-  const { mutateAsync: createOrg } = useCreateOrg({
-    invalidate: false
-  });
-  const { mutateAsync: selectOrg } = useSelectOrganization();
-
-  const onFormSubmit = async ({ name }: FormData) => {
-    try {
-      const organization = await createOrg({
-        name
-      });
-
-      await selectOrg({
-        organizationId: organization.id,
-        forceSetCredentials: true
-      });
-
-      await refetchOrganizations();
-
-      createNotification({
-        text: "Successfully created organization",
-        type: "success"
-      });
-
-      if (router.isReady)
-        router.push(`/org/${organization.id}/${ProjectType.SecretManager}/overview`);
-      else window.location.href = `/org/${organization.id}/${ProjectType.SecretManager}/overview`;
-
-      reset();
-      onClose();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to created organization",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal isOpen={isOpen}>
-      <ModalContent
-        title="Create Organization"
-        subTitle="Looks like you're not part of any organizations. Create one to start using Infisical"
-      >
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Name" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="Acme Corp" />
-              </FormControl>
-            )}
-          />
-          <div className="flex w-full gap-4">
-            <Button
-              className=""
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Create
-            </Button>
-            <Button className="" size="sm" variant="outline_bg" type="button" onClick={onClose}>
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Org/components/index.tsx b/frontend-next/src/views/Org/components/index.tsx
deleted file mode 100644
index 7b794731a..000000000
--- a/frontend-next/src/views/Org/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CreateOrgModal } from "./CreateOrgModal";
diff --git a/frontend-next/src/views/OrgAdminPage/OrgAdminPage.tsx b/frontend-next/src/views/OrgAdminPage/OrgAdminPage.tsx
deleted file mode 100644
index 406b65c69..000000000
--- a/frontend-next/src/views/OrgAdminPage/OrgAdminPage.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useState } from "react";
-
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-
-import { OrgAdminProjects } from "./components/OrgAdminProjects";
-
-enum TabSections {
-  Projects = "projects"
-}
-
-export const OrgAdminPage = () => {
-  const [activeTab, setActiveTab] = useState<TabSections>(TabSections.Projects);
-  return (
-    <div className="flex w-full justify-center bg-bunker-800 py-6 text-white">
-      <div className="w-full max-w-6xl px-6">
-        <div className="mb-4">
-          <p className="text-3xl font-semibold text-gray-200">Organization Admin Console</p>
-        </div>
-        <Tabs value={activeTab} onValueChange={(el) => setActiveTab(el as TabSections)}>
-          <TabList>
-            <Tab value={TabSections.Projects}>Projects</Tab>
-          </TabList>
-          <TabPanel value={TabSections.Projects}>
-            <OrgAdminProjects />
-          </TabPanel>
-        </Tabs>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/OrgAdminPage/components/OrgAdminProjects/OrgAdminProjects.tsx b/frontend-next/src/views/OrgAdminPage/components/OrgAdminProjects/OrgAdminProjects.tsx
deleted file mode 100644
index 64838dff4..000000000
--- a/frontend-next/src/views/OrgAdminPage/components/OrgAdminProjects/OrgAdminProjects.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import { useState } from "react";
-import { useRouter } from "next/router";
-import { faEllipsis, faMagnifyingGlass, faSignIn } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { motion } from "framer-motion";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Input,
-  Pagination,
-  Spinner,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import {
-  OrgPermissionAdminConsoleAction,
-  OrgPermissionSubjects
-} from "@app/context/OrgPermissionContext/types";
-import { withPermission } from "@app/hoc";
-import { useDebounce } from "@app/hooks";
-import { useOrgAdminAccessProject, useOrgAdminGetProjects } from "@app/hooks/api";
-
-export const OrgAdminProjects = withPermission(
-  () => {
-    const [page, setPage] = useState(1);
-    const [search, setSearch] = useState("");
-    const [debouncedSearch] = useDebounce(search);
-    const [perPage, setPerPage] = useState(25);
-    const router = useRouter();
-    const orgAdminAccessProject = useOrgAdminAccessProject();
-
-    const { data, isLoading: isProjectsLoading } = useOrgAdminGetProjects({
-      offset: (page - 1) * perPage,
-      limit: perPage,
-      search: debouncedSearch || undefined
-    });
-
-    const projects = data?.projects || [];
-    const projectCount = data?.count || 0;
-    const isEmpty = !isProjectsLoading && projects.length === 0;
-
-    const handleAccessProject = async (type:string,projectId: string) => {
-      try {
-        await orgAdminAccessProject.mutateAsync({
-          projectId
-        });
-        await router.push({
-          pathname: `/${type}/${projectId}/secrets/overview`,
-        });
-      } catch {
-        createNotification({
-          text: "Failed to access project",
-          type: "error"
-        });
-      }
-    };
-
-    return (
-      <motion.div
-        key="panel-projects"
-        transition={{ duration: 0.15 }}
-        initial={{ opacity: 0, translateX: 30 }}
-        animate={{ opacity: 1, translateX: 0 }}
-        exit={{ opacity: 0, translateX: 30 }}
-      >
-        <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-          <div className="mb-4 flex justify-between">
-            <p className="text-xl font-semibold text-mineshaft-100">Projects</p>
-          </div>
-          <div>
-            <Input
-              value={search}
-              onChange={(e) => setSearch(e.target.value)}
-              leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-              placeholder="Search by project name"
-            />
-            <TableContainer className="mt-4">
-              <Table>
-                <THead>
-                  <Tr>
-                    <Th>Name</Th>
-                    <Th>Slug</Th>
-                    <Th>Created At</Th>
-                    <Th className="w-5" />
-                  </Tr>
-                </THead>
-                <TBody>
-                  {isProjectsLoading && <TableSkeleton columns={4} innerKey="projects" />}
-                  {!isProjectsLoading &&
-                    projects?.map(({ name, slug, createdAt,type, id }) => (
-                      <Tr key={`project-${id}`} className="group w-full">
-                        <Td>{name}</Td>
-                        <Td>{slug}</Td>
-                        <Td>{format(new Date(createdAt), "yyyy-MM-dd, hh:mm aaa")}</Td>
-                        <Td>
-                          <div>
-                            <DropdownMenu>
-                              <DropdownMenuTrigger asChild className="rounded-lg">
-                                <Button
-                                  variant="link"
-                                  className="text-bunker-300 hover:text-primary-400 data-[state=open]:text-primary-400"
-                                >
-                                  <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                                </Button>
-                              </DropdownMenuTrigger>
-                              <DropdownMenuContent align="start" className="p-1">
-                                <DropdownMenuItem
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    e.preventDefault();
-                                    handleAccessProject(type,id);
-                                  }}
-                                  icon={<FontAwesomeIcon icon={faSignIn} />}
-                                  disabled={
-                                    orgAdminAccessProject.variables?.projectId === id &&
-                                    orgAdminAccessProject.isLoading
-                                  }
-                                >
-                                  Access{" "}
-                                  {orgAdminAccessProject.variables?.projectId === id &&
-                                    orgAdminAccessProject.isLoading && <Spinner size="xs" />}
-                                </DropdownMenuItem>
-                              </DropdownMenuContent>
-                            </DropdownMenu>
-                          </div>
-                        </Td>
-                      </Tr>
-                    ))}
-                </TBody>
-              </Table>
-              {!isProjectsLoading && (
-                <Pagination
-                  count={projectCount}
-                  page={page}
-                  perPage={perPage}
-                  onChangePage={(newPage) => setPage(newPage)}
-                  onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-                />
-              )}
-              {isEmpty && <EmptyState title="No projects found" />}
-            </TableContainer>
-          </div>
-        </div>
-      </motion.div>
-    );
-  },
-  {
-    action: OrgPermissionAdminConsoleAction.AccessAllProjects,
-    subject: OrgPermissionSubjects.AdminConsole
-  }
-);
diff --git a/frontend-next/src/views/OrgAdminPage/components/OrgAdminProjects/index.tsx b/frontend-next/src/views/OrgAdminPage/components/OrgAdminProjects/index.tsx
deleted file mode 100644
index b331589a4..000000000
--- a/frontend-next/src/views/OrgAdminPage/components/OrgAdminProjects/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgAdminProjects } from "./OrgAdminProjects";
diff --git a/frontend-next/src/views/OrgAdminPage/index.tsx b/frontend-next/src/views/OrgAdminPage/index.tsx
deleted file mode 100644
index 1fe7b5541..000000000
--- a/frontend-next/src/views/OrgAdminPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgAdminPage } from "./OrgAdminPage";
diff --git a/frontend-next/src/views/Project/CaPage/CaPage.tsx b/frontend-next/src/views/Project/CaPage/CaPage.tsx
deleted file mode 100644
index 9b769bac9..000000000
--- a/frontend-next/src/views/Project/CaPage/CaPage.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { useDeleteCa, useGetCaById } from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { CaModal } from "@app/views/Project/CertificatesPage/components/CaTab/components/CaModal";
-
-import { CaInstallCertModal } from "../CertificatesPage/components/CaTab/components/CaInstallCertModal";
-import { CertificateTemplatesSection } from "../CertificatesPage/components/CertificatesTab/components/CertificateTemplatesSection";
-import {
-  CaCertificatesSection,
-  CaCrlsSection,
-  CaDetailsSection,
-  CaRenewalModal
-} from "./components";
-
-export const CaPage = withProjectPermission(
-  () => {
-    const router = useRouter();
-    const caId = router.query.caId as string;
-    const { data } = useGetCaById(caId);
-
-    const { currentWorkspace } = useWorkspace();
-    const projectId = currentWorkspace?.id || "";
-
-    const { mutateAsync: deleteCa } = useDeleteCa();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "ca",
-      "deleteCa",
-      "installCaCert",
-      "renewCa"
-    ] as const);
-
-    const onRemoveCaSubmit = async (caIdToDelete: string) => {
-      try {
-        if (!currentWorkspace?.slug) return;
-
-        await deleteCa({ caId: caIdToDelete, projectSlug: currentWorkspace.slug });
-
-        await createNotification({
-          text: "Successfully deleted CA",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteCa");
-        router.push(`/${ProjectType.CertificateManager}/${projectId}/certificates`);
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to delete CA",
-          type: "error"
-        });
-      }
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => router.push(`/${ProjectType.CertificateManager}/${projectId}/certificates`)}
-              className="mb-4"
-            >
-              Certificate Authorities
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.friendlyName}</p>
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild className="rounded-lg">
-                  <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                    <Tooltip content="More options">
-                      <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                    </Tooltip>
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start" className="p-1">
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={ProjectPermissionSub.CertificateAuthorities}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          isAllowed
-                            ? "hover:!bg-red-500 hover:!text-white"
-                            : "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={() =>
-                          handlePopUpOpen("deleteCa", {
-                            caId: data.id,
-                            dn: data.dn
-                          })
-                        }
-                        disabled={!isAllowed}
-                      >
-                        Delete CA
-                      </DropdownMenuItem>
-                    )}
-                  </ProjectPermissionCan>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <CaDetailsSection caId={caId} handlePopUpOpen={handlePopUpOpen} />
-              </div>
-              <div className="w-full">
-                <CaCertificatesSection caId={caId} />
-                <CertificateTemplatesSection caId={caId} />
-                <CaCrlsSection caId={caId} />
-              </div>
-            </div>
-          </div>
-        )}
-        <CaModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <CaRenewalModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <CaInstallCertModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deleteCa.isOpen}
-          title={`Are you sure want to remove the CA ${
-            (popUp?.deleteCa?.data as { dn: string })?.dn || ""
-          } from the project?`}
-          subTitle="This action will delete other CAs and certificates below it in your CA hierarchy."
-          onChange={(isOpen) => handlePopUpToggle("deleteCa", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onRemoveCaSubmit((popUp?.deleteCa?.data as { caId: string })?.caId)
-          }
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.CertificateAuthorities }
-);
diff --git a/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/CaCertificatesSection.tsx b/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/CaCertificatesSection.tsx
deleted file mode 100644
index 9b617f5cf..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/CaCertificatesSection.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-// import { faPlus } from "@fortawesome/free-solid-svg-icons";
-// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-// import { IconButton } from "@app/components/v2";
-import { CaCertificatesTable } from "./CaCertificatesTable";
-
-type Props = {
-  caId: string;
-};
-
-export const CaCertificatesSection = ({ caId }: Props) => {
-  return (
-    <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">CA Certificates</h3>
-        {/* <IconButton
-          ariaLabel="copy icon"
-          variant="plain"
-          className="group relative"
-          onClick={() => {
-            // handlePopUpOpen("addIdentityToProject");
-          }}
-        >
-          <FontAwesomeIcon icon={faPlus} />
-        </IconButton> */}
-      </div>
-      <div className="py-4">
-        <CaCertificatesTable caId={caId} />
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/CaCertificatesTable.tsx b/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/CaCertificatesTable.tsx
deleted file mode 100644
index 9eb008706..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/CaCertificatesTable.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import { faCertificate, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as x509 from "@peculiar/x509";
-import { format } from "date-fns";
-import FileSaver from "file-saver";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useGetCaCerts } from "@app/hooks/api";
-
-type Props = {
-  caId: string;
-};
-
-export const CaCertificatesTable = ({ caId }: Props) => {
-  const { data: caCerts, isLoading } = useGetCaCerts(caId);
-
-  const downloadTxtFile = (filename: string, content: string) => {
-    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, filename);
-  };
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>CA Certificate #</Th>
-            <Th>Not Before</Th>
-            <Th>Not After</Th>
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="ca-certificates" />}
-          {!isLoading &&
-            caCerts?.map((caCert, index) => {
-              const isLastItem = index === caCerts.length - 1;
-              const caCertObj = new x509.X509Certificate(caCert.certificate);
-              return (
-                <Tr key={`ca-cert=${caCert.serialNumber}`}>
-                  <Td>
-                    <div className="flex items-center">
-                      CA Certificate {caCert.version}
-                      {isLastItem && (
-                        <Badge variant="success" className="ml-4">
-                          Current
-                        </Badge>
-                      )}
-                    </div>
-                  </Td>
-                  <Td>{format(new Date(caCertObj.notBefore), "yyyy-MM-dd")}</Td>
-                  <Td>{format(new Date(caCertObj.notAfter), "yyyy-MM-dd")}</Td>
-                  <Td>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild className="rounded-lg">
-                        <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                          <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Edit}
-                          a={ProjectPermissionSub.Identity}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={(e) => {
-                                e.stopPropagation();
-                                downloadTxtFile("cert.pem", caCert.certificate);
-                              }}
-                              disabled={!isAllowed}
-                            >
-                              Download CA Certificate
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Delete}
-                          a={ProjectPermissionSub.Identity}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={(e) => {
-                                e.stopPropagation();
-                                downloadTxtFile("chain.pem", caCert.certificateChain);
-                              }}
-                              disabled={!isAllowed}
-                            >
-                              Download CA Certificate Chain
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </Td>
-                </Tr>
-              );
-            })}
-        </TBody>
-      </Table>
-      {!isLoading && !caCerts?.length && (
-        <EmptyState
-          title="This CA does not have any CA certificates installed"
-          icon={faCertificate}
-        />
-      )}
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/index.tsx b/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/index.tsx
deleted file mode 100644
index 14f5dbbb9..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaCertificatesSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CaCertificatesSection } from "./CaCertificatesSection";
diff --git a/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/CaCrlsSection.tsx b/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/CaCrlsSection.tsx
deleted file mode 100644
index 6778a77a3..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/CaCrlsSection.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CaCrlsTable } from "./CaCrlsTable";
-
-type Props = {
-  caId: string;
-};
-
-export const CaCrlsSection = ({ caId }: Props) => {
-  return (
-    <div className="mt-4 w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">
-          CA Certificate Revocation Lists (CRLs)
-        </h3>
-      </div>
-      <div className="py-4">
-        <CaCrlsTable caId={caId} />
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/CaCrlsTable.tsx b/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/CaCrlsTable.tsx
deleted file mode 100644
index 3fcdd2018..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/CaCrlsTable.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { faCertificate, faFileDownload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-// import * as x509 from "@peculiar/x509";
-// import { format } from "date-fns";
-import FileSaver from "file-saver";
-
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { useGetCaCrls } from "@app/hooks/api";
-
-type Props = {
-  caId: string;
-};
-
-export const CaCrlsTable = ({ caId }: Props) => {
-  const { data: caCrls, isLoading } = useGetCaCrls(caId);
-
-  const downloadTxtFile = (filename: string, content: string) => {
-    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, filename);
-  };
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Distribution Point URL</Th>
-            {/* <Th>This Update</Th> */}
-            {/* <Th>Next Update</Th> */}
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="ca-certificates" />}
-          {!isLoading &&
-            caCrls?.map(({ id, crl }) => {
-              //   const caCrlObj = new x509.X509Crl(crl);
-              return (
-                <Tr key={`ca-crl-${id}`}>
-                  <Td>
-                    <div className="flex items-center">
-                      {`${window.origin}/api/v1/pki/crl/${id}`}
-                    </div>
-                  </Td>
-                  {/* <Td>{format(new Date(caCrlObj.thisUpdate), "yyyy-MM-dd")}</Td> */}
-                  {/* <Td>
-                    {caCrlObj.nextUpdate
-                      ? format(new Date(caCrlObj.nextUpdate), "yyyy-MM-dd")
-                      : "-"}
-                  </Td> */}
-                  <Td>
-                    <Tooltip content="Download CRL">
-                      <IconButton
-                        ariaLabel="copy icon"
-                        variant="plain"
-                        className="group relative"
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          downloadTxtFile("crl.pem", crl);
-                        }}
-                      >
-                        <FontAwesomeIcon icon={faFileDownload} />
-                      </IconButton>
-                    </Tooltip>
-                  </Td>
-                </Tr>
-              );
-            })}
-        </TBody>
-      </Table>
-      {!isLoading && !caCrls?.length && (
-        <EmptyState title="This CA does not have any CRLs" icon={faCertificate} />
-      )}
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/index.tsx b/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/index.tsx
deleted file mode 100644
index a46d94d7b..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaCrlsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CaCrlsSection } from "./CaCrlsSection";
diff --git a/frontend-next/src/views/Project/CaPage/components/CaDetailsSection.tsx b/frontend-next/src/views/Project/CaPage/components/CaDetailsSection.tsx
deleted file mode 100644
index 9d5d20337..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaDetailsSection.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-import { faCheck, faCopy, faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, IconButton, Tooltip } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { CaStatus, CaType, useGetCaById } from "@app/hooks/api";
-import { caStatusToNameMap, caTypeToNameMap } from "@app/hooks/api/ca/constants";
-import { certKeyAlgorithmToNameMap } from "@app/hooks/api/certificates/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  caId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["ca", "renewCa", "installCaCert"]>,
-    data?: {}
-  ) => void;
-};
-
-export const CaDetailsSection = ({ caId, handlePopUpOpen }: Props) => {
-  const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-  const [copyTextParentId, isCopyingParentId, setCopyTextParentId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-
-  const { data: ca } = useGetCaById(caId);
-
-  return ca ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">CA Details</h3>
-        <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Identity}>
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Edit CA">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    handlePopUpOpen("ca", {
-                      caId: ca.id
-                    });
-                  }}
-                >
-                  <FontAwesomeIcon icon={faPencil} />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </ProjectPermissionCan>
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">CA Type</p>
-          <p className="text-sm text-mineshaft-300">{caTypeToNameMap[ca.type]}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">CA ID</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{ca.id}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextId}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText(ca.id);
-                    setCopyTextId("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingId ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        {ca.type === CaType.INTERMEDIATE && ca.status !== CaStatus.PENDING_CERTIFICATE && (
-          <div className="mb-4">
-            <p className="text-sm font-semibold text-mineshaft-300">Parent CA ID</p>
-            <div className="group flex align-top">
-              <p className="text-sm text-mineshaft-300">
-                {ca.parentCaId ? ca.parentCaId : "N/A - External Parent CA"}
-              </p>
-              {ca.parentCaId && (
-                <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                  <Tooltip content={copyTextParentId}>
-                    <IconButton
-                      ariaLabel="copy icon"
-                      variant="plain"
-                      className="group relative ml-2"
-                      onClick={() => {
-                        navigator.clipboard.writeText(ca.parentCaId as string);
-                        setCopyTextParentId("Copied");
-                      }}
-                    >
-                      <FontAwesomeIcon icon={isCopyingParentId ? faCheck : faCopy} />
-                    </IconButton>
-                  </Tooltip>
-                </div>
-              )}
-            </div>
-          </div>
-        )}
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Friendly Name</p>
-          <p className="text-sm text-mineshaft-300">{ca.friendlyName}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Status</p>
-          <p className="text-sm text-mineshaft-300">{caStatusToNameMap[ca.status]}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Key Algorithm</p>
-          <p className="text-sm text-mineshaft-300">{certKeyAlgorithmToNameMap[ca.keyAlgorithm]}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Max Path Length</p>
-          <p className="text-sm text-mineshaft-300">{ca.maxPathLength ?? "-"}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Not Before</p>
-          <p className="text-sm text-mineshaft-300">
-            {ca.notBefore ? format(new Date(ca.notBefore), "yyyy-MM-dd") : "-"}
-          </p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Not After</p>
-          <p className="text-sm text-mineshaft-300">
-            {ca.notAfter ? format(new Date(ca.notAfter), "yyyy-MM-dd") : "-"}
-          </p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Template Issuance Required</p>
-          <p className="text-sm text-mineshaft-300">
-            {ca.requireTemplateForIssuance ? "True" : "False"}
-          </p>
-        </div>
-        {ca.status === CaStatus.ACTIVE && (
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Edit}
-            a={ProjectPermissionSub.CertificateAuthorities}
-          >
-            {(isAllowed) => {
-              return (
-                <Button
-                  isDisabled={!isAllowed}
-                  className="mt-4 w-full"
-                  colorSchema="primary"
-                  type="submit"
-                  onClick={() => {
-                    if (ca.type === CaType.INTERMEDIATE && !ca.parentCaId) {
-                      // intermediate CA with external parent CA
-                      handlePopUpOpen("installCaCert", {
-                        caId,
-                        isParentCaExternal: true
-                      });
-                      return;
-                    }
-
-                    handlePopUpOpen("renewCa", {
-                      caId
-                    });
-                  }}
-                >
-                  Renew CA
-                </Button>
-              );
-            }}
-          </ProjectPermissionCan>
-        )}
-        {ca.status === CaStatus.PENDING_CERTIFICATE && (
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={ProjectPermissionSub.CertificateAuthorities}
-          >
-            {(isAllowed) => {
-              return (
-                <Button
-                  isDisabled={!isAllowed}
-                  className="mt-4 w-full"
-                  colorSchema="primary"
-                  type="submit"
-                  onClick={() => {
-                    handlePopUpOpen("installCaCert", {
-                      caId
-                    });
-                  }}
-                >
-                  Install CA Certificate
-                </Button>
-              );
-            }}
-          </ProjectPermissionCan>
-        )}
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Project/CaPage/components/CaRenewalModal.tsx b/frontend-next/src/views/Project/CaPage/components/CaRenewalModal.tsx
deleted file mode 100644
index 6f9cf3a1c..000000000
--- a/frontend-next/src/views/Project/CaPage/components/CaRenewalModal.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-// import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  CaRenewalType,
-  useRenewCa
-  //   useGetCaById,
-  // CaType,
-  //   CaStatus
-} from "@app/hooks/api/ca";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const caRenewalTypes = [{ label: "Renew with same key pair", value: CaRenewalType.EXISTING }];
-
-const isValidDate = (dateString: string) => {
-  const date = new Date(dateString);
-  return !Number.isNaN(date.getTime());
-};
-
-const schema = z
-  .object({
-    type: z.enum([CaRenewalType.EXISTING]),
-    notAfter: z.string().trim().refine(isValidDate, { message: "Invalid date format" })
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["renewCa"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["renewCa"]>, state?: boolean) => void;
-};
-
-export const CaRenewalModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const projectSlug = currentWorkspace?.slug || "";
-
-  const popUpData = popUp?.renewCa?.data as {
-    caId: string;
-  };
-
-  //   const { data: ca } = useGetCaById(popUpData?.caId || "");
-  //   const { data: parentCa } = useGetCaById(ca?.parentCaId || "");
-  const { mutateAsync: renewCa } = useRenewCa();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-    // setValue
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      type: CaRenewalType.EXISTING,
-      notAfter: "" // TODO: consider setting a default value
-    }
-  });
-
-  //   useEffect(() => {
-  //     if (ca && ca.status === CaStatus.ACTIVE) {
-  //       const notBeforeDate = new Date(ca.notBefore as string);
-  //       const notAfterDate = new Date(ca.notAfter as string);
-
-  //       const newNotAfterDate = new Date(
-  //         notAfterDate.getTime() + notAfterDate.getTime() - notBeforeDate.getTime()
-  //       );
-
-  //       setValue("notAfter", newNotAfterDate.toISOString().split("T")[0]);
-  //     }
-  //   }, [ca, parentCa]);
-
-  const onFormSubmit = async ({ type, notAfter }: FormData) => {
-    try {
-      if (!projectSlug || !popUpData.caId) return;
-
-      await renewCa({
-        projectSlug,
-        caId: popUpData.caId,
-        notAfter,
-        type
-      });
-
-      handlePopUpToggle("renewCa", false);
-
-      createNotification({
-        text: "Successfully renewed CA",
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.renewCa?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("renewCa", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Renew CA">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="type"
-            defaultValue={CaRenewalType.EXISTING}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="CA Renewal Method"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {caRenewalTypes.map(({ label, value }) => (
-                    <SelectItem value={String(value || "")} key={label}>
-                      {label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="notAfter"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Valid Until"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="YYYY-MM-DD" />
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Renew
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("renewCa", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CaPage/components/index.tsx b/frontend-next/src/views/Project/CaPage/components/index.tsx
deleted file mode 100644
index 95a4868f2..000000000
--- a/frontend-next/src/views/Project/CaPage/components/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-export { CaCertificatesSection } from "./CaCertificatesSection/CaCertificatesSection";
-export { CaCrlsSection } from "./CaCrlsSection";
-export { CaDetailsSection } from "./CaDetailsSection";
-export { CaRenewalModal } from "./CaRenewalModal";
diff --git a/frontend-next/src/views/Project/CaPage/index.tsx b/frontend-next/src/views/Project/CaPage/index.tsx
deleted file mode 100644
index 18703bd1b..000000000
--- a/frontend-next/src/views/Project/CaPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CaPage } from "./CaPage";
diff --git a/frontend-next/src/views/Project/CertificatesPage/CertificatesPage.tsx b/frontend-next/src/views/Project/CertificatesPage/CertificatesPage.tsx
deleted file mode 100644
index fd2d48225..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/CertificatesPage.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-
-import { CaTab, CertificatesTab, PkiAlertsTab } from "./components";
-
-enum TabSections {
-  Ca = "certificate-authorities",
-  Certificates = "certificates",
-  Alerting = "alerting"
-}
-
-export const CertificatesPage = withProjectPermission(
-  () => {
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-          <p className="mr-4 mb-4 text-3xl font-semibold text-white">Internal PKI</p>
-          <Tabs defaultValue={TabSections.Certificates}>
-            <TabList>
-              <Tab value={TabSections.Certificates}>Certificates</Tab>
-              <Tab value={TabSections.Ca}>Certificate Authorities</Tab>
-              <Tab value={TabSections.Alerting}>Alerting</Tab>
-            </TabList>
-            <TabPanel value={TabSections.Certificates}>
-              <CertificatesTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Ca}>
-              <CaTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Alerting}>
-              <PkiAlertsTab />
-            </TabPanel>
-          </Tabs>
-        </div>
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Certificates }
-);
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/CaTab.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/CaTab.tsx
deleted file mode 100644
index aadca4dfe..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/CaTab.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { CaSection } from "./components";
-
-export const CaTab = () => {
-  return (
-    <motion.div
-      key="panel-certificate-authorities"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <CaSection />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaCertModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaCertModal.tsx
deleted file mode 100644
index 97970d94f..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaCertModal.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Modal, ModalContent } from "@app/components/v2";
-import { useGetCaCert } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { CertificateContent } from "../../CertificatesTab/components/CertificateContent";
-
-type Props = {
-  popUp: UsePopUpState<["caCert"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["caCert"]>, state?: boolean) => void;
-};
-
-export const CaCertModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { data } = useGetCaCert((popUp?.caCert?.data as { caId: string })?.caId || "");
-  return (
-    <Modal
-      isOpen={popUp?.caCert?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("caCert", isOpen);
-      }}
-    >
-      <ModalContent title="CA Certificate">
-        {data ? (
-          <CertificateContent
-            serialNumber={data.serialNumber}
-            certificate={data.certificate}
-            certificateChain={data.certificateChain}
-          />
-        ) : (
-          <div />
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/CaInstallCertModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/CaInstallCertModal.tsx
deleted file mode 100644
index 1095e0d3e..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/CaInstallCertModal.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { FormControl, Modal, ModalContent, Select, SelectItem } from "@app/components/v2";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { ExternalCaInstallForm } from "./ExternalCaInstallForm";
-import { InternalCaInstallForm } from "./InternalCaInstallForm";
-
-type Props = {
-  popUp: UsePopUpState<["installCaCert"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["installCaCert"]>, state?: boolean) => void;
-};
-
-enum ParentCaType {
-  Internal = "internal",
-  External = "external"
-}
-
-export const CaInstallCertModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const popupData = popUp?.installCaCert?.data;
-  const caId = popupData?.caId || "";
-  const isParentCaExternal = popupData?.isParentCaExternal || false;
-  const [parentCaType, setParentCaType] = useState<ParentCaType>(ParentCaType.Internal);
-
-  useEffect(() => {
-    if (popupData?.isParentCaExternal) {
-      setParentCaType(ParentCaType.External);
-    }
-  }, [popupData]);
-
-  const renderForm = (parentCaTypeInput: ParentCaType) => {
-    switch (parentCaTypeInput) {
-      case ParentCaType.Internal:
-        return <InternalCaInstallForm caId={caId} handlePopUpToggle={handlePopUpToggle} />;
-      default:
-        return <ExternalCaInstallForm caId={caId} handlePopUpToggle={handlePopUpToggle} />;
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.installCaCert?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("installCaCert", isOpen);
-      }}
-    >
-      <ModalContent
-        title={`${isParentCaExternal ? "Renew" : "Install"} Intermediate CA certificate`}
-      >
-        <FormControl label="Parent CA Type">
-          <Select
-            value={parentCaType}
-            onValueChange={(e) => setParentCaType(e as ParentCaType)}
-            className="w-full"
-            isDisabled={isParentCaExternal}
-          >
-            <SelectItem
-              value={ParentCaType.Internal}
-              key={`parent-ca-type-${ParentCaType.Internal}`}
-            >
-              Infisical CA
-            </SelectItem>
-            <SelectItem
-              value={ParentCaType.External}
-              key={`parent-ca-type-${ParentCaType.External}`}
-            >
-              External CA
-            </SelectItem>
-          </Select>
-        </FormControl>
-        {renderForm(parentCaType)}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/ExternalCaInstallForm.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/ExternalCaInstallForm.tsx
deleted file mode 100644
index d84b11f59..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/ExternalCaInstallForm.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faCopy, faDownload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import FileSaver from "file-saver";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton,TextArea, Tooltip } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { useGetCaCsr, useImportCaCertificate } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  certificate: z.string().min(1),
-  certificateChain: z.string().min(1)
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  caId: string;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["installCaCert"]>, state?: boolean) => void;
-};
-
-export const ExternalCaInstallForm = ({ caId, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const [copyTextCaCsr, isCopyingCaCsr, setCopyTextCaCsr] = useTimedReset<string>({
-    initialState: "Copy to clipboard"
-  });
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const { data: csr } = useGetCaCsr(caId);
-  const { mutateAsync: importCaCertificate } = useImportCaCertificate();
-
-  useEffect(() => {
-    reset();
-  }, []);
-
-  const onFormSubmit = async ({ certificate, certificateChain }: FormData) => {
-    try {
-      if (!csr || !caId || !currentWorkspace?.slug) return;
-
-      await importCaCertificate({
-        caId,
-        projectSlug: currentWorkspace?.slug,
-        certificate,
-        certificateChain
-      });
-
-      reset();
-
-      createNotification({
-        text: "Successfully installed certificate for CA",
-        type: "success"
-      });
-      handlePopUpToggle("installCaCert", false);
-    } catch (err) {
-      createNotification({
-        text: "Failed to install certificate for CA",
-        type: "error"
-      });
-    }
-  };
-
-  const downloadTxtFile = (filename: string, content: string) => {
-    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, filename);
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      {csr && (
-        <>
-          <div className="my-4 flex items-center justify-between">
-            <h2>CSR for this CA</h2>
-            <div className="flex">
-              <Tooltip content={copyTextCaCsr}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative"
-                  onClick={() => {
-                    navigator.clipboard.writeText(csr);
-                    setCopyTextCaCsr("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingCaCsr ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-              <Tooltip content="Download">
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    downloadTxtFile("csr.pem", csr);
-                  }}
-                >
-                  <FontAwesomeIcon icon={faDownload} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-          <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 whitespace-pre-wrap break-all">{csr}</p>
-          </div>
-        </>
-      )}
-      <Controller
-        control={control}
-        name="certificate"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Certificate Body" errorText={error?.message} isError={Boolean(error)}>
-            <TextArea
-              {...field}
-              placeholder="PEM-encoded certificate..."
-              reSize="none"
-              className="h-48"
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="certificateChain"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Certificate Chain"
-            errorText={error?.message}
-            isError={Boolean(error)}
-          >
-            <TextArea
-              {...field}
-              placeholder="PEM-encoded certificate chain..."
-              reSize="none"
-              className="h-48"
-            />
-          </FormControl>
-        )}
-      />
-      <div className="flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          Install
-        </Button>
-        <Button
-          colorSchema="secondary"
-          variant="plain"
-          onClick={() => handlePopUpToggle("installCaCert", false)}
-        >
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/InternalCaInstallForm.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/InternalCaInstallForm.tsx
deleted file mode 100644
index e54e97ae7..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/InternalCaInstallForm.tsx
+++ /dev/null
@@ -1,236 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format } from "date-fns";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input,Select, SelectItem } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  CaStatus,
-  useGetCaById,
-  useGetCaCsr,
-  useImportCaCertificate,
-  useListWorkspaceCas,
-  useSignIntermediate
-} from "@app/hooks/api";
-import { caTypeToNameMap } from "@app/hooks/api/ca/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const isValidDate = (dateString: string) => {
-  const date = new Date(dateString);
-  return !Number.isNaN(date.getTime());
-};
-
-const getMiddleDate = (date1: Date, date2: Date) => {
-  const timestamp1 = date1.getTime();
-  const timestamp2 = date2.getTime();
-
-  const middleTimestamp = (timestamp1 + timestamp2) / 2;
-
-  return new Date(middleTimestamp);
-};
-
-const schema = z.object({
-  parentCaId: z.string(),
-  notAfter: z.string().trim().refine(isValidDate, { message: "Invalid date format" }),
-  maxPathLength: z.string()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  caId: string;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["installCaCert"]>, state?: boolean) => void;
-};
-
-export const InternalCaInstallForm = ({ caId, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { data: cas } = useListWorkspaceCas({
-    projectSlug: currentWorkspace?.slug ?? "",
-    status: CaStatus.ACTIVE
-  });
-  const { data: ca } = useGetCaById(caId);
-  const { data: csr } = useGetCaCsr(caId);
-
-  const { mutateAsync: signIntermediate } = useSignIntermediate();
-  const { mutateAsync: importCaCertificate } = useImportCaCertificate();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting },
-    setValue,
-    watch
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      maxPathLength: "0"
-    }
-  });
-
-  useEffect(() => {
-    reset();
-  }, []);
-
-  useEffect(() => {
-    if (cas?.length) {
-      setValue("parentCaId", cas[0].id);
-    }
-  }, [cas, setValue]);
-
-  const parentCaId = watch("parentCaId");
-
-  const { data: parentCa } = useGetCaById(parentCaId);
-
-  useEffect(() => {
-    if (parentCa?.maxPathLength) {
-      setValue(
-        "maxPathLength",
-        (parentCa.maxPathLength === -1 ? 3 : parentCa.maxPathLength - 1).toString()
-      );
-    }
-
-    if (parentCa?.notAfter) {
-      const parentCaNotAfter = new Date(parentCa.notAfter);
-      const middleDate = getMiddleDate(new Date(), parentCaNotAfter);
-      setValue("notAfter", format(middleDate, "yyyy-MM-dd"));
-    }
-  }, [parentCa]);
-
-  const onFormSubmit = async ({ notAfter, maxPathLength }: FormData) => {
-    try {
-      if (!csr || !caId || !currentWorkspace?.slug) return;
-
-      const { certificate, certificateChain } = await signIntermediate({
-        caId: parentCaId,
-        csr,
-        maxPathLength: Number(maxPathLength),
-        notAfter,
-        notBefore: new Date().toISOString()
-      });
-
-      await importCaCertificate({
-        caId,
-        projectSlug: currentWorkspace?.slug,
-        certificate,
-        certificateChain
-      });
-
-      reset();
-
-      createNotification({
-        text: "Successfully installed certificate for CA",
-        type: "success"
-      });
-      handlePopUpToggle("installCaCert", false);
-    } catch (err) {
-      createNotification({
-        text: "Failed to install certificate for CA",
-        type: "error"
-      });
-    }
-  };
-
-  function generatePathLengthOpts(parentCaMaxPathLength: number): number[] {
-    if (parentCaMaxPathLength === -1) {
-      return [-1, 0, 1, 2, 3];
-    }
-
-    return Array.from({ length: parentCaMaxPathLength }, (_, index) => index);
-  }
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="parentCaId"
-        // defaultValue=""
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl
-            label="Parent CA"
-            errorText={error?.message}
-            isError={Boolean(error)}
-            isRequired
-          >
-            <Select
-              //   defaultValue={field.value}
-              {...field}
-              onValueChange={onChange}
-              className="w-full"
-            >
-              {(cas || [])
-                .filter((c) => {
-                  const isParentCaNotSelf = c.id !== ca?.id;
-                  const isParentCaActive = c.status === CaStatus.ACTIVE;
-                  const isParentCaAllowedChildrenCas = c.maxPathLength && c.maxPathLength !== 0;
-
-                  return isParentCaNotSelf && isParentCaActive && isParentCaAllowedChildrenCas;
-                })
-                .map(({ id, type, dn }) => (
-                  <SelectItem value={id} key={`parent-ca-${id}`}>
-                    {`${caTypeToNameMap[type]}: ${dn}`}
-                  </SelectItem>
-                ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="notAfter"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Valid Until"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            isRequired
-          >
-            <Input {...field} placeholder="YYYY-MM-DD" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="maxPathLength"
-        // defaultValue="0"
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="Path Length" errorText={error?.message} isError={Boolean(error)}>
-            <Select
-              //   defaultValue={field.value}
-              {...field}
-              onValueChange={onChange}
-              className="w-full"
-            >
-              {generatePathLengthOpts(parentCa?.maxPathLength || 0).map((value) => (
-                <SelectItem value={String(value)} key={`ca-path-length-${value}`}>
-                  {`${value}`}
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      <div className="flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          Install
-        </Button>
-        <Button
-          colorSchema="secondary"
-          variant="plain"
-          onClick={() => handlePopUpToggle("installCaCert", false)}
-        >
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/index.tsx
deleted file mode 100644
index 9ad602c06..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaInstallCertModal/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CaInstallCertModal } from "./CaInstallCertModal";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaModal.tsx
deleted file mode 100644
index c27d4dc39..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaModal.tsx
+++ /dev/null
@@ -1,471 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format } from "date-fns";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Switch
-  // DatePicker
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { CaType, useCreateCa, useGetCaById, useUpdateCa } from "@app/hooks/api/ca";
-import { certKeyAlgorithms } from "@app/hooks/api/certificates/constants";
-import { CertKeyAlgorithm } from "@app/hooks/api/certificates/enums";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const isValidDate = (dateString: string) => {
-  const date = new Date(dateString);
-  return !Number.isNaN(date.getTime());
-};
-
-const getDateTenYearsFromToday = () => {
-  const date = new Date();
-  date.setFullYear(date.getFullYear() + 10);
-  return format(date, "yyyy-MM-dd");
-};
-
-const schema = z
-  .object({
-    type: z.enum([CaType.ROOT, CaType.INTERMEDIATE]),
-    friendlyName: z.string(),
-    organization: z.string(),
-    ou: z.string(),
-    country: z.string(),
-    province: z.string(),
-    locality: z.string(),
-    commonName: z.string(),
-    notAfter: z.string().trim().refine(isValidDate, { message: "Invalid date format" }),
-    maxPathLength: z.string(),
-    keyAlgorithm: z.enum([
-      CertKeyAlgorithm.RSA_2048,
-      CertKeyAlgorithm.RSA_4096,
-      CertKeyAlgorithm.ECDSA_P256,
-      CertKeyAlgorithm.ECDSA_P384
-    ]),
-    requireTemplateForIssuance: z.boolean()
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["ca"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["ca"]>, state?: boolean) => void;
-};
-
-const caTypes = [
-  { label: "Root", value: CaType.ROOT },
-  { label: "Intermediate", value: CaType.INTERMEDIATE }
-];
-
-export const CaModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  // const [isStartDatePickerOpen, setIsStartDatePickerOpen] = useState(false);
-
-  const { data: ca } = useGetCaById((popUp?.ca?.data as { caId: string })?.caId || "");
-
-  const { mutateAsync: createMutateAsync } = useCreateCa();
-  const { mutateAsync: updateMutateAsync } = useUpdateCa();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting },
-    watch
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      type: CaType.ROOT,
-      friendlyName: "",
-      organization: "",
-      ou: "",
-      country: "",
-      province: "",
-      locality: "",
-      commonName: "",
-      notAfter: getDateTenYearsFromToday(),
-      maxPathLength: "-1",
-      keyAlgorithm: CertKeyAlgorithm.RSA_2048
-    }
-  });
-
-  const caType = watch("type");
-
-  useEffect(() => {
-    if (ca) {
-      reset({
-        type: ca.type,
-        friendlyName: ca.friendlyName,
-        organization: ca.organization,
-        ou: ca.ou,
-        country: ca.country,
-        province: ca.province,
-        locality: ca.locality,
-        commonName: ca.commonName,
-        notAfter: ca.notAfter ? format(new Date(ca.notAfter), "yyyy-MM-dd") : "",
-        maxPathLength: ca.maxPathLength ? String(ca.maxPathLength) : "",
-        keyAlgorithm: ca.keyAlgorithm,
-        requireTemplateForIssuance: ca.requireTemplateForIssuance
-      });
-    } else {
-      reset({
-        type: CaType.ROOT,
-        friendlyName: "",
-        organization: "",
-        ou: "",
-        country: "",
-        province: "",
-        locality: "",
-        commonName: "",
-        notAfter: getDateTenYearsFromToday(),
-        maxPathLength: "-1",
-        keyAlgorithm: CertKeyAlgorithm.RSA_2048,
-        requireTemplateForIssuance: true
-      });
-    }
-  }, [ca]);
-
-  const onFormSubmit = async ({
-    type,
-    friendlyName,
-    commonName,
-    organization,
-    ou,
-    country,
-    locality,
-    province,
-    notAfter,
-    maxPathLength,
-    keyAlgorithm,
-    requireTemplateForIssuance
-  }: FormData) => {
-    try {
-      if (!currentWorkspace?.slug) return;
-
-      if (ca) {
-        // update
-        await updateMutateAsync({
-          projectSlug: currentWorkspace.slug,
-          caId: ca.id,
-          requireTemplateForIssuance
-        });
-      } else {
-        // create
-        await createMutateAsync({
-          projectSlug: currentWorkspace.slug,
-          type,
-          friendlyName,
-          commonName,
-          organization,
-          ou,
-          country,
-          province,
-          locality,
-          notAfter,
-          maxPathLength: Number(maxPathLength),
-          keyAlgorithm,
-          requireTemplateForIssuance
-        });
-      }
-
-      reset();
-      handlePopUpToggle("ca", false);
-
-      createNotification({
-        text: `Successfully ${ca ? "updated" : "created"} CA`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create CA",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.ca?.isOpen}
-      onOpenChange={(isOpen) => {
-        reset();
-        handlePopUpToggle("ca", isOpen);
-      }}
-    >
-      <ModalContent title={`${ca ? "View" : "Create"} Private CA`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          {ca && (
-            <FormControl label="CA ID">
-              <Input value={ca.id} isDisabled className="bg-white/[0.07]" />
-            </FormControl>
-          )}
-          <Controller
-            control={control}
-            name="type"
-            defaultValue={CaType.ROOT}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl label="CA Type" errorText={error?.message} isError={Boolean(error)}>
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                  isDisabled={Boolean(ca)}
-                >
-                  {caTypes.map(({ label, value }) => (
-                    <SelectItem value={String(value || "")} key={label}>
-                      {label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          {caType === CaType.ROOT && (
-            <>
-              {/* <Controller
-                name="notAfter"
-                control={control}
-                defaultValue={getDefaultNotAfterDate()}
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => {
-                  return (
-                    <FormControl
-                      label="Validity"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                      className="mr-4"
-                    >
-                      <DatePicker
-                        value={field.value || undefined}
-                        onChange={(date) => {
-                          onChange(date);
-                          setIsStartDatePickerOpen(false);
-                        }}
-                        popUpProps={{
-                          open: isStartDatePickerOpen,
-                          onOpenChange: setIsStartDatePickerOpen
-                        }}
-                        popUpContentProps={{}}
-                      />
-                    </FormControl>
-                  );
-                }}
-              /> */}
-              <Controller
-                control={control}
-                defaultValue=""
-                name="notAfter"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Valid Until"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                    isRequired
-                  >
-                    <Input {...field} placeholder="YYYY-MM-DD" isDisabled={Boolean(ca)} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="maxPathLength"
-                defaultValue="-1"
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Path Length"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                    className="mt-4"
-                  >
-                    <Select
-                      defaultValue={field.value}
-                      {...field}
-                      onValueChange={(e) => onChange(e)}
-                      className="w-full"
-                      isDisabled={Boolean(ca)}
-                    >
-                      {[-1, 0, 1, 2, 3, 4].map((value) => (
-                        <SelectItem value={String(value)} key={`ca-path-length-${value}`}>
-                          {`${value}`}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-            </>
-          )}
-          <Controller
-            control={control}
-            name="keyAlgorithm"
-            defaultValue={CertKeyAlgorithm.RSA_2048}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Key Algorithm"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                  isDisabled={Boolean(ca)}
-                >
-                  {certKeyAlgorithms.map(({ label, value }) => (
-                    <SelectItem value={String(value || "")} key={label}>
-                      {label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="friendlyName"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Friendly Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="My CA" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="organization"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Organization (O)"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="Acme Corp" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="ou"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Organization Unit (OU)"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="Engineering" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="country"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Country Name (C)"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="United States (US)" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="province"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="State or Province Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="California" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="locality"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Locality Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="San Francisco" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="commonName"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Common Name (CN)"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="Example CA" isDisabled={Boolean(ca)} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="requireTemplateForIssuance"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl isError={Boolean(error)} errorText={error?.message} className="my-8">
-                  <Switch
-                    id="is-active"
-                    onCheckedChange={(value) => field.onChange(value)}
-                    isChecked={field.value}
-                  >
-                    <p className="w-full">Require Template for Certificate Issuance</p>
-                  </Switch>
-                </FormControl>
-              );
-            }}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {popUp?.ca?.data ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("ca", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaSection.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaSection.tsx
deleted file mode 100644
index 7184abdb6..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaSection.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { CaStatus, useDeleteCa, useUpdateCa } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { CaCertModal } from "./CaCertModal";
-import { CaInstallCertModal } from "./CaInstallCertModal";
-import { CaModal } from "./CaModal";
-import { CaTable } from "./CaTable";
-
-export const CaSection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync: deleteCa } = useDeleteCa();
-  const { mutateAsync: updateCa } = useUpdateCa();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "ca",
-    "caCert",
-    "installCaCert",
-    "deleteCa",
-    "caStatus", // enable / disable
-    "upgradePlan"
-  ] as const);
-
-  const onRemoveCaSubmit = async (caId: string) => {
-    try {
-      if (!currentWorkspace?.slug) return;
-
-      await deleteCa({ caId, projectSlug: currentWorkspace.slug });
-
-      await createNotification({
-        text: "Successfully deleted CA",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteCa");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete CA",
-        type: "error"
-      });
-    }
-  };
-
-  const onUpdateCaStatus = async ({ caId, status }: { caId: string; status: CaStatus }) => {
-    try {
-      if (!currentWorkspace?.slug) return;
-
-      await updateCa({ caId, projectSlug: currentWorkspace.slug, status });
-
-      await createNotification({
-        text: `Successfully ${status === CaStatus.ACTIVE ? "enabled" : "disabled"} CA`,
-        type: "success"
-      });
-
-      handlePopUpClose("caStatus");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${status === CaStatus.ACTIVE ? "enabled" : "disabled"} CA`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Certificate Authorities</p>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.CertificateAuthorities}
-        >
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("ca")}
-              isDisabled={!isAllowed}
-            >
-              Create CA
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <CaModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <CaInstallCertModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <CaCertModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <CaTable handlePopUpOpen={handlePopUpOpen} />
-      <DeleteActionModal
-        isOpen={popUp.deleteCa.isOpen}
-        title={`Are you sure want to remove the CA ${
-          (popUp?.deleteCa?.data as { dn: string })?.dn || ""
-        } from the project?`}
-        subTitle="This action will delete other CAs and certificates below it in your CA hierarchy."
-        onChange={(isOpen) => handlePopUpToggle("deleteCa", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() => onRemoveCaSubmit((popUp?.deleteCa?.data as { caId: string })?.caId)}
-      />
-      <DeleteActionModal
-        isOpen={popUp.caStatus.isOpen}
-        title={`Are you sure want to ${
-          (popUp?.caStatus?.data as { status: string })?.status === CaStatus.ACTIVE
-            ? "enable"
-            : "disable"
-        } the CA ${(popUp?.caStatus?.data as { dn: string })?.dn || ""} from the project?`}
-        subTitle={
-          (popUp?.caStatus?.data as { status: string })?.status === CaStatus.ACTIVE
-            ? "This action will allow the CA to start issuing certificates again."
-            : "This action will prevent the CA from issuing new certificates."
-        }
-        onChange={(isOpen) => handlePopUpToggle("caStatus", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onUpdateCaStatus(popUp?.caStatus?.data as { caId: string; status: CaStatus })
-        }
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaTable.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaTable.tsx
deleted file mode 100644
index 94f12cb29..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/CaTable.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import { useRouter } from "next/router";
-import { faBan, faCertificate, faEllipsis, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { CaStatus, useListWorkspaceCas } from "@app/hooks/api";
-import {
-  caStatusToNameMap,
-  caTypeToNameMap,
-  getCaStatusBadgeVariant
-} from "@app/hooks/api/ca/constants";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<
-      ["installCaCert", "caCert", "ca", "deleteCa", "caStatus", "upgradePlan"]
-    >,
-    data?: {
-      caId?: string;
-      dn?: string;
-      status?: CaStatus;
-      description?: string;
-    }
-  ) => void;
-};
-
-export const CaTable = ({ handlePopUpOpen }: Props) => {
-  const router = useRouter();
-  const { currentWorkspace } = useWorkspace();
-  const { data, isLoading } = useListWorkspaceCas({
-    projectSlug: currentWorkspace?.slug ?? ""
-  });
-
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Friendly Name</Th>
-              <Th>Status</Th>
-              <Th>Type</Th>
-              <Th>Valid Until</Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={3} innerKey="project-cas" />}
-            {!isLoading &&
-              data &&
-              data.length > 0 &&
-              data.map((ca) => {
-                return (
-                  <Tr
-                    className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                    key={`ca-${ca.id}`}
-                    onClick={() => router.push(`/${ProjectType.CertificateManager}/${currentWorkspace?.id}/ca/${ca.id}`)}
-                  >
-                    <Td>{ca.friendlyName}</Td>
-                    <Td>
-                      <Badge variant={getCaStatusBadgeVariant(ca.status)}>
-                        {caStatusToNameMap[ca.status]}
-                      </Badge>
-                    </Td>
-                    <Td>{caTypeToNameMap[ca.type]}</Td>
-                    <Td>
-                      <div className="flex items-center ">
-                        <p>{ca.notAfter ? format(new Date(ca.notAfter), "yyyy-MM-dd") : "-"}</p>
-                      </div>
-                    </Td>
-                    <Td className="flex justify-end">
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <Tooltip content="More options">
-                              <FontAwesomeIcon size="lg" icon={faEllipsis} />
-                            </Tooltip>
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          {ca.status === CaStatus.PENDING_CERTIFICATE && (
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Create}
-                              a={ProjectPermissionSub.CertificateAuthorities}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    !isAllowed &&
-                                      "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    handlePopUpOpen("installCaCert", {
-                                      caId: ca.id
-                                    });
-                                  }}
-                                  disabled={!isAllowed}
-                                  icon={<FontAwesomeIcon icon={faCertificate} />}
-                                >
-                                  Install CA Certificate
-                                </DropdownMenuItem>
-                              )}
-                            </ProjectPermissionCan>
-                          )}
-                          {ca.status !== CaStatus.PENDING_CERTIFICATE && (
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Read}
-                              a={ProjectPermissionSub.CertificateAuthorities}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    !isAllowed &&
-                                      "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    handlePopUpOpen("caCert", {
-                                      caId: ca.id
-                                    });
-                                  }}
-                                  disabled={!isAllowed}
-                                  icon={<FontAwesomeIcon icon={faCertificate} />}
-                                >
-                                  View Certificate
-                                </DropdownMenuItem>
-                              )}
-                            </ProjectPermissionCan>
-                          )}
-                          {(ca.status === CaStatus.ACTIVE || ca.status === CaStatus.DISABLED) && (
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Edit}
-                              a={ProjectPermissionSub.CertificateAuthorities}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    !isAllowed &&
-                                      "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    handlePopUpOpen("caStatus", {
-                                      caId: ca.id,
-                                      status:
-                                        ca.status === CaStatus.ACTIVE
-                                          ? CaStatus.DISABLED
-                                          : CaStatus.ACTIVE
-                                    });
-                                  }}
-                                  disabled={!isAllowed}
-                                  icon={<FontAwesomeIcon icon={faBan} />}
-                                >
-                                  {`${ca.status === CaStatus.ACTIVE ? "Disable" : "Enable"} CA`}
-                                </DropdownMenuItem>
-                              )}
-                            </ProjectPermissionCan>
-                          )}
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.CertificateAuthorities}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deleteCa", {
-                                    caId: ca.id,
-                                    dn: ca.dn
-                                  });
-                                }}
-                                disabled={!isAllowed}
-                                icon={<FontAwesomeIcon icon={faTrash} />}
-                              >
-                                Delete CA
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && data?.length === 0 && (
-          <EmptyState title="No certificate authorities have been created" icon={faCertificate} />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/index.tsx
deleted file mode 100644
index 1f23813bc..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CaSection } from "./CaSection";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CaTab/index.tsx
deleted file mode 100644
index 9e52be028..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CaTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CaTab } from "./CaTab";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/CertificatesTab.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/CertificatesTab.tsx
deleted file mode 100644
index 0f74920ec..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/CertificatesTab.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { motion } from "framer-motion";
-
-import { PkiCollectionSection } from "../PkiAlertsTab/components";
-// import { CertificateTemplatesSection } from "./components/CertificateTemplatesSection";
-import { CertificatesSection } from "./components";
-
-export const CertificatesTab = () => {
-  return (
-    <motion.div
-      key="panel-certificates"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <PkiCollectionSection />
-      {/* <CertificateTemplatesSection /> */}
-      <CertificatesSection />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateCertModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateCertModal.tsx
deleted file mode 100644
index 01c79589c..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateCertModal.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Modal, ModalContent } from "@app/components/v2";
-import { useGetCertBody } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { CertificateContent } from "./CertificateContent";
-
-type Props = {
-  popUp: UsePopUpState<["certificateCert"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["certificateCert"]>, state?: boolean) => void;
-};
-
-export const CertificateCertModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { data } = useGetCertBody(
-    (popUp?.certificateCert?.data as { serialNumber: string })?.serialNumber || ""
-  );
-
-  return (
-    <Modal
-      isOpen={popUp?.certificateCert?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("certificateCert", isOpen);
-      }}
-    >
-      <ModalContent title="Export Certificate">
-        {data ? (
-          <CertificateContent
-            serialNumber={data.serialNumber}
-            certificate={data.certificate}
-            certificateChain={data.certificateChain}
-          />
-        ) : (
-          <div />
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateContent.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateContent.tsx
deleted file mode 100644
index 8c40af74f..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateContent.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import { faCheck, faCopy, faDownload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import FileSaver from "file-saver";
-
-import { IconButton, Tooltip } from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-
-type Props = {
-  serialNumber: string;
-  certificate: string;
-  certificateChain: string;
-  privateKey?: string;
-};
-
-export const CertificateContent = ({
-  serialNumber,
-  certificate,
-  certificateChain,
-  privateKey
-}: Props) => {
-  const [copyTextSerialNumber, isCopyingSerialNumber, setCopyTextSerialNumber] =
-    useTimedReset<string>({
-      initialState: "Copy to clipboard"
-    });
-  const [copyTextCertificate, isCopyingCertificate, setCopyTextCertificate] = useTimedReset<string>(
-    {
-      initialState: "Copy to clipboard"
-    }
-  );
-  const [copyTextCertificateChain, isCopyingCertificateChain, setCopyTextCertificateChain] =
-    useTimedReset<string>({
-      initialState: "Copy to clipboard"
-    });
-
-  const [copyTextCertificateSk, isCopyingCertificateSk, setCopyTextCertificateSk] =
-    useTimedReset<string>({
-      initialState: "Copy to clipboard"
-    });
-
-  const downloadTxtFile = (filename: string, content: string) => {
-    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, filename);
-  };
-
-  return (
-    <div>
-      <h2 className="mb-4">Serial Number</h2>
-      <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-        <p className="mr-4 break-all">{serialNumber}</p>
-        <Tooltip content={copyTextSerialNumber}>
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative"
-            onClick={() => {
-              navigator.clipboard.writeText(serialNumber);
-              setCopyTextSerialNumber("Copied");
-            }}
-          >
-            <FontAwesomeIcon icon={isCopyingSerialNumber ? faCheck : faCopy} />
-          </IconButton>
-        </Tooltip>
-      </div>
-      <div className="mb-4 flex items-center justify-between">
-        <h2>Certificate Body</h2>
-        <div className="flex">
-          <Tooltip content={copyTextCertificate}>
-            <IconButton
-              ariaLabel="copy icon"
-              colorSchema="secondary"
-              className="group relative"
-              onClick={() => {
-                navigator.clipboard.writeText(certificate);
-                setCopyTextCertificate("Copied");
-              }}
-            >
-              <FontAwesomeIcon icon={isCopyingCertificate ? faCheck : faCopy} />
-            </IconButton>
-          </Tooltip>
-          <Tooltip content="Download">
-            <IconButton
-              ariaLabel="copy icon"
-              colorSchema="secondary"
-              className="group relative ml-2"
-              onClick={() => {
-                downloadTxtFile("cert.pem", certificate);
-              }}
-            >
-              <FontAwesomeIcon icon={faDownload} />
-            </IconButton>
-          </Tooltip>
-        </div>
-      </div>
-      <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-        <p className="mr-4 whitespace-pre-wrap break-all">{certificate}</p>
-      </div>
-      {certificateChain && (
-        <>
-          <div className="mb-4 flex items-center justify-between">
-            <h2>Certificate Chain</h2>
-            <div className="flex">
-              <Tooltip content={copyTextCertificateChain}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative"
-                  onClick={() => {
-                    navigator.clipboard.writeText(certificateChain);
-                    setCopyTextCertificateChain("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingCertificateChain ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-              <Tooltip content="Download">
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    downloadTxtFile("chain.pem", certificateChain);
-                  }}
-                >
-                  <FontAwesomeIcon icon={faDownload} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-          <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 whitespace-pre-wrap break-all">{certificateChain}</p>
-          </div>
-        </>
-      )}
-      {privateKey && (
-        <>
-          <div className="mb-4 flex items-center justify-between">
-            <h2>Certificate Private Key</h2>
-            <div className="flex">
-              <Tooltip content={copyTextCertificateSk}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative"
-                  onClick={() => {
-                    navigator.clipboard.writeText(privateKey);
-                    setCopyTextCertificateSk("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingCertificateSk ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-              <Tooltip content={copyTextCertificateSk}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    downloadTxtFile("private_key.txt", privateKey);
-                  }}
-                >
-                  <FontAwesomeIcon icon={faDownload} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-          <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 whitespace-pre-wrap break-all">{privateKey}</p>
-          </div>
-        </>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateModal.tsx
deleted file mode 100644
index cc90a47a5..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateModal.tsx
+++ /dev/null
@@ -1,538 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  Checkbox,
-  FormControl,
-  FormLabel,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Tooltip
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  CaStatus,
-  useCreateCertificate,
-  useGetCert,
-  useGetCertTemplate,
-  useListWorkspaceCas,
-  useListWorkspaceCertificateTemplates,
-  useListWorkspacePkiCollections
-} from "@app/hooks/api";
-import { caTypeToNameMap } from "@app/hooks/api/ca/constants";
-import {
-  EXTENDED_KEY_USAGES_OPTIONS,
-  KEY_USAGES_OPTIONS
-} from "@app/hooks/api/certificates/constants";
-import { CertExtendedKeyUsage, CertKeyUsage } from "@app/hooks/api/certificates/enums";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { CertificateContent } from "./CertificateContent";
-
-const schema = z.object({
-  certificateTemplateId: z.string().optional(),
-  caId: z.string(),
-  collectionId: z.string().optional(),
-  friendlyName: z.string(),
-  commonName: z.string().trim().min(1),
-  altNames: z.string(),
-  ttl: z.string().trim(),
-  keyUsages: z.object({
-    [CertKeyUsage.DIGITAL_SIGNATURE]: z.boolean().optional(),
-    [CertKeyUsage.KEY_ENCIPHERMENT]: z.boolean().optional(),
-    [CertKeyUsage.NON_REPUDIATION]: z.boolean().optional(),
-    [CertKeyUsage.DATA_ENCIPHERMENT]: z.boolean().optional(),
-    [CertKeyUsage.KEY_AGREEMENT]: z.boolean().optional(),
-    [CertKeyUsage.KEY_CERT_SIGN]: z.boolean().optional(),
-    [CertKeyUsage.CRL_SIGN]: z.boolean().optional(),
-    [CertKeyUsage.ENCIPHER_ONLY]: z.boolean().optional(),
-    [CertKeyUsage.DECIPHER_ONLY]: z.boolean().optional()
-  }),
-  extendedKeyUsages: z.object({
-    [CertExtendedKeyUsage.CLIENT_AUTH]: z.boolean().optional(),
-    [CertExtendedKeyUsage.CODE_SIGNING]: z.boolean().optional(),
-    [CertExtendedKeyUsage.EMAIL_PROTECTION]: z.boolean().optional(),
-    [CertExtendedKeyUsage.OCSP_SIGNING]: z.boolean().optional(),
-    [CertExtendedKeyUsage.SERVER_AUTH]: z.boolean().optional(),
-    [CertExtendedKeyUsage.TIMESTAMPING]: z.boolean().optional()
-  })
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["certificate"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["certificate"]>, state?: boolean) => void;
-};
-
-type TCertificateDetails = {
-  serialNumber: string;
-  certificate: string;
-  certificateChain: string;
-  privateKey: string;
-};
-
-const CERT_TEMPLATE_NONE_VALUE = "none";
-
-export const CertificateModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const [certificateDetails, setCertificateDetails] = useState<TCertificateDetails | null>(null);
-  const { currentWorkspace } = useWorkspace();
-  const { data: cert } = useGetCert(
-    (popUp?.certificate?.data as { serialNumber: string })?.serialNumber || ""
-  );
-
-  const { data: cas } = useListWorkspaceCas({
-    projectSlug: currentWorkspace?.slug ?? "",
-    status: CaStatus.ACTIVE
-  });
-
-  const { data } = useListWorkspacePkiCollections({
-    workspaceId: currentWorkspace?.id || ""
-  });
-
-  const { data: templatesData } = useListWorkspaceCertificateTemplates({
-    workspaceId: currentWorkspace?.id || ""
-  });
-
-  const { mutateAsync: createCertificate } = useCreateCertificate();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting },
-    setValue,
-    watch
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      keyUsages: {
-        [CertKeyUsage.DIGITAL_SIGNATURE]: true,
-        [CertKeyUsage.KEY_ENCIPHERMENT]: true
-      },
-      extendedKeyUsages: {}
-    }
-  });
-
-  const selectedCertTemplateId = watch("certificateTemplateId");
-  const hasCertTemplateSelected =
-    selectedCertTemplateId !== "" && selectedCertTemplateId !== CERT_TEMPLATE_NONE_VALUE;
-
-  const { data: selectedCertTemplate } = useGetCertTemplate(
-    hasCertTemplateSelected ? (selectedCertTemplateId as string) : ""
-  );
-
-  useEffect(() => {
-    if (cert) {
-      reset({
-        caId: cert.caId,
-        friendlyName: cert.friendlyName,
-        commonName: cert.commonName,
-        altNames: cert.altNames,
-        certificateTemplateId: cert.certificateTemplateId ?? CERT_TEMPLATE_NONE_VALUE,
-        ttl: "",
-        keyUsages: Object.fromEntries((cert.keyUsages || []).map((name) => [name, true])),
-        extendedKeyUsages: Object.fromEntries(
-          (cert.extendedKeyUsages || []).map((name) => [name, true])
-        )
-      });
-    } else {
-      reset({
-        caId: "",
-        friendlyName: "",
-        commonName: "",
-        altNames: "",
-        ttl: "",
-        certificateTemplateId: CERT_TEMPLATE_NONE_VALUE,
-        keyUsages: {
-          [CertKeyUsage.DIGITAL_SIGNATURE]: true,
-          [CertKeyUsage.KEY_ENCIPHERMENT]: true
-        },
-        extendedKeyUsages: {}
-      });
-    }
-  }, [cert]);
-
-  useEffect(() => {
-    if (!cert && selectedCertTemplate) {
-      setValue("ttl", selectedCertTemplate.ttl);
-      setValue(
-        "keyUsages",
-        Object.fromEntries(selectedCertTemplate.keyUsages.map((name) => [name, true]))
-      );
-      setValue(
-        "extendedKeyUsages",
-        Object.fromEntries(selectedCertTemplate.extendedKeyUsages.map((name) => [name, true]))
-      );
-    }
-  }, [selectedCertTemplate, cert]);
-
-  const onFormSubmit = async ({
-    caId,
-    friendlyName,
-    collectionId,
-    commonName,
-    altNames,
-    ttl,
-    keyUsages,
-    extendedKeyUsages
-  }: FormData) => {
-    try {
-      if (!currentWorkspace?.slug) return;
-
-      const { serialNumber, certificate, certificateChain, privateKey } = await createCertificate({
-        caId: !selectedCertTemplate ? caId : undefined,
-        certificateTemplateId: selectedCertTemplate ? selectedCertTemplateId : undefined,
-        projectSlug: currentWorkspace.slug,
-        pkiCollectionId: collectionId,
-        friendlyName,
-        commonName,
-        altNames,
-        ttl,
-        keyUsages: Object.entries(keyUsages)
-          .filter(([, value]) => value)
-          .map(([key]) => key as CertKeyUsage),
-        extendedKeyUsages: Object.entries(extendedKeyUsages)
-          .filter(([, value]) => value)
-          .map(([key]) => key as CertExtendedKeyUsage)
-      });
-
-      reset();
-
-      setCertificateDetails({
-        serialNumber,
-        certificate,
-        certificateChain,
-        privateKey
-      });
-
-      createNotification({
-        text: "Successfully created certificate",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create certificate",
-        type: "error"
-      });
-    }
-  };
-
-  useEffect(() => {
-    if (cas?.length) {
-      setValue("caId", cas[0].id);
-    }
-  }, [cas]);
-
-  return (
-    <Modal
-      isOpen={popUp?.certificate?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("certificate", isOpen);
-        reset();
-        setCertificateDetails(null);
-      }}
-    >
-      <ModalContent title={`${cert ? "View" : "Issue"} Certificate`}>
-        {!certificateDetails ? (
-          <form onSubmit={handleSubmit(onFormSubmit)}>
-            <Controller
-              control={control}
-              name="certificateTemplateId"
-              defaultValue=""
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label={
-                    <div>
-                      <FormLabel
-                        isRequired
-                        label="Certificate Template"
-                        icon={
-                          <Tooltip
-                            className="text-center"
-                            content={
-                              <span>
-                                When a template is selected, the details provided are validated
-                                against the template policies.
-                              </span>
-                            }
-                          >
-                            <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-                          </Tooltip>
-                        }
-                      />
-                    </div>
-                  }
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  isRequired
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                    isDisabled={Boolean(cert)}
-                  >
-                    <SelectItem value={CERT_TEMPLATE_NONE_VALUE} key="cert-template-none">
-                      None
-                    </SelectItem>
-                    {(templatesData?.certificateTemplates || []).map(({ id, name }) => (
-                      <SelectItem value={id} key={`cert-template-${id}`}>
-                        {name}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            {(!selectedCertTemplateId ||
-              selectedCertTemplateId === CERT_TEMPLATE_NONE_VALUE ||
-              cert) && (
-              <>
-                <Controller
-                  control={control}
-                  name="caId"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Issuing CA"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                      className="mt-4"
-                      isRequired
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full"
-                        isDisabled={Boolean(cert)}
-                      >
-                        {(cas || []).map(({ id, type, dn }) => (
-                          <SelectItem value={id} key={`ca-${id}`}>
-                            {`${caTypeToNameMap[type]}: ${dn}`}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="collectionId"
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Certificate Collection (Optional)"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                      className="mt-4"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full"
-                        isDisabled={Boolean(cert)}
-                      >
-                        {(data?.collections || []).map(({ id, name }) => (
-                          <SelectItem value={id} key={`pki-collection-${id}`}>
-                            {name}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-              </>
-            )}
-            <Controller
-              control={control}
-              defaultValue=""
-              name="friendlyName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Friendly Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="My Certificate" isDisabled={Boolean(cert)} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              defaultValue=""
-              name="commonName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Common Name (CN)"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  isRequired
-                >
-                  <Input {...field} placeholder="service.acme.com" isDisabled={Boolean(cert)} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              defaultValue=""
-              name="altNames"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Alternative Names (SANs)"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input
-                    {...field}
-                    placeholder="app1.acme.com, app2.acme.com, ..."
-                    isDisabled={Boolean(cert)}
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="ttl"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="TTL"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  isRequired
-                >
-                  <Input
-                    {...field}
-                    placeholder="2 days, 1d, 2h, 1y, ..."
-                    isDisabled={Boolean(cert)}
-                  />
-                </FormControl>
-              )}
-            />
-            <Accordion type="single" collapsible className="w-full">
-              <AccordionItem value="key-usages" className="data-[state=open]:border-none">
-                <AccordionTrigger className="h-fit flex-none pl-1 text-sm">
-                  <div className="order-1 ml-3">Key Usage</div>
-                </AccordionTrigger>
-                <AccordionContent>
-                  <Controller
-                    control={control}
-                    name="keyUsages"
-                    render={({ field: { onChange, value }, fieldState: { error } }) => {
-                      return (
-                        <FormControl
-                          label="Key Usage"
-                          errorText={error?.message}
-                          isError={Boolean(error)}
-                        >
-                          <div className="mt-2 mb-7 grid grid-cols-2 gap-2">
-                            {KEY_USAGES_OPTIONS.map(({ label, value: optionValue }) => {
-                              return (
-                                <Checkbox
-                                  id={optionValue}
-                                  key={optionValue}
-                                  className="data-[state=checked]:bg-primary"
-                                  isDisabled={Boolean(cert)}
-                                  isChecked={value[optionValue]}
-                                  onCheckedChange={(state) => {
-                                    onChange({
-                                      ...value,
-                                      [optionValue]: state
-                                    });
-                                  }}
-                                >
-                                  {label}
-                                </Checkbox>
-                              );
-                            })}
-                          </div>
-                        </FormControl>
-                      );
-                    }}
-                  />
-                  <Controller
-                    control={control}
-                    name="extendedKeyUsages"
-                    render={({ field: { onChange, value }, fieldState: { error } }) => {
-                      return (
-                        <FormControl
-                          label="Extended Key Usage"
-                          errorText={error?.message}
-                          isError={Boolean(error)}
-                        >
-                          <div className="mt-2 mb-7 grid grid-cols-2 gap-2">
-                            {EXTENDED_KEY_USAGES_OPTIONS.map(({ label, value: optionValue }) => {
-                              return (
-                                <Checkbox
-                                  id={optionValue}
-                                  key={optionValue}
-                                  className="data-[state=checked]:bg-primary"
-                                  isDisabled={Boolean(cert)}
-                                  isChecked={value[optionValue]}
-                                  onCheckedChange={(state) => {
-                                    onChange({
-                                      ...value,
-                                      [optionValue]: state
-                                    });
-                                  }}
-                                >
-                                  {label}
-                                </Checkbox>
-                              );
-                            })}
-                          </div>
-                        </FormControl>
-                      );
-                    }}
-                  />
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-            {!cert && (
-              <div className="mt-4 flex items-center">
-                <Button
-                  className="mr-4"
-                  size="sm"
-                  type="submit"
-                  isLoading={isSubmitting}
-                  isDisabled={isSubmitting}
-                >
-                  Create
-                </Button>
-                <Button
-                  colorSchema="secondary"
-                  variant="plain"
-                  onClick={() => handlePopUpToggle("certificate", false)}
-                >
-                  Cancel
-                </Button>
-              </div>
-            )}
-          </form>
-        ) : (
-          <CertificateContent
-            serialNumber={certificateDetails.serialNumber}
-            certificate={certificateDetails.certificate}
-            certificateChain={certificateDetails.certificateChain}
-            privateKey={certificateDetails.privateKey}
-          />
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateRevocationModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateRevocationModal.tsx
deleted file mode 100644
index cd5e2118c..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateRevocationModal.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Modal, ModalContent, Select, SelectItem } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useRevokeCert } from "@app/hooks/api";
-import { crlReasons } from "@app/hooks/api/certificates/constants";
-import { CrlReason } from "@app/hooks/api/certificates/enums";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  revocationReason: z.enum([
-    CrlReason.UNSPECIFIED,
-    CrlReason.KEY_COMPROMISE,
-    CrlReason.CA_COMPROMISE,
-    CrlReason.AFFILIATION_CHANGED,
-    CrlReason.SUPERSEDED,
-    CrlReason.CESSATION_OF_OPERATION,
-    CrlReason.CERTIFICATE_HOLD,
-    CrlReason.PRIVILEGE_WITHDRAWN,
-    CrlReason.A_A_COMPROMISE
-  ])
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["revokeCertificate"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["revokeCertificate"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const CertificateRevocationModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync: revokeCertificate } = useRevokeCert();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = async ({ revocationReason }: FormData) => {
-    try {
-      if (!currentWorkspace?.slug) return;
-
-      const {serialNumber} = popUp.revokeCertificate.data as { serialNumber: string };
-
-      await revokeCertificate({
-        projectSlug: currentWorkspace.slug,
-        serialNumber,
-        revocationReason
-      });
-
-      reset();
-      handlePopUpToggle("revokeCertificate", false);
-
-      createNotification({
-        text: "Successfully revoked certificate",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to revoke certificate",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.revokeCertificate?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("revokeCertificate", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Revoke Certificate">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="revocationReason"
-            defaultValue={CrlReason.UNSPECIFIED}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Revocation Reason"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {crlReasons.map(({ label, value }) => (
-                    <SelectItem value={String(value || "")} key={label}>
-                      {label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Revoke
-            </Button>
-            <Button colorSchema="secondary" variant="plain">
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplateEnrollmentModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplateEnrollmentModal.tsx
deleted file mode 100644
index 72be07e2a..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplateEnrollmentModal.tsx
+++ /dev/null
@@ -1,261 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Switch,
-  TextArea
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { useCreateEstConfig, useGetEstConfig, useUpdateEstConfig } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-enum EnrollmentMethod {
-  EST = "est"
-}
-
-type Props = {
-  popUp: UsePopUpState<["enrollmentOptions"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["enrollmentOptions"]>,
-    state?: boolean
-  ) => void;
-};
-
-const schema = z.object({
-  method: z.nativeEnum(EnrollmentMethod),
-  caChain: z.string().optional(),
-  passphrase: z.string().optional(),
-  isEnabled: z.boolean(),
-  disableBootstrapCertValidation: z.boolean().optional().default(false)
-});
-
-export type FormData = z.infer<typeof schema>;
-
-export const CertificateTemplateEnrollmentModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const popUpData = popUp?.enrollmentOptions?.data as {
-    id: string;
-  };
-  const certificateTemplateId = popUpData?.id;
-
-  const { data } = useGetEstConfig(certificateTemplateId);
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    setError,
-    watch,
-    setValue,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const { mutateAsync: createEstConfig } = useCreateEstConfig();
-  const { mutateAsync: updateEstConfig } = useUpdateEstConfig();
-  const [isPassphraseFocused, setIsPassphraseFocused] = useToggle(false);
-
-  const disableBootstrapCertValidation = watch("disableBootstrapCertValidation");
-
-  useEffect(() => {
-    if (disableBootstrapCertValidation) {
-      setValue("caChain", "");
-    }
-  }, [disableBootstrapCertValidation]);
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        caChain: data.caChain,
-        isEnabled: data.isEnabled,
-        disableBootstrapCertValidation: data.disableBootstrapCertValidation
-      });
-    } else {
-      reset({
-        caChain: "",
-        isEnabled: false,
-        disableBootstrapCertValidation: false
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({ caChain, passphrase, isEnabled }: FormData) => {
-    try {
-      if (data) {
-        await updateEstConfig({
-          certificateTemplateId,
-          caChain,
-          passphrase,
-          isEnabled,
-          disableBootstrapCertValidation
-        });
-      } else {
-        if (!passphrase) {
-          setError("passphrase", { message: "Passphrase is required to setup EST" });
-          return;
-        }
-
-        await createEstConfig({
-          certificateTemplateId,
-          caChain,
-          passphrase,
-          isEnabled,
-          disableBootstrapCertValidation
-        });
-      }
-
-      handlePopUpToggle("enrollmentOptions", false);
-
-      createNotification({
-        text: "Successfully saved changes",
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.enrollmentOptions?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("enrollmentOptions", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Manage Enrollment Options">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="method"
-            defaultValue={EnrollmentMethod.EST}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Client Enrollment Method"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  <SelectItem value={EnrollmentMethod.EST} key={EnrollmentMethod.EST}>
-                    EST
-                  </SelectItem>
-                </Select>
-              </FormControl>
-            )}
-          />
-          {data && (
-            <FormControl label="EST Label">
-              <Input value={data.certificateTemplateId} isDisabled className="bg-white/[0.07]" />
-            </FormControl>
-          )}
-          <Controller
-            control={control}
-            name="disableBootstrapCertValidation"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl isError={Boolean(error)} errorText={error?.message}>
-                  <Switch
-                    id="skip-bootstrap-cert-validation"
-                    onCheckedChange={(value) => field.onChange(value)}
-                    isChecked={field.value}
-                  >
-                    <p className="ml-1 w-full">Disable Bootstrap Certificate Validation</p>
-                  </Switch>
-                </FormControl>
-              );
-            }}
-          />
-          {!disableBootstrapCertValidation && (
-            <Controller
-              control={control}
-              name="caChain"
-              disabled={disableBootstrapCertValidation}
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Certificate Authority Chain"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  isRequired={!disableBootstrapCertValidation}
-                >
-                  <TextArea
-                    {...field}
-                    isDisabled={disableBootstrapCertValidation}
-                    className="min-h-[15rem] border-none bg-mineshaft-900 text-gray-400"
-                    reSize="none"
-                  />
-                </FormControl>
-              )}
-            />
-          )}
-          <Controller
-            control={control}
-            name="passphrase"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Passphrase" isError={Boolean(error)} errorText={error?.message}>
-                <Input
-                  {...field}
-                  type={isPassphraseFocused ? "text" : "password"}
-                  onFocus={() => setIsPassphraseFocused.on()}
-                  onBlur={() => setIsPassphraseFocused.off()}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="isEnabled"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl isError={Boolean(error)} errorText={error?.message}>
-                  <Switch
-                    id="is-active"
-                    onCheckedChange={(value) => field.onChange(value)}
-                    isChecked={field.value}
-                  >
-                    <p className="ml-1 w-full">EST Enabled</p>
-                  </Switch>
-                </FormControl>
-              );
-            }}
-          />
-
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Save
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("enrollmentOptions", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplateModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplateModal.tsx
deleted file mode 100644
index c7fba88b7..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplateModal.tsx
+++ /dev/null
@@ -1,493 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  Checkbox,
-  FormControl,
-  FormLabel,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Tooltip
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  CaStatus,
-  useCreateCertTemplate,
-  useGetCaById,
-  useGetCertTemplate,
-  useListWorkspaceCas,
-  useListWorkspacePkiCollections,
-  useUpdateCertTemplate
-} from "@app/hooks/api";
-import { caTypeToNameMap } from "@app/hooks/api/ca/constants";
-import {
-  EXTENDED_KEY_USAGES_OPTIONS,
-  KEY_USAGES_OPTIONS
-} from "@app/hooks/api/certificates/constants";
-import { CertExtendedKeyUsage, CertKeyUsage } from "@app/hooks/api/certificates/enums";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const validateTemplateRegexField = z
-  .string()
-  .trim()
-  .min(1)
-  .max(100)
-  .regex(/^[a-zA-Z0-9 *@\-\\.\\]+$/, {
-    message:
-      "Invalid pattern: only alphanumeric characters, spaces, *, ., @, -, and \\ are allowed."
-  });
-
-const schema = z.object({
-  caId: z.string(),
-  collectionId: z.string().optional(),
-  name: z.string().min(1),
-  commonName: validateTemplateRegexField,
-  subjectAlternativeName: validateTemplateRegexField,
-  ttl: z.string().trim().min(1),
-  keyUsages: z.object({
-    [CertKeyUsage.DIGITAL_SIGNATURE]: z.boolean().optional(),
-    [CertKeyUsage.KEY_ENCIPHERMENT]: z.boolean().optional(),
-    [CertKeyUsage.NON_REPUDIATION]: z.boolean().optional(),
-    [CertKeyUsage.DATA_ENCIPHERMENT]: z.boolean().optional(),
-    [CertKeyUsage.KEY_AGREEMENT]: z.boolean().optional(),
-    [CertKeyUsage.KEY_CERT_SIGN]: z.boolean().optional(),
-    [CertKeyUsage.CRL_SIGN]: z.boolean().optional(),
-    [CertKeyUsage.ENCIPHER_ONLY]: z.boolean().optional(),
-    [CertKeyUsage.DECIPHER_ONLY]: z.boolean().optional()
-  }),
-  extendedKeyUsages: z.object({
-    [CertExtendedKeyUsage.CLIENT_AUTH]: z.boolean().optional(),
-    [CertExtendedKeyUsage.CODE_SIGNING]: z.boolean().optional(),
-    [CertExtendedKeyUsage.EMAIL_PROTECTION]: z.boolean().optional(),
-    [CertExtendedKeyUsage.OCSP_SIGNING]: z.boolean().optional(),
-    [CertExtendedKeyUsage.SERVER_AUTH]: z.boolean().optional(),
-    [CertExtendedKeyUsage.TIMESTAMPING]: z.boolean().optional()
-  })
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  caId: string;
-  popUp: UsePopUpState<["certificateTemplate"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["certificateTemplate"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const CertificateTemplateModal = ({ popUp, handlePopUpToggle, caId }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-
-  const { data: ca } = useGetCaById(caId);
-
-  const { data: certTemplate } = useGetCertTemplate(
-    (popUp?.certificateTemplate?.data as { id: string })?.id || ""
-  );
-
-  const { data: cas } = useListWorkspaceCas({
-    projectSlug: currentWorkspace?.slug ?? "",
-    status: CaStatus.ACTIVE
-  });
-
-  const { data: collectionsData } = useListWorkspacePkiCollections({
-    workspaceId: currentWorkspace?.id || ""
-  });
-
-  const { mutateAsync: createCertTemplate } = useCreateCertTemplate();
-  const { mutateAsync: updateCertTemplate } = useUpdateCertTemplate();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      keyUsages: {
-        [CertKeyUsage.DIGITAL_SIGNATURE]: true,
-        [CertKeyUsage.KEY_ENCIPHERMENT]: true
-      }
-    }
-  });
-
-  useEffect(() => {
-    if (certTemplate) {
-      reset({
-        caId: certTemplate.caId,
-        name: certTemplate.name,
-        commonName: certTemplate.commonName,
-        subjectAlternativeName: certTemplate.subjectAlternativeName,
-        collectionId: certTemplate.pkiCollectionId ?? undefined,
-        ttl: certTemplate.ttl,
-        keyUsages: Object.fromEntries(certTemplate.keyUsages.map((name) => [name, true]) ?? []),
-        extendedKeyUsages: Object.fromEntries(
-          certTemplate.extendedKeyUsages.map((name) => [name, true]) ?? []
-        )
-      });
-    } else {
-      reset({
-        caId,
-        name: "",
-        commonName: "",
-        ttl: "",
-        keyUsages: {
-          [CertKeyUsage.DIGITAL_SIGNATURE]: true,
-          [CertKeyUsage.KEY_ENCIPHERMENT]: true
-        },
-        extendedKeyUsages: {}
-      });
-    }
-  }, [certTemplate, ca]);
-
-  const onFormSubmit = async ({
-    collectionId,
-    name,
-    commonName,
-    subjectAlternativeName,
-    ttl,
-    keyUsages,
-    extendedKeyUsages
-  }: FormData) => {
-    if (!currentWorkspace?.id) {
-      return;
-    }
-
-    try {
-      if (certTemplate) {
-        await updateCertTemplate({
-          id: certTemplate.id,
-          projectId: currentWorkspace.id,
-          pkiCollectionId: collectionId,
-          caId,
-          name,
-          commonName,
-          subjectAlternativeName,
-          ttl,
-          keyUsages: Object.entries(keyUsages)
-            .filter(([, value]) => value)
-            .map(([key]) => key as CertKeyUsage),
-          extendedKeyUsages: Object.entries(extendedKeyUsages)
-            .filter(([, value]) => value)
-            .map(([key]) => key as CertExtendedKeyUsage)
-        });
-
-        createNotification({
-          text: "Successfully updated certificate template",
-          type: "success"
-        });
-      } else {
-        await createCertTemplate({
-          projectId: currentWorkspace.id,
-          pkiCollectionId: collectionId,
-          caId,
-          name,
-          commonName,
-          subjectAlternativeName,
-          ttl,
-          keyUsages: Object.entries(keyUsages)
-            .filter(([, value]) => value)
-            .map(([key]) => key as CertKeyUsage),
-          extendedKeyUsages: Object.entries(extendedKeyUsages)
-            .filter(([, value]) => value)
-            .map(([key]) => key as CertExtendedKeyUsage)
-        });
-
-        createNotification({
-          text: "Successfully created certificate template",
-          type: "success"
-        });
-      }
-
-      reset();
-      handlePopUpToggle("certificateTemplate", false);
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to save changes",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.certificateTemplate?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("certificateTemplate", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={certTemplate ? "Certificate Template" : "Create Certificate Template"}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          {certTemplate && (
-            <FormControl label="Certificate Template ID">
-              <Input value={certTemplate.id} isDisabled className="bg-white/[0.07]" />
-            </FormControl>
-          )}
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Template Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="My Certificate Template" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="caId"
-            defaultValue={caId}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Issuing CA"
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="mt-4"
-                isRequired
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                  isDisabled
-                >
-                  {(cas || []).map(({ id, type, dn }) => (
-                    <SelectItem value={id} key={`ca-${id}`}>
-                      {`${caTypeToNameMap[type]}: ${dn}`}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="collectionId"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Certificate Collection (Optional)"
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="mt-4"
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {(collectionsData?.collections || []).map(({ id, name }) => (
-                    <SelectItem value={id} key={`pki-collection-${id}`}>
-                      {name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="commonName"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label={
-                  <div>
-                    <FormLabel
-                      isRequired
-                      label="Common Name (CN)"
-                      icon={
-                        <Tooltip
-                          className="text-center"
-                          content={
-                            <span>
-                              This field accepts limited regular expressions: spaces, *, ., @, -, \
-                              (for escaping), and alphanumeric characters only
-                            </span>
-                          }
-                        >
-                          <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-                        </Tooltip>
-                      }
-                    />
-                  </div>
-                }
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder=".*\.acme.com" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="subjectAlternativeName"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label={
-                  <div>
-                    <FormLabel
-                      isRequired
-                      label="Alternative Names (SAN)"
-                      icon={
-                        <Tooltip
-                          className="text-center"
-                          content={
-                            <span>
-                              This field accepts limited regular expressions: spaces, *, ., @, -, \
-                              (for escaping), and alphanumeric characters only
-                            </span>
-                          }
-                        >
-                          <FontAwesomeIcon icon={faQuestionCircle} size="sm" />
-                        </Tooltip>
-                      }
-                    />
-                  </div>
-                }
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="service\.acme.\..*" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="ttl"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Max TTL"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="2 days, 1d, 2h, 1y, ..." />
-              </FormControl>
-            )}
-          />
-          <Accordion type="single" collapsible className="w-full">
-            <AccordionItem value="key-usages" className="data-[state=open]:border-none">
-              <AccordionTrigger className="h-fit flex-none pl-1 text-sm">
-                <div className="order-1 ml-3">Key Usage</div>
-              </AccordionTrigger>
-              <AccordionContent>
-                <Controller
-                  control={control}
-                  name="keyUsages"
-                  render={({ field: { onChange, value }, fieldState: { error } }) => {
-                    return (
-                      <FormControl
-                        label="Key Usage"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <div className="mt-2 mb-7 grid grid-cols-2 gap-2">
-                          {KEY_USAGES_OPTIONS.map(({ label, value: optionValue }) => {
-                            return (
-                              <Checkbox
-                                id={optionValue}
-                                key={optionValue}
-                                className="data-[state=checked]:bg-primary"
-                                isChecked={value[optionValue]}
-                                onCheckedChange={(state) => {
-                                  onChange({
-                                    ...value,
-                                    [optionValue]: state
-                                  });
-                                }}
-                              >
-                                {label}
-                              </Checkbox>
-                            );
-                          })}
-                        </div>
-                      </FormControl>
-                    );
-                  }}
-                />
-                <Controller
-                  control={control}
-                  name="extendedKeyUsages"
-                  render={({ field: { onChange, value }, fieldState: { error } }) => {
-                    return (
-                      <FormControl
-                        label="Extended Key Usage"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <div className="mt-2 mb-7 grid grid-cols-2 gap-2">
-                          {EXTENDED_KEY_USAGES_OPTIONS.map(({ label, value: optionValue }) => {
-                            return (
-                              <Checkbox
-                                id={optionValue}
-                                key={optionValue}
-                                className="data-[state=checked]:bg-primary"
-                                isChecked={value[optionValue]}
-                                onCheckedChange={(state) => {
-                                  onChange({
-                                    ...value,
-                                    [optionValue]: state
-                                  });
-                                }}
-                              >
-                                {label}
-                              </Checkbox>
-                            );
-                          })}
-                        </div>
-                      </FormControl>
-                    );
-                  }}
-                />
-              </AccordionContent>
-            </AccordionItem>
-          </Accordion>
-          <div className="mt-4 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Save
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("certificateTemplate", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplatesSection.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplatesSection.tsx
deleted file mode 100644
index ad71c575d..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplatesSection.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { DeleteActionModal, IconButton, UpgradePlanModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteCertTemplate } from "@app/hooks/api";
-
-import { CertificateTemplateEnrollmentModal } from "./CertificateTemplateEnrollmentModal";
-import { CertificateTemplateModal } from "./CertificateTemplateModal";
-import { CertificateTemplatesTable } from "./CertificateTemplatesTable";
-
-type Props = {
-  caId: string;
-};
-
-export const CertificateTemplatesSection = ({ caId }: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "certificateTemplate",
-    "deleteCertificateTemplate",
-    "enrollmentOptions",
-    "upgradePlan"
-  ] as const);
-
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync: deleteCertTemplate } = useDeleteCertTemplate();
-
-  const onRemoveCertificateTemplateSubmit = async (id: string) => {
-    if (!currentWorkspace?.id) {
-      return;
-    }
-
-    try {
-      await deleteCertTemplate({
-        id,
-        projectId: currentWorkspace.id
-      });
-
-      await createNotification({
-        text: "Successfully deleted certificate template",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteCertificateTemplate");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete certificate template",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mt-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Certificate Templates</h3>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.CertificateTemplates}
-        >
-          {(isAllowed) => (
-            <IconButton
-              ariaLabel="copy icon"
-              variant="plain"
-              className="group relative"
-              onClick={() => handlePopUpOpen("certificateTemplate")}
-              isDisabled={!isAllowed}
-            >
-              <FontAwesomeIcon icon={faPlus} />
-            </IconButton>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <div className="py-4">
-        <CertificateTemplatesTable handlePopUpOpen={handlePopUpOpen} caId={caId} />
-      </div>
-      <CertificateTemplateModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} caId={caId} />
-      <CertificateTemplateEnrollmentModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deleteCertificateTemplate.isOpen}
-        title={`Are you sure want to delete the certificate template ${
-          (popUp?.deleteCertificateTemplate?.data as { name: string })?.name || ""
-        } from the project?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteCertificateTemplate", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveCertificateTemplateSubmit(
-            (popUp?.deleteCertificateTemplate?.data as { id: string })?.id
-          )
-        }
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="Managing template enrollment options for EST is only available on Infisical's Enterprise plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplatesTable.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplatesTable.tsx
deleted file mode 100644
index 026689231..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificateTemplatesTable.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { faEllipsis, faFileAlt, faTrash, faUserPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useSubscription,
-} from "@app/context";
-import { 
-  // useListWorkspaceCertificateTemplates, 
-  useGetCaCertTemplates 
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  caId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<
-      ["certificateTemplate", "deleteCertificateTemplate", "enrollmentOptions", "upgradePlan"]
-    >,
-    data?: {
-      id?: string;
-      name?: string;
-    }
-  ) => void;
-};
-
-export const CertificateTemplatesTable = ({ handlePopUpOpen, caId }: Props) => {
-  const { subscription } = useSubscription();
-  
-  const { data, isLoading } = useGetCaCertTemplates(caId);
-
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={2} innerKey="project-cas" />}
-            {!isLoading &&
-              data?.certificateTemplates.map((certificateTemplate) => {
-                return (
-                  <Tr className="h-10" key={`certificate-${certificateTemplate.id}`}>
-                    <Td>{certificateTemplate.name}</Td>
-                    <Td className="flex justify-end">
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <Tooltip content="More options">
-                              <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                            </Tooltip>
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          <DropdownMenuItem
-                            onClick={() =>
-                              handlePopUpOpen("certificateTemplate", {
-                                id: certificateTemplate.id
-                              })
-                            }
-                            icon={<FontAwesomeIcon icon={faFileAlt} size="sm" className="mr-1" />}
-                          >
-                            Manage Policies
-                          </DropdownMenuItem>
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={ProjectPermissionSub.CertificateTemplates}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                onClick={() => {
-                                  if (!subscription?.pkiEst) {
-                                    handlePopUpOpen("upgradePlan");
-                                    return;
-                                  }
-
-                                  handlePopUpOpen("enrollmentOptions", {
-                                    id: certificateTemplate.id
-                                  });
-                                }}
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                disabled={!isAllowed}
-                                icon={<FontAwesomeIcon icon={faUserPlus} size="sm" />}
-                              >
-                                Manage Enrollment
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.CertificateTemplates}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                disabled={!isAllowed}
-                                icon={<FontAwesomeIcon icon={faTrash} size="sm" className="mr-1" />}
-                                onClick={() =>
-                                  handlePopUpOpen("deleteCertificateTemplate", {
-                                    id: certificateTemplate.id,
-                                    name: certificateTemplate.name
-                                  })
-                                }
-                              >
-                                Delete Template
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && !data?.certificateTemplates?.length && (
-          <EmptyState title="No certificate templates have been created for this CA" icon={faFileAlt} />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesSection.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesSection.tsx
deleted file mode 100644
index 962083b22..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesSection.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useDeleteCert } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { CertificateCertModal } from "./CertificateCertModal";
-import { CertificateModal } from "./CertificateModal";
-import { CertificateRevocationModal } from "./CertificateRevocationModal";
-import { CertificatesTable } from "./CertificatesTable";
-
-export const CertificatesSection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync: deleteCert } = useDeleteCert();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "certificate",
-    "certificateCert",
-    "deleteCertificate",
-    "revokeCertificate"
-  ] as const);
-
-  const onRemoveCertificateSubmit = async (serialNumber: string) => {
-    try {
-      if (!currentWorkspace?.slug) return;
-
-      await deleteCert({ serialNumber, projectSlug: currentWorkspace.slug });
-
-      await createNotification({
-        text: "Successfully deleted certificate",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteCertificate");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete certificate",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Certificates</p>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.Certificates}
-        >
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("certificate")}
-              isDisabled={!isAllowed}
-            >
-              Issue
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <CertificatesTable handlePopUpOpen={handlePopUpOpen} />
-      <CertificateModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <CertificateCertModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <CertificateRevocationModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deleteCertificate.isOpen}
-        title={`Are you sure want to remove the certificate ${
-          (popUp?.deleteCertificate?.data as { commonName: string })?.commonName || ""
-        } from the project?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteCertificate", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveCertificateSubmit(
-            (popUp?.deleteCertificate?.data as { serialNumber: string })?.serialNumber
-          )
-        }
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesTable.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesTable.tsx
deleted file mode 100644
index 38d5ba246..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesTable.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import { useState } from "react";
-import {
-  faBan,
-  faCertificate,
-  faEllipsis,
-  faEye,
-  faFileExport,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useListWorkspaceCertificates } from "@app/hooks/api";
-import { CertStatus } from "@app/hooks/api/certificates/enums";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { getCertValidUntilBadgeDetails } from "./CertificatesTable.utils";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<
-      ["certificate", "deleteCertificate", "revokeCertificate", "certificateCert"]
-    >,
-    data?: {
-      serialNumber?: string;
-      commonName?: string;
-    }
-  ) => void;
-};
-
-const PER_PAGE_INIT = 25;
-
-export const CertificatesTable = ({ handlePopUpOpen }: Props) => {
-  const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(PER_PAGE_INIT);
-
-  const { currentWorkspace } = useWorkspace();
-  const { data, isLoading } = useListWorkspaceCertificates({
-    projectSlug: currentWorkspace?.slug ?? "",
-    offset: (page - 1) * perPage,
-    limit: perPage
-  });
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Friendly Name</Th>
-            <Th>Status</Th>
-            <Th>Not Before</Th>
-            <Th>Not After</Th>
-            <Th />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={3} innerKey="project-cas" />}
-          {!isLoading &&
-            data?.certificates.map((certificate) => {
-              const { variant, label } = getCertValidUntilBadgeDetails(certificate.notAfter);
-              return (
-                <Tr className="h-10" key={`certificate-${certificate.id}`}>
-                  <Td>{certificate.friendlyName}</Td>
-                  <Td>
-                    {certificate.status === CertStatus.REVOKED ? (
-                      <Badge variant="danger">Revoked</Badge>
-                    ) : (
-                      <Badge variant={variant}>{label}</Badge>
-                    )}
-                  </Td>
-                  <Td>
-                    {certificate.notBefore
-                      ? format(new Date(certificate.notBefore), "yyyy-MM-dd")
-                      : "-"}
-                  </Td>
-                  <Td>
-                    {certificate.notAfter
-                      ? format(new Date(certificate.notAfter), "yyyy-MM-dd")
-                      : "-"}
-                  </Td>
-                  <Td className="flex justify-end">
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild className="rounded-lg">
-                        <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                          <Tooltip content="More options">
-                            <FontAwesomeIcon size="lg" icon={faEllipsis} />
-                          </Tooltip>
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Read}
-                          a={ProjectPermissionSub.Certificates}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={async () =>
-                                handlePopUpOpen("certificateCert", {
-                                  serialNumber: certificate.serialNumber
-                                })
-                              }
-                              disabled={!isAllowed}
-                              icon={<FontAwesomeIcon icon={faFileExport} />}
-                            >
-                              Export Certificate
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Read}
-                          a={ProjectPermissionSub.Certificates}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={async () =>
-                                handlePopUpOpen("certificate", {
-                                  serialNumber: certificate.serialNumber
-                                })
-                              }
-                              disabled={!isAllowed}
-                              icon={<FontAwesomeIcon icon={faEye} />}
-                            >
-                              View Details
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Delete}
-                          a={ProjectPermissionSub.Certificates}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={async () =>
-                                handlePopUpOpen("revokeCertificate", {
-                                  serialNumber: certificate.serialNumber
-                                })
-                              }
-                              disabled={!isAllowed}
-                              icon={<FontAwesomeIcon icon={faBan} />}
-                            >
-                              Revoke Certificate
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Delete}
-                          a={ProjectPermissionSub.Certificates}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={async () =>
-                                handlePopUpOpen("deleteCertificate", {
-                                  serialNumber: certificate.serialNumber,
-                                  commonName: certificate.commonName
-                                })
-                              }
-                              disabled={!isAllowed}
-                              icon={<FontAwesomeIcon icon={faTrash} />}
-                            >
-                              Delete Certificate
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </Td>
-                </Tr>
-              );
-            })}
-        </TBody>
-      </Table>
-      {!isLoading && data?.totalCount !== undefined && data.totalCount >= PER_PAGE_INIT && (
-        <Pagination
-          count={data.totalCount}
-          page={page}
-          perPage={perPage}
-          onChangePage={(newPage) => setPage(newPage)}
-          onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-        />
-      )}
-      {!isLoading && !data?.certificates?.length && (
-        <EmptyState title="No certificates have been issued" icon={faCertificate} />
-      )}
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesTable.utils.ts b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesTable.utils.ts
deleted file mode 100644
index 93b408bbe..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/CertificatesTable.utils.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import ms from "ms";
-
-export const getCertValidUntilBadgeDetails = (notAfter: string) => {
-  const currentDate = new Date().getTime();
-  const notAfterDate = new Date(notAfter).getTime();
-  const diffInMs = notAfterDate - currentDate;
-
-  let variant: "success" | "primary" | "danger" = "success";
-  let label = "Healthy";
-
-  if (diffInMs > ms("60d")) {
-    variant = "success";
-  } else if (diffInMs > ms("30d")) {
-    variant = "primary";
-  } else {
-    variant = "danger";
-  }
-
-  if (diffInMs > ms("60d")) {
-    label = "Healthy";
-  } else if (diffInMs > ms("0d")) {
-    label = `Expires in ${ms(diffInMs)}`;
-  } else {
-    label = "Expired";
-  }
-
-  return { variant, label };
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/index.tsx
deleted file mode 100644
index 7854a6f8b..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CertificatesSection } from "./CertificatesSection";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/index.tsx
deleted file mode 100644
index 277134d56..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/CertificatesTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CertificatesTab } from "./CertificatesTab";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/PkiAlertsTab.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/PkiAlertsTab.tsx
deleted file mode 100644
index 3a5a04345..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/PkiAlertsTab.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { PkiAlertsSection } from "./components";
-
-export const PkiAlertsTab = () => {
-  return (
-    <motion.div
-      key="panel-alerts"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <PkiAlertsSection />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertModal.tsx
deleted file mode 100644
index 048c951ea..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertModal.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  useCreatePkiAlert,
-  useGetPkiAlertById,
-  useListWorkspacePkiCollections,
-  useUpdatePkiAlert
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-enum TimeUnit {
-  DAY = "days",
-  WEEK = "weeks",
-  MONTH = "months",
-  YEAR = "years"
-}
-
-const schema = z.object({
-  name: z.string().trim().min(1),
-  pkiCollectionId: z.string(),
-  alertBefore: z.string(),
-  alertUnit: z.nativeEnum(TimeUnit),
-  emails: z.string().trim()
-});
-
-const convertToDays = (unit: TimeUnit, value: number) => {
-  switch (unit) {
-    case TimeUnit.DAY:
-      return value;
-    case TimeUnit.WEEK:
-      return value * 7;
-    case TimeUnit.MONTH:
-      return value * 30;
-    case TimeUnit.YEAR:
-      return value * 365;
-    default:
-      throw new Error(`Unknown time unit: ${unit}`);
-  }
-};
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["pkiAlert"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["pkiAlert"]>, state?: boolean) => void;
-};
-
-export const PkiAlertModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data: alert } = useGetPkiAlertById(
-    (popUp?.pkiAlert?.data as { alertId: string })?.alertId || ""
-  );
-
-  const { data: pkiCollections } = useListWorkspacePkiCollections({
-    workspaceId: projectId
-  });
-
-  const { mutateAsync: createPkiAlert } = useCreatePkiAlert();
-  const { mutateAsync: updatePkiAlert } = useUpdatePkiAlert();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      alertUnit: TimeUnit.DAY
-    }
-  });
-
-  useEffect(() => {
-    if (alert) {
-      reset({
-        name: alert.name,
-        pkiCollectionId: alert.pkiCollectionId,
-        alertBefore: alert.alertBeforeDays.toString(),
-        alertUnit: TimeUnit.DAY,
-        emails: alert.recipientEmails
-      });
-    } else {
-      // TODO: add default collection?
-      reset({
-        name: "",
-        ...(pkiCollections?.collections?.[0] && {
-          pkiCollectionId: pkiCollections.collections[0].id
-        })
-      });
-    }
-  }, [alert, pkiCollections]);
-
-  const onFormSubmit = async ({
-    name,
-    pkiCollectionId,
-    alertBefore,
-    alertUnit,
-    emails
-  }: FormData) => {
-    try {
-      if (!projectId) return;
-
-      const emailArray = emails
-        .split(",")
-        .map((email) => email.trim())
-        .filter((email) => email.length > 0);
-
-      const alertBeforeDays = convertToDays(alertUnit, Number(alertBefore));
-
-      if (alert) {
-        // update
-        await updatePkiAlert({
-          alertId: alert.id,
-          pkiCollectionId,
-          name,
-          projectId,
-          alertBeforeDays,
-          emails: emailArray
-        });
-      } else {
-        // create
-        await createPkiAlert({
-          name,
-          projectId,
-          pkiCollectionId,
-          alertBeforeDays,
-          emails: emailArray
-        });
-      }
-
-      handlePopUpToggle("pkiAlert", false);
-
-      reset();
-
-      createNotification({
-        text: `Successfully ${alert ? "updated" : "created"} alert`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${alert ? "updated" : "created"} alert`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.pkiAlert?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("pkiAlert", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={`${alert ? "Edit" : "Create"} Alert`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="My Alert" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="pkiCollectionId"
-            defaultValue=""
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Certificate Collection"
-                errorText={error?.message}
-                isError={Boolean(error)}
-                isRequired
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {(pkiCollections?.collections || []).map(({ id, name }) => (
-                    <SelectItem value={id} key={`project-${id}`}>
-                      {name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Controller
-              control={control}
-              defaultValue=""
-              name="alertBefore"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Alert Before"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  className="w-full"
-                  isRequired
-                >
-                  <Input {...field} placeholder="5" type="number" min={1} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="alertUnit"
-              defaultValue={TimeUnit.YEAR}
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  className="ml-4"
-                  label="Alert Unit"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-48"
-                  >
-                    <SelectItem value={TimeUnit.DAY}>Days</SelectItem>
-                    <SelectItem value={TimeUnit.WEEK}>Weeks</SelectItem>
-                    <SelectItem value={TimeUnit.MONTH}>Months</SelectItem>
-                    <SelectItem value={TimeUnit.YEAR}>Years</SelectItem>
-                  </Select>
-                </FormControl>
-              )}
-            />
-          </div>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="emails"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Emails to Alert"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="johndoe@gmail.com, janedoe@gmail.com, ..." />
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {alert ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("pkiAlert", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertRow.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertRow.tsx
deleted file mode 100644
index 2eef7e3dc..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertRow.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Td,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useGetPkiCollectionById } from "@app/hooks/api";
-import { TPkiAlert } from "@app/hooks/api/pkiAlerts/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  alert: TPkiAlert;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["pkiAlert", "deletePkiAlert"]>,
-    data?: {}
-  ) => void;
-};
-
-export const PkiAlertRow = ({ alert, handlePopUpOpen }: Props) => {
-  const { data: pkiCollection } = useGetPkiCollectionById(alert.pkiCollectionId || "");
-  return (
-    <Tr className="h-10" key={`pki-alert-${alert.id}`}>
-      <Td>{alert.name}</Td>
-      <Td>{alert.alertBeforeDays}</Td>
-      <Td>{pkiCollection ? pkiCollection.name : "-"}</Td>
-      <Td>
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild className="rounded-lg">
-            <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-              <FontAwesomeIcon size="sm" icon={faEllipsis} />
-            </div>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="start" className="p-1">
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Edit}
-              a={ProjectPermissionSub.PkiAlerts}
-            >
-              {(isAllowed) => (
-                <DropdownMenuItem
-                  className={twMerge(
-                    !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                  )}
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    handlePopUpOpen("pkiAlert", {
-                      alertId: alert.id
-                    });
-                  }}
-                  disabled={!isAllowed}
-                >
-                  Edit Alert
-                </DropdownMenuItem>
-              )}
-            </ProjectPermissionCan>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Delete}
-              a={ProjectPermissionSub.PkiAlerts}
-            >
-              {(isAllowed) => (
-                <DropdownMenuItem
-                  className={twMerge(
-                    isAllowed
-                      ? "hover:!bg-red-500 hover:!text-white"
-                      : "pointer-events-none cursor-not-allowed opacity-50"
-                  )}
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    handlePopUpOpen("deletePkiAlert", {
-                      alertId: alert.id,
-                      name: alert.name
-                    });
-                  }}
-                  disabled={!isAllowed}
-                >
-                  Delete Alert
-                </DropdownMenuItem>
-              )}
-            </ProjectPermissionCan>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertsSection.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertsSection.tsx
deleted file mode 100644
index af27c4b7a..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertsSection.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useDeletePkiAlert } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { PkiAlertModal } from "./PkiAlertModal";
-import { PkiAlertsTable } from "./PkiAlertsTable";
-
-export const PkiAlertsSection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const { mutateAsync: deletePkiAlert } = useDeletePkiAlert();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "pkiAlert",
-    "deletePkiAlert"
-  ] as const);
-
-  const onRemoveAlertSubmit = async (alertId: string) => {
-    try {
-      if (!projectId) return;
-
-      await deletePkiAlert({
-        alertId,
-        projectId
-      });
-
-      createNotification({
-        text: "Successfully deleted alert",
-        type: "success"
-      });
-
-      handlePopUpClose("deletePkiAlert");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete alert",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Alerts</p>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.PkiAlerts}
-        >
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("pkiAlert")}
-              isDisabled={!isAllowed}
-            >
-              Create
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <PkiAlertsTable handlePopUpOpen={handlePopUpOpen} />
-      <PkiAlertModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deletePkiAlert.isOpen}
-        title={`Are you sure want to remove the alert ${
-          (popUp?.deletePkiAlert?.data as { name: string })?.name || ""
-        } from the project?`}
-        onChange={(isOpen) => handlePopUpToggle("deletePkiAlert", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveAlertSubmit((popUp?.deletePkiAlert?.data as { alertId: string })?.alertId)
-        }
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertsTable.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertsTable.tsx
deleted file mode 100644
index f31b246f1..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiAlertsTable.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
-
-import {
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useListWorkspacePkiAlerts } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { PkiAlertRow } from "./PkiAlertRow";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["pkiAlert", "deletePkiAlert"]>,
-    data?: {}
-  ) => void;
-};
-
-export const PkiAlertsTable = ({ handlePopUpOpen }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data, isLoading } = useListWorkspacePkiAlerts({
-    workspaceId: projectId
-  });
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Alert Name</Th>
-            <Th>Alert Before Days</Th>
-            <Th>Certificate Collection</Th>
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="project-pki-alerts" />}
-          {!isLoading &&
-            data?.alerts.map((alert) => {
-              return (
-                <PkiAlertRow
-                  key={`alert-${alert.id}`}
-                  alert={alert}
-                  handlePopUpOpen={handlePopUpOpen}
-                />
-              );
-            })}
-        </TBody>
-      </Table>
-      {!isLoading && !data?.alerts?.length && (
-        <EmptyState title="No alerts have been created for any certificate collections" icon={faExclamationCircle} />
-      )}
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionModal.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionModal.tsx
deleted file mode 100644
index 95d6aa8b8..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionModal.tsx
+++ /dev/null
@@ -1,165 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  useCreatePkiCollection,
-  useGetPkiCollectionById,
-  useUpdatePkiCollection
-} from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  name: z.string().trim().min(1),
-  description: z.string()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["pkiCollection"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["pkiCollection"]>, state?: boolean) => void;
-};
-
-export const PkiCollectionModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const router = useRouter();
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data: pkiCollection } = useGetPkiCollectionById(
-    (popUp?.pkiCollection?.data as { collectionId: string })?.collectionId || ""
-  );
-
-  const { mutateAsync: createPkiCollection } = useCreatePkiCollection();
-  const { mutateAsync: updatePkiCollection } = useUpdatePkiCollection();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  useEffect(() => {
-    if (pkiCollection) {
-      reset({
-        name: pkiCollection.name,
-        description: pkiCollection.description
-      });
-    } else {
-      reset({
-        name: "",
-        description: ""
-      });
-    }
-  }, [pkiCollection]);
-
-  const onFormSubmit = async ({ name, description }: FormData) => {
-    try {
-      if (!projectId) return;
-
-      if (pkiCollection) {
-        // update
-        await updatePkiCollection({
-          collectionId: pkiCollection.id,
-          name,
-          description,
-          projectId
-        });
-      } else {
-        // create
-        const { id: createdId } = await createPkiCollection({
-          name,
-          description,
-          projectId
-        });
-
-        router.push(`/${ProjectType.CertificateManager}/${projectId}/pki-collections/${createdId}`);
-      }
-
-      handlePopUpToggle("pkiCollection", false);
-
-      reset();
-
-      createNotification({
-        text: `Successfully ${pkiCollection ? "updated" : "created"} PKI collection`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${pkiCollection ? "updated" : "created"} PKI collection`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.pkiCollection?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("pkiCollection", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={`${pkiCollection ? "Edit" : "Create"} Certificate Collection`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="My Certificate Collection" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="description"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Description" isError={Boolean(error)} errorText={error?.message}>
-                <Input
-                  {...field}
-                  placeholder="A collection to house certificates for ACME device"
-                />
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {pkiCollection ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("pkiCollection", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionSection.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionSection.tsx
deleted file mode 100644
index 03788092d..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionSection.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useDeletePkiCollection } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { PkiCollectionModal } from "./PkiCollectionModal";
-import { PkiCollectionTable } from "./PkiCollectionTable";
-
-export const PkiCollectionSection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const { mutateAsync: deletePkiCollection } = useDeletePkiCollection();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "pkiCollection",
-    "deletePkiCollection"
-  ] as const);
-
-  const onRemovePkiCollectionSubmit = async (collectionId: string) => {
-    try {
-      if (!projectId) return;
-
-      await deletePkiCollection({
-        collectionId,
-        projectId
-      });
-
-      await createNotification({
-        text: "Successfully deleted PKI collection",
-        type: "success"
-      });
-
-      handlePopUpClose("deletePkiCollection");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete PKI collection",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Certificate Collections</p>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.PkiCollections}
-        >
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("pkiCollection")}
-              isDisabled={!isAllowed}
-            >
-              Create
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <PkiCollectionTable handlePopUpOpen={handlePopUpOpen} />
-      <PkiCollectionModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deletePkiCollection.isOpen}
-        title={`Are you sure want to remove the alert ${
-          (popUp?.deletePkiCollection?.data as { name: string })?.name || ""
-        } from the project?`}
-        onChange={(isOpen) => handlePopUpToggle("deletePkiCollection", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemovePkiCollectionSubmit(
-            (popUp?.deletePkiCollection?.data as { collectionId: string })?.collectionId
-          )
-        }
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionTable.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionTable.tsx
deleted file mode 100644
index cd5b64925..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/PkiCollectionTable.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { useRouter } from "next/router";
-import { faBoxesStacked, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useListWorkspacePkiCollections } from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["pkiCollection", "deletePkiCollection"]>,
-    data?: {}
-  ) => void;
-};
-
-export const PkiCollectionTable = ({ handlePopUpOpen }: Props) => {
-  const router = useRouter();
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data, isLoading } = useListWorkspacePkiCollections({
-    workspaceId: projectId
-  });
-
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th>Description</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={3} innerKey="pki-collections" />}
-            {!isLoading &&
-              data?.collections.map((pkiCollection) => {
-                return (
-                  <Tr
-                    className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                    key={`pki-collection-${pkiCollection.id}`}
-                    onClick={() =>
-                      router.push(`/${ProjectType.CertificateManager}/${projectId}/pki-collections/${pkiCollection.id}`)
-                    }
-                  >
-                    <Td>{pkiCollection.name}</Td>
-                    <Td>{pkiCollection.description ? pkiCollection.description : "-"}</Td>
-                    <Td>
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={ProjectPermissionSub.PkiCollections}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("pkiCollection", {
-                                    collectionId: pkiCollection.id
-                                  });
-                                }}
-                                disabled={!isAllowed}
-                              >
-                                Edit Collection
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.PkiCollections}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  isAllowed
-                                    ? "hover:!bg-red-500 hover:!text-white"
-                                    : "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deletePkiCollection", {
-                                    collectionId: pkiCollection.id,
-                                    name: pkiCollection.name
-                                  });
-                                }}
-                                disabled={!isAllowed}
-                              >
-                                Delete Collection
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && !data?.collections?.length && (
-          <EmptyState title="No certificate collections have been created" icon={faBoxesStacked} />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/index.tsx
deleted file mode 100644
index 7c4147777..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/components/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { PkiAlertsSection } from "./PkiAlertsSection";
-export { PkiCollectionSection } from "./PkiCollectionSection";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/index.tsx
deleted file mode 100644
index 0acaf13d6..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/PkiAlertsTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PkiAlertsTab } from "./PkiAlertsTab";
diff --git a/frontend-next/src/views/Project/CertificatesPage/components/index.tsx b/frontend-next/src/views/Project/CertificatesPage/components/index.tsx
deleted file mode 100644
index 851d403a0..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { CaTab } from "./CaTab";
-export { CertificatesTab } from "./CertificatesTab";
-export { PkiAlertsTab } from "./PkiAlertsTab";
diff --git a/frontend-next/src/views/Project/CertificatesPage/index.tsx b/frontend-next/src/views/Project/CertificatesPage/index.tsx
deleted file mode 100644
index a72556644..000000000
--- a/frontend-next/src/views/Project/CertificatesPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CertificatesPage } from "./CertificatesPage";
diff --git a/frontend-next/src/views/Project/IPAllowListPage/IPAllowlistPage.tsx b/frontend-next/src/views/Project/IPAllowListPage/IPAllowlistPage.tsx
deleted file mode 100644
index 41e628769..000000000
--- a/frontend-next/src/views/Project/IPAllowListPage/IPAllowlistPage.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-
-import { IPAllowlistSection } from "./components";
-
-export const IPAllowlistPage = withProjectPermission(
-  () => {
-    return (
-      <div className="flex h-full w-full justify-center bg-bunker-800 text-white">
-        <div className="w-full max-w-7xl px-6">
-          <div className="my-6">
-            <p className="text-3xl font-semibold text-gray-200">IP Allowlist</p>
-            <div />
-          </div>
-          <IPAllowlistSection />
-        </div>
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.IpAllowList }
-);
diff --git a/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistModal.tsx b/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistModal.tsx
deleted file mode 100644
index 47c70208c..000000000
--- a/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistModal.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useAddTrustedIp, useGetMyIp, useUpdateTrustedIp } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = yup
-  .object({
-    ipAddress: yup.string().required("IP address is required"),
-    comment: yup.string()
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["trustedIp"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["trustedIp"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["trustedIp"]>, state?: boolean) => void;
-};
-
-export const IPAllowlistModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  
-  const { data, isLoading } = useGetMyIp();
-
-  const { currentWorkspace } = useWorkspace();
-  const addTrustedIp = useAddTrustedIp();
-  const updateTrustedIp = useUpdateTrustedIp();
-
-  const {
-    control,
-    setValue,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema)
-  });
-
-  useEffect(() => {
-    const trustedIpData = popUp?.trustedIp?.data as {
-      ipAddress: string;
-      comment: string;
-      prefix: number;
-    };
-
-    if (popUp?.trustedIp?.data) {
-      reset({
-        ipAddress: `${trustedIpData.ipAddress}${
-          trustedIpData.prefix !== undefined ? `/${trustedIpData.prefix}` : ""
-        }`,
-        comment: trustedIpData.comment
-      });
-    } else {
-      reset({
-        ipAddress: "",
-        comment: ""
-      });
-    }
-  }, [popUp?.trustedIp?.data]);
-
-  const onIPAllowlistModalSubmit = async ({ ipAddress, comment }: FormData) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      if (popUp?.trustedIp?.data) {
-        await updateTrustedIp.mutateAsync({
-          workspaceId: currentWorkspace.id,
-          trustedIpId: (popUp?.trustedIp?.data as { trustedIpId: string })?.trustedIpId,
-          ipAddress,
-          comment,
-          isActive: true
-        });
-      } else {
-        await addTrustedIp.mutateAsync({
-          workspaceId: currentWorkspace.id,
-          ipAddress,
-          comment,
-          isActive: true
-        });
-      }
-
-      createNotification({
-        text: `Successfully ${popUp?.trustedIp?.data ? "updated" : "added"} trusted IP`,
-        type: "success"
-      });
-
-      reset();
-      handlePopUpClose("trustedIp");
-    } catch (err) {
-      createNotification({
-        text: `Failed to ${popUp?.trustedIp?.data ? "update" : "add"} trusted IP`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.trustedIp?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("trustedIp", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={popUp?.trustedIp?.data ? "Update IP" : "Add IP"}>
-        <form onSubmit={handleSubmit(onIPAllowlistModalSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="ipAddress"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="IPv4/IPv6 Address / CIDR Notation"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="123.456.789.0" />
-              </FormControl>
-            )}
-          />
-          {!isLoading && data && (
-            <Button
-              colorSchema="secondary"
-              type="button"
-              onClick={() => setValue("ipAddress", data)}
-              className="mb-8"
-            >
-              Add current IP address
-            </Button>
-          )}
-          <Controller
-            control={control}
-            defaultValue=""
-            name="comment"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Comment" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="My IP address" />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {popUp?.trustedIp?.data ? "Update" : "Add"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpClose("trustedIp")}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistSection.tsx b/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistSection.tsx
deleted file mode 100644
index c09ff774e..000000000
--- a/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistSection.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { useDeleteTrustedIp } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { IPAllowlistModal } from "./IPAllowlistModal";
-import { IPAllowlistTable } from "./IPAllowlistTable";
-
-export const IPAllowlistSection = () => {
-  
-  const { mutateAsync } = useDeleteTrustedIp();
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "trustedIp",
-    "deleteTrustedIp",
-    "upgradePlan"
-  ] as const);
-
-  const onDeleteTrustedIpSubmit = async (trustedIpId: string) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await mutateAsync({
-        workspaceId: currentWorkspace.id,
-        trustedIpId
-      });
-
-      createNotification({
-        text: "Successfully deleted IP access range",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteTrustedIp");
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        text: "Failed to delete IP access range",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-8 flex items-center">
-        <h2 className="flex-1 text-xl font-semibold text-white">IP Allowlist</h2>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.IpAllowList}
-        >
-          {(isAllowed) => (
-            <Button
-              onClick={() => {
-                if (subscription?.ipAllowlisting) {
-                  handlePopUpOpen("trustedIp");
-                } else {
-                  handlePopUpOpen("upgradePlan");
-                }
-              }}
-              colorSchema="secondary"
-              isLoading={false}
-              isDisabled={!isAllowed}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-            >
-              Add IP
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <IPAllowlistTable
-        popUp={popUp}
-        handlePopUpOpen={handlePopUpOpen}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <IPAllowlistModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deleteTrustedIp.isOpen}
-        title={`Are you sure want to delete ${
-          (popUp?.deleteTrustedIp?.data as { name: string })?.name || " "
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteTrustedIp", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onDeleteTrustedIpSubmit(
-            (popUp?.deleteTrustedIp?.data as { trustedIpId: string })?.trustedIpId
-          )
-        }
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use IP allowlisting if you switch to Infisical's Pro plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistTable.tsx b/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistTable.tsx
deleted file mode 100644
index 83cd5f922..000000000
--- a/frontend-next/src/views/Project/IPAllowListPage/components/IPAllowlistTable.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { faGlobe, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { useGetTrustedIps } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  popUp: UsePopUpState<["upgradePlan"]>;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["trustedIp", "deleteTrustedIp", "upgradePlan"]>,
-    data?: {
-      trustedIpId: string;
-      ipAddress?: string;
-      comment?: string;
-      isActive?: boolean;
-      prefix?: number;
-    }
-  ) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["upgradePlan"]>, state?: boolean) => void;
-};
-
-export const IPAllowlistTable = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Props) => {
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-  const { data, isLoading } = useGetTrustedIps(currentWorkspace?.id ?? "");
-
-  const formatType = (type: string, prefix?: number) => {
-    return `${type.slice(0, 2).toUpperCase() + type.slice(2)} ${
-      prefix !== undefined ? "CIDR" : ""
-    }`;
-  };
-
-  return (
-    <div>
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="flex-1">IP Address / Range</Th>
-              <Th className="flex-1">Format</Th>
-              <Th className="flex-1">Comment</Th>
-              {/* <Th className="flex-1">Status</Th> */}
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {!isLoading &&
-              data &&
-              data?.length > 0 &&
-              data
-                .sort((a, b) => a.ipAddress.localeCompare(b.ipAddress))
-                .map(({ id, ipAddress, comment, type, prefix, isActive }) => {
-                  return (
-                    <Tr key={`ip-access-range-${id}`} className="h-10">
-                      <Td>{`${ipAddress}${prefix !== undefined ? `/${prefix}` : ""}`}</Td>
-                      <Td>{formatType(type, prefix)}</Td>
-                      <Td>{comment}</Td>
-                      {/* <Td>
-                                        <div className="flex items-center">
-                                            <FontAwesomeIcon 
-                                                icon={faCircle} 
-                                                color="#2ecc71"
-                                            /> 
-                                            <p className="ml-4">Active</p>
-                                        </div>
-                                    </Td> */}
-                      <Td className="flex items-center">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Edit}
-                          a={ProjectPermissionSub.IpAllowList}
-                        >
-                          {(isAllowed) => (
-                            <IconButton
-                              className="mr-3 py-2"
-                              onClick={() => {
-                                if (subscription?.ipAllowlisting) {
-                                  handlePopUpOpen("trustedIp", {
-                                    trustedIpId: id,
-                                    ipAddress,
-                                    comment,
-                                    prefix,
-                                    isActive
-                                  });
-                                } else {
-                                  handlePopUpOpen("upgradePlan");
-                                }
-                              }}
-                              colorSchema="primary"
-                              variant="plain"
-                              ariaLabel="update"
-                              isDisabled={!isAllowed}
-                            >
-                              <FontAwesomeIcon icon={faPencil} />
-                            </IconButton>
-                          )}
-                        </ProjectPermissionCan>
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Delete}
-                          a={ProjectPermissionSub.IpAllowList}
-                        >
-                          {(isAllowed) => (
-                            <IconButton
-                              onClick={() => {
-                                if (subscription?.ipAllowlisting) {
-                                  handlePopUpOpen("deleteTrustedIp", {
-                                    trustedIpId: id
-                                  });
-                                } else {
-                                  handlePopUpOpen("upgradePlan");
-                                }
-                              }}
-                              size="lg"
-                              colorSchema="danger"
-                              variant="plain"
-                              ariaLabel="update"
-                              isDisabled={!isAllowed}
-                            >
-                              <FontAwesomeIcon icon={faXmark} />
-                            </IconButton>
-                          )}
-                        </ProjectPermissionCan>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-            {isLoading && (
-              <TableSkeleton innerKey="ip-access-table" columns={4} key="ip-access-ranges" />
-            )}
-            {!isLoading && data && data?.length === 0 && (
-              <Tr>
-                <Td colSpan={5}>
-                  <EmptyState title="No IP addresses added" icon={faGlobe} />
-                </Td>
-              </Tr>
-            )}
-          </TBody>
-        </Table>
-      </TableContainer>
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use IP allowlisting if you switch to Infisical's Pro plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/IPAllowListPage/components/index.tsx b/frontend-next/src/views/Project/IPAllowListPage/components/index.tsx
deleted file mode 100644
index 488a07e71..000000000
--- a/frontend-next/src/views/Project/IPAllowListPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IPAllowlistSection } from "./IPAllowlistSection";
diff --git a/frontend-next/src/views/Project/IPAllowListPage/index.tsx b/frontend-next/src/views/Project/IPAllowListPage/index.tsx
deleted file mode 100644
index c13a0d1eb..000000000
--- a/frontend-next/src/views/Project/IPAllowListPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IPAllowlistPage } from "./IPAllowlistPage";
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/IdentityDetailPage.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/IdentityDetailPage.tsx
deleted file mode 100644
index f5173bbb6..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/IdentityDetailPage.tsx
+++ /dev/null
@@ -1,165 +0,0 @@
-import { useRouter } from "next/router";
-import { subject } from "@casl/ability";
-import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, EmptyState, Spinner } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { getProjectTitle } from "@app/helpers/project";
-import { withProjectPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import {
-  useDeleteIdentityFromWorkspace,
-  useGetWorkspaceIdentityMembershipDetails
-} from "@app/hooks/api";
-
-import { IdentityProjectAdditionalPrivilegeSection } from "./components/IdentityProjectAdditionalPrivilegeSection";
-import { IdentityRoleDetailsSection } from "./components/IdentityRoleDetailsSection";
-
-export const IdentityDetailsPage = withProjectPermission(
-  () => {
-    const router = useRouter();
-    const { currentWorkspace } = useWorkspace();
-
-    const workspaceId = currentWorkspace?.id || "";
-    const identityId = router.query.identityId as string;
-
-    const { data: identityMembershipDetails, isLoading: isMembershipDetailsLoading } =
-      useGetWorkspaceIdentityMembershipDetails(workspaceId, identityId);
-
-    const { mutateAsync: deleteMutateAsync, isLoading: isDeletingIdentity } =
-      useDeleteIdentityFromWorkspace();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "deleteIdentity",
-      "upgradePlan"
-    ] as const);
-
-    const onRemoveIdentitySubmit = async () => {
-      try {
-        await deleteMutateAsync({
-          identityId,
-          workspaceId
-        });
-        createNotification({
-          text: "Successfully removed identity from project",
-          type: "success"
-        });
-        handlePopUpClose("deleteIdentity");
-        router.push(`/${currentWorkspace?.type}/${workspaceId}/members?selectedTab=identities`);
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to remove identity from project";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    if (isMembershipDetailsLoading) {
-      return (
-        <div className="flex w-full items-center justify-center p-24">
-          <Spinner />
-        </div>
-      );
-    }
-
-    return (
-      <div className="container mx-auto flex max-w-7xl flex-col justify-between bg-bunker-800 p-6 text-white">
-        <div className="mb-4">
-          <Button
-            variant="link"
-            type="submit"
-            leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-            onClick={() => {
-              router.push(
-                `/${currentWorkspace?.type}/${workspaceId}/members?selectedTab=identities`
-              );
-            }}
-            className="mb-4"
-          >
-            {currentWorkspace?.type ? getProjectTitle(currentWorkspace?.type) : "Project"} Access
-            Control
-          </Button>
-        </div>
-        {identityMembershipDetails ? (
-          <>
-            <div className="mb-4">
-              <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-                <div className="mb-4 flex items-center justify-between ">
-                  <h3 className="text-xl font-semibold text-mineshaft-100">
-                    Project Identity Access
-                  </h3>
-                  <div>
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Delete}
-                      a={subject(ProjectPermissionSub.Identity, {
-                        identityId: identityMembershipDetails?.identity?.id
-                      })}
-                      renderTooltip
-                      allowedLabel="Remove from project"
-                    >
-                      {(isAllowed) => (
-                        <Button
-                          colorSchema="danger"
-                          variant="outline_bg"
-                          size="xs"
-                          isDisabled={!isAllowed}
-                          isLoading={isDeletingIdentity}
-                          onClick={() => handlePopUpOpen("deleteIdentity")}
-                        >
-                          Remove Identity
-                        </Button>
-                      )}
-                    </ProjectPermissionCan>
-                  </div>
-                </div>
-                <div className="flex gap-12">
-                  <div>
-                    <span className="text-xs font-semibold text-gray-400">Name</span>
-                    {identityMembershipDetails && (
-                      <p className="text-lg capitalize">
-                        {identityMembershipDetails?.identity?.name}
-                      </p>
-                    )}
-                  </div>
-                </div>
-                <div className="mt-4 text-sm text-gray-400">
-                  Joined on{" "}
-                  {identityMembershipDetails?.createdAt &&
-                    format(new Date(identityMembershipDetails?.createdAt || ""), "yyyy-MM-dd")}
-                </div>
-              </div>
-            </div>
-            <IdentityRoleDetailsSection
-              identityMembershipDetails={identityMembershipDetails}
-              isMembershipDetailsLoading={isMembershipDetailsLoading}
-            />
-            <IdentityProjectAdditionalPrivilegeSection
-              identityMembershipDetails={identityMembershipDetails}
-            />
-            <DeleteActionModal
-              isOpen={popUp.deleteIdentity.isOpen}
-              title={`Are you sure want to remove ${identityMembershipDetails?.identity?.name} from the project?`}
-              onChange={(isOpen) => handlePopUpToggle("deleteIdentity", isOpen)}
-              deleteKey="remove"
-              onDeleteApproved={() => onRemoveIdentitySubmit()}
-            />
-          </>
-        ) : (
-          <EmptyState title="Error: Unable to find the identity." className="py-12" />
-        )}
-      </div>
-    );
-  },
-  {
-    action: ProjectPermissionActions.Read,
-    subject: ProjectPermissionSub.Identity
-  }
-);
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/IdentityProjectAdditionalPrivilegeModifySection.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/IdentityProjectAdditionalPrivilegeModifySection.tsx
deleted file mode 100644
index db1888a22..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/IdentityProjectAdditionalPrivilegeModifySection.tsx
+++ /dev/null
@@ -1,435 +0,0 @@
-import { Controller, FormProvider, useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import {
-  faCaretDown,
-  faChevronLeft,
-  faClock,
-  faPlus,
-  faSave
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format, formatDistance } from "date-fns";
-import ms from "ms";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  FormControl,
-  FormLabel,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import {
-  useCreateIdentityProjectAdditionalPrivilege,
-  useGetIdentityProjectPrivilegeDetails,
-  useUpdateIdentityProjectAdditionalPrivilege
-} from "@app/hooks/api";
-import { IdentityProjectAdditionalPrivilegeTemporaryMode } from "@app/hooks/api/identityProjectAdditionalPrivilege/types";
-import { GeneralPermissionPolicies } from "@app/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionPolicies";
-import { PermissionEmptyState } from "@app/views/Project/RolePage/components/RolePermissionsSection/PermissionEmptyState";
-import {
-  formRolePermission2API,
-  isConditionalSubjects,
-  PROJECT_PERMISSION_OBJECT,
-  projectRoleFormSchema,
-  rolePermission2Form
-} from "@app/views/Project/RolePage/components/RolePermissionsSection/ProjectRoleModifySection.utils";
-import { renderConditionalComponents } from "@app/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection";
-
-type Props = {
-  privilegeId?: string;
-  identityId: string;
-  onGoBack: () => void;
-  isDisabled?: boolean;
-};
-
-export const formSchema = z.object({
-  slug: z.string().optional(),
-  temporaryAccess: z
-    .discriminatedUnion("isTemporary", [
-      z.object({
-        isTemporary: z.literal(true),
-        temporaryRange: z.string().min(1),
-        temporaryAccessStartTime: z.string().datetime(),
-        temporaryAccessEndTime: z.string().datetime().nullable().optional()
-      }),
-      z.object({
-        isTemporary: z.literal(false)
-      })
-    ])
-    .default({ isTemporary: false }),
-  permissions: projectRoleFormSchema.shape.permissions
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-export const IdentityProjectAdditionalPrivilegeModifySection = ({
-  privilegeId = "",
-  onGoBack,
-  identityId,
-  isDisabled
-}: Props) => {
-  const isCreate = !privilegeId;
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const { data: privilegeDetails, isLoading } = useGetIdentityProjectPrivilegeDetails({
-    identityId,
-    projectId,
-    privilegeId
-  });
-  const { permission } = useProjectPermission();
-  const isIdentityEditDisabled = permission.cannot(
-    ProjectPermissionActions.Edit,
-    subject(ProjectPermissionSub.Identity, { identityId })
-  );
-
-  const form = useForm<TFormSchema>({
-    values: privilegeDetails
-      ? {
-          ...privilegeDetails,
-          permissions: rolePermission2Form(privilegeDetails.permissions),
-          temporaryAccess: privilegeDetails.isTemporary
-            ? {
-                isTemporary: true,
-                temporaryRange: privilegeDetails.temporaryRange || "",
-                temporaryAccessEndTime: privilegeDetails.temporaryAccessEndTime || "",
-                temporaryAccessStartTime: privilegeDetails.temporaryAccessStartTime || ""
-              }
-            : {
-                isTemporary: privilegeDetails.isTemporary
-              }
-        }
-      : undefined,
-    resolver: zodResolver(formSchema)
-  });
-
-  const {
-    handleSubmit,
-    formState: { isDirty, isSubmitting }
-  } = form;
-
-  const { mutateAsync: updateIdentityProjectAdditionalPrivilege } =
-    useUpdateIdentityProjectAdditionalPrivilege();
-  const { mutateAsync: createIdentityProjectAdditionalPrivilege } =
-    useCreateIdentityProjectAdditionalPrivilege();
-
-  const onSubmit = async (el: TFormSchema) => {
-    const accessType = !el.temporaryAccess.isTemporary
-      ? { isTemporary: false as const }
-      : {
-          isTemporary: true as const,
-          temporaryMode: IdentityProjectAdditionalPrivilegeTemporaryMode.Relative,
-          temporaryRange: el.temporaryAccess.temporaryRange,
-          temporaryAccessStartTime: el.temporaryAccess.temporaryAccessStartTime
-        };
-
-    try {
-      if (isCreate) {
-        await createIdentityProjectAdditionalPrivilege({
-          permissions: formRolePermission2API(el.permissions),
-          identityId,
-          projectId,
-          slug: el.slug || undefined,
-          type: accessType
-        });
-        createNotification({ type: "success", text: "Successfully created privilege" });
-      } else {
-        if (!projectId || !privilegeDetails?.id) return;
-        await updateIdentityProjectAdditionalPrivilege({
-          privilegeId: privilegeDetails.id,
-          permissions: formRolePermission2API(el.permissions),
-          projectId,
-          identityId,
-          slug: el.slug || undefined,
-          type: accessType
-        });
-        createNotification({ type: "success", text: "Successfully updated privilege" });
-      }
-      onGoBack();
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to update privilege" });
-    }
-  };
-
-  const privilegeTemporaryAccess = form.watch("temporaryAccess");
-  const isTemporary = privilegeTemporaryAccess?.isTemporary;
-  const isExpired =
-    privilegeTemporaryAccess?.isTemporary &&
-    new Date() > new Date(privilegeTemporaryAccess.temporaryAccessEndTime || "");
-  let text = "Permanent";
-  let toolTipText = "Non-Expiring Access";
-
-  if (isTemporary) {
-    if (isExpired) {
-      text = "Access Expired";
-      toolTipText = "Timed Access Expired";
-    } else {
-      text = formatDistance(
-        new Date(privilegeTemporaryAccess.temporaryAccessEndTime || ""),
-        new Date()
-      );
-      toolTipText = `Until ${format(
-        new Date(privilegeTemporaryAccess.temporaryAccessEndTime || ""),
-        "yyyy-MM-dd hh:mm:ss aaa"
-      )}`;
-    }
-  }
-
-  const onNewPolicy = (selectedSubject: ProjectPermissionSub) => {
-    const rootPolicyValue = form.getValues(`permissions.${selectedSubject}`);
-    if (rootPolicyValue && isConditionalSubjects(selectedSubject)) {
-      form.setValue(
-        `permissions.${selectedSubject}`,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-        [...rootPolicyValue, ...[]],
-        { shouldDirty: true, shouldTouch: true }
-      );
-    } else {
-      form.setValue(
-        `permissions.${selectedSubject}`,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-        [{}],
-        {
-          shouldDirty: true,
-          shouldTouch: true
-        }
-      );
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <FormProvider {...form}>
-        <div className="flex items-center justify-between border-b border-mineshaft-400 pb-2">
-          <Button
-            leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-            className="text-lg font-semibold text-mineshaft-100"
-            variant="link"
-            onClick={onGoBack}
-          >
-            Back
-          </Button>
-          <div className="flex items-center space-x-4">
-            {isDirty && (
-              <Button
-                className="mr-4 text-mineshaft-300"
-                variant="link"
-                isDisabled={isSubmitting}
-                isLoading={isSubmitting}
-                onClick={onGoBack}
-              >
-                Discard
-              </Button>
-            )}
-            <div className="flex items-center">
-              <Button
-                variant="outline_bg"
-                type="submit"
-                className={twMerge("h-10 rounded-r-none", isDirty && "bg-primary text-black")}
-                isDisabled={isSubmitting || !isDirty || isDisabled}
-                isLoading={isSubmitting}
-                leftIcon={<FontAwesomeIcon icon={faSave} />}
-              >
-                Save
-              </Button>
-              <DropdownMenu>
-                <DropdownMenuTrigger>
-                  <Button
-                    isDisabled={isDisabled}
-                    className="h-10 rounded-l-none"
-                    variant="outline_bg"
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  >
-                    New policy
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent className="thin-scrollbar max-h-96" align="end">
-                  {Object.keys(PROJECT_PERMISSION_OBJECT)
-                    .sort((a, b) =>
-                      PROJECT_PERMISSION_OBJECT[a as keyof typeof PROJECT_PERMISSION_OBJECT].title
-                        .toLowerCase()
-                        .localeCompare(
-                          PROJECT_PERMISSION_OBJECT[
-                            b as keyof typeof PROJECT_PERMISSION_OBJECT
-                          ].title.toLowerCase()
-                        )
-                    )
-                    .map((permissionSubject) => (
-                      <DropdownMenuItem
-                        key={`permission-create-${permissionSubject}`}
-                        className="py-3"
-                        onClick={() => onNewPolicy(permissionSubject as ProjectPermissionSub)}
-                      >
-                        {PROJECT_PERMISSION_OBJECT[permissionSubject as ProjectPermissionSub].title}
-                      </DropdownMenuItem>
-                    ))}
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-          </div>
-        </div>
-        <div className="mt-2 border-b border-gray-800 p-4 pt-2 first:rounded-t-md last:rounded-b-md">
-          <div className="text-lg">Overview</div>
-          <p className="mb-4 text-sm text-mineshaft-300">
-            Additional privileges take precedence over roles when permissions conflict
-          </p>
-          <div className=" flex items-end space-x-6">
-            <div className="w-full max-w-md">
-              <Controller
-                control={form.control}
-                name="slug"
-                render={({ field }) => (
-                  <FormControl label="Privilege Name" isOptional className="mb-0">
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div>
-              <Popover>
-                <PopoverTrigger disabled={isIdentityEditDisabled} asChild>
-                  <div className="w-full max-w-md flex-grow">
-                    <FormLabel label="Duration" />
-                    <Tooltip content={toolTipText}>
-                      <Button
-                        variant="outline_bg"
-                        leftIcon={isTemporary ? <FontAwesomeIcon icon={faClock} /> : undefined}
-                        rightIcon={<FontAwesomeIcon icon={faCaretDown} className="ml-2" />}
-                        isDisabled={isIdentityEditDisabled}
-                        className={twMerge(
-                          "w-full border-none bg-mineshaft-600 py-2.5 text-xs capitalize hover:bg-mineshaft-500",
-                          isTemporary && "text-primary",
-                          isExpired && "text-red-600"
-                        )}
-                      >
-                        {text}
-                      </Button>
-                    </Tooltip>
-                  </div>
-                </PopoverTrigger>
-                <PopoverContent
-                  arrowClassName="fill-gray-600"
-                  side="right"
-                  sideOffset={12}
-                  hideCloseBtn
-                  className="border border-gray-600 pt-4"
-                >
-                  <div className="flex flex-col space-y-4">
-                    <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-                      Configure Timed Access
-                    </div>
-                    {isExpired && <Tag colorSchema="red">Expired</Tag>}
-                    <Controller
-                      control={form.control}
-                      defaultValue="1h"
-                      name="temporaryAccess.temporaryRange"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label={<TtlFormLabel label="Validity" />}
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                    <div className="flex items-center space-x-2">
-                      <Button
-                        size="xs"
-                        onClick={() => {
-                          const temporaryRange = form.getValues("temporaryAccess.temporaryRange");
-                          if (!temporaryRange) {
-                            form.setError(
-                              "temporaryAccess.temporaryRange",
-                              { type: "required", message: "Required" },
-                              { shouldFocus: true }
-                            );
-                            return;
-                          }
-                          form.clearErrors("temporaryAccess.temporaryRange");
-                          form.setValue(
-                            "temporaryAccess",
-                            {
-                              isTemporary: true,
-                              temporaryAccessStartTime: new Date().toISOString(),
-                              temporaryRange,
-                              temporaryAccessEndTime: new Date(
-                                new Date().getTime() + ms(temporaryRange)
-                              ).toISOString()
-                            },
-                            { shouldDirty: true }
-                          );
-                        }}
-                      >
-                        {isTemporary ? "Restart" : "Grant"}
-                      </Button>
-                      {isTemporary && (
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          colorSchema="danger"
-                          onClick={() => {
-                            form.setValue(
-                              "temporaryAccess",
-                              {
-                                isTemporary: false
-                              },
-                              { shouldDirty: true }
-                            );
-                          }}
-                        >
-                          Revoke Access
-                        </Button>
-                      )}
-                    </div>
-                  </div>
-                </PopoverContent>
-              </Popover>
-            </div>
-          </div>
-        </div>
-        <div className="p-4">
-          <div className="mb-2 text-lg">Policies</div>
-          {(isCreate || !isLoading) && <PermissionEmptyState />}
-          {(Object.keys(PROJECT_PERMISSION_OBJECT) as ProjectPermissionSub[]).map(
-            (permissionSubject) => (
-              <GeneralPermissionPolicies
-                subject={permissionSubject}
-                actions={PROJECT_PERMISSION_OBJECT[permissionSubject].actions}
-                title={PROJECT_PERMISSION_OBJECT[permissionSubject].title}
-                key={`project-permission-${permissionSubject}`}
-                isDisabled={isDisabled}
-              >
-                {renderConditionalComponents(permissionSubject, isDisabled)}
-              </GeneralPermissionPolicies>
-            )
-          )}
-        </div>
-      </FormProvider>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/IdentityProjectAdditionalPrivilegeSection.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/IdentityProjectAdditionalPrivilegeSection.tsx
deleted file mode 100644
index db900b1b2..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/IdentityProjectAdditionalPrivilegeSection.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-import { subject } from "@casl/ability";
-import { faEllipsisV, faFolder, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format, formatDistance } from "date-fns";
-import { AnimatePresence, motion } from "framer-motion";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useProjectPermission } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteIdentityProjectAdditionalPrivilege } from "@app/hooks/api";
-import { IdentityMembership } from "@app/hooks/api/identities/types";
-import { useListIdentityProjectPrivileges } from "@app/hooks/api/identityProjectAdditionalPrivilege/queries";
-
-import { IdentityProjectAdditionalPrivilegeModifySection } from "./IdentityProjectAdditionalPrivilegeModifySection";
-
-type Props = {
-  identityMembershipDetails: IdentityMembership;
-};
-
-export const IdentityProjectAdditionalPrivilegeSection = ({ identityMembershipDetails }: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "deletePrivilege",
-    "modifyPrivilege"
-  ] as const);
-  const { permission } = useProjectPermission();
-  const identityId = identityMembershipDetails?.identity?.id;
-  const projectId = identityMembershipDetails?.project?.id;
-
-  const { mutateAsync: deletePrivilege } = useDeleteIdentityProjectAdditionalPrivilege();
-
-  const { data: identityProjectPrivileges, isLoading } = useListIdentityProjectPrivileges({
-    identityId: identityMembershipDetails?.identity?.id,
-    projectId: identityMembershipDetails?.project?.id
-  });
-
-  const handlePrivilegeDelete = async () => {
-    const { id } = popUp?.deletePrivilege?.data as { id: string };
-    try {
-      await deletePrivilege({
-        privilegeId: id,
-        projectId,
-        identityId
-      });
-      createNotification({ type: "success", text: "Successfully removed the privilege" });
-      handlePopUpClose("deletePrivilege");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to delete privilege" });
-    }
-  };
-
-  return (
-    <div className="relative">
-      <AnimatePresence>
-        {popUp?.modifyPrivilege.isOpen ? (
-          <motion.div
-            key="privilege-modify"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-            className="absolute min-h-[10rem] w-full"
-          >
-            <IdentityProjectAdditionalPrivilegeModifySection
-              onGoBack={() => handlePopUpClose("modifyPrivilege")}
-              identityId={identityId}
-              privilegeId={(popUp?.modifyPrivilege?.data as { id: string })?.id}
-              isDisabled={permission.cannot(
-                ProjectPermissionActions.Edit,
-                subject(ProjectPermissionSub.Identity, {
-                  identityId
-                })
-              )}
-            />
-          </motion.div>
-        ) : (
-          <motion.div
-            key="privilege-list"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 0 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: -30 }}
-            className="absolute w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-          >
-            <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-              <h3 className="text-lg font-semibold text-mineshaft-100">
-                Project Additional Privileges
-              </h3>
-
-              <ProjectPermissionCan
-                I={ProjectPermissionActions.Edit}
-                a={subject(ProjectPermissionSub.Identity, {
-                  identityId
-                })}
-                renderTooltip
-                allowedLabel="Add Privilege"
-              >
-                {(isAllowed) => (
-                  <IconButton
-                    ariaLabel="copy icon"
-                    variant="plain"
-                    className="group relative"
-                    onClick={() => {
-                      handlePopUpOpen("modifyPrivilege");
-                    }}
-                    isDisabled={!isAllowed}
-                  >
-                    <FontAwesomeIcon icon={faPlus} />
-                  </IconButton>
-                )}
-              </ProjectPermissionCan>
-            </div>
-            <div className="py-4">
-              <TableContainer>
-                <Table>
-                  <THead>
-                    <Tr>
-                      <Th>Name</Th>
-                      <Th>Duration</Th>
-                      <Th className="w-5" />
-                    </Tr>
-                  </THead>
-                  <TBody>
-                    {isLoading && (
-                      <TableSkeleton columns={3} innerKey="user-project-identity-memberships" />
-                    )}
-                    {!isLoading &&
-                      identityProjectPrivileges?.map((privilegeDetails) => {
-                        const isTemporary = privilegeDetails?.isTemporary;
-                        const isExpired =
-                          privilegeDetails.isTemporary &&
-                          new Date() > new Date(privilegeDetails.temporaryAccessEndTime || "");
-
-                        let text = "Permanent";
-                        let toolTipText = "Non-Expiring Access";
-                        if (privilegeDetails.isTemporary) {
-                          if (isExpired) {
-                            text = "Access Expired";
-                            toolTipText = "Timed Access Expired";
-                          } else {
-                            text = formatDistance(
-                              new Date(privilegeDetails.temporaryAccessEndTime || ""),
-                              new Date()
-                            );
-                            toolTipText = `Until ${format(
-                              new Date(privilegeDetails.temporaryAccessEndTime || ""),
-                              "yyyy-MM-dd hh:mm:ss aaa"
-                            )}`;
-                          }
-                        }
-
-                        return (
-                          <Tr
-                            key={`user-project-privilege-${privilegeDetails?.id}`}
-                            className="group w-full cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                            role="button"
-                            tabIndex={0}
-                            onKeyDown={(evt) => {
-                              if (evt.key === "Enter") {
-                                handlePopUpOpen("modifyPrivilege", privilegeDetails);
-                              }
-                            }}
-                            onClick={() => handlePopUpOpen("modifyPrivilege", privilegeDetails)}
-                          >
-                            <Td>{privilegeDetails.slug}</Td>
-                            <Td>
-                              <Tooltip asChild={false} content={toolTipText}>
-                                <Tag
-                                  className={twMerge(
-                                    "capitalize",
-                                    isTemporary && "text-primary",
-                                    isExpired && "text-red-600"
-                                  )}
-                                >
-                                  {text}
-                                </Tag>
-                              </Tooltip>
-                            </Td>
-                            <Td>
-                              <div className="flex space-x-2 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                                <ProjectPermissionCan
-                                  I={ProjectPermissionActions.Edit}
-                                  a={subject(ProjectPermissionSub.Identity, {
-                                    identityId
-                                  })}
-                                  renderTooltip
-                                  allowedLabel="Remove Role"
-                                >
-                                  {(isAllowed) => (
-                                    <IconButton
-                                      colorSchema="danger"
-                                      ariaLabel="copy icon"
-                                      variant="plain"
-                                      className="group relative"
-                                      isDisabled={!isAllowed}
-                                      onClick={(e) => {
-                                        e.stopPropagation();
-                                        e.preventDefault();
-                                        handlePopUpOpen("deletePrivilege", {
-                                          id: privilegeDetails?.id,
-                                          slug: privilegeDetails?.slug
-                                        });
-                                      }}
-                                    >
-                                      <FontAwesomeIcon icon={faTrash} />
-                                    </IconButton>
-                                  )}
-                                </ProjectPermissionCan>
-                                <IconButton ariaLabel="more-icon" variant="plain">
-                                  <FontAwesomeIcon icon={faEllipsisV} />
-                                </IconButton>
-                              </div>
-                            </Td>
-                          </Tr>
-                        );
-                      })}
-                  </TBody>
-                </Table>
-                {!isLoading && !identityProjectPrivileges?.length && (
-                  <EmptyState title="This identity has no additional privileges" icon={faFolder} />
-                )}
-              </TableContainer>
-            </div>
-            <DeleteActionModal
-              isOpen={popUp.deletePrivilege.isOpen}
-              deleteKey="remove"
-              title={`Do you want to remove privilege ${
-                (popUp?.deletePrivilege?.data as { slug: string; id: string })?.slug
-              }?`}
-              onChange={(isOpen) => handlePopUpToggle("deletePrivilege", isOpen)}
-              onDeleteApproved={() => handlePrivilegeDelete()}
-            />
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/index.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/index.tsx
deleted file mode 100644
index 94f239c3d..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityProjectAdditionalPrivilegeSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityProjectAdditionalPrivilegeSection } from "./IdentityProjectAdditionalPrivilegeSection";
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/IdentityRoleDetailsSection.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/IdentityRoleDetailsSection.tsx
deleted file mode 100644
index 1fa98628e..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/IdentityRoleDetailsSection.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-import { subject } from "@casl/ability";
-import { faFolder, faPencil, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format, formatDistance } from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Modal,
-  ModalContent,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { formatProjectRoleName } from "@app/helpers/roles";
-import { usePopUp } from "@app/hooks";
-import { useUpdateIdentityWorkspaceRole } from "@app/hooks/api";
-import { IdentityMembership } from "@app/hooks/api/identities/types";
-import { TProjectRole } from "@app/hooks/api/roles/types";
-
-import { IdentityRoleModify } from "./IdentityRoleModify";
-
-type Props = {
-  identityMembershipDetails: IdentityMembership;
-  isMembershipDetailsLoading?: boolean;
-};
-
-export const IdentityRoleDetailsSection = ({
-  identityMembershipDetails,
-  isMembershipDetailsLoading
-}: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "deleteRole",
-    "modifyRole"
-  ] as const);
-  const { mutateAsync: updateIdentityWorkspaceRole } = useUpdateIdentityWorkspaceRole();
-
-  const handleRoleDelete = async () => {
-    const { id } = popUp?.deleteRole?.data as TProjectRole;
-    try {
-      const updatedRoles = identityMembershipDetails?.roles?.filter((el) => el.id !== id);
-      await updateIdentityWorkspaceRole({
-        workspaceId: currentWorkspace?.id || "",
-        identityId: identityMembershipDetails.identity.id,
-        roles: updatedRoles.map(
-          ({
-            role,
-            customRoleSlug,
-            isTemporary,
-            temporaryMode,
-            temporaryRange,
-            temporaryAccessStartTime,
-            temporaryAccessEndTime
-          }) => ({
-            role: role === "custom" ? customRoleSlug : role,
-            ...(isTemporary
-              ? {
-                  isTemporary,
-                  temporaryMode,
-                  temporaryRange,
-                  temporaryAccessStartTime,
-                  temporaryAccessEndTime
-                }
-              : {
-                  isTemporary
-                })
-          })
-        )
-      });
-      createNotification({ type: "success", text: "Successfully removed role" });
-      handlePopUpClose("deleteRole");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to delete role" });
-    }
-  };
-
-  return (
-    <div className="mb-4 w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Project Roles</h3>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Edit}
-          a={subject(ProjectPermissionSub.Identity, {
-            identityId: identityMembershipDetails.identity.id
-          })}
-          renderTooltip
-          allowedLabel="Edit Role(s)"
-        >
-          {(isAllowed) => (
-            <IconButton
-              ariaLabel="copy icon"
-              variant="plain"
-              className="group relative"
-              onClick={() => {
-                handlePopUpOpen("modifyRole");
-              }}
-              isDisabled={!isAllowed}
-            >
-              <FontAwesomeIcon icon={faPencil} />
-            </IconButton>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <div className="py-4">
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th>Role</Th>
-                <Th>Duration</Th>
-                <Th className="w-5" />
-              </Tr>
-            </THead>
-            <TBody>
-              {isMembershipDetailsLoading && (
-                <TableSkeleton columns={3} innerKey="user-project-identities" />
-              )}
-              {!isMembershipDetailsLoading &&
-                identityMembershipDetails?.roles?.map((roleDetails) => {
-                  const isTemporary = roleDetails?.isTemporary;
-                  const isExpired =
-                    roleDetails.isTemporary &&
-                    new Date() > new Date(roleDetails.temporaryAccessEndTime || "");
-
-                  let text = "Permanent";
-                  let toolTipText = "Non-Expiring Access";
-                  if (roleDetails.isTemporary) {
-                    if (isExpired) {
-                      text = "Access Expired";
-                      toolTipText = "Timed Access Expired";
-                    } else {
-                      text = formatDistance(
-                        new Date(roleDetails.temporaryAccessEndTime || ""),
-                        new Date()
-                      );
-                      toolTipText = `Until ${format(
-                        new Date(roleDetails.temporaryAccessEndTime || ""),
-                        "yyyy-MM-dd hh:mm:ss aaa"
-                      )}`;
-                    }
-                  }
-
-                  return (
-                    <Tr className="group h-10" key={`user-project-identity-${roleDetails?.id}`}>
-                      <Td className="capitalize">
-                        {roleDetails.role === "custom"
-                          ? roleDetails.customRoleName
-                          : formatProjectRoleName(roleDetails.role)}
-                      </Td>
-                      <Td>
-                        <Tooltip asChild={false} content={toolTipText}>
-                          <Tag
-                            className={twMerge(
-                              "capitalize",
-                              isTemporary && "text-primary",
-                              isExpired && "text-red-600"
-                            )}
-                          >
-                            {text}
-                          </Tag>
-                        </Tooltip>
-                      </Td>
-                      <Td>
-                        <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={subject(ProjectPermissionSub.Identity, {
-                              identityId: identityMembershipDetails.identity.id
-                            })}
-                            renderTooltip
-                            allowedLabel="Remove Role"
-                          >
-                            {(isAllowed) => (
-                              <IconButton
-                                colorSchema="danger"
-                                ariaLabel="copy icon"
-                                variant="plain"
-                                className="group relative"
-                                isDisabled={!isAllowed}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deleteRole", {
-                                    id: roleDetails?.id,
-                                    slug: roleDetails?.customRoleName || roleDetails?.role
-                                  });
-                                }}
-                              >
-                                <FontAwesomeIcon icon={faTrash} />
-                              </IconButton>
-                            )}
-                          </ProjectPermissionCan>
-                        </div>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-            </TBody>
-          </Table>
-          {!isMembershipDetailsLoading && !identityMembershipDetails?.roles?.length && (
-            <EmptyState title="This user has no roles" icon={faFolder} />
-          )}
-        </TableContainer>
-      </div>
-      <DeleteActionModal
-        isOpen={popUp.deleteRole.isOpen}
-        deleteKey="remove"
-        title={`Do you want to remove role ${(popUp?.deleteRole?.data as TProjectRole)?.slug}?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteRole", isOpen)}
-        onDeleteApproved={() => handleRoleDelete()}
-      />
-      <Modal
-        isOpen={popUp.modifyRole.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("modifyRole", isOpen)}
-      >
-        <ModalContent
-          title="Roles"
-          subTitle="Select one or more of the pre-defined or custom roles to configure project permissions."
-        >
-          <IdentityRoleModify identityProjectMembership={identityMembershipDetails} />
-        </ModalContent>
-      </Modal>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/IdentityRoleModify.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/IdentityRoleModify.tsx
deleted file mode 100644
index 220bdf99f..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/IdentityRoleModify.tsx
+++ /dev/null
@@ -1,332 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faCaretDown, faClock, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format, formatDistance } from "date-fns";
-import ms from "ms";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Select,
-  SelectItem,
-  Spinner,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { useGetProjectRoles, useUpdateIdentityWorkspaceRole } from "@app/hooks/api";
-import { IdentityMembership } from "@app/hooks/api/identities/types";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { ProjectUserMembershipTemporaryMode } from "@app/hooks/api/workspace/types";
-
-const roleFormSchema = z.object({
-  roles: z
-    .object({
-      slug: z.string(),
-      temporaryAccess: z.discriminatedUnion("isTemporary", [
-        z.object({
-          isTemporary: z.literal(true),
-          temporaryRange: z.string().min(1),
-          temporaryAccessStartTime: z.string().datetime(),
-          temporaryAccessEndTime: z.string().datetime().nullable().optional()
-        }),
-        z.object({
-          isTemporary: z.literal(false)
-        })
-      ])
-    })
-    .array()
-});
-type TRoleForm = z.infer<typeof roleFormSchema>;
-
-type Props = {
-  identityProjectMembership: IdentityMembership;
-};
-
-export const IdentityRoleModify = ({ identityProjectMembership }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const { data: projectRoles, isLoading: isRolesLoading } = useGetProjectRoles(workspaceId);
-  const { permission } = useProjectPermission();
-  const isIdentityEditDisabled = permission.cannot(
-    ProjectPermissionActions.Edit,
-    ProjectPermissionSub.Identity
-  );
-
-  const roleForm = useForm<TRoleForm>({
-    resolver: zodResolver(roleFormSchema),
-    values: {
-      roles: identityProjectMembership?.roles?.map(({ customRoleSlug, role, ...dto }) => ({
-        slug: customRoleSlug || role,
-        temporaryAccess: dto.isTemporary
-          ? {
-              isTemporary: true,
-              temporaryRange: dto.temporaryRange,
-              temporaryAccessEndTime: dto.temporaryAccessEndTime,
-              temporaryAccessStartTime: dto.temporaryAccessStartTime
-            }
-          : {
-              isTemporary: dto.isTemporary
-            }
-      }))
-    }
-  });
-  const selectedRoleList = useFieldArray({
-    name: "roles",
-    control: roleForm.control
-  });
-
-  const formRoleField = roleForm.watch("roles");
-
-  const updateIdentityWorkspaceRole = useUpdateIdentityWorkspaceRole();
-
-  const handleRoleUpdate = async (data: TRoleForm) => {
-    if (updateIdentityWorkspaceRole.isLoading) return;
-
-    const sanitizedRoles = data.roles.map((el) => {
-      const { isTemporary } = el.temporaryAccess;
-      if (!isTemporary) {
-        return { role: el.slug, isTemporary: false as const };
-      }
-      return {
-        role: el.slug,
-        isTemporary: true as const,
-        temporaryMode: ProjectUserMembershipTemporaryMode.Relative,
-        temporaryRange: el.temporaryAccess.temporaryRange,
-        temporaryAccessStartTime: el.temporaryAccess.temporaryAccessStartTime
-      };
-    });
-
-    try {
-      await updateIdentityWorkspaceRole.mutateAsync({
-        workspaceId,
-        identityId: identityProjectMembership.identity.id,
-        roles: sanitizedRoles
-      });
-      createNotification({ text: "Successfully updated roles", type: "success" });
-    } catch (err) {
-      createNotification({ text: "Failed to update roles", type: "error" });
-    }
-  };
-
-  if (isRolesLoading)
-    return (
-      <div className="flex w-full items-center justify-center p-8">
-        <Spinner />
-      </div>
-    );
-
-  return (
-    <form onSubmit={roleForm.handleSubmit(handleRoleUpdate)}>
-      <div className="mt-2 flex flex-col space-y-2">
-        {selectedRoleList.fields.map(({ id }, index) => {
-          const { temporaryAccess } = formRoleField[index];
-          const isTemporary = temporaryAccess?.isTemporary;
-          const isExpired =
-            temporaryAccess.isTemporary &&
-            new Date() > new Date(temporaryAccess.temporaryAccessEndTime || "");
-
-          return (
-            <div key={id} className="flex items-center space-x-2">
-              <Controller
-                control={roleForm.control}
-                name={`roles.${index}.slug`}
-                render={({ field: { onChange, ...field } }) => (
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    isDisabled={isIdentityEditDisabled}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full bg-mineshaft-600 duration-200 hover:bg-mineshaft-500"
-                    containerClassName="w-1/2"
-                  >
-                    {projectRoles?.map(({ name, slug, id: projectRoleId }) => (
-                      <SelectItem value={slug} key={projectRoleId}>
-                        {name}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                )}
-              />
-              <Popover>
-                <PopoverTrigger disabled={isIdentityEditDisabled} asChild>
-                  <div className="flex-grow">
-                    <Tooltip
-                      content={
-                        temporaryAccess?.isTemporary
-                          ? isExpired
-                            ? "Timed Access Expired"
-                            : `Until ${format(
-                                new Date(temporaryAccess.temporaryAccessEndTime || ""),
-                                "yyyy-MM-dd HH:mm:ss"
-                              )}`
-                          : "Non-Expiring Access"
-                      }
-                    >
-                      <Button
-                        variant="outline_bg"
-                        leftIcon={isTemporary ? <FontAwesomeIcon icon={faClock} /> : undefined}
-                        rightIcon={<FontAwesomeIcon icon={faCaretDown} className="ml-2" />}
-                        isDisabled={isIdentityEditDisabled}
-                        className={twMerge(
-                          "w-full border-none bg-mineshaft-600 py-2.5 text-xs capitalize hover:bg-mineshaft-500",
-                          isTemporary && "text-primary",
-                          isExpired && "text-red-600"
-                        )}
-                      >
-                        {temporaryAccess?.isTemporary
-                          ? isExpired
-                            ? "Access Expired"
-                            : formatDistance(
-                                new Date(temporaryAccess.temporaryAccessEndTime || ""),
-                                new Date()
-                              )
-                          : "Permanent"}
-                      </Button>
-                    </Tooltip>
-                  </div>
-                </PopoverTrigger>
-                <PopoverContent
-                  arrowClassName="fill-gray-600"
-                  side="right"
-                  sideOffset={12}
-                  hideCloseBtn
-                  className="border border-gray-600 pt-4"
-                >
-                  <div className="flex flex-col space-y-4">
-                    <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-                      Configure Timed Access
-                    </div>
-                    {isExpired && <Tag colorSchema="red">Expired</Tag>}
-                    <Controller
-                      control={roleForm.control}
-                      defaultValue="1h"
-                      name={`roles.${index}.temporaryAccess.temporaryRange`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label={<TtlFormLabel label="Validity" />}
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                    <div className="flex items-center space-x-2">
-                      <Button
-                        size="xs"
-                        onClick={() => {
-                          const temporaryRange = roleForm.getValues(
-                            `roles.${index}.temporaryAccess.temporaryRange`
-                          );
-                          if (!temporaryRange) {
-                            roleForm.setError(
-                              `roles.${index}.temporaryAccess.temporaryRange`,
-                              { type: "required", message: "Required" },
-                              { shouldFocus: true }
-                            );
-                            return;
-                          }
-                          roleForm.clearErrors(`roles.${index}.temporaryAccess.temporaryRange`);
-                          roleForm.setValue(
-                            `roles.${index}.temporaryAccess`,
-                            {
-                              isTemporary: true,
-                              temporaryAccessStartTime: new Date().toISOString(),
-                              temporaryRange,
-                              temporaryAccessEndTime: new Date(
-                                new Date().getTime() + ms(temporaryRange)
-                              ).toISOString()
-                            },
-                            { shouldDirty: true }
-                          );
-                        }}
-                      >
-                        {temporaryAccess.isTemporary ? "Restart" : "Grant"}
-                      </Button>
-                      {temporaryAccess.isTemporary && (
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          colorSchema="danger"
-                          onClick={() => {
-                            roleForm.setValue(`roles.${index}.temporaryAccess`, {
-                              isTemporary: false
-                            });
-                          }}
-                        >
-                          Revoke Access
-                        </Button>
-                      )}
-                    </div>
-                  </div>
-                </PopoverContent>
-              </Popover>
-              <IconButton
-                variant="outline_bg"
-                className="border border-mineshaft-500 bg-mineshaft-600 py-3 hover:border-red/70 hover:bg-red/20"
-                ariaLabel="delete-role"
-                isDisabled={isIdentityEditDisabled || selectedRoleList.fields.length === 1}
-                onClick={() => {
-                  if (selectedRoleList.fields.length > 1) {
-                    selectedRoleList.remove(index);
-                  }
-                }}
-              >
-                <FontAwesomeIcon icon={faTrash} />
-              </IconButton>
-            </div>
-          );
-        })}
-      </div>
-      <div className="mt-4 flex justify-between space-x-2">
-        <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Identity}>
-          {(isAllowed) => (
-            <Button
-              variant="outline_bg"
-              isDisabled={!isAllowed}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() =>
-                selectedRoleList.append({
-                  slug: ProjectMembershipRole.Member,
-                  temporaryAccess: { isTemporary: false }
-                })
-              }
-            >
-              Add Role
-            </Button>
-          )}
-        </ProjectPermissionCan>
-        <Button
-          type="submit"
-          className={twMerge(
-            "transition-all",
-            "cursor-default opacity-0",
-            roleForm.formState.isDirty && "cursor-pointer opacity-100"
-          )}
-          isDisabled={!roleForm.formState.isDirty}
-          isLoading={roleForm.formState.isSubmitting}
-        >
-          Save Roles
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/index.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/index.tsx
deleted file mode 100644
index 45a444e73..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/components/IdentityRoleDetailsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityRoleDetailsSection } from "./IdentityRoleDetailsSection";
diff --git a/frontend-next/src/views/Project/IdentityDetailsPage/index.tsx b/frontend-next/src/views/Project/IdentityDetailsPage/index.tsx
deleted file mode 100644
index b5b091a61..000000000
--- a/frontend-next/src/views/Project/IdentityDetailsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityDetailsPage } from "./IdentityDetailPage";
diff --git a/frontend-next/src/views/Project/KmsPage/components/CmekDecryptModal.tsx b/frontend-next/src/views/Project/KmsPage/components/CmekDecryptModal.tsx
deleted file mode 100644
index aa0943f73..000000000
--- a/frontend-next/src/views/Project/KmsPage/components/CmekDecryptModal.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import { faCheckCircle, faCopy, faInfoCircle, faLockOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { decodeBase64 } from "tweetnacl-util";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Switch,
-  TextArea,
-  Tooltip
-} from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-import { TCmek, useCmekDecrypt } from "@app/hooks/api/cmeks";
-
-const formSchema = z.object({
-  ciphertext: z.string()
-});
-
-export type FormData = z.infer<typeof formSchema>;
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  cmek: TCmek;
-};
-
-type FormProps = Pick<Props, "cmek">;
-
-const DecryptForm = ({ cmek }: FormProps) => {
-  const cmekDecrypt = useCmekDecrypt();
-  const [shouldDecode, setShouldDecode] = useState(false);
-  const [plaintext, setPlaintext] = useState("");
-
-  const {
-    handleSubmit,
-    register,
-    formState: { isSubmitting, errors }
-  } = useForm<FormData>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const [copyCiphertext, isCopyingCiphertext, setCopyCipherText] = useTimedReset<string>({
-    initialState: "Copy to Clipboard"
-  });
-
-  const handleDecryptData = async (formData: FormData) => {
-    try {
-      const data = await cmekDecrypt.mutateAsync({ ...formData, keyId: cmek.id });
-      createNotification({
-        text: "Successfully decrypted data",
-        type: "success"
-      });
-
-      setPlaintext(
-        shouldDecode ? Buffer.from(decodeBase64(data.plaintext)).toString("utf8") : data.plaintext
-      );
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to decrypt data",
-        type: "error"
-      });
-    }
-  };
-
-  useEffect(() => {
-    const text = cmekDecrypt.data?.plaintext;
-    if (!text) return;
-
-    setPlaintext(shouldDecode ? Buffer.from(decodeBase64(text)).toString("utf8") : text);
-  }, [shouldDecode]);
-
-  const handleCopyToClipboard = () => {
-    navigator.clipboard.writeText(plaintext ?? "");
-
-    setCopyCipherText("Copied to Clipboard");
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleDecryptData)}>
-      {plaintext ? (
-        <FormControl label="Decrypted Data (plaintext)">
-          <TextArea
-            className="max-h-[20rem] min-h-[10rem] min-w-full max-w-full"
-            isDisabled
-            value={plaintext}
-          />
-        </FormControl>
-      ) : (
-        <FormControl
-          label="Encrypted Data (ciphertext)"
-          errorText={errors.ciphertext?.message}
-          isError={Boolean(errors.ciphertext)}
-        >
-          <TextArea
-            {...register("ciphertext")}
-            className="max-h-[20rem] min-h-[10rem] min-w-full max-w-full"
-          />
-        </FormControl>
-      )}
-      <Switch
-        id="decode-base-64"
-        isChecked={shouldDecode}
-        onCheckedChange={setShouldDecode}
-        containerClassName="mb-6 ml-0.5 -mt-2.5"
-      >
-        Decode Base64{" "}
-        <Tooltip content="Toggle this switch on if your data was originally plain text.">
-          <FontAwesomeIcon icon={faInfoCircle} className=" text-mineshaft-400" />
-        </Tooltip>
-      </Switch>
-      <div className="flex items-center">
-        <Button
-          className={`mr-4 ${plaintext ? "w-44" : ""}`}
-          size="sm"
-          leftIcon={
-            // eslint-disable-next-line no-nested-ternary
-            plaintext ? (
-              isCopyingCiphertext ? (
-                <FontAwesomeIcon icon={faCheckCircle} />
-              ) : (
-                <FontAwesomeIcon icon={faCopy} />
-              )
-            ) : (
-              <FontAwesomeIcon icon={faLockOpen} />
-            )
-          }
-          onClick={plaintext ? handleCopyToClipboard : undefined}
-          type={plaintext ? "button" : "submit"}
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          {plaintext ? copyCiphertext : "Decrypt"}
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            {plaintext ? "Close" : "Cancel"}
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  );
-};
-
-export const CmekDecryptModal = ({ isOpen, onOpenChange, cmek }: Props) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        subTitle={
-          <>
-            Decrypt ciphertext using <span className="font-bold">{cmek?.name}</span>. Returns Base64
-            encoded plaintext.
-          </>
-        }
-        title="Decrypt Data"
-      >
-        <DecryptForm cmek={cmek} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/KmsPage/components/CmekEncryptModal.tsx b/frontend-next/src/views/Project/KmsPage/components/CmekEncryptModal.tsx
deleted file mode 100644
index 50895ca5a..000000000
--- a/frontend-next/src/views/Project/KmsPage/components/CmekEncryptModal.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { faCheckCircle, faCopy, faInfoCircle, faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Switch,
-  TextArea,
-  Tooltip
-} from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-import { TCmek, useCmekEncrypt } from "@app/hooks/api/cmeks";
-
-const formSchema = z.object({
-  plaintext: z.string(),
-  isBase64Encoded: z.boolean()
-});
-
-export type FormData = z.infer<typeof formSchema>;
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  cmek: TCmek;
-};
-
-type FormProps = Pick<Props, "cmek">;
-
-const EncryptForm = ({ cmek }: FormProps) => {
-  const cmekEncrypt = useCmekEncrypt();
-
-  const {
-    handleSubmit,
-    register,
-    control,
-    formState: { isSubmitting, errors }
-  } = useForm<FormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      isBase64Encoded: false
-    }
-  });
-
-  const [copyCiphertext, isCopyingCiphertext, setCopyCipherText] = useTimedReset<string>({
-    initialState: "Copy to Clipboard"
-  });
-
-  const handleEncryptData = async (formData: FormData) => {
-    try {
-      await cmekEncrypt.mutateAsync({ ...formData, keyId: cmek.id });
-      createNotification({
-        text: "Successfully encrypted data",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to encrypt data",
-        type: "error"
-      });
-    }
-  };
-
-  const ciphertext = cmekEncrypt.data?.ciphertext;
-
-  const handleCopyToClipboard = () => {
-    navigator.clipboard.writeText(ciphertext ?? "");
-
-    setCopyCipherText("Copied to Clipboard");
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleEncryptData)}>
-      {ciphertext ? (
-        <FormControl label="Encrypted Data (Ciphertext)">
-          <TextArea
-            className="max-h-[20rem] min-h-[10rem] min-w-full max-w-full"
-            isDisabled
-            value={cmekEncrypt.data?.ciphertext}
-          />
-        </FormControl>
-      ) : (
-        <>
-          <FormControl
-            label="Data (Plaintext)"
-            errorText={errors.plaintext?.message}
-            isError={Boolean(errors.plaintext)}
-          >
-            <TextArea
-              {...register("plaintext")}
-              className="max-h-[20rem] min-h-[10rem] min-w-full max-w-full"
-            />
-          </FormControl>
-          <Controller
-            control={control}
-            name="isBase64Encoded"
-            render={({ field: { onChange, value } }) => (
-              <Switch
-                id="encode-base-64"
-                isChecked={value}
-                onCheckedChange={onChange}
-                containerClassName="mb-6 ml-0.5 -mt-2.5"
-              >
-                Data is Base64 encoded{" "}
-                <Tooltip content="Toggle this switch on if your data is already Base64 encoded to avoid redundant encoding.">
-                  <FontAwesomeIcon icon={faInfoCircle} className=" text-mineshaft-400" />
-                </Tooltip>
-              </Switch>
-            )}
-          />
-        </>
-      )}
-      <div className="flex items-center">
-        <Button
-          className={`mr-4 ${ciphertext ? "w-44" : ""}`}
-          size="sm"
-          leftIcon={
-            // eslint-disable-next-line no-nested-ternary
-            ciphertext ? (
-              isCopyingCiphertext ? (
-                <FontAwesomeIcon icon={faCheckCircle} />
-              ) : (
-                <FontAwesomeIcon icon={faCopy} />
-              )
-            ) : (
-              <FontAwesomeIcon icon={faLock} />
-            )
-          }
-          onClick={ciphertext ? handleCopyToClipboard : undefined}
-          type={ciphertext ? "button" : "submit"}
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          {ciphertext ? copyCiphertext : "Encrypt"}
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            {ciphertext ? "Close" : "Cancel"}
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  );
-};
-
-export const CmekEncryptModal = ({ isOpen, onOpenChange, cmek }: Props) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        title="Encrypt Data"
-        subTitle={
-          <>
-            Encrypt data using <span className="font-bold">{cmek?.name}</span>. Returns Base64
-            encoded ciphertext.
-          </>
-        }
-      >
-        <EncryptForm cmek={cmek} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/KmsPage/components/CmekModal.tsx b/frontend-next/src/views/Project/KmsPage/components/CmekModal.tsx
deleted file mode 100644
index 8735b047d..000000000
--- a/frontend-next/src/views/Project/KmsPage/components/CmekModal.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Select,
-  SelectItem,
-  TextArea
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { EncryptionAlgorithm, TCmek, useCreateCmek, useUpdateCmek } from "@app/hooks/api/cmeks";
-import { slugSchema } from "@app/lib/schemas";
-
-const formSchema = z.object({
-  name: slugSchema({ min: 1, max: 32, field: "Name" }),
-  description: z.string().max(500).optional(),
-  encryptionAlgorithm: z.nativeEnum(EncryptionAlgorithm)
-});
-
-export type FormData = z.infer<typeof formSchema>;
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  cmek?: TCmek | null;
-};
-
-type FormProps = Pick<Props, "cmek"> & {
-  onComplete: () => void;
-};
-
-const CmekForm = ({ onComplete, cmek }: FormProps) => {
-  const createCmek = useCreateCmek();
-  const updateCmek = useUpdateCmek();
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id!;
-  const isUpdate = !!cmek;
-
-  const {
-    control,
-    handleSubmit,
-    register,
-    formState: { isSubmitting, errors }
-  } = useForm<FormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      name: cmek?.name,
-      description: cmek?.description,
-      encryptionAlgorithm: EncryptionAlgorithm.AES_GCM_256
-    }
-  });
-
-  const handleCreateCmek = async ({ encryptionAlgorithm, name, description }: FormData) => {
-    const mutation = isUpdate
-      ? updateCmek.mutateAsync({ keyId: cmek.id, projectId, name, description })
-      : createCmek.mutateAsync({
-          projectId,
-          encryptionAlgorithm,
-          name,
-          description
-        });
-
-    try {
-      await mutation;
-      createNotification({
-        text: `Successfully ${isUpdate ? "updated" : "added"} key`,
-        type: "success"
-      });
-      onComplete();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${isUpdate ? "update" : "add"} key`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleCreateCmek)}>
-      <FormControl
-        helperText="Name must be slug-friendly"
-        errorText={errors.name?.message}
-        isError={Boolean(errors.name?.message)}
-        label="Name"
-      >
-        <Input autoFocus placeholder="my-secret-key" {...register("name")} />
-      </FormControl>
-      {!isUpdate && (
-        <Controller
-          control={control}
-          name="encryptionAlgorithm"
-          render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-            <FormControl label="Algorithm" errorText={error?.message} isError={Boolean(error)}>
-              <Select defaultValue={field.value} onValueChange={onChange} className="w-full">
-                {Object.entries(EncryptionAlgorithm)?.map(([key, value]) => (
-                  <SelectItem value={value} key={`source-environment-${key}`}>
-                    {key.replaceAll("_", "-")}
-                  </SelectItem>
-                ))}
-              </Select>
-            </FormControl>
-          )}
-        />
-      )}
-      <FormControl
-        label="Description (optional)"
-        errorText={errors.description?.message}
-        isError={Boolean(errors.description?.message)}
-      >
-        <TextArea
-          className="max-h-[20rem] min-h-[10rem] min-w-full max-w-full"
-          {...register("description")}
-        />
-      </FormControl>
-      <div className="flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          {isUpdate ? "Update" : "Add"} Key
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            Cancel
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  );
-};
-
-export const CmekModal = ({ isOpen, onOpenChange, cmek }: Props) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title={`${cmek ? "Update" : "Add"} Key`}>
-        <CmekForm onComplete={() => onOpenChange(false)} cmek={cmek} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/KmsPage/components/CmekTable.tsx b/frontend-next/src/views/Project/KmsPage/components/CmekTable.tsx
deleted file mode 100644
index 8a56a75c1..000000000
--- a/frontend-next/src/views/Project/KmsPage/components/CmekTable.tsx
+++ /dev/null
@@ -1,457 +0,0 @@
-import Link from "next/link";
-import {
-  faArrowDown,
-  faArrowUp,
-  faArrowUpRightFromSquare,
-  faCancel,
-  faCheck,
-  faCheckCircle,
-  faCopy,
-  faEdit,
-  faEllipsis,
-  faInfoCircle,
-  faKey,
-  faLock,
-  faLockOpen,
-  faMagnifyingGlass,
-  faPlus,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { motion } from "framer-motion";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Spinner,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { BadgeProps } from "@app/components/v2/Badge/Badge";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionCmekActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { usePagination, usePopUp, useResetPageHelper, useTimedReset } from "@app/hooks";
-import { useGetCmeksByProjectId, useUpdateCmek } from "@app/hooks/api/cmeks";
-import { CmekOrderBy, TCmek } from "@app/hooks/api/cmeks/types";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-import { CmekDecryptModal } from "./CmekDecryptModal";
-import { CmekEncryptModal } from "./CmekEncryptModal";
-import { CmekModal } from "./CmekModal";
-import { DeleteCmekModal } from "./DeleteCmekModal";
-
-const getStatusBadgeProps = (
-  isDisabled: boolean
-): { variant: BadgeProps["variant"]; label: string } => {
-  if (isDisabled) {
-    return {
-      variant: "danger",
-      label: "Disabled"
-    };
-  }
-
-  return {
-    variant: "success",
-    label: "Active"
-  };
-};
-
-export const CmekTable = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { permission } = useProjectPermission();
-
-  const projectId = currentWorkspace?.id ?? "";
-
-  const {
-    offset,
-    limit,
-    orderBy,
-    orderDirection,
-    setOrderDirection,
-    search,
-    debouncedSearch,
-    setPage,
-    setSearch,
-    perPage,
-    page,
-    setPerPage
-  } = usePagination(CmekOrderBy.Name);
-
-  const { data, isLoading, isFetching } = useGetCmeksByProjectId({
-    projectId,
-    offset,
-    limit,
-    search: debouncedSearch,
-    orderBy,
-    orderDirection
-  });
-
-  const { keys = [], totalCount = 0 } = data ?? {};
-  useResetPageHelper({
-    totalCount,
-    offset,
-    setPage
-  });
-
-  const [, isCopyingCiphertext, setCopyCipherText] = useTimedReset<string>({
-    initialState: "",
-    delay: 1000
-  });
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "upsertKey",
-    "deleteKey",
-    "encryptData",
-    "decryptData"
-  ] as const);
-
-  const handleSort = () => {
-    setOrderDirection((prev) =>
-      prev === OrderByDirection.ASC ? OrderByDirection.DESC : OrderByDirection.ASC
-    );
-  };
-
-  const updateCmek = useUpdateCmek();
-
-  const handleDisableCmek = async ({ id: keyId, isDisabled }: TCmek) => {
-    try {
-      await updateCmek.mutateAsync({
-        keyId,
-        projectId,
-        isDisabled: !isDisabled
-      });
-
-      createNotification({
-        text: `Key successfully ${isDisabled ? "enabled" : "disabled"}`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text =
-        error?.response?.data?.message ?? `Failed to ${isDisabled ? "enable" : "disable"} key`;
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  const cannotEditKey = permission.cannot(
-    ProjectPermissionCmekActions.Edit,
-    ProjectPermissionSub.Cmek
-  );
-
-  const cannotDeleteKey = permission.cannot(
-    ProjectPermissionCmekActions.Delete,
-    ProjectPermissionSub.Cmek
-  );
-
-  const cannotEncryptData = permission.cannot(
-    ProjectPermissionCmekActions.Encrypt,
-    ProjectPermissionSub.Cmek
-  );
-
-  const cannotDecryptData = permission.cannot(
-    ProjectPermissionCmekActions.Decrypt,
-    ProjectPermissionSub.Cmek
-  );
-
-  return (
-    <motion.div
-      key="kms-keys-tab"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-4 flex items-center justify-between">
-          <p className="whitespace-nowrap text-xl font-semibold text-mineshaft-100">Keys</p>
-          <div className="flex w-full justify-end pr-4">
-            <Link href="https://infisical.com/docs/documentation/platform/kms">
-              <span className="w-max cursor-pointer rounded-md border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 text-mineshaft-200 duration-200 hover:border-primary/40 hover:bg-primary/10 hover:text-white">
-                Documentation{" "}
-                <FontAwesomeIcon
-                  icon={faArrowUpRightFromSquare}
-                  className="mb-[0.06rem] ml-1 text-xs"
-                />
-              </span>
-            </Link>
-          </div>
-          <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.Cmek}>
-            {(isAllowed) => (
-              <Button
-                colorSchema="primary"
-                type="submit"
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                onClick={() => handlePopUpOpen("upsertKey", null)}
-                isDisabled={!isAllowed}
-              >
-                Add Key
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-        <Input
-          containerClassName="mb-4"
-          value={search}
-          onChange={(e) => setSearch(e.target.value)}
-          leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-          placeholder="Search keys by name..."
-        />
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr className="h-14">
-                <Th>
-                  <div className="flex items-center">
-                    Name
-                    <IconButton
-                      variant="plain"
-                      className="ml-2"
-                      ariaLabel="sort"
-                      onClick={handleSort}
-                    >
-                      <FontAwesomeIcon
-                        icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                      />
-                    </IconButton>
-                  </div>
-                </Th>
-                <Th>Key ID</Th>
-                <Th>Algorithm</Th>
-                <Th>Status</Th>
-                <Th>Version</Th>
-                <Th className="w-16">{isFetching ? <Spinner size="xs" /> : null}</Th>
-              </Tr>
-            </THead>
-            <TBody>
-              {isLoading && <TableSkeleton columns={5} innerKey="project-keys" />}
-              {!isLoading &&
-                keys.length > 0 &&
-                keys.map((cmek) => {
-                  const { name, id, version, description, encryptionAlgorithm, isDisabled } = cmek;
-                  const { variant, label } = getStatusBadgeProps(isDisabled);
-
-                  return (
-                    <Tr
-                      className="group h-10 hover:bg-mineshaft-700"
-                      key={`st-v3-${id}`}
-                      onMouseLeave={() => {
-                        setCopyCipherText("");
-                      }}
-                    >
-                      <Td>
-                        <div className="flex items-center gap-2 ">
-                          {name}
-                          {description && (
-                            <Tooltip content={description}>
-                              <FontAwesomeIcon
-                                icon={faInfoCircle}
-                                className=" text-mineshaft-400"
-                              />
-                            </Tooltip>
-                          )}
-                        </div>
-                      </Td>
-                      <Td>
-                        <div>
-                          <span> {id}</span>
-                          <IconButton
-                            ariaLabel="copy icon"
-                            colorSchema="secondary"
-                            className="group/copy duration:0 invisible relative ml-3 group-hover:visible"
-                            onClick={() => {
-                              navigator.clipboard.writeText(id);
-                              setCopyCipherText("Copied");
-                            }}
-                          >
-                            <FontAwesomeIcon icon={isCopyingCiphertext ? faCheck : faCopy} />
-                          </IconButton>
-                        </div>
-                      </Td>
-                      <Td className="uppercase">{encryptionAlgorithm}</Td>
-                      <Td>
-                        <Badge variant={variant}>{label}</Badge>
-                      </Td>
-                      <Td>{version}</Td>
-                      <Td className="flex justify-end">
-                        <DropdownMenu>
-                          <DropdownMenuTrigger asChild>
-                            <IconButton
-                              variant="plain"
-                              colorSchema="primary"
-                              className="ml-4 p-0 data-[state=open]:text-primary-400"
-                              ariaLabel="More options"
-                            >
-                              <FontAwesomeIcon size="lg" icon={faEllipsis} />
-                            </IconButton>
-                          </DropdownMenuTrigger>
-                          <DropdownMenuContent className="min-w-[160px]">
-                            <Tooltip
-                              content={
-                                // eslint-disable-next-line no-nested-ternary
-                                cannotEncryptData
-                                  ? "Access Restricted"
-                                  : isDisabled
-                                  ? "Key Disabled"
-                                  : ""
-                              }
-                              position="left"
-                            >
-                              <div>
-                                <DropdownMenuItem
-                                  onClick={() => handlePopUpOpen("encryptData", cmek)}
-                                  icon={<FontAwesomeIcon icon={faLock} />}
-                                  iconPos="left"
-                                  isDisabled={cannotEncryptData || isDisabled}
-                                >
-                                  Encrypt Data
-                                </DropdownMenuItem>
-                              </div>
-                            </Tooltip>
-                            <Tooltip
-                              content={
-                                // eslint-disable-next-line no-nested-ternary
-                                cannotDecryptData
-                                  ? "Access Restricted"
-                                  : isDisabled
-                                  ? "Key Disabled"
-                                  : ""
-                              }
-                              position="left"
-                            >
-                              <div>
-                                <DropdownMenuItem
-                                  onClick={() => handlePopUpOpen("decryptData", cmek)}
-                                  icon={<FontAwesomeIcon icon={faLockOpen} />}
-                                  iconPos="left"
-                                  isDisabled={cannotDecryptData || isDisabled}
-                                >
-                                  Decrypt Data
-                                </DropdownMenuItem>
-                              </div>
-                            </Tooltip>
-                            <Tooltip
-                              content={cannotEditKey ? "Access Restricted" : ""}
-                              position="left"
-                            >
-                              <div>
-                                <DropdownMenuItem
-                                  onClick={() => handlePopUpOpen("upsertKey", cmek)}
-                                  icon={<FontAwesomeIcon icon={faEdit} />}
-                                  iconPos="left"
-                                  isDisabled={cannotEditKey}
-                                >
-                                  Edit Key
-                                </DropdownMenuItem>
-                              </div>
-                            </Tooltip>
-                            <Tooltip
-                              content={cannotEditKey ? "Access Restricted" : ""}
-                              position="left"
-                            >
-                              <div>
-                                <DropdownMenuItem
-                                  onClick={() => handleDisableCmek(cmek)}
-                                  icon={
-                                    <FontAwesomeIcon icon={isDisabled ? faCheckCircle : faCancel} />
-                                  }
-                                  iconPos="left"
-                                  isDisabled={cannotEditKey}
-                                >
-                                  {isDisabled ? "Enable" : "Disable"} Key
-                                </DropdownMenuItem>
-                              </div>
-                            </Tooltip>
-                            <Tooltip
-                              content={cannotDeleteKey ? "Access Restricted" : ""}
-                              position="left"
-                            >
-                              <div>
-                                <DropdownMenuItem
-                                  onClick={() => handlePopUpOpen("deleteKey", cmek)}
-                                  icon={<FontAwesomeIcon icon={faTrash} />}
-                                  iconPos="left"
-                                  isDisabled={cannotDeleteKey}
-                                >
-                                  Delete Key
-                                </DropdownMenuItem>
-                              </div>
-                            </Tooltip>
-                          </DropdownMenuContent>
-                        </DropdownMenu>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-            </TBody>
-          </Table>
-          {!isLoading && totalCount > 0 && (
-            <Pagination
-              count={totalCount}
-              page={page}
-              perPage={perPage}
-              onChangePage={(newPage) => setPage(newPage)}
-              onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-            />
-          )}
-          {!isLoading && keys.length === 0 && (
-            <EmptyState
-              title={
-                debouncedSearch.trim().length > 0
-                  ? "No keys match search filter"
-                  : "No keys have been added to this project"
-              }
-              icon={faKey}
-            />
-          )}
-        </TableContainer>
-        <DeleteCmekModal
-          isOpen={popUp.deleteKey.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("deleteKey", isOpen)}
-          cmek={popUp.deleteKey.data as TCmek}
-        />
-        <CmekModal
-          isOpen={popUp.upsertKey.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upsertKey", isOpen)}
-          cmek={popUp.upsertKey.data as TCmek | null}
-        />
-        <CmekEncryptModal
-          isOpen={popUp.encryptData.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("encryptData", isOpen)}
-          cmek={popUp.encryptData.data as TCmek}
-        />
-        <CmekDecryptModal
-          isOpen={popUp.decryptData.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("decryptData", isOpen)}
-          cmek={popUp.decryptData.data as TCmek}
-        />
-      </div>
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Project/KmsPage/components/DeleteCmekModal.tsx b/frontend-next/src/views/Project/KmsPage/components/DeleteCmekModal.tsx
deleted file mode 100644
index 3d9f8b5ec..000000000
--- a/frontend-next/src/views/Project/KmsPage/components/DeleteCmekModal.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal } from "@app/components/v2";
-import { TCmek, useDeleteCmek } from "@app/hooks/api/cmeks";
-
-type Props = {
-  cmek: TCmek;
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-};
-
-export const DeleteCmekModal = ({ isOpen, onOpenChange, cmek }: Props) => {
-  const deleteCmek = useDeleteCmek();
-
-  if (!cmek) return null;
-
-  const { id: keyId, projectId, name } = cmek;
-
-  const handleDeleteCmek = async () => {
-    try {
-      await deleteCmek.mutateAsync({
-        keyId,
-        projectId
-      });
-
-      createNotification({
-        text: "Key successfully deleted",
-        type: "success"
-      });
-
-      onOpenChange(false);
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to delete key";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <DeleteActionModal
-      isOpen={isOpen}
-      title={`Are you sure want to delete ${name}?`}
-      onChange={onOpenChange}
-      deleteKey="confirm"
-      onDeleteApproved={handleDeleteCmek}
-    />
-  );
-};
diff --git a/frontend-next/src/views/Project/KmsPage/components/index.tsx b/frontend-next/src/views/Project/KmsPage/components/index.tsx
deleted file mode 100644
index 64e5d6d93..000000000
--- a/frontend-next/src/views/Project/KmsPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./CmekTable";
diff --git a/frontend-next/src/views/Project/KmsPage/index.tsx b/frontend-next/src/views/Project/KmsPage/index.tsx
deleted file mode 100644
index 5b2da5ae3..000000000
--- a/frontend-next/src/views/Project/KmsPage/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ProjectPermissionCmekActions, ProjectPermissionSub } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-
-import { CmekTable } from "./components";
-
-export const KmsPage = withProjectPermission(
-  () => {
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-          <p className="mr-4 text-3xl font-semibold text-white">Key Management System</p>
-          <p className="text-md mb-4 text-bunker-300">
-            Manage keys and perform cryptographic operations.
-          </p>
-          <CmekTable />
-        </div>
-      </div>
-    );
-  },
-  {
-    action: ProjectPermissionCmekActions.Read,
-    subject: ProjectPermissionSub.Cmek
-  }
-);
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/MemberDetailPage.tsx b/frontend-next/src/views/Project/MemberDetailsPage/MemberDetailPage.tsx
deleted file mode 100644
index 4583bca5e..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/MemberDetailPage.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useRouter } from "next/router";
-import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  Spinner,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useOrganization,
-  useWorkspace
-} from "@app/context";
-import { getProjectTitle } from "@app/helpers/project";
-import { withProjectPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import { useDeleteUserFromWorkspace, useGetWorkspaceUserDetails } from "@app/hooks/api";
-
-import { MemberProjectAdditionalPrivilegeSection } from "./components/MemberProjectAdditionalPrivilegeSection";
-import { MemberRoleDetailsSection } from "./components/MemberRoleDetailsSection";
-
-export const MemberDetailsPage = withProjectPermission(
-  () => {
-    const router = useRouter();
-    const { currentOrg } = useOrganization();
-    const { currentWorkspace } = useWorkspace();
-
-    const workspaceId = currentWorkspace?.id || "";
-    const membershipId = router.query.membershipId as string;
-
-    const { data: membershipDetails, isLoading: isMembershipDetailsLoading } =
-      useGetWorkspaceUserDetails(workspaceId, membershipId);
-
-    const { mutateAsync: removeUserFromWorkspace, isLoading: isRemovingUserFromWorkspace } =
-      useDeleteUserFromWorkspace();
-
-    const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-      "removeMember",
-      "upgradePlan"
-    ] as const);
-
-    const handleRemoveUser = async () => {
-      if (!currentOrg?.id || !currentWorkspace?.id || !membershipDetails?.user?.username) return;
-
-      try {
-        await removeUserFromWorkspace({
-          workspaceId: currentWorkspace.id,
-          usernames: [membershipDetails?.user?.username],
-          orgId: currentOrg.id
-        });
-        createNotification({
-          text: "Successfully removed user from project",
-          type: "success"
-        });
-        router.push(`/${currentWorkspace.type}/${currentWorkspace?.id}/members`);
-      } catch (error) {
-        console.error(error);
-        createNotification({
-          text: "Failed to remove user from the project",
-          type: "error"
-        });
-      }
-      handlePopUpClose("removeMember");
-    };
-
-    if (isMembershipDetailsLoading) {
-      return (
-        <div className="flex w-full items-center justify-center p-24">
-          <Spinner />
-        </div>
-      );
-    }
-
-    return (
-      <div className="container mx-auto flex max-w-7xl flex-col justify-between bg-bunker-800 p-6 text-white">
-        <div className="mb-4">
-          <Button
-            variant="link"
-            type="submit"
-            leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-            onClick={() => {
-              router.push(`/${currentWorkspace?.type}/${workspaceId}/members`);
-            }}
-            className="mb-4"
-          >
-            {currentWorkspace?.type ? getProjectTitle(currentWorkspace?.type) : "Project"} Access
-            Control
-          </Button>
-        </div>
-        {membershipDetails ? (
-          <>
-            <div className="mb-4">
-              <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-                <div className="mb-4 flex items-center justify-between ">
-                  <h3 className="text-xl font-semibold text-mineshaft-100">Project User Access</h3>
-                  <div>
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Delete}
-                      a={ProjectPermissionSub.Member}
-                      renderTooltip
-                      allowedLabel="Remove from project"
-                    >
-                      {(isAllowed) => (
-                        <Button
-                          colorSchema="danger"
-                          variant="outline_bg"
-                          size="xs"
-                          isDisabled={!isAllowed}
-                          isLoading={isRemovingUserFromWorkspace}
-                          onClick={() => handlePopUpOpen("removeMember")}
-                        >
-                          Remove User
-                        </Button>
-                      )}
-                    </ProjectPermissionCan>
-                  </div>
-                </div>
-                <div className="flex gap-12">
-                  <div>
-                    <span className="text-xs font-semibold text-gray-400">Name</span>
-                    {membershipDetails && (
-                      <p className="text-lg capitalize">
-                        {membershipDetails.user.firstName || membershipDetails.user.lastName
-                          ? `${membershipDetails.user.firstName} ${membershipDetails.user.lastName}`
-                          : "-"}
-                      </p>
-                    )}
-                  </div>
-                  <div>
-                    <span className="text-xs font-semibold text-gray-400">Email</span>
-                    {membershipDetails && (
-                      <p className="text-lg">{membershipDetails?.user?.email}</p>
-                    )}
-                  </div>
-                </div>
-                <div className="mt-4 text-sm text-gray-400">
-                  Joined on{" "}
-                  {membershipDetails?.createdAt &&
-                    format(new Date(membershipDetails?.createdAt || ""), "yyyy-MM-dd")}
-                </div>
-              </div>
-            </div>
-            <MemberRoleDetailsSection
-              membershipDetails={membershipDetails}
-              isMembershipDetailsLoading={isMembershipDetailsLoading}
-              onOpenUpgradeModal={() =>
-                handlePopUpOpen("upgradePlan", {
-                  description:
-                    "You can assign custom roles to members if you upgrade your Infisical plan."
-                })
-              }
-            />
-            <MemberProjectAdditionalPrivilegeSection membershipDetails={membershipDetails} />
-            <DeleteActionModal
-              isOpen={popUp.removeMember.isOpen}
-              deleteKey="remove"
-              title="Do you want to remove this user from the project?"
-              onChange={(isOpen) => handlePopUpToggle("removeMember", isOpen)}
-              onDeleteApproved={handleRemoveUser}
-            />
-            <UpgradePlanModal
-              isOpen={popUp.upgradePlan.isOpen}
-              onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-              text={(popUp.upgradePlan?.data as { description: string })?.description}
-            />
-          </>
-        ) : (
-          <EmptyState title="Error: Unable to find the user." className="py-12" />
-        )}
-      </div>
-    );
-  },
-  {
-    action: ProjectPermissionActions.Read,
-    subject: ProjectPermissionSub.Member
-  }
-);
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/MemberProjectAdditionalPrivilegeSection.tsx b/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/MemberProjectAdditionalPrivilegeSection.tsx
deleted file mode 100644
index 828f55c44..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/MemberProjectAdditionalPrivilegeSection.tsx
+++ /dev/null
@@ -1,259 +0,0 @@
-import { faEllipsisV, faFolder, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format, formatDistance } from "date-fns";
-import { AnimatePresence, motion } from "framer-motion";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useUser
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import {
-  useDeleteProjectUserAdditionalPrivilege,
-  useListProjectUserPrivileges
-} from "@app/hooks/api";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-
-import { MembershipProjectAdditionalPrivilegeModifySection } from "./MembershipProjectAdditionalPrivilegeModifySection";
-
-type Props = {
-  membershipDetails: TWorkspaceUser;
-};
-
-export const MemberProjectAdditionalPrivilegeSection = ({ membershipDetails }: Props) => {
-  const { user } = useUser();
-  const userId = user?.id;
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "deletePrivilege",
-    "modifyPrivilege"
-  ] as const);
-  const { permission } = useProjectPermission();
-
-  const { mutateAsync: deletePrivilege } = useDeleteProjectUserAdditionalPrivilege();
-
-  const { data: userProjectPrivileges, isLoading } = useListProjectUserPrivileges(
-    membershipDetails?.id
-  );
-
-  const isOwnProjectMembershipDetails = userId === membershipDetails?.user?.id;
-
-  const handlePrivilegeDelete = async () => {
-    const { id } = popUp?.deletePrivilege?.data as { id: string };
-    try {
-      await deletePrivilege({
-        privilegeId: id,
-        projectMembershipId: membershipDetails.id
-      });
-      createNotification({ type: "success", text: "Successfully removed the privilege" });
-      handlePopUpClose("deletePrivilege");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to delete privilege" });
-    }
-  };
-
-  return (
-    <div className="relative">
-      <AnimatePresence>
-        {popUp?.modifyPrivilege.isOpen ? (
-          <motion.div
-            key="privilege-modify"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-            className="absolute min-h-[10rem] w-full"
-          >
-            <MembershipProjectAdditionalPrivilegeModifySection
-              onGoBack={() => handlePopUpClose("modifyPrivilege")}
-              projectMembershipId={membershipDetails?.id}
-              privilegeId={(popUp?.modifyPrivilege?.data as { id: string })?.id}
-              isDisabled={
-                isOwnProjectMembershipDetails ||
-                permission.cannot(ProjectPermissionActions.Edit, ProjectPermissionSub.Member)
-              }
-            />
-          </motion.div>
-        ) : (
-          <motion.div
-            key="privilege-list"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 0 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: -30 }}
-            className="absolute w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-          >
-            <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-              <h3 className="text-lg font-semibold text-mineshaft-100">
-                Project Additional Privileges
-              </h3>
-              {userId !== membershipDetails?.user?.id &&
-                membershipDetails?.status !== "invited" && (
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={ProjectPermissionSub.Member}
-                    renderTooltip
-                    allowedLabel="Add Privilege"
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        ariaLabel="copy icon"
-                        variant="plain"
-                        className="group relative"
-                        onClick={() => {
-                          handlePopUpOpen("modifyPrivilege");
-                        }}
-                        isDisabled={!isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faPlus} />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-                )}
-            </div>
-            <div className="py-4">
-              <TableContainer>
-                <Table>
-                  <THead>
-                    <Tr>
-                      <Th>Name</Th>
-                      <Th>Duration</Th>
-                      <Th className="w-5" />
-                    </Tr>
-                  </THead>
-                  <TBody>
-                    {isLoading && <TableSkeleton columns={3} innerKey="user-project-memberships" />}
-                    {!isLoading &&
-                      userProjectPrivileges?.map((privilegeDetails) => {
-                        const isTemporary = privilegeDetails?.isTemporary;
-                        const isExpired =
-                          privilegeDetails.isTemporary &&
-                          new Date() > new Date(privilegeDetails.temporaryAccessEndTime || "");
-
-                        let text = "Permanent";
-                        let toolTipText = "Non-Expiring Access";
-                        if (privilegeDetails.isTemporary) {
-                          if (isExpired) {
-                            text = "Access Expired";
-                            toolTipText = "Timed Access Expired";
-                          } else {
-                            text = formatDistance(
-                              new Date(privilegeDetails.temporaryAccessEndTime || ""),
-                              new Date()
-                            );
-                            toolTipText = `Until ${format(
-                              new Date(privilegeDetails.temporaryAccessEndTime || ""),
-                              "yyyy-MM-dd hh:mm:ss aaa"
-                            )}`;
-                          }
-                        }
-
-                        return (
-                          <Tr
-                            key={`user-project-privilege-${privilegeDetails?.id}`}
-                            className="group w-full cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                            role="button"
-                            tabIndex={0}
-                            onKeyDown={(evt) => {
-                              if (evt.key === "Enter") {
-                                handlePopUpOpen("modifyPrivilege", privilegeDetails);
-                              }
-                            }}
-                            onClick={() => handlePopUpOpen("modifyPrivilege", privilegeDetails)}
-                          >
-                            <Td>{privilegeDetails.slug}</Td>
-                            <Td>
-                              <Tooltip asChild={false} content={toolTipText}>
-                                <Tag
-                                  className={twMerge(
-                                    "capitalize",
-                                    isTemporary && "text-primary",
-                                    isExpired && "text-red-600"
-                                  )}
-                                >
-                                  {text}
-                                </Tag>
-                              </Tooltip>
-                            </Td>
-                            <Td>
-                              <div className="flex space-x-2 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                                <ProjectPermissionCan
-                                  I={ProjectPermissionActions.Edit}
-                                  a={ProjectPermissionSub.Member}
-                                  renderTooltip
-                                  allowedLabel="Remove Role"
-                                >
-                                  {(isAllowed) => (
-                                    <IconButton
-                                      colorSchema="danger"
-                                      ariaLabel="delete-icon"
-                                      variant="plain"
-                                      className="group relative"
-                                      isDisabled={!isAllowed || isOwnProjectMembershipDetails}
-                                      onClick={(e) => {
-                                        e.stopPropagation();
-                                        e.preventDefault();
-                                        handlePopUpOpen("deletePrivilege", {
-                                          id: privilegeDetails?.id,
-                                          slug: privilegeDetails?.slug
-                                        });
-                                      }}
-                                    >
-                                      <FontAwesomeIcon icon={faTrash} />
-                                    </IconButton>
-                                  )}
-                                </ProjectPermissionCan>
-                                <IconButton
-                                  ariaLabel="more-icon"
-                                  variant="plain"
-                                  className="group relative"
-                                >
-                                  <FontAwesomeIcon icon={faEllipsisV} />
-                                </IconButton>
-                              </div>
-                            </Td>
-                          </Tr>
-                        );
-                      })}
-                  </TBody>
-                </Table>
-                {!isLoading && !userProjectPrivileges?.length && (
-                  <EmptyState title="This user has no additional privileges" icon={faFolder} />
-                )}
-              </TableContainer>
-            </div>
-            <DeleteActionModal
-              isOpen={popUp.deletePrivilege.isOpen}
-              deleteKey="remove"
-              title={`Do you want to remove role ${
-                (popUp?.deletePrivilege?.data as { slug: string; id: string })?.slug
-              }?`}
-              onChange={(isOpen) => handlePopUpToggle("deletePrivilege", isOpen)}
-              onDeleteApproved={() => handlePrivilegeDelete()}
-            />
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/MembershipProjectAdditionalPrivilegeModifySection.tsx b/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/MembershipProjectAdditionalPrivilegeModifySection.tsx
deleted file mode 100644
index 4118429b2..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/MembershipProjectAdditionalPrivilegeModifySection.tsx
+++ /dev/null
@@ -1,428 +0,0 @@
-import { Controller, FormProvider, useForm } from "react-hook-form";
-import {
-  faCaretDown,
-  faChevronLeft,
-  faClock,
-  faPlus,
-  faSave
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format, formatDistance } from "date-fns";
-import ms from "ms";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  FormControl,
-  FormLabel,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import {
-  useCreateProjectUserAdditionalPrivilege,
-  useGetProjectUserPrivilegeDetails,
-  useUpdateProjectUserAdditionalPrivilege
-} from "@app/hooks/api";
-import { ProjectUserAdditionalPrivilegeTemporaryMode } from "@app/hooks/api/projectUserAdditionalPrivilege/types";
-import { GeneralPermissionPolicies } from "@app/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionPolicies";
-import { PermissionEmptyState } from "@app/views/Project/RolePage/components/RolePermissionsSection/PermissionEmptyState";
-import {
-  formRolePermission2API,
-  isConditionalSubjects,
-  PROJECT_PERMISSION_OBJECT,
-  projectRoleFormSchema,
-  rolePermission2Form} from "@app/views/Project/RolePage/components/RolePermissionsSection/ProjectRoleModifySection.utils";
-import { renderConditionalComponents } from "@app/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection";
-
-type Props = {
-  privilegeId?: string;
-  projectMembershipId: string;
-  onGoBack: () => void;
-  isDisabled?: boolean;
-};
-
-export const formSchema = z.object({
-  slug: z.string().optional(),
-  temporaryAccess: z
-    .discriminatedUnion("isTemporary", [
-      z.object({
-        isTemporary: z.literal(true),
-        temporaryRange: z.string().min(1),
-        temporaryAccessStartTime: z.string().datetime(),
-        temporaryAccessEndTime: z.string().datetime().nullable().optional()
-      }),
-      z.object({
-        isTemporary: z.literal(false)
-      })
-    ])
-    .default({ isTemporary: false }),
-  permissions: projectRoleFormSchema.shape.permissions
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-export const MembershipProjectAdditionalPrivilegeModifySection = ({
-  privilegeId,
-  onGoBack,
-  projectMembershipId,
-  isDisabled
-}: Props) => {
-  const isCreate = !privilegeId;
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const { data: privilegeDetails, isLoading } = useGetProjectUserPrivilegeDetails(
-    privilegeId || ""
-  );
-
-  const { permission } = useProjectPermission();
-  const isMemberEditDisabled = permission.cannot(
-    ProjectPermissionActions.Edit,
-    ProjectPermissionSub.Member
-  );
-
-  const form = useForm<TFormSchema>({
-    values: privilegeDetails
-      ? {
-          ...privilegeDetails,
-          permissions: rolePermission2Form(privilegeDetails.permissions),
-          temporaryAccess: privilegeDetails.isTemporary
-            ? {
-                isTemporary: true,
-                temporaryRange: privilegeDetails.temporaryRange || "",
-                temporaryAccessEndTime: privilegeDetails.temporaryAccessEndTime || "",
-                temporaryAccessStartTime: privilegeDetails.temporaryAccessStartTime || ""
-              }
-            : {
-                isTemporary: privilegeDetails.isTemporary
-              }
-        }
-      : undefined,
-    resolver: zodResolver(formSchema)
-  });
-
-  const {
-    handleSubmit,
-    formState: { isDirty, isSubmitting }
-  } = form;
-
-  const { mutateAsync: updateUserProjectAdditionalPrivilege } =
-    useUpdateProjectUserAdditionalPrivilege();
-  const { mutateAsync: createUserProjectAdditionalPrivilege } =
-    useCreateProjectUserAdditionalPrivilege();
-
-  const onSubmit = async (el: TFormSchema) => {
-    const accessType = !el.temporaryAccess.isTemporary
-      ? { isTemporary: false as const }
-      : {
-          isTemporary: true as const,
-          temporaryMode: ProjectUserAdditionalPrivilegeTemporaryMode.Relative,
-          temporaryRange: el.temporaryAccess.temporaryRange,
-          temporaryAccessStartTime: el.temporaryAccess.temporaryAccessStartTime
-        };
-
-    try {
-      if (isCreate) {
-        await createUserProjectAdditionalPrivilege({
-          permissions: formRolePermission2API(el.permissions),
-          projectMembershipId,
-          slug: el.slug || undefined,
-          type: accessType
-        });
-        createNotification({ type: "success", text: "Successfully created privilege" });
-      } else {
-        if (!projectId || !privilegeDetails?.id) return;
-        await updateUserProjectAdditionalPrivilege({
-          privilegeId: privilegeDetails.id,
-          permissions: formRolePermission2API(el.permissions),
-          projectMembershipId,
-          slug: el.slug || undefined,
-          type: accessType
-        });
-        createNotification({ type: "success", text: "Successfully updated privilege" });
-      }
-      onGoBack();
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to update privilege" });
-    }
-  };
-
-  const onNewPolicy = (selectedSubject: ProjectPermissionSub) => {
-    const rootPolicyValue = form.getValues(`permissions.${selectedSubject}`);
-    if (rootPolicyValue && isConditionalSubjects(selectedSubject)) {
-      form.setValue(
-        `permissions.${selectedSubject}`,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-        [...rootPolicyValue, ...[]],
-        { shouldDirty: true, shouldTouch: true }
-      );
-    } else {
-      form.setValue(
-        `permissions.${selectedSubject}`,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-        [{}],
-        {
-          shouldDirty: true,
-          shouldTouch: true
-        }
-      );
-    }
-  };
-
-  const privilegeTemporaryAccess = form.watch("temporaryAccess");
-  const isTemporary = privilegeTemporaryAccess?.isTemporary;
-  const isExpired =
-    privilegeTemporaryAccess?.isTemporary &&
-    new Date() > new Date(privilegeTemporaryAccess.temporaryAccessEndTime || "");
-  let text = "Permanent";
-  let toolTipText = "Non-Expiring Access";
-
-  if (isTemporary) {
-    if (isExpired) {
-      text = "Access Expired";
-      toolTipText = "Timed Access Expired";
-    } else {
-      text = formatDistance(
-        new Date(privilegeTemporaryAccess.temporaryAccessEndTime || ""),
-        new Date()
-      );
-      toolTipText = `Until ${format(
-        new Date(privilegeTemporaryAccess.temporaryAccessEndTime || ""),
-        "yyyy-MM-dd hh:mm:ss aaa"
-      )}`;
-    }
-  }
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <FormProvider {...form}>
-        <div className="flex items-center justify-between border-b border-mineshaft-400 pb-2">
-          <Button
-            leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-            className="text-lg font-semibold text-mineshaft-100"
-            variant="link"
-            onClick={onGoBack}
-          >
-            Back
-          </Button>
-          <div className="flex items-center space-x-4">
-            {isDirty && (
-              <Button
-                className="mr-4 text-mineshaft-300"
-                variant="link"
-                isDisabled={isSubmitting}
-                isLoading={isSubmitting}
-                onClick={onGoBack}
-              >
-                Discard
-              </Button>
-            )}
-            <div className="flex items-center">
-              <Button
-                variant="outline_bg"
-                type="submit"
-                className={twMerge("h-10 rounded-r-none", isDirty && "bg-primary text-black")}
-                isDisabled={isSubmitting || !isDirty || isDisabled}
-                isLoading={isSubmitting}
-                leftIcon={<FontAwesomeIcon icon={faSave} />}
-              >
-                Save
-              </Button>
-              <DropdownMenu>
-                <DropdownMenuTrigger>
-                  <Button
-                    isDisabled={isDisabled}
-                    className="h-10 rounded-l-none"
-                    variant="outline_bg"
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  >
-                    New policy
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent className="thin-scrollbar max-h-96" align="end">
-                  {Object.keys(PROJECT_PERMISSION_OBJECT)
-                    .sort((a, b) =>
-                      PROJECT_PERMISSION_OBJECT[a as keyof typeof PROJECT_PERMISSION_OBJECT].title
-                        .toLowerCase()
-                        .localeCompare(
-                          PROJECT_PERMISSION_OBJECT[
-                            b as keyof typeof PROJECT_PERMISSION_OBJECT
-                          ].title.toLowerCase()
-                        )
-                    )
-                    .map((subject) => (
-                      <DropdownMenuItem
-                        key={`permission-create-${subject}`}
-                        className="py-3"
-                        onClick={() => onNewPolicy(subject as ProjectPermissionSub)}
-                      >
-                        {PROJECT_PERMISSION_OBJECT[subject as ProjectPermissionSub].title}
-                      </DropdownMenuItem>
-                    ))}
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-          </div>
-        </div>
-        <div className="mt-2 border-b border-gray-800 p-4 pt-2 first:rounded-t-md last:rounded-b-md">
-          <div className="text-lg">Overview</div>
-          <p className="mb-4 text-sm text-mineshaft-300">
-            Additional privileges take precedence over roles when permissions conflict
-          </p>
-          <div className=" flex items-end space-x-6">
-            <div className="w-full max-w-md">
-              <Controller
-                control={form.control}
-                name="slug"
-                render={({ field }) => (
-                  <FormControl label="Privilege Name" isOptional className="mb-0">
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div>
-              <Popover>
-                <PopoverTrigger disabled={isMemberEditDisabled} asChild>
-                  <div className="w-full max-w-md flex-grow">
-                    <FormLabel label="Duration" />
-                    <Tooltip content={toolTipText}>
-                      <Button
-                        variant="outline_bg"
-                        leftIcon={isTemporary ? <FontAwesomeIcon icon={faClock} /> : undefined}
-                        rightIcon={<FontAwesomeIcon icon={faCaretDown} className="ml-2" />}
-                        isDisabled={isMemberEditDisabled}
-                        className={twMerge(
-                          "w-full border-none bg-mineshaft-600 py-2.5 text-xs capitalize hover:bg-mineshaft-500",
-                          isTemporary && "text-primary",
-                          isExpired && "text-red-600"
-                        )}
-                      >
-                        {text}
-                      </Button>
-                    </Tooltip>
-                  </div>
-                </PopoverTrigger>
-                <PopoverContent
-                  arrowClassName="fill-gray-600"
-                  side="right"
-                  sideOffset={12}
-                  hideCloseBtn
-                  className="border border-gray-600 pt-4"
-                >
-                  <div className="flex flex-col space-y-4">
-                    <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-                      Configure Timed Access
-                    </div>
-                    {isExpired && <Tag colorSchema="red">Expired</Tag>}
-                    <Controller
-                      control={form.control}
-                      defaultValue="1h"
-                      name="temporaryAccess.temporaryRange"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label={<TtlFormLabel label="Validity" />}
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                    <div className="flex items-center space-x-2">
-                      <Button
-                        size="xs"
-                        onClick={() => {
-                          const temporaryRange = form.getValues("temporaryAccess.temporaryRange");
-                          if (!temporaryRange) {
-                            form.setError(
-                              "temporaryAccess.temporaryRange",
-                              { type: "required", message: "Required" },
-                              { shouldFocus: true }
-                            );
-                            return;
-                          }
-                          form.clearErrors("temporaryAccess.temporaryRange");
-                          form.setValue(
-                            "temporaryAccess",
-                            {
-                              isTemporary: true,
-                              temporaryAccessStartTime: new Date().toISOString(),
-                              temporaryRange,
-                              temporaryAccessEndTime: new Date(
-                                new Date().getTime() + ms(temporaryRange)
-                              ).toISOString()
-                            },
-                            { shouldDirty: true }
-                          );
-                        }}
-                      >
-                        {isTemporary ? "Restart" : "Grant"}
-                      </Button>
-                      {isTemporary && (
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          colorSchema="danger"
-                          onClick={() => {
-                            form.setValue(
-                              "temporaryAccess",
-                              {
-                                isTemporary: false
-                              },
-                              { shouldDirty: true }
-                            );
-                          }}
-                        >
-                          Revoke Access
-                        </Button>
-                      )}
-                    </div>
-                  </div>
-                </PopoverContent>
-              </Popover>
-            </div>
-          </div>
-        </div>
-        <div className="p-4">
-          <div className="mb-2 text-lg">Policies</div>
-          {(isCreate || !isLoading) && <PermissionEmptyState />}
-          {(Object.keys(PROJECT_PERMISSION_OBJECT) as ProjectPermissionSub[]).map((subject) => (
-            <GeneralPermissionPolicies
-              subject={subject}
-              actions={PROJECT_PERMISSION_OBJECT[subject].actions}
-              title={PROJECT_PERMISSION_OBJECT[subject].title}
-              key={`project-permission-${subject}`}
-              isDisabled={isDisabled}
-            >
-              {renderConditionalComponents(subject, isDisabled)}
-            </GeneralPermissionPolicies>
-          ))}
-        </div>
-      </FormProvider>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/index.tsx b/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/index.tsx
deleted file mode 100644
index c563ab035..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberProjectAdditionalPrivilegeSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MemberProjectAdditionalPrivilegeSection } from "./MemberProjectAdditionalPrivilegeSection";
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/MemberRoleDetailsSection.tsx b/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/MemberRoleDetailsSection.tsx
deleted file mode 100644
index 5ff78360d..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/MemberRoleDetailsSection.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import { faFolder, faPencil, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format, formatDistance } from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Modal,
-  ModalContent,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useUser,
-  useWorkspace
-} from "@app/context";
-import { formatProjectRoleName } from "@app/helpers/roles";
-import { usePopUp } from "@app/hooks";
-import { useUpdateUserWorkspaceRole } from "@app/hooks/api";
-import { TProjectRole } from "@app/hooks/api/roles/types";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-
-import { MemberRoleModify } from "./MemberRoleModify";
-
-type Props = {
-  membershipDetails: TWorkspaceUser;
-  isMembershipDetailsLoading?: boolean;
-  onOpenUpgradeModal: () => void;
-};
-
-export const MemberRoleDetailsSection = ({
-  membershipDetails,
-  isMembershipDetailsLoading,
-  onOpenUpgradeModal
-}: Props) => {
-  const { user } = useUser();
-  const userId = user?.id;
-  const { currentWorkspace } = useWorkspace();
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "deleteRole",
-    "modifyRole"
-  ] as const);
-  const { mutateAsync: updateUserWorkspaceRole } = useUpdateUserWorkspaceRole();
-
-  const isOwnProjectMembershipDetails = userId === membershipDetails?.user?.id;
-
-  const handleRoleDelete = async () => {
-    const { id } = popUp?.deleteRole?.data as TProjectRole;
-    try {
-      const updatedRoles = membershipDetails?.roles?.filter((el) => el.id !== id);
-      await updateUserWorkspaceRole({
-        workspaceId: currentWorkspace?.id || "",
-        roles: updatedRoles.map(
-          ({
-            role,
-            customRoleSlug,
-            isTemporary,
-            temporaryMode,
-            temporaryRange,
-            temporaryAccessStartTime,
-            temporaryAccessEndTime
-          }) => ({
-            role: role === "custom" ? customRoleSlug : role,
-            ...(isTemporary
-              ? {
-                  isTemporary,
-                  temporaryMode,
-                  temporaryRange,
-                  temporaryAccessStartTime,
-                  temporaryAccessEndTime
-                }
-              : {
-                  isTemporary
-                })
-          })
-        ),
-        membershipId: membershipDetails.id
-      });
-      createNotification({ type: "success", text: "Successfully removed role" });
-      handlePopUpClose("deleteRole");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to delete role" });
-    }
-  };
-
-  return (
-    <div className="mb-4 w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Project Roles</h3>
-        {!isOwnProjectMembershipDetails && membershipDetails?.status !== "invited" && (
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Edit}
-            a={ProjectPermissionSub.Member}
-            renderTooltip
-            allowedLabel="Edit Role(s)"
-          >
-            {(isAllowed) => (
-              <IconButton
-                ariaLabel="copy icon"
-                variant="plain"
-                className="group relative"
-                onClick={() => {
-                  handlePopUpOpen("modifyRole");
-                }}
-                isDisabled={!isAllowed}
-              >
-                <FontAwesomeIcon icon={faPencil} />
-              </IconButton>
-            )}
-          </ProjectPermissionCan>
-        )}
-      </div>
-      <div className="py-4">
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th>Role</Th>
-                <Th>Duration</Th>
-                <Th className="w-5" />
-              </Tr>
-            </THead>
-            <TBody>
-              {isMembershipDetailsLoading && (
-                <TableSkeleton columns={3} innerKey="user-project-memberships" />
-              )}
-              {!isMembershipDetailsLoading &&
-                membershipDetails?.roles?.map((roleDetails) => {
-                  const isTemporary = roleDetails?.isTemporary;
-                  const isExpired =
-                    roleDetails.isTemporary &&
-                    new Date() > new Date(roleDetails.temporaryAccessEndTime || "");
-
-                  let text = "Permanent";
-                  let toolTipText = "Non-Expiring Access";
-                  if (roleDetails.isTemporary) {
-                    if (isExpired) {
-                      text = "Access Expired";
-                      toolTipText = "Timed Access Expired";
-                    } else {
-                      text = formatDistance(
-                        new Date(roleDetails.temporaryAccessEndTime || ""),
-                        new Date()
-                      );
-                      toolTipText = `Until ${format(
-                        new Date(roleDetails.temporaryAccessEndTime || ""),
-                        "yyyy-MM-dd hh:mm:ss aaa"
-                      )}`;
-                    }
-                  }
-
-                  return (
-                    <Tr className="group h-10" key={`user-project-membership-${roleDetails?.id}`}>
-                      <Td className="capitalize">
-                        {roleDetails.role === "custom"
-                          ? roleDetails.customRoleName
-                          : formatProjectRoleName(roleDetails.role)}
-                      </Td>
-                      <Td>
-                        <Tooltip asChild={false} content={toolTipText}>
-                          <Tag
-                            className={twMerge(
-                              "capitalize",
-                              isTemporary && "text-primary",
-                              isExpired && "text-red-600"
-                            )}
-                          >
-                            {text}
-                          </Tag>
-                        </Tooltip>
-                      </Td>
-                      <Td>
-                        <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={ProjectPermissionSub.Member}
-                            renderTooltip
-                            allowedLabel="Remove Role"
-                          >
-                            {(isAllowed) => (
-                              <IconButton
-                                colorSchema="danger"
-                                ariaLabel="copy icon"
-                                variant="plain"
-                                className="group relative"
-                                isDisabled={!isAllowed || isOwnProjectMembershipDetails}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deleteRole", {
-                                    id: roleDetails?.id,
-                                    slug: roleDetails?.customRoleName || roleDetails?.role
-                                  });
-                                }}
-                              >
-                                <FontAwesomeIcon icon={faTrash} />
-                              </IconButton>
-                            )}
-                          </ProjectPermissionCan>
-                        </div>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-            </TBody>
-          </Table>
-          {!isMembershipDetailsLoading && !membershipDetails?.roles?.length && (
-            <EmptyState title="This user has no roles" icon={faFolder} />
-          )}
-        </TableContainer>
-      </div>
-      <DeleteActionModal
-        isOpen={popUp.deleteRole.isOpen}
-        deleteKey="remove"
-        title={`Do you want to remove role ${(popUp?.deleteRole?.data as TProjectRole)?.slug}?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteRole", isOpen)}
-        onDeleteApproved={() => handleRoleDelete()}
-      />
-      <Modal
-        isOpen={popUp.modifyRole.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("modifyRole", isOpen)}
-      >
-        <ModalContent
-          title="Roles"
-          subTitle="Select one or more of the pre-defined or custom roles to configure project permissions."
-        >
-          <MemberRoleModify
-            projectMember={membershipDetails}
-            onOpenUpgradeModal={onOpenUpgradeModal}
-          />
-        </ModalContent>
-      </Modal>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/MemberRoleModify.tsx b/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/MemberRoleModify.tsx
deleted file mode 100644
index 1dd223cb5..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/MemberRoleModify.tsx
+++ /dev/null
@@ -1,346 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faCaretDown, faClock, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format, formatDistance } from "date-fns";
-import ms from "ms";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Select,
-  SelectItem,
-  Spinner,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { useGetProjectRoles, useUpdateUserWorkspaceRole } from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-import { ProjectUserMembershipTemporaryMode } from "@app/hooks/api/workspace/types";
-
-const roleFormSchema = z.object({
-  roles: z
-    .object({
-      slug: z.string(),
-      temporaryAccess: z.discriminatedUnion("isTemporary", [
-        z.object({
-          isTemporary: z.literal(true),
-          temporaryRange: z.string().min(1),
-          temporaryAccessStartTime: z.string().datetime(),
-          temporaryAccessEndTime: z.string().datetime().nullable().optional()
-        }),
-        z.object({
-          isTemporary: z.literal(false)
-        })
-      ])
-    })
-    .array()
-});
-type TRoleForm = z.infer<typeof roleFormSchema>;
-
-type Props = {
-  projectMember: TWorkspaceUser;
-  onOpenUpgradeModal: (title: string) => void;
-};
-
-export const MemberRoleModify = ({ projectMember, onOpenUpgradeModal }: Props) => {
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const { data: projectRoles, isLoading: isRolesLoading } = useGetProjectRoles(workspaceId);
-  const { permission } = useProjectPermission();
-  const isMemberEditDisabled = permission.cannot(
-    ProjectPermissionActions.Edit,
-    ProjectPermissionSub.Member
-  );
-
-  const roleForm = useForm<TRoleForm>({
-    resolver: zodResolver(roleFormSchema),
-    values: {
-      roles: projectMember?.roles?.map(({ customRoleSlug, role, ...dto }) => ({
-        slug: customRoleSlug || role,
-        temporaryAccess: dto.isTemporary
-          ? {
-              isTemporary: true,
-              temporaryRange: dto.temporaryRange,
-              temporaryAccessEndTime: dto.temporaryAccessEndTime,
-              temporaryAccessStartTime: dto.temporaryAccessStartTime
-            }
-          : {
-              isTemporary: dto.isTemporary
-            }
-      }))
-    }
-  });
-  const selectedRoleList = useFieldArray({
-    name: "roles",
-    control: roleForm.control
-  });
-
-  const formRoleField = roleForm.watch("roles");
-
-  const updateMembershipRole = useUpdateUserWorkspaceRole();
-
-  const handleRoleUpdate = async (data: TRoleForm) => {
-    if (updateMembershipRole.isLoading) return;
-
-    const sanitizedRoles = data.roles.map((el) => {
-      const { isTemporary } = el.temporaryAccess;
-      if (!isTemporary) {
-        return { role: el.slug, isTemporary: false as const };
-      }
-      return {
-        role: el.slug,
-        isTemporary: true as const,
-        temporaryMode: ProjectUserMembershipTemporaryMode.Relative,
-        temporaryRange: el.temporaryAccess.temporaryRange,
-        temporaryAccessStartTime: el.temporaryAccess.temporaryAccessStartTime
-      };
-    });
-
-    const hasCustomRoleSelected = sanitizedRoles.some(
-      (el) => !Object.values(ProjectMembershipRole).includes(el.role as ProjectMembershipRole)
-    );
-
-    if (hasCustomRoleSelected && subscription && !subscription?.rbac) {
-      onOpenUpgradeModal(
-        "You can assign custom roles to members if you upgrade your Infisical plan."
-      );
-      return;
-    }
-
-    try {
-      await updateMembershipRole.mutateAsync({
-        workspaceId,
-        membershipId: projectMember.id,
-        roles: sanitizedRoles
-      });
-      createNotification({ text: "Successfully updated roles", type: "success" });
-    } catch (err) {
-      createNotification({ text: "Failed to update roles", type: "error" });
-    }
-  };
-
-  if (isRolesLoading)
-    return (
-      <div className="flex w-full items-center justify-center p-8">
-        <Spinner />
-      </div>
-    );
-
-  return (
-    <form onSubmit={roleForm.handleSubmit(handleRoleUpdate)}>
-      <div className="mt-2 flex flex-col space-y-2">
-        {selectedRoleList.fields.map(({ id }, index) => {
-          const { temporaryAccess } = formRoleField[index];
-          const isTemporary = temporaryAccess?.isTemporary;
-          const isExpired =
-            temporaryAccess.isTemporary &&
-            new Date() > new Date(temporaryAccess.temporaryAccessEndTime || "");
-
-          return (
-            <div key={id} className="flex items-center space-x-2">
-              <Controller
-                control={roleForm.control}
-                name={`roles.${index}.slug`}
-                render={({ field: { onChange, ...field } }) => (
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    isDisabled={isMemberEditDisabled}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full bg-mineshaft-600 duration-200 hover:bg-mineshaft-500"
-                    containerClassName="w-1/2"
-                  >
-                    {projectRoles?.map(({ name, slug, id: projectRoleId }) => (
-                      <SelectItem value={slug} key={projectRoleId}>
-                        {name}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                )}
-              />
-              <Popover>
-                <PopoverTrigger disabled={isMemberEditDisabled} asChild>
-                  <div className="flex-grow">
-                    <Tooltip
-                      content={
-                        temporaryAccess?.isTemporary
-                          ? isExpired
-                            ? "Timed Access Expired"
-                            : `Until ${format(
-                                new Date(temporaryAccess.temporaryAccessEndTime || ""),
-                                "yyyy-MM-dd HH:mm:ss"
-                              )}`
-                          : "Non-Expiring Access"
-                      }
-                    >
-                      <Button
-                        variant="outline_bg"
-                        leftIcon={isTemporary ? <FontAwesomeIcon icon={faClock} /> : undefined}
-                        rightIcon={<FontAwesomeIcon icon={faCaretDown} className="ml-2" />}
-                        isDisabled={isMemberEditDisabled}
-                        className={twMerge(
-                          "w-full border-none bg-mineshaft-600 py-2.5 text-xs capitalize hover:bg-mineshaft-500",
-                          isTemporary && "text-primary",
-                          isExpired && "text-red-600"
-                        )}
-                      >
-                        {temporaryAccess?.isTemporary
-                          ? isExpired
-                            ? "Access Expired"
-                            : formatDistance(
-                                new Date(temporaryAccess.temporaryAccessEndTime || ""),
-                                new Date()
-                              )
-                          : "Permanent"}
-                      </Button>
-                    </Tooltip>
-                  </div>
-                </PopoverTrigger>
-                <PopoverContent
-                  arrowClassName="fill-gray-600"
-                  side="right"
-                  sideOffset={12}
-                  hideCloseBtn
-                  className="border border-gray-600 pt-4"
-                >
-                  <div className="flex flex-col space-y-4">
-                    <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-                      Configure Timed Access
-                    </div>
-                    {isExpired && <Tag colorSchema="red">Expired</Tag>}
-                    <Controller
-                      control={roleForm.control}
-                      defaultValue="1h"
-                      name={`roles.${index}.temporaryAccess.temporaryRange`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label={<TtlFormLabel label="Validity" />}
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                    <div className="flex items-center space-x-2">
-                      <Button
-                        size="xs"
-                        onClick={() => {
-                          const temporaryRange = roleForm.getValues(
-                            `roles.${index}.temporaryAccess.temporaryRange`
-                          );
-                          if (!temporaryRange) {
-                            roleForm.setError(
-                              `roles.${index}.temporaryAccess.temporaryRange`,
-                              { type: "required", message: "Required" },
-                              { shouldFocus: true }
-                            );
-                            return;
-                          }
-                          roleForm.clearErrors(`roles.${index}.temporaryAccess.temporaryRange`);
-                          roleForm.setValue(
-                            `roles.${index}.temporaryAccess`,
-                            {
-                              isTemporary: true,
-                              temporaryAccessStartTime: new Date().toISOString(),
-                              temporaryRange,
-                              temporaryAccessEndTime: new Date(
-                                new Date().getTime() + ms(temporaryRange)
-                              ).toISOString()
-                            },
-                            { shouldDirty: true }
-                          );
-                        }}
-                      >
-                        {temporaryAccess.isTemporary ? "Restart" : "Grant"}
-                      </Button>
-                      {temporaryAccess.isTemporary && (
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          colorSchema="danger"
-                          onClick={() => {
-                            roleForm.setValue(`roles.${index}.temporaryAccess`, {
-                              isTemporary: false
-                            });
-                          }}
-                        >
-                          Revoke Access
-                        </Button>
-                      )}
-                    </div>
-                  </div>
-                </PopoverContent>
-              </Popover>
-              <IconButton
-                variant="outline_bg"
-                className="border border-mineshaft-500 bg-mineshaft-600 py-3 hover:border-red/70 hover:bg-red/20"
-                ariaLabel="delete-role"
-                isDisabled={isMemberEditDisabled || selectedRoleList.fields.length === 1}
-                onClick={() => {
-                  if (selectedRoleList.fields.length > 1) {
-                    selectedRoleList.remove(index);
-                  }
-                }}
-              >
-                <FontAwesomeIcon icon={faTrash} />
-              </IconButton>
-            </div>
-          );
-        })}
-      </div>
-      <div className="mt-4 flex justify-between space-x-2">
-        <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Member}>
-          {(isAllowed) => (
-            <Button
-              variant="outline_bg"
-              isDisabled={!isAllowed}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() =>
-                selectedRoleList.append({
-                  slug: ProjectMembershipRole.Member,
-                  temporaryAccess: { isTemporary: false }
-                })
-              }
-            >
-              Add Role
-            </Button>
-          )}
-        </ProjectPermissionCan>
-        <Button
-          type="submit"
-          className={twMerge(
-            "transition-all",
-            "cursor-default opacity-0",
-            roleForm.formState.isDirty && "cursor-pointer opacity-100"
-          )}
-          isDisabled={!roleForm.formState.isDirty}
-          isLoading={roleForm.formState.isSubmitting}
-        >
-          Save Roles
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/index.tsx b/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/index.tsx
deleted file mode 100644
index cdeb3a958..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/components/MemberRoleDetailsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MemberRoleDetailsSection } from "./MemberRoleDetailsSection";
diff --git a/frontend-next/src/views/Project/MemberDetailsPage/index.tsx b/frontend-next/src/views/Project/MemberDetailsPage/index.tsx
deleted file mode 100644
index cf2ac7fe6..000000000
--- a/frontend-next/src/views/Project/MemberDetailsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MemberDetailsPage } from "./MemberDetailPage";
diff --git a/frontend-next/src/views/Project/MembersPage/MembersPage.tsx b/frontend-next/src/views/Project/MembersPage/MembersPage.tsx
deleted file mode 100644
index 6678d2e87..000000000
--- a/frontend-next/src/views/Project/MembersPage/MembersPage.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { getProjectTitle } from "@app/helpers/project";
-import { withProjectPermission } from "@app/hoc";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { isTabSection, TabSections } from "../Types";
-import {
-  GroupsTab,
-  IdentityTab,
-  MembersTab,
-  ProjectRoleListTab,
-  ServiceTokenTab
-} from "./components";
-
-export const MembersPage = withProjectPermission(
-  () => {
-    const router = useRouter();
-    const { currentWorkspace } = useWorkspace();
-    const { query } = router;
-    const selectedTab = query.selectedTab as string;
-    const [activeTab, setActiveTab] = useState<TabSections>(TabSections.Member);
-
-    useEffect(() => {
-      if (selectedTab && isTabSection(selectedTab)) {
-        setActiveTab(selectedTab);
-      }
-    }, [isTabSection, selectedTab]);
-
-    const updateSelectedTab = (tab: string) => {
-      router.push({
-        pathname: router.pathname,
-        query: { ...router.query, selectedTab: tab }
-      });
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-          <p className="mr-4 mb-4 text-3xl font-semibold text-white">
-            {currentWorkspace?.type ? getProjectTitle(currentWorkspace?.type) : "Project"} Access
-            Control
-          </p>
-          <Tabs value={activeTab} onValueChange={updateSelectedTab}>
-            <TabList>
-              <Tab value={TabSections.Member}>Users</Tab>
-              <Tab value={TabSections.Groups}>Groups</Tab>
-              <Tab value={TabSections.Identities}>
-                <div className="flex items-center">
-                  <p>Machine Identities</p>
-                </div>
-              </Tab>
-              {currentWorkspace?.type === ProjectType.SecretManager && (
-                <Tab value={TabSections.ServiceTokens}>Service Tokens</Tab>
-              )}
-              <Tab value={TabSections.Roles}>Project Roles</Tab>
-            </TabList>
-            <TabPanel value={TabSections.Member}>
-              <MembersTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Groups}>
-              <GroupsTab />
-            </TabPanel>
-            <TabPanel value={TabSections.Identities}>
-              <IdentityTab />
-            </TabPanel>
-            {currentWorkspace?.type === ProjectType.SecretManager && (
-              <TabPanel value={TabSections.ServiceTokens}>
-                <ServiceTokenTab />
-              </TabPanel>
-            )}
-            <TabPanel value={TabSections.Roles}>
-              <ProjectRoleListTab />
-            </TabPanel>
-          </Tabs>
-        </div>
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Member }
-);
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/GroupsTab.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/GroupsTab.tsx
deleted file mode 100644
index 766cc77cb..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/GroupsTab.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { motion } from "framer-motion";
-
-import {
-    GroupsSection
-} from "./components";
-
-export const GroupsTab = () => {
-    return (
-        <motion.div
-            key="panel-groups"
-            transition={{ duration: 0.15 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-        >
-            <GroupsSection />
-        </motion.div>
-    );
-}
\ No newline at end of file
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx
deleted file mode 100644
index ef1c89e58..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FilterableSelect, FormControl, Modal, ModalContent } from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import {
-  useAddGroupToWorkspace,
-  useGetOrganizationGroups,
-  useGetProjectRoles,
-  useListWorkspaceGroups
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  group: z.object({ id: z.string(), name: z.string() }),
-  role: z.object({ slug: z.string(), name: z.string() })
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["group"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["group"]>, state?: boolean) => void;
-};
-
-// TODO: update backend to support adding multiple roles at once
-
-const Content = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const { currentWorkspace } = useWorkspace();
-
-  const orgId = currentOrg?.id || "";
-
-  const { data: groups } = useGetOrganizationGroups(orgId);
-  const { data: groupMemberships } = useListWorkspaceGroups(currentWorkspace?.id || "");
-
-  const { data: roles } = useGetProjectRoles(currentWorkspace?.id || "");
-
-  const { mutateAsync: addGroupToWorkspaceMutateAsync } = useAddGroupToWorkspace();
-
-  const filteredGroupMembershipOrgs = useMemo(() => {
-    const wsGroupIds = new Map();
-
-    groupMemberships?.forEach((groupMembership) => {
-      wsGroupIds.set(groupMembership.group.id, true);
-    });
-
-    return (groups || []).filter(({ id }) => !wsGroupIds.has(id));
-  }, [groups, groupMemberships]);
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = async ({ group, role }: FormData) => {
-    try {
-      await addGroupToWorkspaceMutateAsync({
-        projectId: currentWorkspace?.id || "",
-        groupId: group.id,
-        role: role.slug || undefined
-      });
-
-      reset();
-      handlePopUpToggle("group", false);
-
-      createNotification({
-        text: "Successfully added group to project",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed to add group to project",
-        type: "error"
-      });
-    }
-  };
-
-  return filteredGroupMembershipOrgs.length ? (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="group"
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <FormControl label="Group" errorText={error?.message} isError={Boolean(error)}>
-            <FilterableSelect
-              value={value}
-              onChange={onChange}
-              getOptionValue={(option) => option.id}
-              getOptionLabel={(option) => option.name}
-              options={filteredGroupMembershipOrgs}
-              placeholder="Select group..."
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="role"
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <FormControl
-            label="Role"
-            errorText={error?.message}
-            isError={Boolean(error)}
-            className="mt-4"
-          >
-            <FilterableSelect
-              value={value}
-              onChange={onChange}
-              getOptionValue={(option) => option.slug}
-              getOptionLabel={(option) => option.name}
-              options={roles}
-              placeholder="Select role..."
-            />
-          </FormControl>
-        )}
-      />
-      <div className="mt-6 flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          {popUp?.group?.data ? "Update" : "Add"}
-        </Button>
-        <Button
-          colorSchema="secondary"
-          variant="plain"
-          onClick={() => handlePopUpToggle("group", false)}
-        >
-          Cancel
-        </Button>
-      </div>
-    </form>
-  ) : (
-    <div className="flex flex-col space-y-4">
-      <div className="text-sm">
-        All groups in your organization have already been added to this project.
-      </div>
-      <Link href={`/org/${currentWorkspace?.orgId}/members`}>
-        <Button variant="outline_bg">Create a new group</Button>
-      </Link>
-    </div>
-  );
-};
-
-export const GroupModal = ({ popUp, handlePopUpToggle }: Props) => {
-  return (
-    <Modal
-      isOpen={popUp?.group?.isOpen}
-      onOpenChange={(isOpen) => handlePopUpToggle("group", isOpen)}
-    >
-      <ModalContent bodyClassName="overflow-visible" title="Add Group to Project">
-        <Content popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupRoles.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupRoles.tsx
deleted file mode 100644
index 2580cfb6b..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupRoles.tsx
+++ /dev/null
@@ -1,453 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faClock, faEdit, faSearch } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  Checkbox,
-  FormControl,
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-  IconButton,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Spinner,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useGetProjectRoles, useUpdateGroupWorkspaceRole } from "@app/hooks/api";
-import { TGroupMembership } from "@app/hooks/api/groups/types";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { ProjectUserMembershipTemporaryMode } from "@app/hooks/api/workspace/types";
-import { groupBy } from "@app/lib/fn/array";
-
-const temporaryRoleFormSchema = z.object({
-  temporaryRange: z.string().min(1, "Required")
-});
-
-type TTemporaryRoleFormSchema = z.infer<typeof temporaryRoleFormSchema>;
-
-type TTemporaryRoleFormProps = {
-  temporaryConfig?: {
-    isTemporary?: boolean;
-    temporaryAccessEndTime?: string | null;
-    temporaryAccessStartTime?: string | null;
-    temporaryRange?: string | null;
-  };
-  onSetTemporary: (data: { temporaryRange: string; temporaryAccessStartTime?: string }) => void;
-  onRemoveTemporary: () => void;
-};
-
-const IdentityTemporaryRoleForm = ({
-  temporaryConfig: defaultValues = {},
-  onSetTemporary,
-  onRemoveTemporary
-}: TTemporaryRoleFormProps) => {
-  const { popUp, handlePopUpToggle } = usePopUp(["setTempRole"] as const);
-  const { control, handleSubmit } = useForm<TTemporaryRoleFormSchema>({
-    resolver: zodResolver(temporaryRoleFormSchema),
-    values: {
-      temporaryRange: defaultValues.temporaryRange || "1h"
-    }
-  });
-  const isTemporaryFieldValue = defaultValues.isTemporary;
-  const isExpired =
-    isTemporaryFieldValue && new Date() > new Date(defaultValues.temporaryAccessEndTime || "");
-
-  return (
-    <Popover
-      open={popUp.setTempRole.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("setTempRole", isOpen);
-      }}
-    >
-      <PopoverTrigger>
-        <IconButton ariaLabel="role-temp" variant="plain" size="md">
-          <Tooltip content={isExpired ? "Access Expired" : "Grant Temporary Access"}>
-            <FontAwesomeIcon
-              icon={faClock}
-              className={twMerge(
-                isTemporaryFieldValue && "text-primary",
-                isExpired && "text-red-600"
-              )}
-            />
-          </Tooltip>
-        </IconButton>
-      </PopoverTrigger>
-      <PopoverContent
-        arrowClassName="fill-gray-600"
-        side="right"
-        sideOffset={12}
-        hideCloseBtn
-        className="border border-gray-600 pt-4"
-      >
-        <div className="flex flex-col space-y-4">
-          <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-            Set Role Temporarily
-          </div>
-          {isExpired && <Tag colorSchema="red">Expired</Tag>}
-          <Controller
-            control={control}
-            name="temporaryRange"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Validity"
-                isError={Boolean(error?.message)}
-                errorText={error?.message}
-                helperText={
-                  <span>
-                    1m, 2h, 3d.{" "}
-                    <a
-                      href="https://github.com/vercel/ms?tab=readme-ov-file#examples"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-primary-700"
-                    >
-                      More
-                    </a>
-                  </span>
-                }
-              >
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center space-x-2">
-            {isTemporaryFieldValue && (
-              <Button
-                size="xs"
-                type="submit"
-                onClick={() => {
-                  handleSubmit(({ temporaryRange }) => {
-                    onSetTemporary({
-                      temporaryRange,
-                      temporaryAccessStartTime: new Date().toISOString()
-                    });
-                    handlePopUpToggle("setTempRole");
-                  })();
-                }}
-              >
-                Restart
-              </Button>
-            )}
-            {!isTemporaryFieldValue ? (
-              <Button
-                size="xs"
-                type="submit"
-                onClick={() =>
-                  handleSubmit(({ temporaryRange }) => {
-                    onSetTemporary({
-                      temporaryRange,
-                      temporaryAccessStartTime:
-                        defaultValues.temporaryAccessStartTime || new Date().toISOString()
-                    });
-                    handlePopUpToggle("setTempRole");
-                  })()
-                }
-              >
-                Grant access
-              </Button>
-            ) : (
-              <Button
-                size="xs"
-                variant="outline_bg"
-                colorSchema="danger"
-                onClick={() => {
-                  onRemoveTemporary();
-                  handlePopUpToggle("setTempRole");
-                }}
-              >
-                Revoke Access
-              </Button>
-            )}
-          </div>
-        </div>
-      </PopoverContent>
-    </Popover>
-  );
-};
-
-const formSchema = z.record(
-  z.object({
-    isChecked: z.boolean().optional(),
-    temporaryAccess: z.union([
-      z.object({
-        isTemporary: z.literal(true),
-        temporaryRange: z.string().min(1),
-        temporaryAccessStartTime: z.string().datetime(),
-        temporaryAccessEndTime: z.string().datetime().nullable().optional()
-      }),
-      z.boolean()
-    ])
-  })
-);
-type TForm = z.infer<typeof formSchema>;
-
-export type TMemberRolesProp = {
-  disableEdit?: boolean;
-  groupId: string;
-  roles: TGroupMembership["roles"];
-};
-
-const MAX_ROLES_TO_BE_SHOWN_IN_TABLE = 2;
-
-export const GroupRoles = ({ roles = [], disableEdit = false, groupId }: TMemberRolesProp) => {
-  const { currentWorkspace } = useWorkspace();
-  const { popUp, handlePopUpToggle } = usePopUp(["editRole"] as const);
-  const [searchRoles, setSearchRoles] = useState("");
-
-  const {
-    handleSubmit,
-    control,
-    reset,
-    setValue,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const { data: projectRoles, isLoading: isRolesLoading } = useGetProjectRoles(
-    currentWorkspace?.id ?? ""
-  );
-  const userRolesGroupBySlug = groupBy(roles, ({ customRoleSlug, role }) => customRoleSlug || role);
-
-  const updateGroupWorkspaceRole = useUpdateGroupWorkspaceRole();
-
-  const handleRoleUpdate = async (data: TForm) => {
-    const selectedRoles = Object.keys(data)
-      .filter((el) => Boolean(data[el].isChecked))
-      .map((el) => {
-        const isTemporary = Boolean(data[el].temporaryAccess);
-        if (!isTemporary) {
-          return { role: el, isTemporary: false as const };
-        }
-
-        const tempCfg = data[el].temporaryAccess as {
-          temporaryRange: string;
-          temporaryAccessStartTime: string;
-        };
-
-        return {
-          role: el,
-          isTemporary: true as const,
-          temporaryMode: ProjectUserMembershipTemporaryMode.Relative,
-          temporaryRange: tempCfg.temporaryRange,
-          temporaryAccessStartTime: tempCfg.temporaryAccessStartTime
-        };
-      });
-
-    try {
-      await updateGroupWorkspaceRole.mutateAsync({
-        projectId: currentWorkspace?.id || "",
-        groupId,
-        roles: selectedRoles
-      });
-      createNotification({ text: "Successfully updated group role", type: "success" });
-      handlePopUpToggle("editRole");
-      setSearchRoles("");
-    } catch (err) {
-      createNotification({ text: "Failed to update group role", type: "error" });
-    }
-  };
-
-  const formatRoleName = (role: string, customRoleName?: string) => {
-    if (role === ProjectMembershipRole.Custom) return customRoleName;
-    if (role === ProjectMembershipRole.Member) return "Developer";
-    return role;
-  };
-
-  return (
-    <div className="flex items-center space-x-2">
-      {roles
-        .slice(0, MAX_ROLES_TO_BE_SHOWN_IN_TABLE)
-        .map(({ role, customRoleName, id, isTemporary, temporaryAccessEndTime }) => {
-          const isExpired = new Date() > new Date(temporaryAccessEndTime || ("" as string));
-          return (
-            <Tag key={id} className="capitalize">
-              <div className="flex items-center space-x-2">
-                <div>{formatRoleName(role, customRoleName)}</div>
-                {isTemporary && (
-                  <div>
-                    <Tooltip content={isExpired ? "Expired Temporary Access" : "Temporary Access"}>
-                      <FontAwesomeIcon
-                        icon={faClock}
-                        className={twMerge(isExpired && "text-red-600")}
-                      />
-                    </Tooltip>
-                  </div>
-                )}
-              </div>
-            </Tag>
-          );
-        })}
-      {roles.length > MAX_ROLES_TO_BE_SHOWN_IN_TABLE && (
-        <HoverCard>
-          <HoverCardTrigger>
-            <Tag>+{roles.length - MAX_ROLES_TO_BE_SHOWN_IN_TABLE}</Tag>
-          </HoverCardTrigger>
-          <HoverCardContent className="border border-gray-700 bg-mineshaft-800 p-4">
-            {roles
-              .slice(MAX_ROLES_TO_BE_SHOWN_IN_TABLE)
-              .map(({ role, customRoleName, id, isTemporary, temporaryAccessEndTime }) => {
-                const isExpired = new Date() > new Date(temporaryAccessEndTime || ("" as string));
-                return (
-                  <Tag key={id} className="capitalize">
-                    <div className="flex items-center space-x-2">
-                      <div>{formatRoleName(role, customRoleName)}</div>
-                      {isTemporary && (
-                        <div>
-                          <Tooltip
-                            content={isExpired ? "Expired Temporary Access" : "Temporary Access"}
-                          >
-                            <FontAwesomeIcon
-                              icon={faClock}
-                              className={twMerge(
-                                new Date() > new Date(temporaryAccessEndTime as string) &&
-                                  "text-red-600"
-                              )}
-                            />
-                          </Tooltip>
-                        </div>
-                      )}
-                    </div>
-                  </Tag>
-                );
-              })}{" "}
-          </HoverCardContent>
-        </HoverCard>
-      )}
-      <div>
-        <Popover
-          open={popUp.editRole.isOpen}
-          onOpenChange={(isOpen) => {
-            handlePopUpToggle("editRole", isOpen);
-            reset();
-          }}
-        >
-          {!disableEdit && (
-            <PopoverTrigger>
-              <IconButton size="sm" variant="plain" ariaLabel="update">
-                <FontAwesomeIcon icon={faEdit} />
-              </IconButton>
-            </PopoverTrigger>
-          )}
-          <PopoverContent hideCloseBtn className="pt-4">
-            {isRolesLoading ? (
-              <div className="flex h-8 w-full items-center justify-center">
-                <Spinner />
-              </div>
-            ) : (
-              <form onSubmit={handleSubmit(handleRoleUpdate)} id="role-update-form">
-                <div className="thin-scrollbar max-h-80 space-y-4 overflow-y-auto">
-                  {projectRoles
-                    ?.filter(
-                      ({ name, slug }) =>
-                        name.toLowerCase().includes(searchRoles.toLowerCase()) ||
-                        slug.toLowerCase().includes(searchRoles.toLowerCase())
-                    )
-                    ?.map(({ id, name, slug }) => {
-                      const userProjectRoleDetails = userRolesGroupBySlug?.[slug]?.[0];
-
-                      return (
-                        <div key={id} className="flex items-center space-x-4">
-                          <div className="flex-grow">
-                            <Controller
-                              control={control}
-                              defaultValue={Boolean(userProjectRoleDetails?.id)}
-                              name={`${slug}.isChecked`}
-                              render={({ field }) => (
-                                <Checkbox
-                                  id={slug}
-                                  isChecked={field.value}
-                                  onCheckedChange={(isChecked) => {
-                                    field.onChange(isChecked);
-                                    setValue(`${slug}.temporaryAccess`, false);
-                                  }}
-                                >
-                                  {name}
-                                </Checkbox>
-                              )}
-                            />
-                          </div>
-                          <div>
-                            <Controller
-                              control={control}
-                              name={`${slug}.temporaryAccess`}
-                              defaultValue={
-                                userProjectRoleDetails?.isTemporary
-                                  ? {
-                                      isTemporary: true,
-                                      temporaryAccessStartTime:
-                                        userProjectRoleDetails.temporaryAccessStartTime as string,
-                                      temporaryRange:
-                                        userProjectRoleDetails.temporaryRange as string,
-                                      temporaryAccessEndTime:
-                                        userProjectRoleDetails.temporaryAccessEndTime
-                                    }
-                                  : false
-                              }
-                              render={({ field }) => (
-                                <IdentityTemporaryRoleForm
-                                  temporaryConfig={
-                                    typeof field.value === "boolean"
-                                      ? { isTemporary: field.value }
-                                      : field.value
-                                  }
-                                  onSetTemporary={(data) => {
-                                    setValue(`${slug}.isChecked`, true, { shouldDirty: true });
-                                    field.onChange({ isTemporary: true, ...data });
-                                  }}
-                                  onRemoveTemporary={() => {
-                                    setValue(`${slug}.isChecked`, false, { shouldDirty: true });
-                                    field.onChange(false);
-                                  }}
-                                />
-                              )}
-                            />
-                          </div>
-                        </div>
-                      );
-                    })}
-                </div>
-                <div className="mt-3 flex items-center space-x-2 border-t border-t-gray-700 pt-3">
-                  <div>
-                    <Input
-                      className="w-full p-1.5 pl-8"
-                      size="xs"
-                      value={searchRoles}
-                      onChange={(el) => setSearchRoles(el.target.value)}
-                      leftIcon={<FontAwesomeIcon icon={faSearch} />}
-                      placeholder="Search roles.."
-                    />
-                  </div>
-                  <div>
-                    <Button
-                      size="xs"
-                      type="submit"
-                      form="role-update-form"
-                      leftIcon={<FontAwesomeIcon icon={faCheck} />}
-                      isDisabled={!isDirty || isSubmitting}
-                      isLoading={isSubmitting}
-                    >
-                      Save
-                    </Button>
-                  </div>
-                </div>
-              </form>
-            )}
-          </PopoverContent>
-        </Popover>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsSection.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsSection.tsx
deleted file mode 100644
index 0ab7816fe..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsSection.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteGroupFromWorkspace } from "@app/hooks/api";
-
-import { GroupModal } from "./GroupModal";
-import { GroupTable } from "./GroupsTable";
-
-export const GroupsSection = () => {
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-
-  const { mutateAsync: deleteMutateAsync } = useDeleteGroupFromWorkspace();
-
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "group",
-    "deleteGroup",
-    "upgradePlan"
-  ] as const);
-
-  const handleAddGroupModal = () => {
-    if (!subscription?.groups) {
-      handlePopUpOpen("upgradePlan", {
-        description:
-          "You can manage users more efficiently with groups if you upgrade your Infisical plan."
-      });
-    } else {
-      handlePopUpOpen("group");
-    }
-  };
-
-  const onRemoveGroupSubmit = async (groupId: string) => {
-    try {
-      await deleteMutateAsync({
-        groupId,
-        projectId: currentWorkspace?.id || ""
-      });
-
-      createNotification({
-        text: "Successfully removed identity from project",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteGroup");
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to remove group from project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex items-center justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">User Groups</p>
-        <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.Groups}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handleAddGroupModal()}
-              isDisabled={!isAllowed}
-            >
-              Add Group
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <GroupModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <GroupTable handlePopUpOpen={handlePopUpOpen} />
-      <DeleteActionModal
-        isOpen={popUp.deleteGroup.isOpen}
-        title={`Are you sure want to remove the group ${
-          (popUp?.deleteGroup?.data as { name: string })?.name || ""
-        } from the project?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteGroup", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveGroupSubmit((popUp?.deleteGroup?.data as { id: string })?.id)
-        }
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsTable.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsTable.tsx
deleted file mode 100644
index f1d9ea1a3..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/GroupsTable.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faMagnifyingGlass,
-  faSearch,
-  faTrash,
-  faUsers
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useListWorkspaceGroups } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { GroupRoles } from "./GroupRoles";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteGroup", "group"]>,
-    data?: {
-      id?: string;
-      name?: string;
-    }
-  ) => void;
-};
-
-enum GroupsOrderBy {
-  Name = "name"
-}
-
-export const GroupTable = ({ handlePopUpOpen }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    orderBy,
-    toggleOrderDirection
-  } = usePagination(GroupsOrderBy.Name, { initPerPage: 20 });
-
-  const { data: groupMemberships = [], isLoading } = useListWorkspaceGroups(
-    currentWorkspace?.id || ""
-  );
-
-  const filteredGroupMemberships = useMemo(() => {
-    const filtered = search
-      ? groupMemberships?.filter(
-          ({ group: { name, slug } }) =>
-            name.toLowerCase().includes(search.toLowerCase()) ||
-            slug.toLowerCase().includes(search.toLowerCase())
-        )
-      : groupMemberships;
-
-    const ordered = filtered?.sort((a, b) =>
-      a.group.name.toLowerCase().localeCompare(b.group.name.toLowerCase())
-    );
-
-    return orderDirection === OrderByDirection.ASC ? ordered : ordered?.reverse();
-  }, [search, groupMemberships, orderBy, orderDirection]);
-
-  useResetPageHelper({
-    totalCount: filteredGroupMemberships.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search members..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-1/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className="ml-2"
-                    ariaLabel="sort"
-                    onClick={toggleOrderDirection}
-                  >
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>Role</Th>
-              <Th>Added on</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={4} innerKey="project-groups" />}
-            {!isLoading &&
-              filteredGroupMemberships &&
-              filteredGroupMemberships.length > 0 &&
-              filteredGroupMemberships
-                .slice(offset, perPage * page)
-                .map(({ group: { id, name }, roles, createdAt }) => {
-                  return (
-                    <Tr className="group h-10" key={`st-v3-${id}`}>
-                      <Td>{name}</Td>
-                      <Td>
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Edit}
-                          a={ProjectPermissionSub.Groups}
-                        >
-                          {(isAllowed) => (
-                            <GroupRoles roles={roles} disableEdit={!isAllowed} groupId={id} />
-                          )}
-                        </ProjectPermissionCan>
-                      </Td>
-                      <Td>{format(new Date(createdAt), "yyyy-MM-dd")}</Td>
-                      <Td className="flex justify-end">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Delete}
-                          a={ProjectPermissionSub.Groups}
-                        >
-                          {(isAllowed) => (
-                            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                              <Tooltip content="Remove">
-                                <IconButton
-                                  onClick={() => {
-                                    handlePopUpOpen("deleteGroup", {
-                                      id,
-                                      name
-                                    });
-                                  }}
-                                  colorSchema="danger"
-                                  variant="plain"
-                                  ariaLabel="update"
-                                  className="ml-4"
-                                  isDisabled={!isAllowed}
-                                >
-                                  <FontAwesomeIcon icon={faTrash} />
-                                </IconButton>
-                              </Tooltip>
-                            </div>
-                          )}
-                        </ProjectPermissionCan>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-          </TBody>
-        </Table>
-        {Boolean(filteredGroupMemberships.length) && (
-          <Pagination
-            count={filteredGroupMemberships.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredGroupMemberships?.length && (
-          <EmptyState
-            title={
-              groupMemberships.length
-                ? "No project groups match search..."
-                : "No project groups found"
-            }
-            icon={groupMemberships.length ? faSearch : faUsers}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/index.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/index.tsx
deleted file mode 100644
index 7726fd170..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/GroupsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { GroupsSection } from "./GroupsSection";
\ No newline at end of file
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/index.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/index.tsx
deleted file mode 100644
index 7726fd170..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { GroupsSection } from "./GroupsSection";
\ No newline at end of file
diff --git a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/index.tsx b/frontend-next/src/views/Project/MembersPage/components/GroupsTab/index.tsx
deleted file mode 100644
index 419579efc..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/GroupsTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { GroupsTab } from "./GroupsTab";
\ No newline at end of file
diff --git a/frontend-next/src/views/Project/MembersPage/components/IdentityTab/IdentityTab.tsx b/frontend-next/src/views/Project/MembersPage/components/IdentityTab/IdentityTab.tsx
deleted file mode 100644
index 42ae5cfae..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/IdentityTab/IdentityTab.tsx
+++ /dev/null
@@ -1,426 +0,0 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { subject } from "@casl/ability";
-import {
-  faArrowDown,
-  faArrowUp,
-  faArrowUpRightFromSquare,
-  faClock,
-  faEllipsisV,
-  faMagnifyingGlass,
-  faPlus,
-  faServer,
-  faXmark
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { motion } from "framer-motion";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-  IconButton,
-  Input,
-  Pagination,
-  Spinner,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useDeleteIdentityFromWorkspace, useGetWorkspaceIdentityMemberships } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { ProjectIdentityOrderBy } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { IdentityModal } from "./components/IdentityModal";
-
-const MAX_ROLES_TO_BE_SHOWN_IN_TABLE = 2;
-
-const formatRoleName = (role: string, customRoleName?: string) => {
-  if (role === ProjectMembershipRole.Custom) return customRoleName;
-  if (role === ProjectMembershipRole.Member) return "Developer";
-  if (role === ProjectMembershipRole.NoAccess) return "No access";
-  return role;
-};
-export const IdentityTab = withProjectPermission(
-  () => {
-    const { currentWorkspace } = useWorkspace();
-    const router = useRouter();
-
-    const {
-      offset,
-      limit,
-      orderBy,
-      setOrderBy,
-      orderDirection,
-      setOrderDirection,
-      search,
-      debouncedSearch,
-      setPage,
-      setSearch,
-      perPage,
-      page,
-      setPerPage
-    } = usePagination(ProjectIdentityOrderBy.Name);
-
-    const workspaceId = currentWorkspace?.id ?? "";
-
-    const { data, isLoading, isFetching } = useGetWorkspaceIdentityMemberships(
-      {
-        workspaceId: currentWorkspace?.id || "",
-        offset,
-        limit,
-        orderDirection,
-        orderBy,
-        search: debouncedSearch
-      },
-      { keepPreviousData: true }
-    );
-
-    const { totalCount = 0 } = data ?? {};
-
-    useResetPageHelper({
-      totalCount,
-      offset,
-      setPage
-    });
-
-    const { mutateAsync: deleteMutateAsync } = useDeleteIdentityFromWorkspace();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "identity",
-      "deleteIdentity",
-      "upgradePlan"
-    ] as const);
-
-    const onRemoveIdentitySubmit = async (identityId: string) => {
-      try {
-        await deleteMutateAsync({
-          identityId,
-          workspaceId
-        });
-
-        createNotification({
-          text: "Successfully removed identity from project",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteIdentity");
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to remove identity from project";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    const handleSort = (column: ProjectIdentityOrderBy) => {
-      if (column === orderBy) {
-        setOrderDirection((prev) =>
-          prev === OrderByDirection.ASC ? OrderByDirection.DESC : OrderByDirection.ASC
-        );
-        return;
-      }
-
-      setOrderBy(column);
-      setOrderDirection(OrderByDirection.ASC);
-    };
-
-    return (
-      <motion.div
-        key="identity-role-panel"
-        transition={{ duration: 0.15 }}
-        initial={{ opacity: 0, translateX: 30 }}
-        animate={{ opacity: 1, translateX: 0 }}
-        exit={{ opacity: 0, translateX: 30 }}
-      >
-        <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-          <div className="mb-4 flex items-center justify-between">
-            <p className="text-xl font-semibold text-mineshaft-100">Identities</p>
-            <div className="flex w-full justify-end pr-4">
-              <Link href="https://infisical.com/docs/documentation/platform/identities/overview">
-                <span className="w-max cursor-pointer rounded-md border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 text-mineshaft-200 duration-200 hover:border-primary/40 hover:bg-primary/10 hover:text-white">
-                  Documentation{" "}
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="mb-[0.06rem] ml-1 text-xs"
-                  />
-                </span>
-              </Link>
-            </div>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Create}
-              a={ProjectPermissionSub.Identity}
-            >
-              {(isAllowed) => (
-                <Button
-                  colorSchema="primary"
-                  type="submit"
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  onClick={() => handlePopUpOpen("identity")}
-                  isDisabled={!isAllowed}
-                >
-                  Add Identity
-                </Button>
-              )}
-            </ProjectPermissionCan>
-          </div>
-          <Input
-            containerClassName="mb-4"
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-            placeholder="Search identities by name..."
-          />
-          <TableContainer>
-            <Table>
-              <THead>
-                <Tr className="h-14">
-                  <Th className="w-1/3">
-                    <div className="flex items-center">
-                      Name
-                      <IconButton
-                        variant="plain"
-                        className={`ml-2 ${
-                          orderBy === ProjectIdentityOrderBy.Name ? "" : "opacity-30"
-                        }`}
-                        ariaLabel="sort"
-                        onClick={() => handleSort(ProjectIdentityOrderBy.Name)}
-                      >
-                        <FontAwesomeIcon
-                          icon={
-                            orderDirection === OrderByDirection.DESC &&
-                            orderBy === ProjectIdentityOrderBy.Name
-                              ? faArrowUp
-                              : faArrowDown
-                          }
-                        />
-                      </IconButton>
-                    </div>
-                  </Th>
-                  <Th className="w-1/3">Role</Th>
-                  <Th>Added on</Th>
-                  <Th className="w-16">{isFetching ? <Spinner size="xs" /> : null}</Th>
-                </Tr>
-              </THead>
-              <TBody>
-                {isLoading && <TableSkeleton columns={4} innerKey="project-identities" />}
-                {!isLoading &&
-                  data &&
-                  data.identityMemberships.length > 0 &&
-                  data.identityMemberships.map((identityMember) => {
-                    const {
-                      identity: { id, name },
-                      roles,
-                      createdAt
-                    } = identityMember;
-                    return (
-                      <Tr
-                        className="group h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                        key={`st-v3-${id}`}
-                        role="button"
-                        tabIndex={0}
-                        onKeyDown={(evt) => {
-                          if (evt.key === "Enter") {
-                            router.push(`/${currentWorkspace?.type}/${workspaceId}/identities/${id}`);
-                          }
-                        }}
-                        onClick={() => router.push(`/${currentWorkspace?.type}/${workspaceId}/identities/${id}`)}
-                      >
-                        <Td>{name}</Td>
-
-                        <Td>
-                          <div className="flex items-center space-x-2">
-                            {roles
-                              .slice(0, MAX_ROLES_TO_BE_SHOWN_IN_TABLE)
-                              .map(
-                                ({
-                                  role,
-                                  customRoleName,
-                                  id: roleId,
-                                  isTemporary,
-                                  temporaryAccessEndTime
-                                }) => {
-                                  const isExpired =
-                                    new Date() > new Date(temporaryAccessEndTime || ("" as string));
-                                  return (
-                                    <Tag key={roleId}>
-                                      <div className="flex items-center space-x-2">
-                                        <div className="capitalize">
-                                          {formatRoleName(role, customRoleName)}
-                                        </div>
-                                        {isTemporary && (
-                                          <div>
-                                            <Tooltip
-                                              content={
-                                                isExpired
-                                                  ? "Timed role expired"
-                                                  : "Timed role access"
-                                              }
-                                            >
-                                              <FontAwesomeIcon
-                                                icon={faClock}
-                                                className={twMerge(isExpired && "text-red-600")}
-                                              />
-                                            </Tooltip>
-                                          </div>
-                                        )}
-                                      </div>
-                                    </Tag>
-                                  );
-                                }
-                              )}
-                            {roles.length > MAX_ROLES_TO_BE_SHOWN_IN_TABLE && (
-                              <HoverCard>
-                                <HoverCardTrigger>
-                                  <Tag>+{roles.length - MAX_ROLES_TO_BE_SHOWN_IN_TABLE}</Tag>
-                                </HoverCardTrigger>
-                                <HoverCardContent className="border border-gray-700 bg-mineshaft-800 p-4">
-                                  {roles
-                                    .slice(MAX_ROLES_TO_BE_SHOWN_IN_TABLE)
-                                    .map(
-                                      ({
-                                        role,
-                                        customRoleName,
-                                        id: roleId,
-                                        isTemporary,
-                                        temporaryAccessEndTime
-                                      }) => {
-                                        const isExpired =
-                                          new Date() >
-                                          new Date(temporaryAccessEndTime || ("" as string));
-                                        return (
-                                          <Tag key={roleId} className="capitalize">
-                                            <div className="flex items-center space-x-2">
-                                              <div>{formatRoleName(role, customRoleName)}</div>
-                                              {isTemporary && (
-                                                <div>
-                                                  <Tooltip
-                                                    content={
-                                                      isExpired
-                                                        ? "Access expired"
-                                                        : "Temporary access"
-                                                    }
-                                                  >
-                                                    <FontAwesomeIcon
-                                                      icon={faClock}
-                                                      className={twMerge(
-                                                        new Date() >
-                                                          new Date(
-                                                            temporaryAccessEndTime as string
-                                                          ) && "text-red-600"
-                                                      )}
-                                                    />
-                                                  </Tooltip>
-                                                </div>
-                                              )}
-                                            </div>
-                                          </Tag>
-                                        );
-                                      }
-                                    )}
-                                </HoverCardContent>
-                              </HoverCard>
-                            )}
-                          </div>
-                        </Td>
-                        <Td>{format(new Date(createdAt), "yyyy-MM-dd")}</Td>
-                        <Td className="flex justify-end space-x-2 opacity-0 duration-300 group-hover:opacity-100">
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={subject(ProjectPermissionSub.Identity, {
-                              identityId: id
-                            })}
-                          >
-                            {(isAllowed) => (
-                              <IconButton
-                                onClick={(evt) => {
-                                  evt.stopPropagation();
-                                  evt.preventDefault();
-                                  handlePopUpOpen("deleteIdentity", {
-                                    identityId: id,
-                                    name
-                                  });
-                                }}
-                                size="lg"
-                                colorSchema="danger"
-                                variant="plain"
-                                ariaLabel="update"
-                                className="ml-4"
-                                isDisabled={!isAllowed}
-                              >
-                                <FontAwesomeIcon icon={faXmark} />
-                              </IconButton>
-                            )}
-                          </ProjectPermissionCan>
-                          <IconButton ariaLabel="more-icon" variant="plain">
-                            <FontAwesomeIcon icon={faEllipsisV} />
-                          </IconButton>
-                        </Td>
-                      </Tr>
-                    );
-                  })}
-              </TBody>
-            </Table>
-            {!isLoading && data && totalCount > 0 && (
-              <Pagination
-                count={totalCount}
-                page={page}
-                perPage={perPage}
-                onChangePage={(newPage) => setPage(newPage)}
-                onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-              />
-            )}
-            {!isLoading && data && data?.identityMemberships.length === 0 && (
-              <EmptyState
-                title={
-                  debouncedSearch.trim().length > 0
-                    ? "No identities match search filter"
-                    : "No identities have been added to this project"
-                }
-                icon={faServer}
-              />
-            )}
-          </TableContainer>
-          <IdentityModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-          <DeleteActionModal
-            isOpen={popUp.deleteIdentity.isOpen}
-            title={`Are you sure want to remove ${
-              (popUp?.deleteIdentity?.data as { name: string })?.name || ""
-            } from the project?`}
-            onChange={(isOpen) => handlePopUpToggle("deleteIdentity", isOpen)}
-            deleteKey="confirm"
-            onDeleteApproved={() =>
-              onRemoveIdentitySubmit(
-                (popUp?.deleteIdentity?.data as { identityId: string })?.identityId
-              )
-            }
-          />
-        </div>
-      </motion.div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Identity }
-);
diff --git a/frontend-next/src/views/Project/MembersPage/components/IdentityTab/components/IdentityModal.tsx b/frontend-next/src/views/Project/MembersPage/components/IdentityTab/components/IdentityModal.tsx
deleted file mode 100644
index fc129ef3a..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/IdentityTab/components/IdentityModal.tsx
+++ /dev/null
@@ -1,207 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Spinner
-} from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import {
-  useAddIdentityToWorkspace,
-  useGetIdentityMembershipOrgs,
-  useGetProjectRoles,
-  useGetWorkspaceIdentityMemberships
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  identity: z.object({ name: z.string(), id: z.string() }),
-  role: z.object({ name: z.string(), slug: z.string() })
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["identity"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["identity"]>, state?: boolean) => void;
-};
-
-const Content = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const { currentWorkspace } = useWorkspace();
-
-  const organizationId = currentOrg?.id || "";
-  const workspaceId = currentWorkspace?.id || "";
-
-  const { data: identityMembershipOrgsData, isLoading: isMembershipsLoading } =
-    useGetIdentityMembershipOrgs({
-      organizationId,
-      limit: 20000 // TODO: this is temp to preserve functionality for larger projects, will replace with combobox in separate PR
-    });
-  const identityMembershipOrgs = identityMembershipOrgsData?.identityMemberships;
-  const { data: identityMembershipsData } = useGetWorkspaceIdentityMemberships({
-    workspaceId,
-    limit: 20000 // TODO: this is temp to preserve functionality for larger projects, will optimize in PR referenced above
-  });
-  const identityMemberships = identityMembershipsData?.identityMemberships;
-
-  const { data: roles, isLoading: isRolesLoading } = useGetProjectRoles(workspaceId);
-
-  const { mutateAsync: addIdentityToWorkspaceMutateAsync } = useAddIdentityToWorkspace();
-
-  const filteredIdentityMembershipOrgs = useMemo(() => {
-    const wsIdentityIds = new Map();
-
-    identityMemberships?.forEach((identityMembership) => {
-      wsIdentityIds.set(identityMembership.identity.id, true);
-    });
-
-    return (identityMembershipOrgs || []).filter(({ identity: i }) => !wsIdentityIds.has(i.id));
-  }, [identityMembershipOrgs, identityMemberships]);
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = async ({ identity, role }: FormData) => {
-    try {
-      await addIdentityToWorkspaceMutateAsync({
-        workspaceId,
-        identityId: identity.id,
-        role: role.slug || undefined
-      });
-
-      createNotification({
-        text: "Successfully added identity to project",
-        type: "success"
-      });
-
-      const nextAvailableMembership = filteredIdentityMembershipOrgs.filter(
-        (membership) => membership.identity.id !== identity.id
-      )[0];
-
-      // prevents combobox from displaying previously added identity
-      reset({
-        identity: {
-          name: nextAvailableMembership?.identity.name,
-          id: nextAvailableMembership?.identity.id
-        }
-      });
-      handlePopUpToggle("identity", false);
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to add identity to project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  if (isMembershipsLoading || isRolesLoading)
-    return (
-      <div className="flex w-full items-center justify-center py-10">
-        <Spinner className="text-mineshaft-400" />
-      </div>
-    );
-
-  return filteredIdentityMembershipOrgs.length ? (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <Controller
-        control={control}
-        name="identity"
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <FormControl label="Identity" errorText={error?.message} isError={Boolean(error)}>
-            <FilterableSelect
-              value={value}
-              onChange={onChange}
-              placeholder="Select identity..."
-              options={filteredIdentityMembershipOrgs.map((membership) => membership.identity)}
-              getOptionValue={(option) => option.id}
-              getOptionLabel={(option) => option.name}
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="role"
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <FormControl
-            label="Role"
-            errorText={error?.message}
-            isError={Boolean(error)}
-            className="mt-4"
-          >
-            <FilterableSelect
-              value={value}
-              onChange={onChange}
-              options={roles}
-              placeholder="Select role..."
-              getOptionValue={(option) => option.slug}
-              getOptionLabel={(option) => option.name}
-            />
-          </FormControl>
-        )}
-      />
-      <div className="flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          {popUp?.identity?.data ? "Update" : "Add"}
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            Cancel
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  ) : (
-    <div className="flex flex-col space-y-4">
-      <div className="text-sm">
-        All identities in your organization have already been added to this project.
-      </div>
-      <Link href={`/org/${currentWorkspace?.orgId}/members`}>
-        <Button isDisabled={isRolesLoading} isLoading={isRolesLoading} variant="outline_bg">
-          Create a new identity
-        </Button>
-      </Link>
-    </div>
-  );
-};
-
-export const IdentityModal = ({ popUp, handlePopUpToggle }: Props) => {
-  return (
-    <Modal
-      isOpen={popUp?.identity?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("identity", isOpen);
-      }}
-    >
-      <ModalContent title="Add Identity to Project" bodyClassName="overflow-visible">
-        <Content popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/IdentityTab/index.tsx b/frontend-next/src/views/Project/MembersPage/components/IdentityTab/index.tsx
deleted file mode 100644
index 86d3c710a..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/IdentityTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { IdentityTab } from "./IdentityTab";
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/MembersTab.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/MembersTab.tsx
deleted file mode 100644
index 6b5660c83..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/MembersTab.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { motion } from "framer-motion";
-
-import { MembersSection } from "./components";
-
-export const MembersTab = () => {
-  return (
-    <motion.div
-      key="panel-project-members"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <MembersSection />
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/AddMemberModal.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/AddMemberModal.tsx
deleted file mode 100644
index ed8271973..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/AddMemberModal.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FilterableSelect, FormControl, Modal, ModalContent } from "@app/components/v2";
-import { useOrganization, useWorkspace } from "@app/context";
-import {
-  useAddUsersToOrg,
-  useGetOrgUsers,
-  useGetProjectRoles,
-  useGetWorkspaceUsers
-} from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { ProjectVersion } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const addMemberFormSchema = z.object({
-  orgMemberships: z.array(z.object({ label: z.string().trim(), value: z.string().trim() })).min(1),
-  projectRoleSlugs: z.array(z.object({ slug: z.string().trim(), name: z.string().trim() })).min(1)
-});
-
-type TAddMemberForm = z.infer<typeof addMemberFormSchema>;
-
-type Props = {
-  popUp: UsePopUpState<["addMember"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addMember"]>, state?: boolean) => void;
-};
-
-export const AddMemberModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { t } = useTranslation();
-  const { currentOrg } = useOrganization();
-  const { currentWorkspace } = useWorkspace();
-
-  const orgId = currentOrg?.id || "";
-  const workspaceId = currentWorkspace?.id || "";
-
-  const { data: members } = useGetWorkspaceUsers(workspaceId);
-  const { data: orgUsers } = useGetOrgUsers(orgId);
-
-  const { data: roles } = useGetProjectRoles(currentWorkspace?.id || "");
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    watch,
-    formState: { isSubmitting, errors }
-  } = useForm<TAddMemberForm>({
-    resolver: zodResolver(addMemberFormSchema),
-    defaultValues: { orgMemberships: [], projectRoleSlugs: [] }
-  });
-
-  const { mutateAsync: addMembersToProject } = useAddUsersToOrg();
-
-  const onAddMembers = async ({ orgMemberships, projectRoleSlugs }: TAddMemberForm) => {
-    if (!currentWorkspace) return;
-    if (!currentOrg?.id) return;
-
-    const selectedMembers = orgMemberships.map((orgMembership) =>
-      orgUsers?.find((orgUser) => orgUser.id === orgMembership.value)
-    );
-
-    if (!selectedMembers) return;
-
-    try {
-      if (currentWorkspace.version === ProjectVersion.V1) {
-        createNotification({
-          type: "error",
-          text: "Please upgrade your project to invite new members to the project."
-        });
-      } else {
-        await addMembersToProject({
-          inviteeEmails: selectedMembers.map((member) => member?.user.username!),
-          organizationId: orgId,
-          organizationRoleSlug: ProjectMembershipRole.Member, // ? This doesn't apply in this case, because we know the users being added are already part of the organization
-          projects: [
-            {
-              slug: currentWorkspace.slug,
-              id: currentWorkspace.id,
-              projectRoleSlug: projectRoleSlugs.map((role) => role.slug)
-            }
-          ]
-        });
-      }
-      createNotification({
-        text: "Successfully added user to the project",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to add user to project",
-        type: "error"
-      });
-    }
-    handlePopUpToggle("addMember", false);
-    reset();
-  };
-
-  const filteredOrgUsers = useMemo(() => {
-    const wsUserUsernames = new Map();
-    members?.forEach((member) => {
-      wsUserUsernames.set(member.user.username, true);
-    });
-    return (orgUsers || [])
-      .filter(({ user: u }) => !wsUserUsernames.has(u.username))
-      .map(({ id, inviteEmail, user: { firstName, lastName, email } }) => ({
-        value: id,
-        label:
-          firstName && lastName
-            ? `${firstName} ${lastName}`
-            : firstName || lastName || email || inviteEmail
-      }));
-  }, [orgUsers, members]);
-
-  const selectedOrgMemberships = watch("orgMemberships");
-  const selectedRoleSlugs = watch("projectRoleSlugs");
-
-  return (
-    <Modal
-      isOpen={popUp?.addMember?.isOpen}
-      onOpenChange={(isOpen) => handlePopUpToggle("addMember", isOpen)}
-    >
-      <ModalContent
-        bodyClassName="overflow-visible"
-        title={t("section.members.add-dialog.add-member-to-project") as string}
-        subTitle={t("section.members.add-dialog.user-will-email")}
-      >
-        {filteredOrgUsers.length ? (
-          <form onSubmit={handleSubmit(onAddMembers)}>
-            <div className="flex w-full flex-col items-start gap-2">
-              <Controller
-                control={control}
-                name="orgMemberships"
-                render={({ field }) => (
-                  <FormControl
-                    className="w-full"
-                    isError={!!errors.orgMemberships?.length}
-                    errorText={errors.orgMemberships?.[0]?.message}
-                    label="Invite users to project"
-                  >
-                    <FilterableSelect
-                      className="w-full"
-                      placeholder="Add one or more users..."
-                      isMulti
-                      name="members"
-                      options={filteredOrgUsers}
-                      value={field.value}
-                      onChange={field.onChange}
-                    />
-                  </FormControl>
-                )}
-              />
-
-              <Controller
-                control={control}
-                name="projectRoleSlugs"
-                render={({ field: { onChange, value }, fieldState: { error } }) => (
-                  <FormControl
-                    className="w-full"
-                    label="Select roles"
-                    tooltipText="Select the roles that you wish to assign to the users"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <FilterableSelect
-                      options={roles}
-                      placeholder="Select roles..."
-                      value={value}
-                      onChange={onChange}
-                      isMulti
-                      getOptionValue={(option) => option.slug}
-                      getOptionLabel={(option) => option.name}
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="mt-8 flex items-center">
-              <Button
-                className="mr-4"
-                size="sm"
-                type="submit"
-                isLoading={isSubmitting}
-                isDisabled={
-                  isSubmitting ||
-                  selectedOrgMemberships.length === 0 ||
-                  selectedRoleSlugs.length === 0
-                }
-              >
-                Add Members
-              </Button>
-              <Button
-                colorSchema="secondary"
-                variant="plain"
-                onClick={() => handlePopUpToggle("addMember", false)}
-              >
-                Cancel
-              </Button>
-            </div>
-          </form>
-        ) : (
-          <div className="flex flex-col space-y-4">
-            <div>All the users in your organization are already invited.</div>
-            <Link href={`/org/${currentWorkspace?.orgId}/members`}>
-              <Button variant="outline_bg">Add users to organization</Button>
-            </Link>
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/MemberRbacSection.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/MemberRbacSection.tsx
deleted file mode 100644
index 682d78a84..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/MemberRbacSection.tsx
+++ /dev/null
@@ -1,351 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faCaretDown, faClock, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format, formatDistance } from "date-fns";
-import ms from "ms";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Select,
-  SelectItem,
-  Spinner,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { useGetProjectRoles, useUpdateUserWorkspaceRole } from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-import { ProjectUserMembershipTemporaryMode } from "@app/hooks/api/workspace/types";
-
-const roleFormSchema = z.object({
-  roles: z
-    .object({
-      slug: z.string(),
-      temporaryAccess: z.discriminatedUnion("isTemporary", [
-        z.object({
-          isTemporary: z.literal(true),
-          temporaryRange: z.string().min(1),
-          temporaryAccessStartTime: z.string().datetime(),
-          temporaryAccessEndTime: z.string().datetime().nullable().optional()
-        }),
-        z.object({
-          isTemporary: z.literal(false)
-        })
-      ])
-    })
-    .array()
-});
-type TRoleForm = z.infer<typeof roleFormSchema>;
-
-type Props = {
-  projectMember: TWorkspaceUser;
-  onOpenUpgradeModal: (title: string) => void;
-};
-export const MemberRbacSection = ({ projectMember, onOpenUpgradeModal }: Props) => {
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const { data: projectRoles, isLoading: isRolesLoading } = useGetProjectRoles(workspaceId);
-  const { permission } = useProjectPermission();
-  const isMemberEditDisabled = permission.cannot(
-    ProjectPermissionActions.Edit,
-    ProjectPermissionSub.Member
-  );
-
-  const roleForm = useForm<TRoleForm>({
-    resolver: zodResolver(roleFormSchema),
-    values: {
-      roles: projectMember?.roles?.map(({ customRoleSlug, role, ...dto }) => ({
-        slug: customRoleSlug || role,
-        temporaryAccess: dto.isTemporary
-          ? {
-              isTemporary: true,
-              temporaryRange: dto.temporaryRange,
-              temporaryAccessEndTime: dto.temporaryAccessEndTime,
-              temporaryAccessStartTime: dto.temporaryAccessStartTime
-            }
-          : {
-              isTemporary: dto.isTemporary
-            }
-      }))
-    }
-  });
-  const selectedRoleList = useFieldArray({
-    name: "roles",
-    control: roleForm.control
-  });
-
-  const formRoleField = roleForm.watch("roles");
-
-  const updateMembershipRole = useUpdateUserWorkspaceRole();
-
-  const handleRoleUpdate = async (data: TRoleForm) => {
-    if (updateMembershipRole.isLoading) return;
-
-    const sanitizedRoles = data.roles.map((el) => {
-      const { isTemporary } = el.temporaryAccess;
-      if (!isTemporary) {
-        return { role: el.slug, isTemporary: false as const };
-      }
-      return {
-        role: el.slug,
-        isTemporary: true as const,
-        temporaryMode: ProjectUserMembershipTemporaryMode.Relative,
-        temporaryRange: el.temporaryAccess.temporaryRange,
-        temporaryAccessStartTime: el.temporaryAccess.temporaryAccessStartTime
-      };
-    });
-
-    const hasCustomRoleSelected = sanitizedRoles.some(
-      (el) => !Object.values(ProjectMembershipRole).includes(el.role as ProjectMembershipRole)
-    );
-
-    if (hasCustomRoleSelected && subscription && !subscription?.rbac) {
-      onOpenUpgradeModal(
-        "You can assign custom roles to members if you upgrade your Infisical plan."
-      );
-      return;
-    }
-
-    try {
-      await updateMembershipRole.mutateAsync({
-        workspaceId,
-        membershipId: projectMember.id,
-        roles: sanitizedRoles
-      });
-      createNotification({ text: "Successfully updated roles", type: "success" });
-      roleForm.reset(undefined, { keepValues: true });
-    } catch (err) {
-      createNotification({ text: "Failed to update role", type: "error" });
-    }
-  };
-
-  if (isRolesLoading)
-    return (
-      <div className="flex w-full items-center justify-center p-8">
-        <Spinner />
-      </div>
-    );
-
-  return (
-    <div>
-      <div className="text-lg font-medium">Roles</div>
-      <p className="text-sm text-mineshaft-400">Select one of the pre-defined or custom roles.</p>
-      <div>
-        <form onSubmit={roleForm.handleSubmit(handleRoleUpdate)}>
-          <div className="mt-2 flex flex-col space-y-2">
-            {selectedRoleList.fields.map(({ id }, index) => {
-              const { temporaryAccess } = formRoleField[index];
-              const isTemporary = temporaryAccess?.isTemporary;
-              const isExpired =
-                temporaryAccess.isTemporary &&
-                new Date() > new Date(temporaryAccess.temporaryAccessEndTime || "");
-
-              return (
-                <div key={id} className="flex items-center space-x-2">
-                  <Controller
-                    control={roleForm.control}
-                    name={`roles.${index}.slug`}
-                    render={({ field: { onChange, ...field } }) => (
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        isDisabled={isMemberEditDisabled}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full bg-mineshaft-600 duration-200 hover:bg-mineshaft-500"
-                      >
-                        {projectRoles?.map(({ name, slug, id: projectRoleId }) => (
-                          <SelectItem value={slug} key={projectRoleId}>
-                            {name}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    )}
-                  />
-                  <Popover>
-                    <PopoverTrigger disabled={isMemberEditDisabled} asChild>
-                      <div>
-                        <Tooltip
-                          content={
-                            temporaryAccess?.isTemporary
-                              ? isExpired
-                                ? "Timed Access Expired"
-                                : `Until ${format(
-                                    new Date(temporaryAccess.temporaryAccessEndTime || ""),
-                                    "yyyy-MM-dd HH:mm:ss"
-                                  )}`
-                              : "Non expiry access"
-                          }
-                        >
-                          <Button
-                            variant="outline_bg"
-                            leftIcon={isTemporary ? <FontAwesomeIcon icon={faClock} /> : undefined}
-                            rightIcon={<FontAwesomeIcon icon={faCaretDown} className="ml-2" />}
-                            isDisabled={isMemberEditDisabled}
-                            className={twMerge(
-                              "border-none bg-mineshaft-600 py-2.5 text-xs capitalize hover:bg-mineshaft-500",
-                              isTemporary && "text-primary",
-                              isExpired && "text-red-600"
-                            )}
-                          >
-                            {temporaryAccess?.isTemporary
-                              ? isExpired
-                                ? "Access Expired"
-                                : formatDistance(
-                                    new Date(temporaryAccess.temporaryAccessEndTime || ""),
-                                    new Date()
-                                  )
-                              : "Permanent"}
-                          </Button>
-                        </Tooltip>
-                      </div>
-                    </PopoverTrigger>
-                    <PopoverContent
-                      arrowClassName="fill-gray-600"
-                      side="right"
-                      sideOffset={12}
-                      hideCloseBtn
-                      className="border border-gray-600 pt-4"
-                    >
-                      <div className="flex flex-col space-y-4">
-                        <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-                          Configure timed access
-                        </div>
-                        {isExpired && <Tag colorSchema="red">Expired</Tag>}
-                        <Controller
-                          control={roleForm.control}
-                          defaultValue="1h"
-                          name={`roles.${index}.temporaryAccess.temporaryRange`}
-                          render={({ field, fieldState: { error } }) => (
-                            <FormControl
-                              label={<TtlFormLabel label="Validity" />}
-                              isError={Boolean(error?.message)}
-                              errorText={error?.message}
-                            >
-                              <Input {...field} />
-                            </FormControl>
-                          )}
-                        />
-                        <div className="flex items-center space-x-2">
-                          <Button
-                            size="xs"
-                            onClick={() => {
-                              const temporaryRange = roleForm.getValues(
-                                `roles.${index}.temporaryAccess.temporaryRange`
-                              );
-                              if (!temporaryRange) {
-                                roleForm.setError(
-                                  `roles.${index}.temporaryAccess.temporaryRange`,
-                                  { type: "required", message: "Required" },
-                                  { shouldFocus: true }
-                                );
-                                return;
-                              }
-                              roleForm.clearErrors(`roles.${index}.temporaryAccess.temporaryRange`);
-                              roleForm.setValue(
-                                `roles.${index}.temporaryAccess`,
-                                {
-                                  isTemporary: true,
-                                  temporaryAccessStartTime: new Date().toISOString(),
-                                  temporaryRange,
-                                  temporaryAccessEndTime: new Date(
-                                    new Date().getTime() + ms(temporaryRange)
-                                  ).toISOString()
-                                },
-                                { shouldDirty: true }
-                              );
-                            }}
-                          >
-                            {temporaryAccess.isTemporary ? "Restart" : "Grant"}
-                          </Button>
-                          {temporaryAccess.isTemporary && (
-                            <Button
-                              size="xs"
-                              variant="outline_bg"
-                              colorSchema="danger"
-                              onClick={() => {
-                                roleForm.setValue(`roles.${index}.temporaryAccess`, {
-                                  isTemporary: false
-                                });
-                              }}
-                            >
-                              Revoke Access
-                            </Button>
-                          )}
-                        </div>
-                      </div>
-                    </PopoverContent>
-                  </Popover>
-                  <IconButton
-                    variant="outline_bg"
-                    className="border border-mineshaft-500 bg-mineshaft-600 py-3 hover:border-red/70 hover:bg-red/20"
-                    ariaLabel="delete-role"
-                    isDisabled={isMemberEditDisabled || selectedRoleList.fields.length === 1}
-                    onClick={() => {
-                      if (selectedRoleList.fields.length > 1) {
-                        selectedRoleList.remove(index);
-                      }
-                    }}
-                  >
-                    <FontAwesomeIcon icon={faTrash} />
-                  </IconButton>
-                </div>
-              );
-            })}
-          </div>
-          <div className="mt-4 flex justify-between space-x-2">
-            <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Member}>
-              {(isAllowed) => (
-                <Button
-                  variant="outline_bg"
-                  isDisabled={!isAllowed}
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  onClick={() =>
-                    selectedRoleList.append({
-                      slug: ProjectMembershipRole.Member,
-                      temporaryAccess: { isTemporary: false }
-                    })
-                  }
-                >
-                  Add Role
-                </Button>
-              )}
-            </ProjectPermissionCan>
-            <Button
-              type="submit"
-              className={twMerge(
-                "transition-all",
-                "cursor-default opacity-0",
-                roleForm.formState.isDirty && "cursor-pointer opacity-100"
-              )}
-              isDisabled={!roleForm.formState.isDirty}
-              isLoading={roleForm.formState.isSubmitting}
-            >
-              Save Roles
-            </Button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/MemberRoleForm.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/MemberRoleForm.tsx
deleted file mode 100644
index d54084cd7..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/MemberRoleForm.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import Link from "next/link";
-
-import { Alert, AlertDescription } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-
-import { MemberRbacSection } from "./MemberRbacSection";
-
-type Props = {
-  projectMember: TWorkspaceUser;
-  onOpenUpgradeModal: (title: string) => void;
-};
-export const MemberRoleForm = ({ projectMember, onOpenUpgradeModal }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  return (
-    <div>
-      <MemberRbacSection projectMember={projectMember} onOpenUpgradeModal={onOpenUpgradeModal} />
-      <Alert
-        title="Additional privileges have been moved and now offer full permission customization."
-        className="mt-4 border-primary/50 bg-primary/10"
-      >
-        <AlertDescription>
-          <Link href={`/project/${currentWorkspace?.id || ""}/members/${projectMember?.id}`}>
-            <span className="cursor-pointer text-primary underline underline-offset-2">
-              Click here to access them now
-            </span>
-          </Link>
-        </AlertDescription>
-      </Alert>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx
deleted file mode 100644
index a5a7dc74d..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx
+++ /dev/null
@@ -1,572 +0,0 @@
-import { useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import {
-  faArrowRotateLeft,
-  faCaretDown,
-  faCheck,
-  faClock,
-  faLockOpen,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format, formatDistance } from "date-fns";
-import ms from "ms";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  Checkbox,
-  DeleteActionModal,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Select,
-  SelectItem,
-  Spinner,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { removeTrailingSlash } from "@app/helpers/string";
-import { usePopUp } from "@app/hooks";
-import {
-  TProjectUserPrivilege,
-  useCreateAccessRequest,
-  useDeleteProjectUserAdditionalPrivilege
-} from "@app/hooks/api";
-import { TAccessApprovalPolicy } from "@app/hooks/api/types";
-
-const secretPermissionSchema = z.object({
-  secretPath: z.string().optional(),
-  environmentSlug: z.string(),
-  [ProjectPermissionActions.Edit]: z.boolean().optional(),
-  [ProjectPermissionActions.Read]: z.boolean().optional(),
-  [ProjectPermissionActions.Create]: z.boolean().optional(),
-  [ProjectPermissionActions.Delete]: z.boolean().optional(),
-  temporaryAccess: z.discriminatedUnion("isTemporary", [
-    z.object({
-      isTemporary: z.literal(true),
-      temporaryRange: z.string().min(1),
-      temporaryAccessStartTime: z.string().datetime(),
-      temporaryAccessEndTime: z.string().datetime().nullable().optional()
-    }),
-    z.object({
-      isTemporary: z.literal(false)
-    })
-  ])
-});
-type TSecretPermissionForm = z.infer<typeof secretPermissionSchema>;
-export const SpecificPrivilegeSecretForm = ({
-  privilege,
-  policies,
-  onClose
-}: {
-  privilege?: TProjectUserPrivilege;
-  policies?: TAccessApprovalPolicy[];
-  onClose?: () => void;
-}) => {
-  const { currentWorkspace } = useWorkspace();
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "deletePrivilege",
-    "requestAccess"
-  ] as const);
-  const { permission } = useProjectPermission();
-  const isMemberEditDisabled =
-    permission.cannot(ProjectPermissionActions.Edit, ProjectPermissionSub.Member) && !!privilege;
-
-  const deleteUserPrivilege = useDeleteProjectUserAdditionalPrivilege();
-  const requestAccess = useCreateAccessRequest();
-
-  const privilegeForm = useForm<TSecretPermissionForm>({
-    resolver: zodResolver(secretPermissionSchema),
-    values: {
-      ...(privilege
-        ? {
-            environmentSlug: privilege.permissions?.[0]?.conditions?.environment,
-            // secret path will be inside $glob operator
-            secretPath: privilege.permissions?.[0]?.conditions?.secretPath?.$glob
-              ? removeTrailingSlash(privilege.permissions?.[0]?.conditions?.secretPath?.$glob)
-              : "",
-            read: privilege.permissions?.some(({ action }) =>
-              action.includes(ProjectPermissionActions.Read)
-            ),
-            edit: privilege.permissions?.some(({ action }) =>
-              action.includes(ProjectPermissionActions.Edit)
-            ),
-            create: privilege.permissions?.some(({ action }) =>
-              action.includes(ProjectPermissionActions.Create)
-            ),
-            delete: privilege.permissions?.some(({ action }) =>
-              action.includes(ProjectPermissionActions.Delete)
-            ),
-            // zod will pick it
-            temporaryAccess: privilege
-          }
-        : {
-            environmentSlug: currentWorkspace?.environments?.[0].slug!,
-            read: false,
-            edit: false,
-            create: false,
-            delete: false,
-            temporaryAccess: {
-              isTemporary: false
-            }
-          })
-    }
-  });
-
-  const temporaryAccessField = privilegeForm.watch("temporaryAccess");
-  const selectedEnvironment = privilegeForm.watch("environmentSlug");
-  const secretPath = privilegeForm.watch("secretPath");
-
-  const readAccess = privilegeForm.watch("read");
-  const createAccess = privilegeForm.watch("create");
-  const editAccess = privilegeForm.watch("edit");
-  const deleteAccess = privilegeForm.watch("delete");
-
-  const accessSelected = readAccess || createAccess || editAccess || deleteAccess;
-
-  const selectablePaths = useMemo(() => {
-    if (!policies) return [];
-    const environmentPolicies = policies.filter(
-      (policy) => policy.environment.slug === selectedEnvironment
-    );
-
-    privilegeForm.setValue("secretPath", "", {
-      shouldValidate: true
-    });
-
-    return [...environmentPolicies.map((policy) => policy.secretPath)];
-  }, [policies, selectedEnvironment]);
-
-  const isTemporary = temporaryAccessField?.isTemporary;
-  const isExpired =
-    temporaryAccessField.isTemporary &&
-    new Date() > new Date(temporaryAccessField.temporaryAccessEndTime || "");
-
-  const handleDeletePrivilege = async () => {
-    if (!privilege) {
-      createNotification({
-        type: "error",
-        text: "No privilege to delete found.",
-        title: "Error"
-      });
-      return;
-    }
-
-    if (deleteUserPrivilege.isLoading) return;
-    try {
-      await deleteUserPrivilege.mutateAsync({
-        privilegeId: privilege.id,
-        projectMembershipId: privilege.projectMembershipId
-      });
-      createNotification({
-        type: "success",
-        text: "Successfully deleted privilege"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to delete privilege"
-      });
-    }
-  };
-
-  // This is used for requesting access additional privileges, not directly creating a privilege!
-  const handleRequestAccess = async (data: TSecretPermissionForm) => {
-    if (!policies) return;
-    if (!currentWorkspace) {
-      createNotification({
-        type: "error",
-        text: "No workspace found.",
-        title: "Error"
-      });
-      return;
-    }
-
-    if (!data.secretPath) {
-      createNotification({
-        type: "error",
-        text: "Please select a secret path",
-        title: "Error"
-      });
-      return;
-    }
-
-    const actions = [
-      { action: ProjectPermissionActions.Read, allowed: data.read },
-      { action: ProjectPermissionActions.Create, allowed: data.create },
-      { action: ProjectPermissionActions.Delete, allowed: data.delete },
-      { action: ProjectPermissionActions.Edit, allowed: data.edit }
-    ];
-    const conditions: Record<string, any> = { environment: data.environmentSlug };
-    if (data.secretPath) {
-      conditions.secretPath = { $glob: data.secretPath };
-    }
-    await requestAccess.mutateAsync({
-      ...data,
-      ...(data.temporaryAccess.isTemporary && {
-        temporaryRange: data.temporaryAccess.temporaryRange
-      }),
-      projectSlug: currentWorkspace.slug,
-      isTemporary: data.temporaryAccess.isTemporary,
-      permissions: actions
-        .filter(({ allowed }) => allowed)
-        .map(({ action }) => ({
-          action,
-          subject: [ProjectPermissionSub.Secrets],
-          conditions
-        }))
-    });
-
-    createNotification({
-      type: "success",
-      text: "Successfully requested access"
-    });
-    privilegeForm.reset();
-    if (onClose) onClose();
-  };
-
-  const handleSubmit = async (data: TSecretPermissionForm) => {
-    handleRequestAccess(data);
-  };
-
-  const getAccessLabel = (exactTime = false) => {
-    if (isExpired) return "Access expired";
-    if (!temporaryAccessField?.isTemporary) return "Permanent";
-
-    if (exactTime && !policies) {
-      return `Until ${format(
-        new Date(temporaryAccessField.temporaryAccessEndTime || ""),
-        "yyyy-MM-dd HH:mm:ss"
-      )}`;
-    }
-    return formatDistance(new Date(temporaryAccessField.temporaryAccessEndTime || ""), new Date());
-  };
-
-  return (
-    <div className="mt-4 w-full">
-      <form onSubmit={privilegeForm.handleSubmit(handleSubmit)}>
-        <div className={twMerge("flex items-start gap-4", !privilege && "flex-wrap")}>
-          <Controller
-            control={privilegeForm.control}
-            name="environmentSlug"
-            render={({ field: { onChange, ...field } }) => (
-              <FormControl label="Environment">
-                <Select
-                  {...field}
-                  isDisabled={isMemberEditDisabled}
-                  className="bg-mineshaft-600 hover:bg-mineshaft-500"
-                  onValueChange={(e) => onChange(e)}
-                >
-                  {currentWorkspace?.environments?.map(({ slug, id, name }) => (
-                    <SelectItem value={slug} key={id}>
-                      {name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={privilegeForm.control}
-            name="secretPath"
-            render={({ field }) => {
-              if (policies) {
-                return (
-                  <Tooltip
-                    isDisabled={!!selectablePaths.length}
-                    content="The selected environment doesn't have any policies."
-                  >
-                    <div>
-                      <FormControl label="Secret Path">
-                        <Select
-                          {...field}
-                          isDisabled={isMemberEditDisabled || !selectablePaths.length}
-                          className="w-48"
-                          onValueChange={(e) => field.onChange(e)}
-                        >
-                          {selectablePaths.map((path) => (
-                            <SelectItem value={path} key={path}>
-                              {path}
-                            </SelectItem>
-                          ))}
-                        </Select>
-                      </FormControl>
-                    </div>
-                  </Tooltip>
-                );
-              }
-              return (
-                <FormControl label="Secret Path">
-                  <SecretPathInput
-                    {...field}
-                    isDisabled={isMemberEditDisabled}
-                    containerClassName="w-48"
-                    environment={selectedEnvironment}
-                  />
-                </FormControl>
-              );
-            }}
-          />
-          <div className="flex flex-grow justify-between">
-            <Controller
-              control={privilegeForm.control}
-              name="read"
-              render={({ field }) => (
-                <div className="flex flex-col items-center">
-                  <FormLabel label="View" className="mb-4" />
-                  <Checkbox
-                    isDisabled={isMemberEditDisabled}
-                    id="secret-read"
-                    className="h-5 w-5"
-                    isChecked={field.value}
-                    onCheckedChange={(isChecked) => field.onChange(isChecked)}
-                  />
-                </div>
-              )}
-            />
-            <Controller
-              control={privilegeForm.control}
-              name="create"
-              render={({ field }) => (
-                <div className="flex flex-col items-center">
-                  <FormLabel label="Create" className="mb-4" />
-                  <Checkbox
-                    isDisabled={isMemberEditDisabled}
-                    id="secret-create"
-                    className="h-5 w-5"
-                    isChecked={field.value}
-                    onCheckedChange={(isChecked) => field.onChange(isChecked)}
-                  />
-                </div>
-              )}
-            />
-            <Controller
-              control={privilegeForm.control}
-              name="edit"
-              render={({ field }) => (
-                <div className="flex flex-col items-center">
-                  <FormLabel label="Modify" className="mb-4" />
-                  <Checkbox
-                    isDisabled={isMemberEditDisabled}
-                    id="secret-modify"
-                    className="h-5 w-5"
-                    isChecked={field.value}
-                    onCheckedChange={(isChecked) => field.onChange(isChecked)}
-                  />
-                </div>
-              )}
-            />
-            <Controller
-              control={privilegeForm.control}
-              name="delete"
-              render={({ field }) => (
-                <div className="flex flex-col items-center">
-                  <FormLabel label="Delete" className="mb-4" />
-                  <Checkbox
-                    isDisabled={isMemberEditDisabled}
-                    id="secret-delete"
-                    className="h-5 w-5"
-                    isChecked={field.value}
-                    onCheckedChange={(isChecked) => field.onChange(isChecked)}
-                  />
-                </div>
-              )}
-            />
-          </div>
-          <div className="mt-6 flex items-center space-x-2">
-            <Popover>
-              <PopoverTrigger disabled={isMemberEditDisabled}>
-                <div>
-                  <Tooltip content={getAccessLabel(true)}>
-                    <Button
-                      variant="outline_bg"
-                      leftIcon={isTemporary ? <FontAwesomeIcon icon={faClock} /> : undefined}
-                      rightIcon={<FontAwesomeIcon icon={faCaretDown} className="ml-2" />}
-                      isDisabled={isMemberEditDisabled}
-                      className={twMerge(
-                        "border-none bg-mineshaft-600 py-2.5 text-xs capitalize hover:bg-mineshaft-500",
-                        isTemporary && "text-primary",
-                        isExpired && "text-red-600"
-                      )}
-                    >
-                      {getAccessLabel(false)}
-                    </Button>
-                  </Tooltip>
-                </div>
-              </PopoverTrigger>
-              <PopoverContent
-                arrowClassName="fill-gray-600"
-                side="right"
-                sideOffset={12}
-                hideCloseBtn
-                className="border border-gray-600 pt-4"
-              >
-                <div className="flex flex-col space-y-4">
-                  <div className="border-b border-b-gray-700 pb-2 text-sm text-mineshaft-300">
-                    Configure timed access
-                  </div>
-                  {isExpired && <Tag colorSchema="red">Expired</Tag>}
-                  <Controller
-                    control={privilegeForm.control}
-                    defaultValue="1h"
-                    name="temporaryAccess.temporaryRange"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label={<TtlFormLabel label="Validity" />}
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                  <div className="flex items-center space-x-2">
-                    <Button
-                      size="xs"
-                      onClick={() => {
-                        const temporaryRange = privilegeForm.getValues(
-                          "temporaryAccess.temporaryRange"
-                        );
-                        if (!temporaryRange) {
-                          privilegeForm.setError(
-                            "temporaryAccess.temporaryRange",
-                            { type: "required", message: "Required" },
-                            { shouldFocus: true }
-                          );
-                          return;
-                        }
-                        privilegeForm.clearErrors("temporaryAccess.temporaryRange");
-                        privilegeForm.setValue(
-                          "temporaryAccess",
-                          {
-                            isTemporary: true,
-                            temporaryAccessStartTime: new Date().toISOString(),
-                            temporaryRange,
-                            temporaryAccessEndTime: new Date(
-                              new Date().getTime() + ms(temporaryRange)
-                            ).toISOString()
-                          },
-                          { shouldDirty: true }
-                        );
-                      }}
-                    >
-                      {temporaryAccessField.isTemporary && !policies ? "Restart" : "Grant"}
-                    </Button>
-
-                    {temporaryAccessField.isTemporary && (
-                      <Button
-                        size="xs"
-                        variant="outline_bg"
-                        colorSchema="danger"
-                        onClick={() => {
-                          privilegeForm.setValue("temporaryAccess", {
-                            isTemporary: false
-                          });
-                        }}
-                      >
-                        Cancel
-                      </Button>
-                    )}
-                  </div>
-                </div>
-              </PopoverContent>
-            </Popover>
-            {/* eslint-disable-next-line no-nested-ternary */}
-            {privilegeForm.formState.isDirty && privilege ? (
-              <>
-                <Tooltip content="Cancel" className="mr-4">
-                  <IconButton
-                    variant="outline_bg"
-                    className="border border-mineshaft-500 bg-mineshaft-600 py-2.5 hover:border-red/70 hover:bg-red/20"
-                    ariaLabel="delete-privilege"
-                    isDisabled={privilegeForm.formState.isSubmitting}
-                    onClick={() => privilegeForm.reset()}
-                  >
-                    <FontAwesomeIcon icon={faArrowRotateLeft} className="py-0.5" />
-                  </IconButton>
-                </Tooltip>
-                <Tooltip
-                  content={isMemberEditDisabled ? "Access restricted" : "Save"}
-                  className="mr-4"
-                >
-                  <IconButton
-                    isDisabled={isMemberEditDisabled}
-                    className="border-none py-3"
-                    ariaLabel="save-privilege"
-                    type="submit"
-                  >
-                    {privilegeForm.formState.isSubmitting ? (
-                      <Spinner size="xs" className="m-0 h-3 w-3 text-slate-500" />
-                    ) : (
-                      <FontAwesomeIcon icon={faCheck} className="px-0.5" />
-                    )}
-                  </IconButton>
-                </Tooltip>
-              </>
-            ) : // eslint-disable-next-line no-nested-ternary
-            privilege ? (
-              <Tooltip
-                content={isMemberEditDisabled ? "Access restricted" : "Delete"}
-                className="mr-4"
-              >
-                <IconButton
-                  isDisabled={isMemberEditDisabled}
-                  variant="outline_bg"
-                  className="border border-mineshaft-500 bg-mineshaft-600 py-3 hover:border-red/70 hover:bg-red/20"
-                  ariaLabel="delete-privilege"
-                  onClick={() => handlePopUpOpen("deletePrivilege")}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </Tooltip>
-            ) : (
-              <div />
-            )}
-          </div>
-        </div>
-        {!!policies && (
-          <Button
-            type="submit"
-            isLoading={privilegeForm.formState.isSubmitting || requestAccess.isLoading}
-            isDisabled={
-              isMemberEditDisabled ||
-              !policies.length ||
-              !privilegeForm.formState.isValid ||
-              !secretPath ||
-              !accessSelected
-            }
-            className="mt-4"
-            leftIcon={<FontAwesomeIcon icon={faLockOpen} />}
-          >
-            Request access
-          </Button>
-        )}
-      </form>
-      <DeleteActionModal
-        isOpen={popUp.deletePrivilege.isOpen}
-        title="Remove user additional privilege"
-        onChange={(isOpen) => handlePopUpToggle("deletePrivilege", isOpen)}
-        deleteKey="delete"
-        onClose={() => handlePopUpClose("deletePrivilege")}
-        onDeleteApproved={handleDeletePrivilege}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/index.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/index.tsx
deleted file mode 100644
index 765b4061c..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MemberRoleForm } from "./MemberRoleForm";
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MembersSection.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MembersSection.tsx
deleted file mode 100644
index c2bb20f53..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MembersSection.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useOrganization,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteUserFromWorkspace } from "@app/hooks/api";
-
-import { AddMemberModal } from "./AddMemberModal";
-import { MembersTable } from "./MembersTable";
-
-export const MembersSection = () => {
-  const { currentOrg } = useOrganization();
-  const { currentWorkspace } = useWorkspace();
-
-  const { mutateAsync: removeUserFromWorkspace } = useDeleteUserFromWorkspace();
-
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "addMember",
-    "removeMember",
-    "upgradePlan"
-  ] as const);
-
-  const handleRemoveUser = async () => {
-    const username = (popUp?.removeMember?.data as { username: string })?.username;
-    if (!currentOrg?.id) return;
-    if (!currentWorkspace?.id) return;
-
-    try {
-      await removeUserFromWorkspace({
-        workspaceId: currentWorkspace.id,
-        usernames: [username],
-        orgId: currentOrg.id
-      });
-      createNotification({
-        text: "Successfully removed user from project",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to remove user from the project",
-        type: "error"
-      });
-    }
-    handlePopUpClose("removeMember");
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Users</p>
-        <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.Member}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("addMember")}
-              isDisabled={!isAllowed}
-            >
-              Add Member
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <MembersTable handlePopUpOpen={handlePopUpOpen} />
-      <AddMemberModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.removeMember.isOpen}
-        deleteKey="remove"
-        title="Do you want to remove this user from the project?"
-        onChange={(isOpen) => handlePopUpToggle("removeMember", isOpen)}
-        onDeleteApproved={handleRemoveUser}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MembersTable.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MembersTable.tsx
deleted file mode 100644
index 984ae28fd..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/MembersTable.tsx
+++ /dev/null
@@ -1,361 +0,0 @@
-import { useMemo } from "react";
-import { useRouter } from "next/router";
-import {
-  faArrowDown,
-  faArrowUp,
-  faClock,
-  faEllipsisV,
-  faMagnifyingGlass,
-  faSearch,
-  faTrash,
-  faUsers
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useUser,
-  useWorkspace
-} from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetWorkspaceUsers } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const MAX_ROLES_TO_BE_SHOWN_IN_TABLE = 2;
-const formatRoleName = (role: string, customRoleName?: string) => {
-  if (role === ProjectMembershipRole.Custom) return customRoleName;
-  if (role === ProjectMembershipRole.Member) return "Developer";
-  if (role === ProjectMembershipRole.NoAccess) return "No access";
-  return role;
-};
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["removeMember", "upgradePlan"]>,
-    data?: {}
-  ) => void;
-};
-
-enum MembersOrderBy {
-  Name = "firstName",
-  Email = "email"
-}
-
-export const MembersTable = ({ handlePopUpOpen }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { user } = useUser();
-  const router = useRouter();
-
-  const userId = user?.id || "";
-  const workspaceId = currentWorkspace?.id || "";
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    orderBy,
-    setOrderBy,
-    setOrderDirection,
-    toggleOrderDirection
-  } = usePagination<MembersOrderBy>(MembersOrderBy.Name, { initPerPage: 20 });
-
-  const { data: members = [], isLoading: isMembersLoading } = useGetWorkspaceUsers(workspaceId);
-
-  const filteredUsers = useMemo(
-    () =>
-      members
-        ?.filter(
-          ({ user: u, inviteEmail }) =>
-            u?.firstName?.toLowerCase().includes(search.toLowerCase()) ||
-            u?.lastName?.toLowerCase().includes(search.toLowerCase()) ||
-            u?.username?.toLowerCase().includes(search.toLowerCase()) ||
-            u?.email?.toLowerCase().includes(search.toLowerCase()) ||
-            inviteEmail?.toLowerCase().includes(search.toLowerCase())
-        )
-        .sort((a, b) => {
-          const [memberOne, memberTwo] = orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          let valueOne: string;
-          let valueTwo: string;
-
-          switch (orderBy) {
-            case MembersOrderBy.Email:
-              valueOne = memberOne.user.email || memberOne.inviteEmail;
-              valueTwo = memberTwo.user.email || memberTwo.inviteEmail;
-              break;
-            case MembersOrderBy.Name:
-            default:
-              valueOne = memberOne.user.firstName;
-              valueTwo = memberTwo.user.firstName;
-          }
-
-          if (!valueOne) return 1;
-          if (!valueTwo) return -1;
-
-          return valueOne.toLowerCase().localeCompare(valueTwo.toLowerCase());
-        }),
-    [members, search, orderDirection, orderBy]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredUsers.length,
-    offset,
-    setPage
-  });
-
-  const handleSort = (column: MembersOrderBy) => {
-    if (column === orderBy) {
-      toggleOrderDirection();
-      return;
-    }
-
-    setOrderBy(column);
-    setOrderDirection(OrderByDirection.ASC);
-  };
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search members..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-1/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === MembersOrderBy.Name ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(MembersOrderBy.Name)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC && orderBy === MembersOrderBy.Name
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>
-                <div className="flex items-center">
-                  Email
-                  <IconButton
-                    variant="plain"
-                    className={`ml-2 ${orderBy === MembersOrderBy.Email ? "" : "opacity-30"}`}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(MembersOrderBy.Email)}
-                  >
-                    <FontAwesomeIcon
-                      icon={
-                        orderDirection === OrderByDirection.DESC && orderBy === MembersOrderBy.Email
-                          ? faArrowUp
-                          : faArrowDown
-                      }
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>Role</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isMembersLoading && <TableSkeleton columns={4} innerKey="project-members" />}
-            {!isMembersLoading &&
-              filteredUsers.slice(offset, perPage * page).map((projectMember) => {
-                const { user: u, inviteEmail, id: membershipId, roles } = projectMember;
-                const name = u.firstName || u.lastName ? `${u.firstName} ${u.lastName || ""}` : "-";
-                const email = u?.email || inviteEmail;
-
-                return (
-                  <Tr
-                    key={`membership-${membershipId}`}
-                    className="group w-full cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                    role="button"
-                    tabIndex={0}
-                    onKeyDown={(evt) => {
-                      if (evt.key === "Enter") {
-                        router.push(`/${currentWorkspace?.type}/${workspaceId}/members/${membershipId}`);
-                      }
-                    }}
-                    onClick={() => router.push(`/${currentWorkspace?.type}/${workspaceId}/members/${membershipId}`)}
-                  >
-                    <Td>{name}</Td>
-                    <Td>{email}</Td>
-                    <Td>
-                      <div className="flex items-center space-x-2">
-                        {roles
-                          .slice(0, MAX_ROLES_TO_BE_SHOWN_IN_TABLE)
-                          .map(
-                            ({ role, customRoleName, id, isTemporary, temporaryAccessEndTime }) => {
-                              const isExpired =
-                                new Date() > new Date(temporaryAccessEndTime || ("" as string));
-                              return (
-                                <Tag key={id}>
-                                  <div className="flex items-center space-x-2">
-                                    <div className="capitalize">
-                                      {formatRoleName(role, customRoleName)}
-                                    </div>
-                                    {isTemporary && (
-                                      <div>
-                                        <Tooltip
-                                          content={
-                                            isExpired ? "Timed role expired" : "Timed role access"
-                                          }
-                                        >
-                                          <FontAwesomeIcon
-                                            icon={faClock}
-                                            className={twMerge(isExpired && "text-red-600")}
-                                          />
-                                        </Tooltip>
-                                      </div>
-                                    )}
-                                  </div>
-                                </Tag>
-                              );
-                            }
-                          )}
-                        {roles.length > MAX_ROLES_TO_BE_SHOWN_IN_TABLE && (
-                          <HoverCard>
-                            <HoverCardTrigger>
-                              <Tag>+{roles.length - MAX_ROLES_TO_BE_SHOWN_IN_TABLE}</Tag>
-                            </HoverCardTrigger>
-                            <HoverCardContent className="border border-gray-700 bg-mineshaft-800 p-4">
-                              {roles
-                                .slice(MAX_ROLES_TO_BE_SHOWN_IN_TABLE)
-                                .map(
-                                  ({
-                                    role,
-                                    customRoleName,
-                                    id,
-                                    isTemporary,
-                                    temporaryAccessEndTime
-                                  }) => {
-                                    const isExpired =
-                                      new Date() >
-                                      new Date(temporaryAccessEndTime || ("" as string));
-                                    return (
-                                      <Tag key={id} className="capitalize">
-                                        <div className="flex items-center space-x-2">
-                                          <div>{formatRoleName(role, customRoleName)}</div>
-                                          {isTemporary && (
-                                            <div>
-                                              <Tooltip
-                                                content={
-                                                  isExpired ? "Access expired" : "Temporary access"
-                                                }
-                                              >
-                                                <FontAwesomeIcon
-                                                  icon={faClock}
-                                                  className={twMerge(
-                                                    new Date() >
-                                                      new Date(temporaryAccessEndTime as string) &&
-                                                      "text-red-600"
-                                                  )}
-                                                />
-                                              </Tooltip>
-                                            </div>
-                                          )}
-                                        </div>
-                                      </Tag>
-                                    );
-                                  }
-                                )}
-                            </HoverCardContent>
-                          </HoverCard>
-                        )}
-                      </div>
-                    </Td>
-                    <Td>
-                      {userId !== u?.id && (
-                        <div className="flex items-center space-x-2 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.Member}
-                          >
-                            {(isAllowed) => (
-                              <IconButton
-                                colorSchema="danger"
-                                variant="plain"
-                                ariaLabel="update"
-                                className="ml-4"
-                                isDisabled={userId === u?.id || !isAllowed}
-                                onClick={(evt) => {
-                                  evt.preventDefault();
-                                  evt.stopPropagation();
-                                  handlePopUpOpen("removeMember", { username: u.username });
-                                }}
-                              >
-                                <FontAwesomeIcon icon={faTrash} />
-                              </IconButton>
-                            )}
-                          </ProjectPermissionCan>
-                          <IconButton ariaLabel="more-icon" variant="plain">
-                            <FontAwesomeIcon icon={faEllipsisV} />
-                          </IconButton>
-                        </div>
-                      )}
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {Boolean(filteredUsers.length) && (
-          <Pagination
-            count={filteredUsers.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isMembersLoading && !filteredUsers?.length && (
-          <EmptyState
-            title={
-              members.length ? "No project members match search..." : "No project members found"
-            }
-            icon={members.length ? faSearch : faUsers}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/index.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/index.tsx
deleted file mode 100644
index ccb1cc6cf..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MembersSection } from "./MembersSection";
diff --git a/frontend-next/src/views/Project/MembersPage/components/MembersTab/index.tsx b/frontend-next/src/views/Project/MembersPage/components/MembersTab/index.tsx
deleted file mode 100644
index f557950c8..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/MembersTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MembersTab } from "./MembersTab";
diff --git a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/ProjectRoleListTab.tsx b/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/ProjectRoleListTab.tsx
deleted file mode 100644
index 4a5fc37ac..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/ProjectRoleListTab.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { motion } from "framer-motion";
-
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-
-import { ProjectRoleList } from "./components/ProjectRoleList";
-
-export const ProjectRoleListTab = withProjectPermission(
-  () => {
-    return (
-      <motion.div
-        key="role-list"
-        transition={{ duration: 0.1 }}
-        initial={{ opacity: 0, translateX: -30 }}
-        animate={{ opacity: 1, translateX: 0 }}
-        exit={{ opacity: 0, translateX: -30 }}
-      >
-        <ProjectRoleList />
-      </motion.div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Role }
-);
diff --git a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleList/ProjectRoleList.tsx b/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleList/ProjectRoleList.tsx
deleted file mode 100644
index 1d4314b21..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleList/ProjectRoleList.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import { useRouter } from "next/router";
-import { faEllipsis, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteProjectRole, useGetProjectRoles } from "@app/hooks/api";
-import { TProjectRole } from "@app/hooks/api/roles/types";
-import { RoleModal } from "@app/views/Project/RolePage/components";
-
-export const ProjectRoleList = () => {
-  const router = useRouter();
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "role",
-    "deleteRole"
-  ] as const);
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data: roles, isLoading: isRolesLoading } = useGetProjectRoles(projectId);
-
-  const { mutateAsync: deleteRole } = useDeleteProjectRole();
-
-  const handleRoleDelete = async () => {
-    const { id } = popUp?.deleteRole?.data as TProjectRole;
-    try {
-      await deleteRole({
-        projectId,
-        id
-      });
-      createNotification({ type: "success", text: "Successfully removed the role" });
-      handlePopUpClose("deleteRole");
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to delete role" });
-    }
-  };
-
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Project Roles</p>
-        <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.Role}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("role")}
-              isDisabled={!isAllowed}
-            >
-              Add Role
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th>Slug</Th>
-              <Th aria-label="actions" className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isRolesLoading && <TableSkeleton columns={4} innerKey="org-roles" />}
-            {roles?.map((role) => {
-              const { id, name, slug } = role;
-              const isNonMutatable = ["admin", "member", "viewer", "no-access"].includes(slug);
-
-              return (
-                <Tr
-                  key={`role-list-${id}`}
-                  className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                  onClick={() => router.push(`/${currentWorkspace?.type}/${projectId}/roles/${slug}`)}
-                >
-                  <Td>{name}</Td>
-                  <Td>{slug}</Td>
-                  <Td>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild className="rounded-lg">
-                        <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                          <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Edit}
-                          a={ProjectPermissionSub.Role}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={(e) => {
-                                e.stopPropagation();
-                                router.push(`/${currentWorkspace?.type}/${projectId}/roles/${slug}`);
-                              }}
-                              disabled={!isAllowed}
-                            >
-                              {`${isNonMutatable ? "View" : "Edit"} Role`}
-                            </DropdownMenuItem>
-                          )}
-                        </ProjectPermissionCan>
-                        {!isNonMutatable && (
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.Role}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  isAllowed
-                                    ? "hover:!bg-red-500 hover:!text-white"
-                                    : "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deleteRole", role);
-                                }}
-                                disabled={!isAllowed}
-                              >
-                                Delete Role
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                        )}
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </Td>
-                </Tr>
-              );
-            })}
-          </TBody>
-        </Table>
-      </TableContainer>
-      <RoleModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deleteRole.isOpen}
-        title={`Are you sure want to delete ${
-          (popUp?.deleteRole?.data as TProjectRole)?.name || " "
-        } role?`}
-        deleteKey={(popUp?.deleteRole?.data as TProjectRole)?.slug || ""}
-        onClose={() => handlePopUpClose("deleteRole")}
-        onDeleteApproved={handleRoleDelete}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleList/index.tsx b/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleList/index.tsx
deleted file mode 100644
index 9f8e88a82..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/components/ProjectRoleList/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectRoleList } from "./ProjectRoleList";
diff --git a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/index.tsx b/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/index.tsx
deleted file mode 100644
index 5dc87a2d7..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ProjectRoleListTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectRoleListTab } from "./ProjectRoleListTab";
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/ServiceTokenTab.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/ServiceTokenTab.tsx
deleted file mode 100644
index f30c853e6..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/ServiceTokenTab.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-// import { faWarning } from "@fortawesome/free-solid-svg-icons";
-// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { motion } from "framer-motion";
-
-import { ServiceTokenSection } from "./components";
-
-export const ServiceTokenTab = () => {
-  return (
-    <motion.div
-      key="panel-service-token"
-      transition={{ duration: 0.15 }}
-      initial={{ opacity: 0, translateX: 30 }}
-      animate={{ opacity: 1, translateX: 0 }}
-      exit={{ opacity: 0, translateX: 30 }}
-    >
-      <div className="space-y-3">
-        {/* <div className="flex w-full flex-row items-center rounded-md border border-primary-600/70 bg-primary/[.07] p-4 text-base text-white">
-          <FontAwesomeIcon icon={faWarning} className="pr-6 text-4xl text-white/80" />
-          <div className="flex w-full flex-col text-sm">
-            <span className="mb-4 text-lg font-semibold">Deprecation Notice</span>
-            <p>
-              Service Tokens are being deprecated in favor of Machine Identities.
-              <br />
-              They will be removed in the future in accordance with the deprecation notice and
-              timeline stated{" "}
-              <a
-                href="https://infisical.com/blog/deprecating-api-keys"
-                target="_blank"
-                className="font-semibold text-primary-400" rel="noreferrer"
-              >
-                here
-              </a>
-              .
-              <br />
-              <a
-                href="https://infisical.com/docs/documentation/platform/identities/overview"
-                target="_blank"
-                className="font-semibold text-primary-400" rel="noreferrer"
-              >
-                Learn more about Machine Identities
-              </a>
-            </p>
-          </div>
-        </div> */}
-        <ServiceTokenSection />
-      </div>
-    </motion.div>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/AddServiceTokenModal.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/AddServiceTokenModal.tsx
deleted file mode 100644
index eaad8b320..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/AddServiceTokenModal.tsx
+++ /dev/null
@@ -1,386 +0,0 @@
-import crypto from "crypto";
-
-import { useEffect, useState } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { faCheck, faCopy, faPlus, faTrashCan } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { AxiosError } from "axios";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  decryptAssymmetric,
-  encryptSymmetric
-} from "@app/components/utilities/cryptography/crypto";
-import {
-  Button,
-  Checkbox,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useCreateServiceToken, useGetUserWsKey } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const apiTokenExpiry = [
-  { label: "1 Day", value: 86400 },
-  { label: "7 Days", value: 604800 },
-  { label: "1 Month", value: 2592000 },
-  { label: "6 months", value: 15552000 },
-  { label: "12 months", value: 31104000 },
-  { label: "Never", value: null }
-];
-
-const schema = yup.object({
-  name: yup.string().max(100).required().label("Service Token Name"),
-  scopes: yup
-    .array(
-      yup.object({
-        environment: yup.string().max(50).required().label("Environment"),
-        secretPath: yup
-          .string()
-          .required()
-          .default("/")
-          .label("Secret Path")
-          .transform((val) =>
-            typeof val === "string" && val.at(-1) === "/" && val.length > 1 ? val.slice(0, -1) : val
-          )
-      })
-    )
-    .min(1)
-    .required()
-    .label("Scope"),
-  expiresIn: yup.string().optional().label("Service Token Expiration"),
-  permissions: yup
-    .object()
-    .shape({
-      read: yup.boolean().required(),
-      write: yup.boolean().required()
-    })
-    .defined()
-    .required()
-});
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["createAPIToken"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["createAPIToken"]>, state?: boolean) => void;
-};
-
-export const AddServiceTokenModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { t } = useTranslation();
-  
-  const { currentWorkspace } = useWorkspace();
-  const {
-    control,
-    reset,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      scopes: [
-        {
-          secretPath: "/",
-          environment: currentWorkspace?.environments?.[0]?.slug
-        }
-      ]
-    }
-  });
-
-  const { fields: tokenScopes, append, remove } = useFieldArray({ control, name: "scopes" });
-
-  const [newToken, setToken] = useState("");
-  const [isTokenCopied, setIsTokenCopied] = useToggle(false);
-
-  const { data: latestFileKey } = useGetUserWsKey(currentWorkspace?.id ?? "");
-  const createServiceToken = useCreateServiceToken();
-  const hasServiceToken = Boolean(newToken);
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isTokenCopied) {
-      timer = setTimeout(() => setIsTokenCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [isTokenCopied]);
-
-  const copyTokenToClipboard = () => {
-    navigator.clipboard.writeText(newToken);
-    setIsTokenCopied.on();
-  };
-
-  const onFormSubmit = async ({ name, scopes, expiresIn, permissions }: FormData) => {
-    try {
-      if (!currentWorkspace?.id) return;
-      if (!latestFileKey) return;
-
-      const key = decryptAssymmetric({
-        ciphertext: latestFileKey.encryptedKey,
-        nonce: latestFileKey.nonce,
-        publicKey: latestFileKey.sender.publicKey,
-        privateKey: localStorage.getItem("PRIVATE_KEY") as string
-      });
-
-      const randomBytes = crypto.randomBytes(16).toString("hex");
-
-      const { ciphertext, iv, tag } = encryptSymmetric({
-        plaintext: key,
-        key: randomBytes
-      });
-
-      const { serviceToken } = await createServiceToken.mutateAsync({
-        encryptedKey: ciphertext,
-        iv,
-        tag,
-        scopes,
-        expiresIn: Number(expiresIn),
-        name,
-        workspaceId: currentWorkspace.id,
-        randomBytes,
-        permissions: Object.entries(permissions)
-          .filter(([, permissionsValue]) => permissionsValue)
-          .map(([permissionsKey]) => permissionsKey)
-      });
-
-      setToken(serviceToken);
-      createNotification({
-        text: "Successfully created a service token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      const axiosError = err as AxiosError;
-      if (axiosError?.response?.status === 401) {
-        createNotification({
-          text: "You do not have access to the selected environment/path",
-          type: "error"
-        });
-      } else {
-        createNotification({
-          text: "Failed to create a service token",
-          type: "error"
-        });
-      }
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.createAPIToken?.isOpen}
-      onOpenChange={(open) => {
-        handlePopUpToggle("createAPIToken", open);
-        reset();
-        setToken("");
-      }}
-    >
-      <ModalContent
-        title={
-          t("section.token.add-dialog.title", {
-            target: currentWorkspace?.name
-          }) as string
-        }
-        subTitle={t("section.token.add-dialog.description") as string}
-      >
-        {!hasServiceToken ? (
-          <form onSubmit={handleSubmit(onFormSubmit)}>
-            <Controller
-              control={control}
-              name="name"
-              defaultValue=""
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={t("section.token.add-dialog.name")}
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="Type your token name" />
-                </FormControl>
-              )}
-            />
-            {tokenScopes.map(({ id }, index) => (
-              <div className="mb-3 flex items-end space-x-2" key={id}>
-                <Controller
-                  control={control}
-                  name={`scopes.${index}.environment`}
-                  defaultValue={currentWorkspace?.environments?.[0]?.slug}
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      className="mb-0"
-                      label={index === 0 ? "Environment" : undefined}
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => onChange(e)}
-                        className="w-full"
-                      >
-                        {currentWorkspace?.environments.map(({ name, slug }) => (
-                          <SelectItem value={slug} key={slug}>
-                            {name}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name={`scopes.${index}.secretPath`}
-                  defaultValue="/"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      className="mb-0 flex-grow"
-                      label={index === 0 ? "Secrets Path" : undefined}
-                      isError={Boolean(error)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} placeholder="can be /, /nested/**, /**/deep" />
-                    </FormControl>
-                  )}
-                />
-                <IconButton
-                  className="p-3"
-                  ariaLabel="remove"
-                  colorSchema="danger"
-                  onClick={() => remove(index)}
-                >
-                  <FontAwesomeIcon icon={faTrashCan} size="sm" />
-                </IconButton>
-              </div>
-            ))}
-            <div className="my-4 ml-1">
-              <Button
-                variant="outline_bg"
-                onClick={() =>
-                  append({
-                    environment: currentWorkspace?.environments?.[0]?.slug || "",
-                    secretPath: ""
-                  })
-                }
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                size="xs"
-              >
-                Add Scope
-              </Button>
-            </div>
-            <Controller
-              control={control}
-              name="expiresIn"
-              defaultValue={String(apiTokenExpiry?.[0]?.value)}
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl label="Expiration" errorText={error?.message} isError={Boolean(error)}>
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {apiTokenExpiry.map(({ label, value }) => (
-                      <SelectItem value={String(value)} key={label}>
-                        {label}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="permissions"
-              defaultValue={{
-                read: true,
-                write: false
-              }}
-              render={({ field: { onChange, value }, fieldState: { error } }) => {
-                const options = [
-                  {
-                    label: "Read (default)",
-                    value: "read"
-                  },
-                  {
-                    label: "Write (optional)",
-                    value: "write"
-                  }
-                ];
-
-                return (
-                  <FormControl
-                    label="Permissions"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <>
-                      {options.map(({ label, value: optionValue }) => {
-                        return (
-                          <Checkbox
-                            id={value[optionValue]}
-                            key={optionValue}
-                            className="data-[state=checked]:bg-primary"
-                            isChecked={value[optionValue]}
-                            isDisabled={optionValue === "read"}
-                            onCheckedChange={(state) => {
-                              onChange({
-                                ...value,
-                                [optionValue]: state
-                              });
-                            }}
-                          >
-                            {label}
-                          </Checkbox>
-                        );
-                      })}
-                    </>
-                  </FormControl>
-                );
-              }}
-            />
-            <div className="mt-8 flex items-center">
-              <Button
-                className="mr-4"
-                type="submit"
-                isDisabled={isSubmitting}
-                isLoading={isSubmitting}
-              >
-                Create
-              </Button>
-              <ModalClose asChild>
-                <Button variant="plain" colorSchema="secondary">
-                  Cancel
-                </Button>
-              </ModalClose>
-            </div>
-          </form>
-        ) : (
-          <div className="mt-2 mb-3 mr-2 flex items-center justify-end rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 break-all">{newToken}</p>
-            <IconButton
-              ariaLabel="copy icon"
-              colorSchema="secondary"
-              className="group relative"
-              onClick={copyTokenToClipboard}
-            >
-              <FontAwesomeIcon icon={isTokenCopied ? faCheck : faCopy} />
-              <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-                {t("common.click-to-copy")}
-              </span>
-            </IconButton>
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenSection.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenSection.tsx
deleted file mode 100644
index 46e9e2ceb..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenSection.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import { useDeleteServiceToken } from "@app/hooks/api";
-
-import { AddServiceTokenModal } from "./AddServiceTokenModal";
-import { ServiceTokenTable } from "./ServiceTokenTable";
-
-type DeleteModalData = { name: string; id: string };
-
-export const ServiceTokenSection = withProjectPermission(
-  () => {
-    const { t } = useTranslation();
-    
-    const deleteServiceToken = useDeleteServiceToken();
-
-    const { popUp, handlePopUpToggle, handlePopUpClose, handlePopUpOpen } = usePopUp([
-      "createAPIToken",
-      "deleteAPITokenConfirmation"
-    ] as const);
-
-    const onDeleteApproved = async () => {
-      try {
-        deleteServiceToken.mutateAsync(
-          (popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.id
-        );
-        createNotification({
-          text: "Successfully deleted service token",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteAPITokenConfirmation");
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to delete service token",
-          type: "error"
-        });
-      }
-    };
-
-    return (
-      <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="mb-2 flex justify-between">
-          <p className="text-xl font-semibold text-mineshaft-100">Service Tokens</p>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={ProjectPermissionSub.ServiceTokens}
-          >
-            {(isAllowed) => (
-              <Button
-                colorSchema="secondary"
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                onClick={() => {
-                  handlePopUpOpen("createAPIToken");
-                }}
-                isDisabled={!isAllowed}
-              >
-                Create token
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-        <p className="mb-8 text-gray-400">{t("section.token.service-tokens-description")}</p>
-        <ServiceTokenTable handlePopUpOpen={handlePopUpOpen} />
-        <AddServiceTokenModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deleteAPITokenConfirmation.isOpen}
-          title={`Delete ${
-            (popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name || " "
-          } service token?`}
-          onChange={(isOpen) => handlePopUpToggle("deleteAPITokenConfirmation", isOpen)}
-          deleteKey={(popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name}
-          onClose={() => handlePopUpClose("deleteAPITokenConfirmation")}
-          onDeleteApproved={onDeleteApproved}
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.ServiceTokens }
-);
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenTable.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenTable.tsx
deleted file mode 100644
index 51459e766..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenTable.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import { faFolder, faKey, faTrashCan } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useGetUserWsServiceTokens } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteAPITokenConfirmation"]>,
-    {
-      name,
-      id
-    }: {
-      name: string;
-      id: string;
-    }
-  ) => void;
-};
-
-export const ServiceTokenTable = ({ handlePopUpOpen }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { data, isLoading } = useGetUserWsServiceTokens({
-    workspaceID: currentWorkspace?.id || ""
-  });
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Token Name</Th>
-            <Th>Environment - Secret Path</Th>
-            <Th>Valid Until</Th>
-            <Th aria-label="button" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="project-service-tokens" />}
-          {!isLoading &&
-            data &&
-            data.map((row) => (
-              <Tr key={row.id}>
-                <Td>{row.name}</Td>
-                <Td>
-                  <div className="mb-2 flex flex-col flex-wrap space-y-1">
-                    {row?.scopes.map(({ secretPath, environment }) => (
-                      <div
-                        key={`${row.id}-${environment}-${secretPath}`}
-                        className="inline-flex items-center space-x-1 rounded-md border border-mineshaft-600 p-1 px-2"
-                      >
-                        <div className="mr-2 border-r border-mineshaft-600 pr-2">{environment}</div>
-                        <FontAwesomeIcon icon={faFolder} size="sm" />
-                        <span className="pl-2">{secretPath}</span>
-                      </div>
-                    ))}
-                  </div>
-                </Td>
-                <Td>{row.expiresAt && new Date(row.expiresAt).toUTCString()}</Td>
-                <Td>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={ProjectPermissionSub.ServiceTokens}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        onClick={() =>
-                          handlePopUpOpen("deleteAPITokenConfirmation", {
-                            name: row.name,
-                            id: row.id
-                          })
-                        }
-                        colorSchema="danger"
-                        ariaLabel="delete"
-                        isDisabled={!isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faTrashCan} />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-                </Td>
-              </Tr>
-            ))}
-          {!isLoading && data && data?.length === 0 && (
-            <Tr>
-              <Td colSpan={4} className="bg-mineshaft-800 text-center text-bunker-400">
-                <EmptyState title="No service tokens found" icon={faKey} />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/index.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/index.tsx
deleted file mode 100644
index ddc3bdedb..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/ServiceTokenSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ServiceTokenSection } from "./ServiceTokenSection";
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/index.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/index.tsx
deleted file mode 100644
index ddc3bdedb..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ServiceTokenSection } from "./ServiceTokenSection";
diff --git a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/index.tsx b/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/index.tsx
deleted file mode 100644
index 1c093e700..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/ServiceTokenTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ServiceTokenTab } from "./ServiceTokenTab";
diff --git a/frontend-next/src/views/Project/MembersPage/components/index.tsx b/frontend-next/src/views/Project/MembersPage/components/index.tsx
deleted file mode 100644
index edb14ec8f..000000000
--- a/frontend-next/src/views/Project/MembersPage/components/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export { GroupsTab } from "./GroupsTab";
-export { IdentityTab } from "./IdentityTab";
-export { MembersTab } from "./MembersTab";
-export { ProjectRoleListTab } from "./ProjectRoleListTab";
-export { ServiceTokenTab } from "./ServiceTokenTab";
diff --git a/frontend-next/src/views/Project/MembersPage/index.tsx b/frontend-next/src/views/Project/MembersPage/index.tsx
deleted file mode 100644
index 93d51dccd..000000000
--- a/frontend-next/src/views/Project/MembersPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MembersPage } from "./MembersPage";
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/PkiCollectionPage.tsx b/frontend-next/src/views/Project/PkiCollectionPage/PkiCollectionPage.tsx
deleted file mode 100644
index 3e455f339..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/PkiCollectionPage.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { useDeletePkiCollection, useGetPkiCollectionById } from "@app/hooks/api";
-import { PkiItemType } from "@app/hooks/api/pkiCollections/constants";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { PkiCollectionModal } from "../CertificatesPage/components/PkiAlertsTab/components/PkiCollectionModal";
-import { PkiCollectionDetailsSection, PkiCollectionItemsSection } from "./components";
-
-export const PkiCollectionPage = withProjectPermission(
-  () => {
-    const router = useRouter();
-    const collectionId = router.query.collectionId as string;
-    const { currentWorkspace } = useWorkspace();
-    const projectId = currentWorkspace?.id || "";
-
-    const { data } = useGetPkiCollectionById(collectionId);
-    const { mutateAsync: deletePkiCollection } = useDeletePkiCollection();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "pkiCollection",
-      "deletePkiCollection"
-    ] as const);
-
-    const onDeletePkiCollectionSubmit = async (collectionIdToDelete: string) => {
-      try {
-        if (!projectId) return;
-
-        await deletePkiCollection({
-          projectId,
-          collectionId: collectionIdToDelete
-        });
-
-        createNotification({
-          text: "Successfully deleted PKI collection",
-          type: "success"
-        });
-        handlePopUpClose("deletePkiCollection");
-        router.push(`/${ProjectType.CertificateManager}/${projectId}/certificates`);
-      } catch (err) {
-        console.error(err);
-      }
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => {
-                router.push(`/${ProjectType.CertificateManager}/${projectId}/certificates`);
-              }}
-              className="mb-4"
-            >
-              Certificate Collections
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.name}</p>
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild className="rounded-lg">
-                  <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                    <Tooltip content="More options">
-                      <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                    </Tooltip>
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start" className="p-1">
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={ProjectPermissionSub.PkiCollections}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={() => {
-                          handlePopUpOpen("pkiCollection", {
-                            collectionId
-                          });
-                        }}
-                        disabled={!isAllowed}
-                      >
-                        Edit PKI Collection
-                      </DropdownMenuItem>
-                    )}
-                  </ProjectPermissionCan>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={ProjectPermissionSub.PkiCollections}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          isAllowed
-                            ? "hover:!bg-red-500 hover:!text-white"
-                            : "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={() =>
-                          handlePopUpOpen("deletePkiCollection", {
-                            collectionId: data.id,
-                            name: data.name
-                          })
-                        }
-                        disabled={!isAllowed}
-                      >
-                        Delete PKI Collection
-                      </DropdownMenuItem>
-                    )}
-                  </ProjectPermissionCan>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <PkiCollectionDetailsSection
-                  collectionId={collectionId}
-                  handlePopUpOpen={handlePopUpOpen}
-                />
-              </div>
-              <div className="w-full">
-                <div className="mb-4">
-                  <PkiCollectionItemsSection collectionId={collectionId} type={PkiItemType.CA} />
-                </div>
-                <PkiCollectionItemsSection
-                  collectionId={collectionId}
-                  type={PkiItemType.CERTIFICATE}
-                />
-              </div>
-            </div>
-          </div>
-        )}
-        <PkiCollectionModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deletePkiCollection.isOpen}
-          title={`Are you sure want to delete the PKI collection ${data?.name ?? ""}?`}
-          onChange={(isOpen) => handlePopUpToggle("deletePkiCollection", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onDeletePkiCollectionSubmit(
-              (popUp.deletePkiCollection.data as { collectionId: string })?.collectionId
-            )
-          }
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.PkiCollections }
-);
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/components/AddPkiCollectionItemModal.tsx b/frontend-next/src/views/Project/PkiCollectionPage/components/AddPkiCollectionItemModal.tsx
deleted file mode 100644
index f356f2190..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/components/AddPkiCollectionItemModal.tsx
+++ /dev/null
@@ -1,203 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Modal, ModalContent, Select, SelectItem } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  CaStatus,
-  useAddItemToPkiCollection,
-  useListWorkspaceCas,
-  useListWorkspaceCertificates
-} from "@app/hooks/api";
-import { PkiItemType, pkiItemTypeToNameMap } from "@app/hooks/api/pkiCollections/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z
-  .object({
-    // type: z.nativeEnum(PkiItemType),
-    itemId: z.string()
-  })
-  .required();
-
-type FormData = z.infer<typeof schema>;
-
-type Props = {
-  collectionId: string;
-  type: PkiItemType;
-  popUp: UsePopUpState<["addPkiCollectionItem"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["addPkiCollectionItem"]>,
-    state?: boolean
-  ) => void;
-};
-
-// note: this component should be optimized so it is easier
-// to find certificates and CAs
-export const AddPkiCollectionItemModal = ({
-  collectionId,
-  type,
-  popUp,
-  handlePopUpToggle
-}: Props) => {
-  const { currentWorkspace } = useWorkspace();
-
-  const { data: cas } = useListWorkspaceCas({
-    projectSlug: currentWorkspace?.slug || "",
-    status: CaStatus.ACTIVE
-  });
-
-  const { data } = useListWorkspaceCertificates({
-    projectSlug: currentWorkspace?.slug || "",
-    offset: 0,
-    limit: 25
-  });
-
-  const { mutateAsync: addItemToPkiCollection } = useAddItemToPkiCollection();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-    // defaultValues: {
-    //   type: PkiItemType.CA
-    // }
-  });
-
-  const onFormSubmit = async ({ itemId }: FormData) => {
-    try {
-      const item = await addItemToPkiCollection({
-        collectionId,
-        type,
-        itemId
-      });
-
-      createNotification({
-        text: `Successfully added ${
-          pkiItemTypeToNameMap[item.type as PkiItemType]
-        } to PKI collection`,
-        type: "success"
-      });
-
-      reset();
-      handlePopUpToggle("addPkiCollectionItem", false);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.addPkiCollectionItem?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addPkiCollectionItem", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={`Add ${pkiItemTypeToNameMap[type]} to Collection`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          {/* <Controller
-            control={control}
-            name="type"
-            defaultValue={PkiItemType.CA}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl label="Item Type" errorText={error?.message} isError={Boolean(error)}>
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  <SelectItem value={PkiItemType.CA} key="pki-item-type-ca">
-                    Certificate Authority
-                  </SelectItem>
-                  <SelectItem value={PkiItemType.CERTIFICATE} key="pki-item-type-ca">
-                    Certificate
-                  </SelectItem>
-                </Select>
-              </FormControl>
-            )}
-          /> */}
-          {type === PkiItemType.CA && (
-            <Controller
-              control={control}
-              name="itemId"
-              defaultValue=""
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label={pkiItemTypeToNameMap[type]}
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  // className="mt-4"
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {(cas || []).map(({ id, dn }) => (
-                      <SelectItem value={id} key={`pki-item-cert-${id}`}>
-                        {dn}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-          )}
-          {type === PkiItemType.CERTIFICATE && (
-            <Controller
-              control={control}
-              name="itemId"
-              defaultValue=""
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Certificate"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  // className="mt-4"
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {(data?.certificates || []).map(({ id, commonName }) => (
-                      <SelectItem value={id} key={`pki-item-cert-${id}`}>
-                        {`CN=${commonName}`}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-          )}
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Add
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("addPkiCollectionItem", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionDetailsSection.tsx b/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionDetailsSection.tsx
deleted file mode 100644
index 2b3482624..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionDetailsSection.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { faCheck, faCopy, faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { IconButton, Tooltip } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { useGetPkiCollectionById } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  collectionId: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["pkiCollection"]>, data?: {}) => void;
-};
-
-export const PkiCollectionDetailsSection = ({ collectionId, handlePopUpOpen }: Props) => {
-  const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-
-  const { data: pkiCollection } = useGetPkiCollectionById(collectionId);
-
-  return pkiCollection ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Collection Details</h3>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Edit}
-          a={ProjectPermissionSub.PkiCollections}
-        >
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Edit Identity">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative"
-                  onClick={() =>
-                    handlePopUpOpen("pkiCollection", {
-                      collectionId
-                    })
-                  }
-                >
-                  <FontAwesomeIcon icon={faPencil} />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </ProjectPermissionCan>
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">PKI Collection ID</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{pkiCollection.id}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextId}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText(pkiCollection.id);
-                    setCopyTextId("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingId ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-          <p className="text-sm text-mineshaft-300">{pkiCollection.name}</p>
-        </div>
-        <div>
-          <p className="text-sm font-semibold text-mineshaft-300">Description</p>
-          <p className="text-sm text-mineshaft-300">{pkiCollection.description}</p>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionItemsSection.tsx b/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionItemsSection.tsx
deleted file mode 100644
index 02df725d0..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionItemsSection.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal, IconButton } from "@app/components/v2";
-import { useGetPkiCollectionById, useRemoveItemFromPkiCollection } from "@app/hooks/api";
-import { PkiItemType } from "@app/hooks/api/pkiCollections/constants";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { AddPkiCollectionItemModal } from "./AddPkiCollectionItemModal";
-import { PkiCollectionItemsTable } from "./PkiCollectionItemsTable";
-
-type Props = {
-  collectionId: string;
-  type: PkiItemType;
-};
-
-export const PkiCollectionItemsSection = ({ collectionId, type }: Props) => {
-  const { data: pkiCollection } = useGetPkiCollectionById(collectionId);
-  const { mutateAsync: removeItemFromPkiCollection } = useRemoveItemFromPkiCollection();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deletePkiCollectionItem",
-    "addPkiCollectionItem"
-  ] as const);
-
-  const onRemovePkiCollectionItemSubmit = async (itemId: string) => {
-    try {
-      await removeItemFromPkiCollection({
-        itemId,
-        collectionId
-      });
-
-      createNotification({
-        text: "Successfully removed item from PKI collection",
-        type: "success"
-      });
-
-      handlePopUpClose("deletePkiCollectionItem");
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const sectionName = type === PkiItemType.CA ? "Certificate Authorities" : "Certificates";
-
-  return pkiCollection ? (
-    <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">{sectionName}</h3>
-        <IconButton
-          ariaLabel="copy icon"
-          variant="plain"
-          className="group relative"
-          onClick={() => {
-            handlePopUpOpen("addPkiCollectionItem");
-          }}
-        >
-          <FontAwesomeIcon icon={faPlus} />
-        </IconButton>
-      </div>
-      <div className="py-4">
-        <PkiCollectionItemsTable
-          type={type}
-          collectionId={collectionId}
-          handlePopUpOpen={handlePopUpOpen}
-        />
-      </div>
-      <AddPkiCollectionItemModal
-        collectionId={collectionId}
-        type={type}
-        popUp={popUp}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deletePkiCollectionItem.isOpen}
-        title={`Are you sure want to remove the item from the collection ${pkiCollection.name}?`}
-        onChange={(isOpen) => handlePopUpToggle("deletePkiCollectionItem", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() => {
-          const popupData = popUp?.deletePkiCollectionItem?.data as {
-            itemId: string;
-          };
-
-          return onRemovePkiCollectionItemSubmit(popupData.itemId);
-        }}
-      />
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionItemsTable.tsx b/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionItemsTable.tsx
deleted file mode 100644
index d8518e6a2..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/components/PkiCollectionItemsTable.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { useState } from "react";
-import { faBoxesStacked, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useListPkiCollectionItems } from "@app/hooks/api";
-import { PkiItemType, pkiItemTypeToNameMap } from "@app/hooks/api/pkiCollections/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  collectionId: string;
-  type: PkiItemType;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["deletePkiCollectionItem"]>, data?: {}) => void;
-};
-
-const PER_PAGE_INIT = 25;
-
-export const PkiCollectionItemsTable = ({ collectionId, type, handlePopUpOpen }: Props) => {
-  const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(PER_PAGE_INIT);
-
-  const { data, isLoading } = useListPkiCollectionItems({
-    collectionId,
-    offset: (page - 1) * perPage,
-    limit: perPage,
-    type
-  });
-
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Friendly Name</Th>
-              <Th>Not Before</Th>
-              <Th>Not After</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={2} innerKey="pki-collections" />}
-            {!isLoading &&
-              data?.collectionItems.map((collectionItem) => {
-                return (
-                  <Tr className="group" key={`pki-collection-item-${collectionItem.id}`}>
-                    <Td className="w-1/3">{collectionItem.friendlyName}</Td>
-                    <Td>{format(new Date(collectionItem.notBefore), "yyyy-MM-dd")}</Td>
-                    <Td>{format(new Date(collectionItem.notAfter), "yyyy-MM-dd")}</Td>
-                    <Td>
-                      <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Delete}
-                          a={ProjectPermissionSub.PkiCollections}
-                        >
-                          {(isAllowed) => (
-                            <Tooltip content="Remove">
-                              <IconButton
-                                colorSchema="danger"
-                                ariaLabel="copy icon"
-                                variant="plain"
-                                className="group relative"
-                                isDisabled={!isAllowed}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deletePkiCollectionItem", {
-                                    collectionId,
-                                    itemId: collectionItem.id
-                                  });
-                                }}
-                              >
-                                <FontAwesomeIcon icon={faXmark} />
-                              </IconButton>
-                            </Tooltip>
-                          )}
-                        </ProjectPermissionCan>
-                      </div>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && data?.totalCount !== undefined && data.totalCount >= PER_PAGE_INIT && (
-          <Pagination
-            count={data.totalCount}
-            page={page}
-            perPage={perPage}
-            onChangePage={(newPage) => setPage(newPage)}
-            onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-          />
-        )}
-        {!isLoading && !data?.collectionItems?.length && (
-          <EmptyState
-            title={`No ${pkiItemTypeToNameMap[type]}s have been added to this collection`}
-            icon={faBoxesStacked}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/components/index.tsx b/frontend-next/src/views/Project/PkiCollectionPage/components/index.tsx
deleted file mode 100644
index 97ec4c0e0..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/components/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { PkiCollectionDetailsSection } from "./PkiCollectionDetailsSection";
-export { PkiCollectionItemsSection } from "./PkiCollectionItemsSection";
diff --git a/frontend-next/src/views/Project/PkiCollectionPage/index.tsx b/frontend-next/src/views/Project/PkiCollectionPage/index.tsx
deleted file mode 100644
index acc175c14..000000000
--- a/frontend-next/src/views/Project/PkiCollectionPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PkiCollectionPage } from "./PkiCollectionPage";
diff --git a/frontend-next/src/views/Project/RolePage/RolePage.tsx b/frontend-next/src/views/Project/RolePage/RolePage.tsx
deleted file mode 100644
index 6d867822b..000000000
--- a/frontend-next/src/views/Project/RolePage/RolePage.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { useDeleteProjectRole, useGetProjectRoleBySlug } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { TabSections } from "../Types";
-import { RoleDetailsSection, RoleModal, RolePermissionsSection } from "./components";
-
-export const RolePage = withProjectPermission(
-  () => {
-    const router = useRouter();
-    const roleSlug = router.query.roleSlug as string;
-    const { currentWorkspace } = useWorkspace();
-    const projectId = currentWorkspace?.id || "";
-
-    const { data } = useGetProjectRoleBySlug(projectId, roleSlug as string);
-
-    const { mutateAsync: deleteProjectRole } = useDeleteProjectRole();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "role",
-      "deleteRole"
-    ] as const);
-
-    const onDeleteRoleSubmit = async () => {
-      try {
-        if (!currentWorkspace?.slug || !data?.id) return;
-
-        await deleteProjectRole({
-          projectId,
-          id: data.id
-        });
-
-        createNotification({
-          text: "Successfully deleted project role",
-          type: "success"
-        });
-        handlePopUpClose("deleteRole");
-        router.push(`/${currentWorkspace?.type}/${projectId}/members?selectedTab=${TabSections.Roles}`);
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to delete project role";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
-    };
-
-    const isCustomRole = !["admin", "member", "viewer", "no-access"].includes(data?.slug ?? "");
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() =>
-                router.push(`/${currentWorkspace?.type}/${projectId}/members?selectedTab=${TabSections.Roles}`)
-              }
-              className="mb-4"
-            >
-              Roles
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.name}</p>
-              {isCustomRole && (
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild className="rounded-lg">
-                    <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                      <Tooltip content="More options">
-                        <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                      </Tooltip>
-                    </div>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="start" className="p-1">
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Edit}
-                      a={ProjectPermissionSub.Role}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={twMerge(
-                            !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                          )}
-                          onClick={() =>
-                            handlePopUpOpen("role", {
-                              roleSlug
-                            })
-                          }
-                          disabled={!isAllowed}
-                        >
-                          Edit Role
-                        </DropdownMenuItem>
-                      )}
-                    </ProjectPermissionCan>
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Delete}
-                      a={ProjectPermissionSub.Role}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuItem
-                          className={twMerge(
-                            isAllowed
-                              ? "hover:!bg-red-500 hover:!text-white"
-                              : "pointer-events-none cursor-not-allowed opacity-50"
-                          )}
-                          onClick={() => handlePopUpOpen("deleteRole")}
-                          disabled={!isAllowed}
-                        >
-                          Delete Role
-                        </DropdownMenuItem>
-                      )}
-                    </ProjectPermissionCan>
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              )}
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <RoleDetailsSection roleSlug={roleSlug} handlePopUpOpen={handlePopUpOpen} />
-              </div>
-              <RolePermissionsSection roleSlug={roleSlug} isDisabled={!isCustomRole} />
-            </div>
-          </div>
-        )}
-        <RoleModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deleteRole.isOpen}
-          title={`Are you sure want to delete the project role ${data?.name ?? ""}?`}
-          onChange={(isOpen) => handlePopUpToggle("deleteRole", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() => onDeleteRoleSubmit()}
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Role }
-);
diff --git a/frontend-next/src/views/Project/RolePage/components/RoleDetailsSection.tsx b/frontend-next/src/views/Project/RolePage/components/RoleDetailsSection.tsx
deleted file mode 100644
index c83dec712..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RoleDetailsSection.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { faCheck, faCopy, faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { IconButton, Tooltip } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { useGetProjectRoleBySlug } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  roleSlug: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["role"]>, data?: {}) => void;
-};
-
-export const RoleDetailsSection = ({ roleSlug, handlePopUpOpen }: Props) => {
-  const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-
-  const { currentWorkspace } = useWorkspace();
-  const { data } = useGetProjectRoleBySlug(currentWorkspace?.id ?? "", roleSlug as string);
-
-  const isCustomRole = !["admin", "member", "viewer", "no-access"].includes(data?.slug ?? "");
-
-  return data ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Project Role Details</h3>
-        {isCustomRole && (
-          <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Role}>
-            {(isAllowed) => {
-              return (
-                <Tooltip content="Edit Role">
-                  <IconButton
-                    isDisabled={!isAllowed}
-                    ariaLabel="copy icon"
-                    variant="plain"
-                    className="group relative"
-                    onClick={() => {
-                      handlePopUpOpen("role", {
-                        roleSlug
-                      });
-                    }}
-                  >
-                    <FontAwesomeIcon icon={faPencil} />
-                  </IconButton>
-                </Tooltip>
-              );
-            }}
-          </ProjectPermissionCan>
-        )}
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Role ID</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{data.id}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextId}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText(data.id);
-                    setCopyTextId("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingId ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Name</p>
-          <p className="text-sm text-mineshaft-300">{data.name}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Slug</p>
-          <p className="text-sm text-mineshaft-300">{data.slug}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Description</p>
-          <p className="text-sm text-mineshaft-300">
-            {data.description?.length ? data.description : "-"}
-          </p>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RoleModal.tsx b/frontend-next/src/views/Project/RolePage/components/RoleModal.tsx
deleted file mode 100644
index d65910f36..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RoleModal.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  useCreateProjectRole,
-  useGetProjectRoleBySlug,
-  useUpdateProjectRole
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { slugSchema } from "@app/lib/schemas";
-
-const schema = z
-  .object({
-    name: z.string(),
-    description: z.string(),
-    slug: slugSchema({ min: 1 })
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["role"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["role"]>, state?: boolean) => void;
-};
-
-export const RoleModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const router = useRouter();
-
-  const popupData = popUp?.role?.data as {
-    roleSlug: string;
-  };
-
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data: role } = useGetProjectRoleBySlug(projectId, popupData?.roleSlug ?? "");
-
-  const { mutateAsync: createProjectRole } = useCreateProjectRole();
-  const { mutateAsync: updateProjectRole } = useUpdateProjectRole();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      name: "",
-      description: ""
-    }
-  });
-
-  useEffect(() => {
-    if (role) {
-      reset({
-        name: role.name,
-        description: role.description,
-        slug: role.slug
-      });
-    } else {
-      reset({
-        name: "",
-        description: "",
-        slug: ""
-      });
-    }
-  }, [role]);
-
-  const onFormSubmit = async ({ name, description, slug }: FormData) => {
-    try {
-      if (!projectId) return;
-
-      if (role) {
-        // update
-        await updateProjectRole({
-          id: role.id,
-          projectId,
-          name,
-          description,
-          slug
-        });
-
-        handlePopUpToggle("role", false);
-      } else {
-        // create
-        const newRole = await createProjectRole({
-          projectId,
-          name,
-          description,
-          slug,
-          permissions: []
-        });
-
-        router.push(`/${currentWorkspace?.type}/${currentWorkspace?.id}/roles/${newRole.slug}`);
-        handlePopUpToggle("role", false);
-      }
-
-      createNotification({
-        text: `Successfully ${popUp?.role?.data ? "updated" : "created"} role`,
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text =
-        error?.response?.data?.message ??
-        `Failed to ${popUp?.role?.data ? "update" : "create"} role`;
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.role?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("role", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title={`${popUp?.role?.data ? "Update" : "Create"} Role`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="Billing Team" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="slug"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Slug"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="billing" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="description"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Description" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="To manage billing" />
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {popUp?.role?.data ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("role", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/PermissionEmptyState.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/PermissionEmptyState.tsx
deleted file mode 100644
index 9a1bdab49..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/PermissionEmptyState.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useFormContext } from "react-hook-form";
-
-import { EmptyState } from "@app/components/v2";
-
-import { TFormSchema } from "./ProjectRoleModifySection.utils";
-
-// This is made into seperate component because watch subscribes to all permissions
-// thus keeping in top level casues render on all ones
-export const PermissionEmptyState = () => {
-  const { watch } = useFormContext<TFormSchema>();
-  const isNotEmptyPermissions = Object.entries(watch("permissions") || {}).some(
-    ([key, value]) => key && value?.length > 0
-  );
-
-  if (isNotEmptyPermissions) return <div />;
-
-  return <EmptyState title="No policies applied" className="py-8" />;
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/ProjectRoleModifySection.utils.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/ProjectRoleModifySection.utils.tsx
deleted file mode 100644
index eff30d247..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/ProjectRoleModifySection.utils.tsx
+++ /dev/null
@@ -1,677 +0,0 @@
-import { z } from "zod";
-
-import {
-  ProjectPermissionActions,
-  ProjectPermissionCmekActions,
-  ProjectPermissionSub
-} from "@app/context";
-import {
-  PermissionConditionOperators,
-  ProjectPermissionDynamicSecretActions,
-  TPermissionCondition,
-  TPermissionConditionOperators
-} from "@app/context/ProjectPermissionContext/types";
-import { TProjectPermission } from "@app/hooks/api/roles/types";
-
-const GeneralPolicyActionSchema = z.object({
-  read: z.boolean().optional(),
-  edit: z.boolean().optional(),
-  delete: z.boolean().optional(),
-  create: z.boolean().optional()
-});
-
-const CmekPolicyActionSchema = z.object({
-  read: z.boolean().optional(),
-  edit: z.boolean().optional(),
-  delete: z.boolean().optional(),
-  create: z.boolean().optional(),
-  encrypt: z.boolean().optional(),
-  decrypt: z.boolean().optional()
-});
-
-const DynamicSecretPolicyActionSchema = z.object({
-  [ProjectPermissionDynamicSecretActions.ReadRootCredential]: z.boolean().optional(),
-  [ProjectPermissionDynamicSecretActions.EditRootCredential]: z.boolean().optional(),
-  [ProjectPermissionDynamicSecretActions.DeleteRootCredential]: z.boolean().optional(),
-  [ProjectPermissionDynamicSecretActions.CreateRootCredential]: z.boolean().optional(),
-  [ProjectPermissionDynamicSecretActions.Lease]: z.boolean().optional()
-});
-
-const SecretRollbackPolicyActionSchema = z.object({
-  read: z.boolean().optional(),
-  create: z.boolean().optional()
-});
-
-const WorkspacePolicyActionSchema = z.object({
-  edit: z.boolean().optional(),
-  delete: z.boolean().optional()
-});
-
-const ConditionSchema = z
-  .object({
-    operator: z.string(),
-    lhs: z.string(),
-    rhs: z.string().min(1)
-  })
-  .array()
-  .optional()
-  .default([])
-  .refine(
-    (el) => {
-      const lhsOperatorSet = new Set<string>();
-      for (let i = 0; i < el.length; i += 1) {
-        const { lhs, operator } = el[i];
-        if (lhsOperatorSet.has(`${lhs}-${operator}`)) {
-          return false;
-        }
-        lhsOperatorSet.add(`${lhs}-${operator}`);
-      }
-      return true;
-    },
-    { message: "Duplicate operator found for a condition" }
-  );
-
-export const projectRoleFormSchema = z.object({
-  name: z.string().trim(),
-  description: z.string().trim().nullish(),
-  slug: z
-    .string()
-    .trim()
-    .toLowerCase()
-    .refine((val) => val !== "custom", { message: "Cannot use custom as its a keyword" }),
-  permissions: z
-    .object({
-      [ProjectPermissionSub.Secrets]: GeneralPolicyActionSchema.extend({
-        inverted: z.boolean().optional(),
-        conditions: ConditionSchema
-      })
-        .array()
-        .default([]),
-      [ProjectPermissionSub.SecretFolders]: GeneralPolicyActionSchema.extend({
-        inverted: z.boolean().optional(),
-        conditions: ConditionSchema
-      })
-        .array()
-        .default([]),
-      [ProjectPermissionSub.SecretImports]: GeneralPolicyActionSchema.extend({
-        inverted: z.boolean().optional(),
-        conditions: ConditionSchema
-      })
-        .array()
-        .default([]),
-      [ProjectPermissionSub.DynamicSecrets]: DynamicSecretPolicyActionSchema.extend({
-        inverted: z.boolean().optional(),
-        conditions: ConditionSchema
-      })
-        .array()
-        .default([]),
-      [ProjectPermissionSub.Identity]: GeneralPolicyActionSchema.extend({
-        inverted: z.boolean().optional(),
-        conditions: ConditionSchema
-      })
-        .array()
-        .default([]),
-      [ProjectPermissionSub.Member]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Groups]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Role]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Integrations]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Webhooks]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.ServiceTokens]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Settings]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Environments]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.AuditLogs]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.IpAllowList]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.CertificateAuthorities]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Certificates]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.PkiAlerts]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.PkiCollections]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.CertificateTemplates]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.SshCertificateAuthorities]: GeneralPolicyActionSchema.array().default(
-        []
-      ),
-      [ProjectPermissionSub.SshCertificates]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.SshCertificateTemplates]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.SecretApproval]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.SecretRollback]: SecretRollbackPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Project]: WorkspacePolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Tags]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.SecretRotation]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Kms]: GeneralPolicyActionSchema.array().default([]),
-      [ProjectPermissionSub.Cmek]: CmekPolicyActionSchema.array().default([])
-    })
-    .partial()
-    .optional()
-});
-
-export type TFormSchema = z.infer<typeof projectRoleFormSchema>;
-
-type TConditionalFields =
-  | ProjectPermissionSub.Secrets
-  | ProjectPermissionSub.SecretFolders
-  | ProjectPermissionSub.SecretImports
-  | ProjectPermissionSub.DynamicSecrets
-  | ProjectPermissionSub.Identity;
-
-export const isConditionalSubjects = (
-  subject: ProjectPermissionSub
-): subject is TConditionalFields =>
-  subject === (ProjectPermissionSub.Secrets as const) ||
-  subject === ProjectPermissionSub.DynamicSecrets ||
-  subject === ProjectPermissionSub.SecretImports ||
-  subject === ProjectPermissionSub.SecretFolders ||
-  subject === ProjectPermissionSub.Identity;
-
-const convertCaslConditionToFormOperator = (caslConditions: TPermissionCondition) => {
-  const formConditions: z.infer<typeof ConditionSchema> = [];
-  Object.entries(caslConditions).forEach(([type, condition]) => {
-    if (typeof condition === "string") {
-      formConditions.push({
-        operator: PermissionConditionOperators.$EQ,
-        lhs: type,
-        rhs: condition
-      });
-    } else {
-      Object.keys(condition).forEach((conditionOperator) => {
-        const rhs = condition[conditionOperator as PermissionConditionOperators];
-        formConditions.push({
-          operator: conditionOperator,
-          lhs: type,
-          rhs: typeof rhs === "string" ? rhs : rhs.join(",")
-        });
-      });
-    }
-  });
-  return formConditions;
-};
-
-// convert role permission to form compatible data structure
-export const rolePermission2Form = (permissions: TProjectPermission[] = []) => {
-  const formVal: Partial<TFormSchema["permissions"]> = {};
-
-  permissions.forEach((permission) => {
-    const { subject: caslSub, action, conditions, inverted } = permission;
-    const subject = (typeof caslSub === "string" ? caslSub : caslSub[0]) as ProjectPermissionSub;
-    if (!action.length) return;
-
-    if (
-      [
-        ProjectPermissionSub.Secrets,
-        ProjectPermissionSub.DynamicSecrets,
-        ProjectPermissionSub.SecretFolders,
-        ProjectPermissionSub.SecretImports,
-        ProjectPermissionSub.Member,
-        ProjectPermissionSub.Groups,
-        ProjectPermissionSub.Identity,
-        ProjectPermissionSub.Role,
-        ProjectPermissionSub.Integrations,
-        ProjectPermissionSub.Webhooks,
-        ProjectPermissionSub.ServiceTokens,
-        ProjectPermissionSub.Settings,
-        ProjectPermissionSub.Environments,
-        ProjectPermissionSub.AuditLogs,
-        ProjectPermissionSub.IpAllowList,
-        ProjectPermissionSub.CertificateAuthorities,
-        ProjectPermissionSub.Certificates,
-        ProjectPermissionSub.PkiAlerts,
-        ProjectPermissionSub.PkiCollections,
-        ProjectPermissionSub.CertificateTemplates,
-        ProjectPermissionSub.SshCertificateAuthorities,
-        ProjectPermissionSub.SshCertificates,
-        ProjectPermissionSub.SshCertificateTemplates,
-        ProjectPermissionSub.SecretApproval,
-        ProjectPermissionSub.Tags,
-        ProjectPermissionSub.SecretRotation,
-        ProjectPermissionSub.Kms
-      ].includes(subject)
-    ) {
-      // from above statement we are sure it won't be undefined
-      if (isConditionalSubjects(subject)) {
-        if (!formVal[subject]) formVal[subject] = [];
-
-        if (subject === ProjectPermissionSub.DynamicSecrets) {
-          const canRead = action.includes(ProjectPermissionDynamicSecretActions.ReadRootCredential);
-          const canEdit = action.includes(ProjectPermissionDynamicSecretActions.EditRootCredential);
-          const canDelete = action.includes(
-            ProjectPermissionDynamicSecretActions.DeleteRootCredential
-          );
-          const canCreate = action.includes(
-            ProjectPermissionDynamicSecretActions.CreateRootCredential
-          );
-          const canLease = action.includes(ProjectPermissionDynamicSecretActions.Lease);
-
-          // from above statement we are sure it won't be undefined
-          formVal[subject]!.push({
-            [ProjectPermissionDynamicSecretActions.ReadRootCredential]: canRead,
-            [ProjectPermissionDynamicSecretActions.CreateRootCredential]: canCreate,
-            [ProjectPermissionDynamicSecretActions.EditRootCredential]: canEdit,
-            [ProjectPermissionDynamicSecretActions.DeleteRootCredential]: canDelete,
-            conditions: conditions ? convertCaslConditionToFormOperator(conditions) : [],
-            inverted,
-            [ProjectPermissionDynamicSecretActions.Lease]: canLease
-          });
-          return;
-        }
-        // for other subjects
-        const canRead = action.includes(ProjectPermissionActions.Read);
-        const canEdit = action.includes(ProjectPermissionActions.Edit);
-        const canDelete = action.includes(ProjectPermissionActions.Delete);
-        const canCreate = action.includes(ProjectPermissionActions.Create);
-
-        // remove this condition later
-        // keeping when old routes create permission with folder read
-        if (
-          subject === ProjectPermissionSub.SecretFolders &&
-          canRead &&
-          !canEdit &&
-          !canDelete &&
-          !canCreate
-        ) {
-          return;
-        }
-
-        formVal[subject]!.push({
-          read: canRead,
-          create: canCreate,
-          edit: canEdit,
-          delete: canDelete,
-          conditions: conditions ? convertCaslConditionToFormOperator(conditions) : [],
-          inverted
-        });
-        return;
-      }
-
-      // deduplicate multiple rules for other policies
-      // because they don't have condition it doesn't make sense for multiple rules
-      const canRead = action.includes(ProjectPermissionActions.Read);
-      const canEdit = action.includes(ProjectPermissionActions.Edit);
-      const canDelete = action.includes(ProjectPermissionActions.Delete);
-      const canCreate = action.includes(ProjectPermissionActions.Create);
-
-      if (!formVal[subject]) formVal[subject] = [{}];
-      if (canRead) formVal[subject as ProjectPermissionSub.Member]![0].read = true;
-      if (canEdit) formVal[subject as ProjectPermissionSub.Member]![0].edit = true;
-      if (canCreate) formVal[subject as ProjectPermissionSub.Member]![0].create = true;
-      if (canDelete) formVal[subject as ProjectPermissionSub.Member]![0].delete = true;
-      return;
-    }
-
-    if (subject === ProjectPermissionSub.Project) {
-      const canEdit = action.includes(ProjectPermissionActions.Edit);
-      const canDelete = action.includes(ProjectPermissionActions.Delete);
-      if (!formVal[subject]) formVal[subject] = [{}];
-
-      // from above statement we are sure it won't be undefined
-      if (canEdit) formVal[subject as ProjectPermissionSub.Project]![0].edit = true;
-      if (canDelete) formVal[subject as ProjectPermissionSub.Member]![0].delete = true;
-      return;
-    }
-
-    if (subject === ProjectPermissionSub.SecretRollback) {
-      const canRead = action.includes(ProjectPermissionActions.Read);
-      const canCreate = action.includes(ProjectPermissionActions.Create);
-      if (!formVal[subject]) formVal[subject] = [{}];
-
-      // from above statement we are sure it won't be undefined
-      if (canRead) formVal[subject as ProjectPermissionSub.Member]![0].read = true;
-      if (canCreate) formVal[subject as ProjectPermissionSub.Member]![0].create = true;
-      return;
-    }
-
-    if (subject === ProjectPermissionSub.Cmek) {
-      const canRead = action.includes(ProjectPermissionCmekActions.Read);
-      const canEdit = action.includes(ProjectPermissionCmekActions.Edit);
-      const canDelete = action.includes(ProjectPermissionCmekActions.Delete);
-      const canCreate = action.includes(ProjectPermissionCmekActions.Create);
-      const canEncrypt = action.includes(ProjectPermissionCmekActions.Encrypt);
-      const canDecrypt = action.includes(ProjectPermissionCmekActions.Decrypt);
-
-      if (!formVal[subject]) formVal[subject] = [{}];
-
-      // from above statement we are sure it won't be undefined
-      if (canRead) formVal[subject]![0].read = true;
-      if (canEdit) formVal[subject]![0].edit = true;
-      if (canCreate) formVal[subject]![0].create = true;
-      if (canDelete) formVal[subject]![0].delete = true;
-      if (canEncrypt) formVal[subject]![0].encrypt = true;
-      if (canDecrypt) formVal[subject]![0].decrypt = true;
-    }
-  });
-  return formVal;
-};
-
-const convertFormOperatorToCaslCondition = (
-  conditions: { lhs: string; rhs: string; operator: string }[]
-) => {
-  const caslCondition: Record<string, Partial<TPermissionConditionOperators>> = {};
-  conditions.forEach((el) => {
-    if (!caslCondition[el.lhs]) caslCondition[el.lhs] = {};
-    if (
-      el.operator === PermissionConditionOperators.$IN ||
-      el.operator === PermissionConditionOperators.$ALL
-    ) {
-      caslCondition[el.lhs][el.operator] = el.rhs.split(",");
-    } else {
-      caslCondition[el.lhs][
-        el.operator as Exclude<
-          PermissionConditionOperators,
-          PermissionConditionOperators.$ALL | PermissionConditionOperators.$IN
-        >
-      ] = el.rhs;
-    }
-  });
-  return caslCondition;
-};
-
-export const formRolePermission2API = (formVal: TFormSchema["permissions"]) => {
-  const permissions: TProjectPermission[] = [];
-  // other than workspace everything else follows same
-  // if in future there is a different follow the above on how workspace is done
-  Object.entries(formVal || {}).forEach(([subject, rules]) => {
-    rules.forEach((actions) => {
-      const caslActions = Object.keys(actions).filter(
-        (el) => actions?.[el as keyof typeof actions] && el !== "conditions" && el !== "inverted"
-      );
-      const caslConditions =
-        "conditions" in actions
-          ? convertFormOperatorToCaslCondition(actions.conditions)
-          : undefined;
-
-      permissions.push({
-        action: caslActions,
-        subject,
-        inverted: (actions as { inverted?: boolean })?.inverted,
-        conditions: caslConditions
-      });
-    });
-  });
-  return permissions;
-};
-
-export type TProjectPermissionObject = {
-  [K in ProjectPermissionSub]: {
-    title: string;
-    actions: {
-      label: string;
-      value: keyof Omit<
-        NonNullable<NonNullable<TFormSchema["permissions"]>[K]>[number],
-        "conditions" | "inverted"
-      >;
-    }[];
-  };
-};
-
-export const PROJECT_PERMISSION_OBJECT: TProjectPermissionObject = {
-  [ProjectPermissionSub.Secrets]: {
-    title: "Secrets",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SecretFolders]: {
-    title: "Secret Folders",
-    actions: [
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SecretImports]: {
-    title: "Secret Imports",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.DynamicSecrets]: {
-    title: "Dynamic Secrets",
-    actions: [
-      {
-        label: "Read root credentials",
-        value: ProjectPermissionDynamicSecretActions.ReadRootCredential
-      },
-      {
-        label: "Create root credentials",
-        value: ProjectPermissionDynamicSecretActions.CreateRootCredential
-      },
-      {
-        label: "Modify root credentials",
-        value: ProjectPermissionDynamicSecretActions.EditRootCredential
-      },
-      {
-        label: "Remove root credentials",
-        value: ProjectPermissionDynamicSecretActions.DeleteRootCredential
-      },
-      { label: "Manage Leases", value: ProjectPermissionDynamicSecretActions.Lease }
-    ]
-  },
-  [ProjectPermissionSub.Cmek]: {
-    title: "KMS",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" },
-      { label: "Encrypt", value: "encrypt" },
-      { label: "Decrypt", value: "decrypt" }
-    ]
-  },
-  [ProjectPermissionSub.Kms]: {
-    title: "Project KMS Configuration",
-    actions: [{ label: "Modify", value: "edit" }]
-  },
-  [ProjectPermissionSub.Integrations]: {
-    title: "Integrations",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Project]: {
-    title: "Project",
-    actions: [
-      { label: "Update project details", value: "edit" },
-      { label: "Delete project", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Role]: {
-    title: "Roles",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Member]: {
-    title: "User Management",
-    actions: [
-      { label: "View all members", value: "read" },
-      { label: "Invite members", value: "create" },
-      { label: "Edit members", value: "edit" },
-      { label: "Remove members", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Identity]: {
-    title: "Machine Identity Management",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Add", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Groups]: {
-    title: "Group Management",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Webhooks]: {
-    title: "Webhooks",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.ServiceTokens]: {
-    title: "Service Tokens",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Settings]: {
-    title: "Settings",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Modify", value: "edit" }
-    ]
-  },
-  [ProjectPermissionSub.Environments]: {
-    title: "Environment Management",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Tags]: {
-    title: "Tags",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.AuditLogs]: {
-    title: "Audit Logs",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.IpAllowList]: {
-    title: "IP Allowlist",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.CertificateAuthorities]: {
-    title: "Certificate Authorities",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.Certificates]: {
-    title: "Certificates",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.CertificateTemplates]: {
-    title: "Certificate Templates",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SshCertificateAuthorities]: {
-    title: "SSH Certificate Authorities",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SshCertificates]: {
-    title: "SSH Certificates",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SshCertificateTemplates]: {
-    title: "SSH Certificate Templates",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.PkiCollections]: {
-    title: "PKI Collections",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.PkiAlerts]: {
-    title: "PKI Alerts",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SecretApproval]: {
-    title: "Secret Protect policy",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SecretRotation]: {
-    title: "Secret Rotation",
-    actions: [
-      { label: "Read", value: "read" },
-      { label: "Create", value: "create" },
-      { label: "Modify", value: "edit" },
-      { label: "Remove", value: "delete" }
-    ]
-  },
-  [ProjectPermissionSub.SecretRollback]: {
-    title: "Secret Rollback",
-    actions: [
-      { label: "Perform rollback", value: "create" },
-      { label: "View", value: "read" }
-    ]
-  }
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
deleted file mode 100644
index 16397ac24..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-import { FormProvider, useForm } from "react-hook-form";
-import { faPlus, faSave } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "@app/components/v2";
-import { ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useGetProjectRoleBySlug, useUpdateProjectRole } from "@app/hooks/api";
-
-import { GeneralPermissionConditions } from "./components/GeneralPermissionConditions";
-import { GeneralPermissionPolicies } from "./components/GeneralPermissionPolicies";
-import { IdentityManagementPermissionConditions } from "./components/IdentityManagementPermissionConditions";
-import { SecretPermissionConditions } from "./components/SecretPermissionConditions";
-import { PermissionEmptyState } from "./PermissionEmptyState";
-import {
-  formRolePermission2API,
-  isConditionalSubjects,
-  PROJECT_PERMISSION_OBJECT,
-  projectRoleFormSchema,
-  rolePermission2Form,
-  TFormSchema
-} from "./ProjectRoleModifySection.utils";
-
-type Props = {
-  roleSlug: string;
-  isDisabled?: boolean;
-};
-
-export const renderConditionalComponents = (
-  subject: ProjectPermissionSub,
-  isDisabled?: boolean
-) => {
-  if (subject === ProjectPermissionSub.Secrets)
-    return <SecretPermissionConditions isDisabled={isDisabled} />;
-
-  if (isConditionalSubjects(subject)) {
-    if (subject === ProjectPermissionSub.Identity) {
-      return <IdentityManagementPermissionConditions isDisabled={isDisabled} />;
-    }
-
-    return <GeneralPermissionConditions isDisabled={isDisabled} type={subject} />;
-  }
-
-  return undefined;
-};
-
-export const RolePermissionsSection = ({ roleSlug, isDisabled }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const { data: role, isLoading } = useGetProjectRoleBySlug(
-    currentWorkspace?.id ?? "",
-    roleSlug as string
-  );
-
-  const form = useForm<TFormSchema>({
-    values: role ? { ...role, permissions: rolePermission2Form(role.permissions) } : undefined,
-    resolver: zodResolver(projectRoleFormSchema)
-  });
-
-  const {
-    handleSubmit,
-    formState: { isDirty, isSubmitting },
-    reset
-  } = form;
-
-  const { mutateAsync: updateRole } = useUpdateProjectRole();
-
-  const onSubmit = async (el: TFormSchema) => {
-    try {
-      if (!projectId || !role?.id) return;
-      await updateRole({
-        id: role?.id as string,
-        projectId,
-        ...el,
-        permissions: formRolePermission2API(el.permissions)
-      });
-      createNotification({ type: "success", text: "Successfully updated role" });
-    } catch (err) {
-      console.log(err);
-      createNotification({ type: "error", text: "Failed to update role" });
-    }
-  };
-
-  const isCustomRole = !["admin", "member", "viewer", "no-access"].includes(role?.slug ?? "");
-
-  const onNewPolicy = (selectedSubject: ProjectPermissionSub) => {
-    const rootPolicyValue = form.getValues(`permissions.${selectedSubject}`);
-    if (rootPolicyValue && isConditionalSubjects(selectedSubject)) {
-      form.setValue(
-        `permissions.${selectedSubject}`,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-        [...rootPolicyValue, ...[]],
-        { shouldDirty: true, shouldTouch: true }
-      );
-    } else {
-      form.setValue(
-        `permissions.${selectedSubject}`,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-        [{}],
-        {
-          shouldDirty: true,
-          shouldTouch: true
-        }
-      );
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <FormProvider {...form}>
-        <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-          <h3 className="text-lg font-semibold text-mineshaft-100">Policies</h3>
-          <div className="flex items-center space-x-4">
-            {isCustomRole && (
-              <>
-                {isDirty && (
-                  <Button
-                    className="mr-4 text-mineshaft-300"
-                    variant="link"
-                    isDisabled={isSubmitting}
-                    isLoading={isSubmitting}
-                    onClick={() => reset()}
-                  >
-                    Discard
-                  </Button>
-                )}
-                <div className="flex items-center">
-                  <Button
-                    variant="outline_bg"
-                    type="submit"
-                    className={twMerge("h-10 rounded-r-none", isDirty && "bg-primary text-black")}
-                    isDisabled={isSubmitting || !isDirty}
-                    isLoading={isSubmitting}
-                    leftIcon={<FontAwesomeIcon icon={faSave} />}
-                  >
-                    Save
-                  </Button>
-                  <DropdownMenu>
-                    <DropdownMenuTrigger>
-                      <Button
-                        isDisabled={isDisabled}
-                        className="h-10 rounded-l-none"
-                        variant="outline_bg"
-                        leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                      >
-                        New policy
-                      </Button>
-                    </DropdownMenuTrigger>
-                    <DropdownMenuContent className="thin-scrollbar max-h-96" align="end">
-                      {Object.keys(PROJECT_PERMISSION_OBJECT)
-                        .sort((a, b) =>
-                          PROJECT_PERMISSION_OBJECT[
-                            a as keyof typeof PROJECT_PERMISSION_OBJECT
-                          ].title
-                            .toLowerCase()
-                            .localeCompare(
-                              PROJECT_PERMISSION_OBJECT[
-                                b as keyof typeof PROJECT_PERMISSION_OBJECT
-                              ].title.toLowerCase()
-                            )
-                        )
-                        .map((subject) => (
-                          <DropdownMenuItem
-                            key={`permission-create-${subject}`}
-                            className="py-3"
-                            onClick={() => onNewPolicy(subject as ProjectPermissionSub)}
-                          >
-                            {PROJECT_PERMISSION_OBJECT[subject as ProjectPermissionSub].title}
-                          </DropdownMenuItem>
-                        ))}
-                    </DropdownMenuContent>
-                  </DropdownMenu>
-                </div>
-              </>
-            )}
-          </div>
-        </div>
-        <div className="py-4">
-          {!isLoading && <PermissionEmptyState />}
-          {(Object.keys(PROJECT_PERMISSION_OBJECT) as ProjectPermissionSub[]).map((subject) => (
-            <GeneralPermissionPolicies
-              subject={subject}
-              actions={PROJECT_PERMISSION_OBJECT[subject].actions}
-              title={PROJECT_PERMISSION_OBJECT[subject].title}
-              key={`project-permission-${subject}`}
-              isDisabled={isDisabled}
-            >
-              {renderConditionalComponents(subject, isDisabled)}
-            </GeneralPermissionPolicies>
-          ))}
-        </div>
-      </FormProvider>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionConditions.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionConditions.tsx
deleted file mode 100644
index 2ac518038..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionConditions.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import { Controller, useFieldArray, useFormContext } from "react-hook-form";
-import { faInfoCircle, faPlus, faTrash, faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Select,
-  SelectItem,
-  Tooltip
-} from "@app/components/v2";
-import {
-  PermissionConditionOperators,
-  ProjectPermissionSub
-} from "@app/context/ProjectPermissionContext/types";
-
-import { TFormSchema } from "../ProjectRoleModifySection.utils";
-import {
-  getConditionOperatorHelperInfo,
-  renderOperatorSelectItems
-} from "./PermissionConditionHelpers";
-
-type Props = {
-  position?: number;
-  isDisabled?: boolean;
-  type:
-    | ProjectPermissionSub.DynamicSecrets
-    | ProjectPermissionSub.SecretFolders
-    | ProjectPermissionSub.SecretImports;
-};
-
-export const GeneralPermissionConditions = ({ position = 0, isDisabled, type }: Props) => {
-  const {
-    control,
-    watch,
-    formState: { errors }
-  } = useFormContext<TFormSchema>();
-  const items = useFieldArray({
-    control,
-    name: `permissions.${type}.${position}.conditions`
-  });
-
-  return (
-    <div className="mt-6 border-t border-t-mineshaft-600 bg-mineshaft-800 pt-2">
-      <p className="mt-2 text-gray-300">Conditions</p>
-      <p className="mb-2 text-sm text-mineshaft-400">
-        When this policy should apply (always if no conditions are added).
-      </p>
-      <div className="mt-2 flex flex-col space-y-2">
-        {items.fields.map((el, index) => {
-          const condition =
-            (watch(`permissions.${type}.${position}.conditions.${index}`) as {
-              lhs: string;
-              rhs: string;
-              operator: string;
-            }) || {};
-          return (
-            <div
-              key={el.id}
-              className="flex gap-2 bg-mineshaft-800 first:rounded-t-md last:rounded-b-md"
-            >
-              <div className="w-1/4">
-                <Controller
-                  control={control}
-                  name={`permissions.${type}.${position}.conditions.${index}.lhs`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => field.onChange(e)}
-                        className="w-full"
-                      >
-                        <SelectItem value="environment">Environment Slug</SelectItem>
-                        <SelectItem value="secretPath">Secret Path</SelectItem>
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-36 items-center space-x-2">
-                <Controller
-                  control={control}
-                  name={`permissions.${type}.${position}.conditions.${index}.operator`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0 flex-grow"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => field.onChange(e)}
-                        className="w-full"
-                      >
-                        {renderOperatorSelectItems(condition.lhs)}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <div>
-                  <Tooltip
-                    asChild
-                    content={getConditionOperatorHelperInfo(
-                      condition?.operator as PermissionConditionOperators
-                    )}
-                    className="max-w-xs"
-                  >
-                    <FontAwesomeIcon icon={faInfoCircle} size="xs" className="text-gray-400" />
-                  </Tooltip>
-                </div>
-              </div>
-              <div className="flex-grow">
-                <Controller
-                  control={control}
-                  name={`permissions.${type}.${position}.conditions.${index}.rhs`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0 flex-grow"
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <IconButton
-                  ariaLabel="plus"
-                  variant="outline_bg"
-                  className="p-2.5"
-                  onClick={() => items.remove(index)}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-      {errors?.permissions?.[type]?.[position]?.conditions?.message && (
-        <div className="flex items-center space-x-2 py-2 text-sm text-gray-400">
-          <FontAwesomeIcon icon={faWarning} className="text-red" />
-          <span>{errors?.permissions?.[type]?.[position]?.conditions?.message}</span>
-        </div>
-      )}
-      <div>{}</div>
-      <div>
-        <Button
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          variant="star"
-          size="xs"
-          className="mt-3"
-          isDisabled={isDisabled}
-          onClick={() =>
-            items.append({
-              lhs: "environment",
-              operator: PermissionConditionOperators.$EQ,
-              rhs: ""
-            })
-          }
-        >
-          Add Condition
-        </Button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionPolicies.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionPolicies.tsx
deleted file mode 100644
index 15d819fc8..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionPolicies.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import { cloneElement } from "react";
-import { Controller, useFieldArray, useFormContext } from "react-hook-form";
-import {
-  faChevronDown,
-  faChevronRight,
-  faInfoCircle,
-  faPlus,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { Button, Checkbox, Select, SelectItem, Tag, Tooltip } from "@app/components/v2";
-import { ProjectPermissionSub } from "@app/context";
-import { useToggle } from "@app/hooks";
-
-import {
-  isConditionalSubjects,
-  TFormSchema,
-  TProjectPermissionObject
-} from "../ProjectRoleModifySection.utils";
-
-type Props<T extends ProjectPermissionSub> = {
-  title: string;
-  subject: T;
-  actions: TProjectPermissionObject[T]["actions"];
-  children?: JSX.Element;
-  isDisabled?: boolean;
-};
-
-export const GeneralPermissionPolicies = <T extends keyof NonNullable<TFormSchema["permissions"]>>({
-  subject,
-  actions,
-  children,
-  title,
-  isDisabled
-}: Props<T>) => {
-  const { control } = useFormContext<TFormSchema>();
-  const items = useFieldArray({
-    control,
-    name: `permissions.${subject}`
-  });
-  const [isOpen, setIsOpen] = useToggle();
-
-  if (!items.fields.length) return <div />;
-
-  return (
-    <div className="border border-mineshaft-600 bg-mineshaft-800 first:rounded-t-md last:rounded-b-md">
-      <div
-        className="flex cursor-pointer items-center space-x-8  px-5 py-4 text-sm text-gray-300"
-        role="button"
-        tabIndex={0}
-        onClick={() => setIsOpen.toggle()}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            setIsOpen.toggle();
-          }
-        }}
-      >
-        <div>
-          <FontAwesomeIcon icon={isOpen ? faChevronDown : faChevronRight} />
-        </div>
-        <div className="flex-grow">{title}</div>
-        {items.fields.length > 1 && (
-          <div>
-            <Tag size="xs" className="px-2">
-              {items.fields.length} rules
-            </Tag>
-          </div>
-        )}
-      </div>
-      {isOpen && (
-        <div key={`select-${subject}-type`} className="flex flex-col space-y-4 bg-bunker-800 p-6">
-          {items.fields.map((el, rootIndex) => (
-            <div key={el.id} className="bg-mineshaft-800 p-5 first:rounded-t-md last:rounded-b-md">
-              {isConditionalSubjects(subject) && (
-                <div className="mt-4 mb-6 flex w-full items-center text-gray-300">
-                  <div className="w-1/4">Permission</div>
-                  <div className="mr-4 w-1/4">
-                    <Controller
-                      defaultValue={false as any}
-                      name={`permissions.${subject}.${rootIndex}.inverted`}
-                      render={({ field }) => (
-                        <Select
-                          value={String(field.value)}
-                          onValueChange={(val) => field.onChange(val === "true")}
-                          containerClassName="w-full"
-                          className="w-full"
-                          isDisabled={isDisabled}
-                        >
-                          <SelectItem value="false">Allow</SelectItem>
-                          <SelectItem value="true">Forbid</SelectItem>
-                        </Select>
-                      )}
-                    />
-                  </div>
-                  <div>
-                    <Tooltip
-                      asChild
-                      content={
-                        <>
-                          <p>
-                            Whether to allow or forbid the selected actions when the following
-                            conditions (if any) are met.
-                          </p>
-                          <p className="mt-2">Forbid rules must come after allow rules.</p>
-                        </>
-                      }
-                    >
-                      <FontAwesomeIcon icon={faInfoCircle} size="sm" className="text-gray-400" />
-                    </Tooltip>
-                  </div>
-                </div>
-              )}
-              <div className="flex text-gray-300">
-                <div className="w-1/4">Actions</div>
-                <div className="flex flex-grow flex-wrap justify-start gap-8">
-                  {actions.map(({ label, value }) => {
-                    if (typeof value !== "string") return undefined;
-                    return (
-                      <Controller
-                        key={`${el.id}-${label}`}
-                        name={`permissions.${subject}.${rootIndex}.${value}` as any}
-                        control={control}
-                        defaultValue={false}
-                        render={({ field }) => (
-                          <div className="flex items-center justify-center">
-                            <Checkbox
-                              isDisabled={isDisabled}
-                              isChecked={Boolean(field.value)}
-                              onCheckedChange={field.onChange}
-                              id={`permissions.${subject}.${rootIndex}.${String(value)}`}
-                            >
-                              {label}
-                            </Checkbox>
-                          </div>
-                        )}
-                      />
-                    );
-                  })}
-                </div>
-              </div>
-              {children &&
-                cloneElement(children, {
-                  position: rootIndex
-                })}
-              <div
-                className={twMerge(
-                  "mt-4 flex justify-start space-x-4",
-                  isConditionalSubjects(subject) && "justify-end"
-                )}
-              >
-                {!isDisabled && isConditionalSubjects(subject) && (
-                  <Button
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                    variant="star"
-                    size="xs"
-                    className="mt-2"
-                    onClick={() => {
-                      items.insert(rootIndex + 1, [
-                        { read: false, edit: false, create: false, delete: false } as any
-                      ]);
-                    }}
-                    isDisabled={isDisabled}
-                  >
-                    Add policy
-                  </Button>
-                )}
-                {!isDisabled && (
-                  <Button
-                    leftIcon={<FontAwesomeIcon icon={faTrash} />}
-                    variant="outline_bg"
-                    size="xs"
-                    className="mt-2 hover:border-red"
-                    onClick={() => items.remove(rootIndex)}
-                    isDisabled={isDisabled}
-                  >
-                    Remove policy
-                  </Button>
-                )}{" "}
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/IdentityManagementPermissionConditions.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/IdentityManagementPermissionConditions.tsx
deleted file mode 100644
index 8a62c6ad9..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/IdentityManagementPermissionConditions.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import { Controller, useFieldArray, useFormContext } from "react-hook-form";
-import { faInfoCircle, faPlus, faTrash, faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Select,
-  SelectItem,
-  Tooltip
-} from "@app/components/v2";
-import {
-  PermissionConditionOperators,
-  ProjectPermissionSub
-} from "@app/context/ProjectPermissionContext/types";
-
-import { TFormSchema } from "../ProjectRoleModifySection.utils";
-import { getConditionOperatorHelperInfo } from "./PermissionConditionHelpers";
-
-type Props = {
-  position?: number;
-  isDisabled?: boolean;
-};
-
-export const IdentityManagementPermissionConditions = ({ position = 0, isDisabled }: Props) => {
-  const {
-    control,
-    watch,
-    formState: { errors }
-  } = useFormContext<TFormSchema>();
-  const permissionSubject = ProjectPermissionSub.Identity;
-  const items = useFieldArray({
-    control,
-    name: `permissions.${permissionSubject}.${position}.conditions`
-  });
-
-  return (
-    <div className="mt-6 border-t border-t-mineshaft-600 bg-mineshaft-800 pt-2">
-      <p className="mt-2 text-gray-300">Conditions</p>
-      <p className="mb-2 text-sm text-mineshaft-400">
-        When this policy should apply (always if no conditions are added).
-      </p>
-      <div className="mt-2 flex flex-col space-y-2">
-        {items.fields.map((el, index) => {
-          const condition =
-            (watch(`permissions.${permissionSubject}.${position}.conditions.${index}`) as {
-              lhs: string;
-              rhs: string;
-              operator: string;
-            }) || {};
-          return (
-            <div
-              key={el.id}
-              className="flex gap-2 bg-mineshaft-800 first:rounded-t-md last:rounded-b-md"
-            >
-              <div className="w-1/4">
-                <Controller
-                  control={control}
-                  name={`permissions.${permissionSubject}.${position}.conditions.${index}.lhs`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => field.onChange(e)}
-                        className="w-full"
-                      >
-                        <SelectItem value="identityId">Identity ID</SelectItem>
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-36 items-center space-x-2">
-                <Controller
-                  control={control}
-                  name={`permissions.${permissionSubject}.${position}.conditions.${index}.operator`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0 flex-grow"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => field.onChange(e)}
-                        className="w-full"
-                      >
-                        <SelectItem value={PermissionConditionOperators.$EQ}>Equal</SelectItem>
-                        <SelectItem value={PermissionConditionOperators.$NEQ}>Not Equal</SelectItem>
-                        <SelectItem value={PermissionConditionOperators.$IN}>In</SelectItem>
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <div>
-                  <Tooltip
-                    asChild
-                    content={getConditionOperatorHelperInfo(
-                      condition?.operator as PermissionConditionOperators
-                    )}
-                    className="max-w-xs"
-                  >
-                    <FontAwesomeIcon icon={faInfoCircle} size="xs" className="text-gray-400" />
-                  </Tooltip>
-                </div>
-              </div>
-              <div className="flex-grow">
-                <Controller
-                  control={control}
-                  name={`permissions.${permissionSubject}.${position}.conditions.${index}.rhs`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0 flex-grow"
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <IconButton
-                  ariaLabel="plus"
-                  variant="outline_bg"
-                  className="p-2.5"
-                  onClick={() => items.remove(index)}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-      {errors?.permissions?.[permissionSubject]?.[position]?.conditions?.message && (
-        <div className="flex items-center space-x-2 py-2 text-sm text-gray-400">
-          <FontAwesomeIcon icon={faWarning} className="text-red" />
-          <span>{errors?.permissions?.[permissionSubject]?.[position]?.conditions?.message}</span>
-        </div>
-      )}
-      <div>{}</div>
-      <div>
-        <Button
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          variant="star"
-          size="xs"
-          className="mt-3"
-          isDisabled={isDisabled}
-          onClick={() =>
-            items.append({
-              lhs: "identityId",
-              operator: PermissionConditionOperators.$EQ,
-              rhs: ""
-            })
-          }
-        >
-          Add Condition
-        </Button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/NewPermissionRule.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/NewPermissionRule.tsx
deleted file mode 100644
index 91008e247..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/NewPermissionRule.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Controller, useForm, useFormContext } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import {
-  Button,
-  Checkbox,
-  FormControl,
-  FormLabel,
-  ModalClose,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { ProjectPermissionSub } from "@app/context";
-
-import {
-  isConditionalSubjects,
-  PROJECT_PERMISSION_OBJECT,
-  projectRoleFormSchema,
-  TFormSchema
-} from "../ProjectRoleModifySection.utils";
-
-type Props = {
-  onClose: () => void;
-};
-
-export const NewPermissionRule = ({ onClose }: Props) => {
-  const rootForm = useFormContext<TFormSchema>();
-
-  const form = useForm<{
-    type: ProjectPermissionSub;
-    permissions: NonNullable<TFormSchema["permissions"]>;
-  }>({
-    resolver: zodResolver(
-      projectRoleFormSchema
-        .pick({ permissions: true })
-        .extend({ type: z.nativeEnum(ProjectPermissionSub) })
-    ),
-    defaultValues: {
-      type: ProjectPermissionSub.Secrets
-    }
-  });
-
-  const selectedSubject = form.watch("type");
-
-  return (
-    <div>
-      <Controller
-        control={form.control}
-        name="type"
-        defaultValue={ProjectPermissionSub.Secrets}
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="Subject" errorText={error?.message} isError={Boolean(error)}>
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => onChange(e)}
-              className="w-full"
-            >
-              {Object.keys(PROJECT_PERMISSION_OBJECT).map((subject) => (
-                <SelectItem value={subject} key={`permission-create-${subject}`}>
-                  {PROJECT_PERMISSION_OBJECT[subject as ProjectPermissionSub].title}
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      <FormLabel label="Actions" className="my-2" />
-      <div className="flex flex-grow flex-wrap justify-start gap-8">
-        {PROJECT_PERMISSION_OBJECT?.[selectedSubject]?.actions?.map(({ label, value }) => (
-          <Controller
-            key={`create-permission-${selectedSubject}-${label}`}
-            name={`permissions.${selectedSubject}.0.${value as any}` as any}
-            control={form.control}
-            defaultValue={false}
-            render={({ field }) => (
-              <div className="flex items-center justify-center">
-                <Checkbox
-                  isChecked={field.value}
-                  onCheckedChange={field.onChange}
-                  id={`new-permissions.${selectedSubject}.0.${String(value)}`}
-                >
-                  {label}
-                </Checkbox>
-              </div>
-            )}
-          />
-        ))}
-      </div>
-      <div className="mt-8 flex space-x-4">
-        <Button
-          onClick={form.handleSubmit((el) => {
-            const rootPolicyValue = rootForm.getValues("permissions")?.[el.type];
-            if (rootPolicyValue && isConditionalSubjects(selectedSubject)) {
-              rootForm.setValue(
-                `permissions.${el.type}`,
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-                [...rootPolicyValue, ...(el?.permissions[el.type] || [])],
-                { shouldDirty: true, shouldTouch: true }
-              );
-            } else {
-              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-              // @ts-ignore-error akhilmhdh: this is because of ts collision with both
-              rootForm.setValue(`permissions.${el.type}`, el?.permissions?.[el.type], {
-                shouldDirty: true,
-                shouldTouch: true
-              });
-            }
-            onClose();
-          })}
-        >
-          Create
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            Cancel
-          </Button>
-        </ModalClose>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/PermissionConditionHelpers.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/PermissionConditionHelpers.tsx
deleted file mode 100644
index 9120f0364..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/PermissionConditionHelpers.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { GlobPermissionInfo } from "@app/components/permissions";
-import { SelectItem } from "@app/components/v2";
-import { PermissionConditionOperators } from "@app/context/ProjectPermissionContext/types";
-
-export const getConditionOperatorHelperInfo = (type: PermissionConditionOperators) => {
-  switch (type) {
-    case PermissionConditionOperators.$EQ:
-      return "Value should equal specified value.";
-    case PermissionConditionOperators.$NEQ:
-      return "Value should not equal specified value.";
-    case PermissionConditionOperators.$IN:
-      return "List of comma-separated values that match a given value.";
-    case PermissionConditionOperators.$GLOB:
-      return <GlobPermissionInfo />;
-    default:
-      return "";
-  }
-};
-
-export const renderOperatorSelectItems = (type: string) => {
-  if (type === "secretTags") {
-    return <SelectItem value={PermissionConditionOperators.$IN}>Contains</SelectItem>;
-  }
-
-  return (
-    <>
-      <SelectItem value={PermissionConditionOperators.$EQ}>Equal</SelectItem>
-      <SelectItem value={PermissionConditionOperators.$NEQ}>Not Equal</SelectItem>
-      <SelectItem value={PermissionConditionOperators.$GLOB}>Glob Match</SelectItem>
-      <SelectItem value={PermissionConditionOperators.$IN}>In</SelectItem>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/SecretPermissionConditions.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/SecretPermissionConditions.tsx
deleted file mode 100644
index b742b829d..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/components/SecretPermissionConditions.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import { Controller, useFieldArray, useFormContext } from "react-hook-form";
-import { faInfoCircle, faPlus, faTrash, faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Select,
-  SelectItem,
-  Tooltip
-} from "@app/components/v2";
-import { PermissionConditionOperators } from "@app/context/ProjectPermissionContext/types";
-
-import { TFormSchema } from "../ProjectRoleModifySection.utils";
-import {
-  getConditionOperatorHelperInfo,
-  renderOperatorSelectItems
-} from "./PermissionConditionHelpers";
-
-type Props = {
-  position?: number;
-  isDisabled?: boolean;
-};
-
-export const SecretPermissionConditions = ({ position = 0, isDisabled }: Props) => {
-  const {
-    control,
-    watch,
-    setValue,
-    formState: { errors }
-  } = useFormContext<TFormSchema>();
-  const items = useFieldArray({
-    control,
-    name: `permissions.secrets.${position}.conditions`
-  });
-
-  return (
-    <div className="mt-6 border-t border-t-mineshaft-600 bg-mineshaft-800 pt-2">
-      <p className="mt-2 text-gray-300">Conditions</p>
-      <p className="mb-2 text-sm text-mineshaft-400">
-        When this policy should apply (always if no conditions are added).
-      </p>
-      <div className="mt-2 flex flex-col space-y-2">
-        {items.fields.map((el, index) => {
-          const condition = watch(`permissions.secrets.${position}.conditions.${index}`) as {
-            lhs: string;
-            rhs: string;
-            operator: string;
-          };
-          return (
-            <div
-              key={el.id}
-              className="flex gap-2 bg-mineshaft-800 first:rounded-t-md last:rounded-b-md"
-            >
-              <div className="w-1/4">
-                <Controller
-                  control={control}
-                  name={`permissions.secrets.${position}.conditions.${index}.lhs`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => {
-                          setValue(
-                            `permissions.secrets.${position}.conditions.${index}.operator`,
-                            PermissionConditionOperators.$IN as never
-                          );
-                          field.onChange(e);
-                        }}
-                        className="w-full"
-                      >
-                        <SelectItem value="environment">Environment Slug</SelectItem>
-                        <SelectItem value="secretPath">Secret Path</SelectItem>
-                        <SelectItem value="secretName">Secret Name</SelectItem>
-                        <SelectItem value="secretTags">Secret Tags</SelectItem>
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-36 items-center space-x-2">
-                <Controller
-                  control={control}
-                  name={`permissions.secrets.${position}.conditions.${index}.operator`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0 flex-grow"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        onValueChange={(e) => field.onChange(e)}
-                        className="w-full"
-                      >
-                        {renderOperatorSelectItems(condition.lhs)}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <div>
-                  <Tooltip
-                    asChild
-                    content={getConditionOperatorHelperInfo(
-                      condition?.operator as PermissionConditionOperators
-                    )}
-                    className="max-w-xs"
-                  >
-                    <FontAwesomeIcon icon={faInfoCircle} size="xs" className="text-gray-400" />
-                  </Tooltip>
-                </div>
-              </div>
-              <div className="flex-grow">
-                <Controller
-                  control={control}
-                  name={`permissions.secrets.${position}.conditions.${index}.rhs`}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="mb-0 flex-grow"
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <IconButton
-                  ariaLabel="plus"
-                  variant="outline_bg"
-                  className="p-2.5"
-                  onClick={() => items.remove(index)}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-      {errors?.permissions?.secrets?.[position]?.conditions?.message && (
-        <div className="flex items-center space-x-2 py-2 text-sm text-gray-400">
-          <FontAwesomeIcon icon={faWarning} className="text-red" />
-          <span>{errors?.permissions?.secrets?.[position]?.conditions?.message}</span>
-        </div>
-      )}
-      <div>
-        <Button
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          variant="star"
-          size="xs"
-          className="mt-3"
-          isDisabled={isDisabled}
-          onClick={() =>
-            items.append({
-              lhs: "environment",
-              operator: PermissionConditionOperators.$EQ,
-              rhs: ""
-            })
-          }
-        >
-          Add Condition
-        </Button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/index.tsx b/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/index.tsx
deleted file mode 100644
index 104e2144e..000000000
--- a/frontend-next/src/views/Project/RolePage/components/RolePermissionsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { RolePermissionsSection } from "./RolePermissionsSection";
diff --git a/frontend-next/src/views/Project/RolePage/components/index.tsx b/frontend-next/src/views/Project/RolePage/components/index.tsx
deleted file mode 100644
index 3f57cd670..000000000
--- a/frontend-next/src/views/Project/RolePage/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { RoleDetailsSection } from "./RoleDetailsSection";
-export { RoleModal } from "./RoleModal";
-export { RolePermissionsSection } from "./RolePermissionsSection";
diff --git a/frontend-next/src/views/Project/RolePage/index.tsx b/frontend-next/src/views/Project/RolePage/index.tsx
deleted file mode 100644
index 71e7114fc..000000000
--- a/frontend-next/src/views/Project/RolePage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { RolePage } from "./RolePage";
diff --git a/frontend-next/src/views/Project/SshCaPage/SshCaPage.tsx b/frontend-next/src/views/Project/SshCaPage/SshCaPage.tsx
deleted file mode 100644
index f0b785a8d..000000000
--- a/frontend-next/src/views/Project/SshCaPage/SshCaPage.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useRouter } from "next/router";
-import { faChevronLeft, faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { useDeleteSshCa, useGetSshCaById } from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { SshCaModal } from "../SshPage/components/SshCaModal";
-import { SshCaDetailsSection, SshCertificateTemplatesSection } from "./components";
-
-export const SshCaPage = withProjectPermission(
-  () => {
-    const { currentWorkspace } = useWorkspace();
-    const projectId = currentWorkspace?.id || "";
-    const router = useRouter();
-    const caId = router.query.caId as string;
-    const { data } = useGetSshCaById(caId);
-
-    const { mutateAsync: deleteSshCa } = useDeleteSshCa();
-
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "sshCa",
-      "deleteSshCa"
-    ] as const);
-
-    const onRemoveCaSubmit = async (caIdToDelete: string) => {
-      try {
-        if (!projectId) return;
-
-        await deleteSshCa({ caId: caIdToDelete });
-
-        await createNotification({
-          text: "Successfully deleted SSH CA",
-          type: "success"
-        });
-
-        handlePopUpClose("deleteSshCa");
-        router.push(`/project/${projectId}/ssh`);
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to delete SSH CA",
-          type: "error"
-        });
-      }
-    };
-
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        {data && (
-          <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-            <Button
-              variant="link"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-              onClick={() => router.push(`/${ProjectType.SSH}/${projectId}/ssh`)}
-              className="mb-4"
-            >
-              SSH Certificate Authorities
-            </Button>
-            <div className="mb-4 flex items-center justify-between">
-              <p className="text-3xl font-semibold text-white">{data.friendlyName}</p>
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild className="rounded-lg">
-                  <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                    <Tooltip content="More options">
-                      <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                    </Tooltip>
-                  </div>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="start" className="p-1">
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={ProjectPermissionSub.SshCertificateAuthorities}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuItem
-                        className={twMerge(
-                          isAllowed
-                            ? "hover:!bg-red-500 hover:!text-white"
-                            : "pointer-events-none cursor-not-allowed opacity-50"
-                        )}
-                        onClick={() =>
-                          handlePopUpOpen("deleteSshCa", {
-                            caId: data.id
-                          })
-                        }
-                        disabled={!isAllowed}
-                      >
-                        Delete SSH CA
-                      </DropdownMenuItem>
-                    )}
-                  </ProjectPermissionCan>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-            <div className="flex">
-              <div className="mr-4 w-96">
-                <SshCaDetailsSection caId={caId} handlePopUpOpen={handlePopUpOpen} />
-              </div>
-              <div className="w-full">
-                <SshCertificateTemplatesSection caId={caId} />
-              </div>
-            </div>
-          </div>
-        )}
-        <SshCaModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-        <DeleteActionModal
-          isOpen={popUp.deleteSshCa.isOpen}
-          title="Are you sure want to remove the SSH CA from the project?"
-          onChange={(isOpen) => handlePopUpToggle("deleteSshCa", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() =>
-            onRemoveCaSubmit((popUp?.deleteSshCa?.data as { caId: string })?.caId)
-          }
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.SshCertificateAuthorities }
-);
diff --git a/frontend-next/src/views/Project/SshCaPage/components/SshCaDetailsSection.tsx b/frontend-next/src/views/Project/SshCaPage/components/SshCaDetailsSection.tsx
deleted file mode 100644
index 812ac02fe..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/SshCaDetailsSection.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { faCheck, faCopy, faDownload, faPencil } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import FileSaver from "file-saver";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { IconButton, Tooltip } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useTimedReset } from "@app/hooks";
-import { useGetSshCaById } from "@app/hooks/api";
-import { caStatusToNameMap } from "@app/hooks/api/ca/constants";
-import { certKeyAlgorithmToNameMap } from "@app/hooks/api/certificates/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  caId: string;
-  handlePopUpOpen: (popUpName: keyof UsePopUpState<["sshCa"]>, data?: {}) => void;
-};
-
-export const SshCaDetailsSection = ({ caId, handlePopUpOpen }: Props) => {
-  const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset<string>({
-    initialState: "Copy ID to clipboard"
-  });
-  const [downloadText, isDownloading, setDownloadText] = useTimedReset<string>({
-    initialState: "Save public key"
-  });
-
-  const { data: ca } = useGetSshCaById(caId);
-
-  const downloadTxtFile = (filename: string, content: string) => {
-    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, filename);
-  };
-
-  return ca ? (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">SSH CA Details</h3>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Edit}
-          a={ProjectPermissionSub.SshCertificateAuthorities}
-        >
-          {(isAllowed) => {
-            return (
-              <Tooltip content="Edit SSH CA">
-                <IconButton
-                  isDisabled={!isAllowed}
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    handlePopUpOpen("sshCa", {
-                      caId: ca.id
-                    });
-                  }}
-                >
-                  <FontAwesomeIcon icon={faPencil} />
-                </IconButton>
-              </Tooltip>
-            );
-          }}
-        </ProjectPermissionCan>
-      </div>
-      <div className="pt-4">
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">SSH CA ID</p>
-          <div className="group flex align-top">
-            <p className="text-sm text-mineshaft-300">{ca.id}</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={copyTextId}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    navigator.clipboard.writeText(ca.id);
-                    setCopyTextId("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingId ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Friendly Name</p>
-          <p className="text-sm text-mineshaft-300">{ca.friendlyName}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Status</p>
-          <p className="text-sm text-mineshaft-300">{caStatusToNameMap[ca.status]}</p>
-        </div>
-        <div className="mb-4">
-          <p className="text-sm font-semibold text-mineshaft-300">Key Algorithm</p>
-          <p className="text-sm text-mineshaft-300">{certKeyAlgorithmToNameMap[ca.keyAlgorithm]}</p>
-        </div>
-        <div>
-          <p className="text-sm font-semibold text-mineshaft-300">Public Key</p>
-          <div className="group flex align-top">
-            <p className="flex-1 text-sm text-mineshaft-300">{ca.publicKey.substring(0, 20)}...</p>
-            <div className="opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-              <Tooltip content={downloadText}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  variant="plain"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    setDownloadText("Saved");
-                    downloadTxtFile("ssh_ca.pub", ca.publicKey);
-                  }}
-                >
-                  <FontAwesomeIcon icon={isDownloading ? faCheck : faDownload} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div />
-  );
-};
diff --git a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateContent.tsx b/frontend-next/src/views/Project/SshCaPage/components/SshCertificateContent.tsx
deleted file mode 100644
index 83aff5730..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateContent.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-import { faCheck, faCopy, faDownload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import FileSaver from "file-saver";
-
-import { IconButton, Tooltip } from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-
-type Props = {
-  serialNumber: string;
-  signedKey: string;
-  privateKey?: string;
-  publicKey?: string;
-};
-
-export const SshCertificateContent = ({
-  serialNumber,
-  signedKey,
-  privateKey,
-  publicKey
-}: Props) => {
-  const [copyTextSerialNumber, isCopyingSerialNumber, setCopyTextSerialNumber] =
-    useTimedReset<string>({
-      initialState: "Copy to clipboard"
-    });
-  const [copyTextCertificate, isCopyingCertificate, setCopyTextCertificate] = useTimedReset<string>(
-    {
-      initialState: "Copy to clipboard"
-    }
-  );
-
-  const [copyTextCertificateSk, isCopyingCertificateSk, setCopyTextCertificateSk] =
-    useTimedReset<string>({
-      initialState: "Copy to clipboard"
-    });
-
-  const [copyTextCertificatePk, isCopyingCertificatePk, setCopyTextCertificatePk] =
-    useTimedReset<string>({
-      initialState: "Copy to clipboard"
-    });
-
-  const downloadTxtFile = (filename: string, content: string) => {
-    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, filename);
-  };
-
-  return (
-    <div>
-      <h2 className="mb-4">Serial Number</h2>
-      <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-        <p className="mr-4 break-all">{serialNumber}</p>
-        <Tooltip content={copyTextSerialNumber}>
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative"
-            onClick={() => {
-              navigator.clipboard.writeText(serialNumber);
-              setCopyTextSerialNumber("Copied");
-            }}
-          >
-            <FontAwesomeIcon icon={isCopyingSerialNumber ? faCheck : faCopy} />
-          </IconButton>
-        </Tooltip>
-      </div>
-      <div className="mb-4 flex items-center justify-between">
-        <h2>SSH Certificate / Signed Key</h2>
-        <div className="flex">
-          <Tooltip content={copyTextCertificate}>
-            <IconButton
-              ariaLabel="copy icon"
-              colorSchema="secondary"
-              className="group relative"
-              onClick={() => {
-                navigator.clipboard.writeText(signedKey);
-                setCopyTextCertificate("Copied");
-              }}
-            >
-              <FontAwesomeIcon icon={isCopyingCertificate ? faCheck : faCopy} />
-            </IconButton>
-          </Tooltip>
-          <Tooltip content="Download">
-            <IconButton
-              ariaLabel="copy icon"
-              colorSchema="secondary"
-              className="group relative ml-2"
-              onClick={() => {
-                downloadTxtFile("user_key-cert.pub", signedKey);
-              }}
-            >
-              <FontAwesomeIcon icon={faDownload} />
-            </IconButton>
-          </Tooltip>
-        </div>
-      </div>
-      <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-        <p className="mr-4 whitespace-pre-wrap break-all">{signedKey}</p>
-      </div>
-      {privateKey && (
-        <>
-          <div className="mb-4 flex items-center justify-between">
-            <h2>Private Key</h2>
-            <div className="flex">
-              <Tooltip content={copyTextCertificateSk}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative"
-                  onClick={() => {
-                    navigator.clipboard.writeText(privateKey);
-                    setCopyTextCertificateSk("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingCertificateSk ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-              <Tooltip content={copyTextCertificateSk}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    downloadTxtFile("user_key.pem", privateKey);
-                  }}
-                >
-                  <FontAwesomeIcon icon={faDownload} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-          <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 whitespace-pre-wrap break-all">{privateKey}</p>
-          </div>
-        </>
-      )}
-      {publicKey && (
-        <>
-          <div className="mb-4 flex items-center justify-between">
-            <h2>Public Key</h2>
-            <div className="flex">
-              <Tooltip content={copyTextCertificatePk}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative"
-                  onClick={() => {
-                    navigator.clipboard.writeText(publicKey);
-                    setCopyTextCertificatePk("Copied");
-                  }}
-                >
-                  <FontAwesomeIcon icon={isCopyingCertificatePk ? faCheck : faCopy} />
-                </IconButton>
-              </Tooltip>
-              <Tooltip content={copyTextCertificatePk}>
-                <IconButton
-                  ariaLabel="copy icon"
-                  colorSchema="secondary"
-                  className="group relative ml-2"
-                  onClick={() => {
-                    downloadTxtFile("user_key.pub", publicKey);
-                  }}
-                >
-                  <FontAwesomeIcon icon={faDownload} />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </div>
-          <div className="flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 whitespace-pre-wrap break-all">{publicKey}</p>
-          </div>
-        </>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateModal.tsx b/frontend-next/src/views/Project/SshCaPage/components/SshCertificateModal.tsx
deleted file mode 100644
index 878a6a181..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateModal.tsx
+++ /dev/null
@@ -1,373 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  SshCertTemplateStatus,
-  useGetSshCertTemplate,
-  useIssueSshCreds,
-  useListWorkspaceSshCertificateTemplates,
-  useSignSshKey
-} from "@app/hooks/api";
-import { certKeyAlgorithms } from "@app/hooks/api/certificates/constants";
-import { CertKeyAlgorithm } from "@app/hooks/api/certificates/enums";
-import { SshCertType } from "@app/hooks/api/ssh-ca/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { SshCertificateContent } from "./SshCertificateContent";
-
-const schema = z.object({
-  templateId: z.string(),
-  publicKey: z.string().optional(),
-  keyAlgorithm: z.enum([
-    CertKeyAlgorithm.RSA_2048,
-    CertKeyAlgorithm.RSA_4096,
-    CertKeyAlgorithm.ECDSA_P256,
-    CertKeyAlgorithm.ECDSA_P384
-  ]),
-  certType: z.nativeEnum(SshCertType),
-  principals: z.string(),
-  ttl: z
-    .string()
-    .trim()
-    .refine((val) => ms(val) > 0, "TTL must be a valid time string such as 2 days, 1d, 2h 1y, ...")
-    .optional(),
-  keyId: z.string().optional()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["sshCertificate"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["sshCertificate"]>, state?: boolean) => void;
-};
-
-type TSshCertificateDetails = {
-  serialNumber: string;
-  signedKey: string;
-  privateKey?: string;
-  publicKey?: string;
-};
-
-enum SshCertificateOperation {
-  SIGN_SSH_KEY = "sign-ssh-key",
-  ISSUE_SSH_CREDS = "issue-ssh-creds"
-}
-
-export const SshCertificateModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const [operation, setOperation] = useState<SshCertificateOperation>(
-    SshCertificateOperation.SIGN_SSH_KEY
-  );
-  const [certificateDetails, setCertificateDetails] = useState<TSshCertificateDetails | null>(null);
-
-  const { mutateAsync: signSshKey } = useSignSshKey();
-  const { mutateAsync: issueSshCreds } = useIssueSshCreds();
-
-  const popUpData = popUp?.sshCertificate?.data as {
-    sshCaId: string;
-    templateId: string;
-  };
-
-  const { data: templatesData } = useListWorkspaceSshCertificateTemplates(projectId);
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting },
-    setValue,
-    watch
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      keyAlgorithm: CertKeyAlgorithm.RSA_2048,
-      certType: SshCertType.USER
-    }
-  });
-
-  const templateId = watch("templateId");
-  const { data: templateData } = useGetSshCertTemplate(templateId);
-
-  useEffect(() => {
-    if (popUpData) {
-      setValue("templateId", popUpData.templateId);
-    } else if (templatesData && templatesData.certificateTemplates.length > 0) {
-      setValue("templateId", templatesData.certificateTemplates[0].id);
-    }
-  }, [popUpData]);
-
-  const onFormSubmit = async ({
-    keyAlgorithm,
-    certType,
-    publicKey: existingPublicKey,
-    principals,
-    ttl,
-    keyId
-  }: FormData) => {
-    try {
-      if (!templateData) return;
-      if (!projectId) return;
-
-      switch (operation) {
-        case SshCertificateOperation.SIGN_SSH_KEY: {
-          const { serialNumber, signedKey } = await signSshKey({
-            projectId,
-            certificateTemplateId: templateData.id,
-            publicKey: existingPublicKey,
-            certType,
-            principals: principals.split(",").map((user) => user.trim()),
-            ttl,
-            keyId
-          });
-
-          setCertificateDetails({
-            serialNumber,
-            signedKey
-          });
-          break;
-        }
-        case SshCertificateOperation.ISSUE_SSH_CREDS: {
-          const { serialNumber, publicKey, privateKey, signedKey } = await issueSshCreds({
-            projectId,
-            certificateTemplateId: templateData.id,
-            keyAlgorithm,
-            certType,
-            principals: principals.split(",").map((user) => user.trim()),
-            ttl,
-            keyId
-          });
-
-          setCertificateDetails({
-            serialNumber,
-            privateKey,
-            publicKey,
-            signedKey
-          });
-          break;
-        }
-        default: {
-          break;
-        }
-      }
-
-      reset();
-
-      createNotification({
-        text: "Successfully created SSH certificate",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create SSH certificate",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.sshCertificate?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("sshCertificate", isOpen);
-        reset();
-        setCertificateDetails(null);
-      }}
-    >
-      <ModalContent title="Issue SSH Certificate">
-        {!certificateDetails ? (
-          <form onSubmit={handleSubmit(onFormSubmit)}>
-            <Controller
-              control={control}
-              name="templateId"
-              defaultValue=""
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Certificate Template"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                  isRequired
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                    isDisabled={Boolean(popUpData?.sshCaId)}
-                  >
-                    {(templatesData?.certificateTemplates || [])
-                      .filter((template) => template.status === SshCertTemplateStatus.ACTIVE)
-                      .map(({ id, name }) => (
-                        <SelectItem value={id} key={`ssh-cert-template-${id}`}>
-                          {name}
-                        </SelectItem>
-                      ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            <FormControl label="Operation">
-              <Select
-                defaultValue="issue-ssh-creds"
-                value={operation}
-                onValueChange={(e) => setOperation(e as SshCertificateOperation)}
-                className="w-full"
-              >
-                <SelectItem value="sign-ssh-key" key="sign-ssh-key">
-                  Sign SSH Key
-                </SelectItem>
-                <SelectItem value="issue-ssh-creds" key="issue-ssh-creds">
-                  Issue SSH Credentials
-                </SelectItem>
-              </Select>
-            </FormControl>
-            <Controller
-              control={control}
-              name="certType"
-              defaultValue={SshCertType.USER}
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Certificate Type"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {templateData && templateData.allowUserCertificates && (
-                      <SelectItem value={SshCertType.USER}>User</SelectItem>
-                    )}
-                    {templateData && templateData.allowHostCertificates && (
-                      <SelectItem value={SshCertType.HOST}>Host</SelectItem>
-                    )}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            {operation === SshCertificateOperation.SIGN_SSH_KEY && (
-              <Controller
-                control={control}
-                name="publicKey"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="SSH Public Key"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                    isRequired
-                  >
-                    <Input {...field} placeholder="ssh-rsa AAA ..." />
-                  </FormControl>
-                )}
-              />
-            )}
-            {operation === SshCertificateOperation.ISSUE_SSH_CREDS && (
-              <Controller
-                control={control}
-                name="keyAlgorithm"
-                defaultValue={CertKeyAlgorithm.RSA_2048}
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Key Algorithm"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Select
-                      defaultValue={field.value}
-                      {...field}
-                      onValueChange={(e) => onChange(e)}
-                      className="w-full"
-                    >
-                      {certKeyAlgorithms.map(({ label, value }) => (
-                        <SelectItem value={String(value || "")} key={label}>
-                          {label}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-            )}
-            <Controller
-              control={control}
-              name="principals"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Principal(s)"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  isRequired
-                >
-                  <Input {...field} placeholder="ec2-user" />
-                </FormControl>
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="ttl"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="TTL" isError={Boolean(error)} errorText={error?.message}>
-                  <Input {...field} placeholder="2 days, 1d, 2h, 1y, ..." />
-                </FormControl>
-              )}
-            />
-            {templateData && templateData.allowCustomKeyIds && (
-              <Controller
-                control={control}
-                name="keyId"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl label="Key ID" isError={Boolean(error)} errorText={error?.message}>
-                    <Input {...field} placeholder="12345678" />
-                  </FormControl>
-                )}
-              />
-            )}
-            <div className="mt-4 flex items-center">
-              <Button
-                className="mr-4"
-                size="sm"
-                type="submit"
-                isLoading={isSubmitting}
-                isDisabled={isSubmitting}
-              >
-                Create
-              </Button>
-              <Button
-                colorSchema="secondary"
-                variant="plain"
-                onClick={() => handlePopUpToggle("sshCertificate", false)}
-              >
-                Cancel
-              </Button>
-            </div>
-          </form>
-        ) : (
-          <SshCertificateContent
-            serialNumber={certificateDetails.serialNumber}
-            signedKey={certificateDetails.signedKey}
-            publicKey={certificateDetails.publicKey}
-            privateKey={certificateDetails.privateKey}
-          />
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplateModal.tsx b/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplateModal.tsx
deleted file mode 100644
index b193ae257..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplateModal.tsx
+++ /dev/null
@@ -1,411 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import slugify from "@sindresorhus/slugify";
-import ms from "ms";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Switch
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import {
-  useCreateSshCertTemplate,
-  useGetSshCaById,
-  useGetSshCertTemplate,
-  useListWorkspaceSshCas,
-  useUpdateSshCertTemplate
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-// Validates usernames or wildcard (*)
-export const isValidUserPattern = (value: string): boolean => {
-  // Matches valid Linux usernames or a wildcard (*)
-  const userRegex = /^(?:\*|[a-z_][a-z0-9_-]{0,31})$/;
-  return userRegex.test(value);
-};
-
-// Validates hostnames, wildcard domains, or IP addresses
-export const isValidHostPattern = (value: string): boolean => {
-  // Matches FQDNs, wildcard domains (*.example.com), IPv4, and IPv6 addresses
-  const hostRegex =
-    /^(?:\*|\*\.[a-z0-9-]+(?:\.[a-z0-9-]+)*|[a-z0-9-]+(?:\.[a-z0-9-]+)*|\d{1,3}(\.\d{1,3}){3}|([a-fA-F0-9:]+:+)+[a-fA-F0-9]+(?:%[a-zA-Z0-9]+)?)$/;
-  return hostRegex.test(value);
-};
-
-const schema = z
-  .object({
-    sshCaId: z.string(),
-    name: z
-      .string()
-      .trim()
-      .toLowerCase()
-      .min(1)
-      .max(36)
-      .refine((v) => slugify(v) === v, {
-        message: "Invalid name. Name can only contain alphanumeric characters and hyphens."
-      }),
-    ttl: z
-      .string()
-      .trim()
-      .refine(
-        (val) => ms(val) > 0,
-        "TTL must be a valid time string such as 2 days, 1d, 2h 1y, ..."
-      )
-      .default("1h"),
-    maxTTL: z
-      .string()
-      .trim()
-      .refine(
-        (val) => ms(val) > 0,
-        "Max TTL must be a valid time string such as 2 days, 1d, 2h 1y, ..."
-      )
-      .default("30d"),
-    allowedUsers: z.string().refine(
-      (val) => {
-        const trimmed = val.trim();
-        if (trimmed === "") return true;
-        const users = trimmed.split(",").map((u) => u.trim());
-        return users.every(isValidUserPattern);
-      },
-      {
-        message: "Invalid user pattern in allowedUsers"
-      }
-    ),
-    allowedHosts: z.string().refine(
-      (val) => {
-        const trimmed = val.trim();
-        if (trimmed === "") return true;
-        const users = trimmed.split(",").map((u) => u.trim());
-        return users.every(isValidHostPattern);
-      },
-      {
-        message: "Invalid host pattern in allowedHosts"
-      }
-    ),
-    allowUserCertificates: z.boolean().optional().default(false),
-    allowHostCertificates: z.boolean().optional().default(false),
-    allowCustomKeyIds: z.boolean().optional().default(false)
-  })
-  .refine((data) => ms(data.maxTTL) > ms(data.ttl), {
-    message: "Max TLL must be greater than TTL",
-    path: ["maxTTL"]
-  });
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  sshCaId: string;
-  popUp: UsePopUpState<["sshCertificateTemplate"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["sshCertificateTemplate"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const SshCertificateTemplateModal = ({ popUp, handlePopUpToggle, sshCaId }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-
-  const { data: ca } = useGetSshCaById(sshCaId);
-
-  const { data: certTemplate } = useGetSshCertTemplate(
-    (popUp?.sshCertificateTemplate?.data as { id: string })?.id || ""
-  );
-
-  const { data: cas } = useListWorkspaceSshCas(currentWorkspace?.id || "");
-
-  const { mutateAsync: createSshCertTemplate } = useCreateSshCertTemplate();
-  const { mutateAsync: updateSshCertTemplate } = useUpdateSshCertTemplate();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {}
-  });
-
-  useEffect(() => {
-    if (certTemplate) {
-      reset({
-        sshCaId: certTemplate.sshCaId,
-        name: certTemplate.name,
-        ttl: certTemplate.ttl,
-        maxTTL: certTemplate.maxTTL,
-        allowedUsers: certTemplate.allowedUsers.join(", "),
-        allowedHosts: certTemplate.allowedHosts.join(", "),
-        allowUserCertificates: certTemplate.allowUserCertificates,
-        allowHostCertificates: certTemplate.allowHostCertificates,
-        allowCustomKeyIds: certTemplate.allowCustomKeyIds
-      });
-    } else {
-      reset({
-        sshCaId,
-        name: "",
-        ttl: "1h",
-        maxTTL: "30d",
-        allowedUsers: "",
-        allowedHosts: "",
-        allowUserCertificates: false,
-        allowHostCertificates: false,
-        allowCustomKeyIds: false
-      });
-    }
-  }, [certTemplate, ca]);
-
-  const onFormSubmit = async ({
-    name,
-    ttl,
-    maxTTL,
-    allowUserCertificates,
-    allowHostCertificates,
-    allowedUsers,
-    allowedHosts,
-    allowCustomKeyIds
-  }: FormData) => {
-    try {
-      if (certTemplate) {
-        await updateSshCertTemplate({
-          id: certTemplate.id,
-          name,
-          ttl,
-          maxTTL,
-          allowedUsers: allowedUsers ? allowedUsers.split(",").map((user) => user.trim()) : [],
-          allowedHosts: allowedHosts ? allowedHosts.split(",").map((host) => host.trim()) : [],
-          allowUserCertificates,
-          allowHostCertificates,
-          allowCustomKeyIds
-        });
-
-        createNotification({
-          text: "Successfully updated SSH certificate template",
-          type: "success"
-        });
-      } else {
-        await createSshCertTemplate({
-          sshCaId,
-          name,
-          ttl,
-          maxTTL,
-          allowedUsers: allowedUsers ? allowedUsers.split(",").map((user) => user.trim()) : [],
-          allowedHosts: allowedHosts ? allowedHosts.split(",").map((host) => host.trim()) : [],
-          allowUserCertificates,
-          allowHostCertificates,
-          allowCustomKeyIds
-        });
-
-        createNotification({
-          text: "Successfully created SSH certificate template",
-          type: "success"
-        });
-      }
-
-      reset();
-      handlePopUpToggle("sshCertificateTemplate", false);
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to save changes",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.sshCertificateTemplate?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("sshCertificateTemplate", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent
-        title={certTemplate ? "SSH Certificate Template" : "Create SSH Certificate Template"}
-      >
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          {certTemplate && (
-            <FormControl label="SSH Certificate Template ID">
-              <Input value={certTemplate.id} isDisabled className="bg-white/[0.07]" />
-            </FormControl>
-          )}
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="SSH Template Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="administrator" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="sshCaId"
-            defaultValue={sshCaId}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Issuing SSH CA"
-                errorText={error?.message}
-                isError={Boolean(error)}
-                className="mt-4"
-                isRequired
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                  isDisabled
-                >
-                  {(cas || []).map(({ id, friendlyName }) => (
-                    <SelectItem value={id} key={`ssh-ca-${id}`}>
-                      {friendlyName}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="allowedUsers"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Allowed Users"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="ec2-user, developer, ..." />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="allowedHosts"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Allowed Hosts"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} placeholder="*.compute.amazonaws.com, api.example.com, ..." />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="ttl"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Default TTL"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="2 days, 1d, 2h, 1y, ..." />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="maxTTL"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Max TTL"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="2 days, 1d, 2h, 1y, ..." />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="allowUserCertificates"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl isError={Boolean(error)} errorText={error?.message}>
-                  <Switch
-                    id="allow-user-certificates"
-                    onCheckedChange={(value) => field.onChange(value)}
-                    isChecked={field.value}
-                  >
-                    <p className="ml-1 w-full">Allow User Certificates</p>
-                  </Switch>
-                </FormControl>
-              );
-            }}
-          />
-          <Controller
-            control={control}
-            name="allowHostCertificates"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl isError={Boolean(error)} errorText={error?.message}>
-                  <Switch
-                    id="allow-host-certificates"
-                    onCheckedChange={(value) => field.onChange(value)}
-                    isChecked={field.value}
-                  >
-                    <p className="ml-1 w-full">Allow Host Certificates</p>
-                  </Switch>
-                </FormControl>
-              );
-            }}
-          />
-          <Controller
-            control={control}
-            name="allowCustomKeyIds"
-            render={({ field, fieldState: { error } }) => {
-              return (
-                <FormControl isError={Boolean(error)} errorText={error?.message}>
-                  <Switch
-                    id="allow-custom-key-ids"
-                    onCheckedChange={(value) => field.onChange(value)}
-                    isChecked={field.value}
-                  >
-                    <p className="ml-1 w-full">Allow Custom Key IDs</p>
-                  </Switch>
-                </FormControl>
-              );
-            }}
-          />
-          <div className="mt-4 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Save
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("sshCertificateTemplate", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplatesSection.tsx b/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplatesSection.tsx
deleted file mode 100644
index f3fa88c93..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplatesSection.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { DeleteActionModal, IconButton } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import {
-  SshCertTemplateStatus,
-  useDeleteSshCertTemplate,
-  useUpdateSshCertTemplate
-} from "@app/hooks/api";
-
-import { SshCertificateModal } from "./SshCertificateModal";
-import { SshCertificateTemplateModal } from "./SshCertificateTemplateModal";
-import { SshCertificateTemplatesTable } from "./SshCertificateTemplatesTable";
-
-type Props = {
-  caId: string;
-};
-
-export const SshCertificateTemplatesSection = ({ caId }: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "sshCertificateTemplate",
-    "sshCertificateTemplateStatus",
-    "sshCertificate",
-    "deleteSshCertificateTemplate",
-    "upgradePlan"
-  ] as const);
-
-  const { mutateAsync: deleteSshCertTemplate } = useDeleteSshCertTemplate();
-  const { mutateAsync: updateSshCertTemplate } = useUpdateSshCertTemplate();
-
-  const onRemoveSshCertificateTemplateSubmit = async (id: string) => {
-    try {
-      await deleteSshCertTemplate({
-        id
-      });
-
-      await createNotification({
-        text: "Successfully deleted SSH certificate template",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteSshCertificateTemplate");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete SSH certificate template",
-        type: "error"
-      });
-    }
-  };
-
-  const onUpdateSshCaStatus = async ({
-    templateId,
-    status
-  }: {
-    templateId: string;
-    status: SshCertTemplateStatus;
-  }) => {
-    try {
-      await updateSshCertTemplate({ id: templateId, status });
-
-      await createNotification({
-        text: `Successfully ${
-          status === SshCertTemplateStatus.ACTIVE ? "enabled" : "disabled"
-        } SSH certificate template`,
-        type: "success"
-      });
-
-      handlePopUpClose("sshCertificateTemplateStatus");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${
-          status === SshCertTemplateStatus.ACTIVE ? "enabled" : "disabled"
-        } SSH certificate template`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="h-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <h3 className="text-lg font-semibold text-mineshaft-100">Certificate Templates</h3>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.SshCertificateTemplates}
-        >
-          {(isAllowed) => (
-            <IconButton
-              ariaLabel="copy icon"
-              variant="plain"
-              className="group relative"
-              onClick={() => handlePopUpOpen("sshCertificateTemplate")}
-              isDisabled={!isAllowed}
-            >
-              <FontAwesomeIcon icon={faPlus} />
-            </IconButton>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <div className="py-4">
-        <SshCertificateTemplatesTable handlePopUpOpen={handlePopUpOpen} sshCaId={caId} />
-      </div>
-      <SshCertificateModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <SshCertificateTemplateModal
-        popUp={popUp}
-        handlePopUpToggle={handlePopUpToggle}
-        sshCaId={caId}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deleteSshCertificateTemplate.isOpen}
-        title={`Are you sure want to delete the SSH certificate template ${
-          (popUp?.deleteSshCertificateTemplate?.data as { name: string })?.name || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteSshCertificateTemplate", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveSshCertificateTemplateSubmit(
-            (popUp?.deleteSshCertificateTemplate?.data as { id: string })?.id
-          )
-        }
-      />
-      <DeleteActionModal
-        isOpen={popUp.sshCertificateTemplateStatus.isOpen}
-        title={`Are you sure want to ${
-          (popUp?.sshCertificateTemplateStatus?.data as { status: string })?.status ===
-          SshCertTemplateStatus.ACTIVE
-            ? "enable"
-            : "disable"
-        } this certificate template?`}
-        subTitle={
-          (popUp?.sshCertificateTemplateStatus?.data as { status: string })?.status ===
-          SshCertTemplateStatus.ACTIVE
-            ? "This action will allow certificate issuance under this template again."
-            : "This action will prevent certificate issuance under this template."
-        }
-        onChange={(isOpen) => handlePopUpToggle("sshCertificateTemplateStatus", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onUpdateSshCaStatus(
-            popUp?.sshCertificateTemplateStatus?.data as {
-              templateId: string;
-              status: SshCertTemplateStatus;
-            }
-          )
-        }
-        buttonText={
-          (popUp?.sshCertificateTemplateStatus?.data as { status: string })?.status ===
-          SshCertTemplateStatus.ACTIVE
-            ? "Enable"
-            : "Disable"
-        }
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplatesTable.tsx b/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplatesTable.tsx
deleted file mode 100644
index 9a41340e9..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/SshCertificateTemplatesTable.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import {
-  faBan,
-  faCertificate,
-  faEllipsis,
-  faFileAlt,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { SshCertTemplateStatus, useGetSshCaCertTemplates } from "@app/hooks/api";
-import { caStatusToNameMap, getCaStatusBadgeVariant } from "@app/hooks/api/ca/constants";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  sshCaId: string;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<
-      [
-        "sshCertificateTemplate",
-        "sshCertificateTemplateStatus",
-        "sshCertificate",
-        "deleteSshCertificateTemplate",
-        "upgradePlan"
-      ]
-    >,
-    data?: {
-      id?: string;
-      name?: string;
-      sshCaId?: string;
-      status?: SshCertTemplateStatus;
-      templateId?: string;
-    }
-  ) => void;
-};
-
-export const SshCertificateTemplatesTable = ({ handlePopUpOpen, sshCaId }: Props) => {
-  const { data, isLoading } = useGetSshCaCertTemplates(sshCaId);
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th>Status</Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={2} innerKey="project-cas" />}
-            {!isLoading &&
-              data?.certificateTemplates.map((certificateTemplate) => {
-                return (
-                  <Tr className="h-10" key={`certificate-${certificateTemplate.id}`}>
-                    <Td>{certificateTemplate.name}</Td>
-                    <Td>
-                      <Badge variant={getCaStatusBadgeVariant(certificateTemplate.status)}>
-                        {caStatusToNameMap[certificateTemplate.status]}
-                      </Badge>
-                    </Td>
-                    <Td className="flex justify-end">
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <Tooltip content="More options">
-                              <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                            </Tooltip>
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={ProjectPermissionSub.SshCertificateTemplates}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("sshCertificateTemplateStatus", {
-                                    templateId: certificateTemplate.id,
-                                    status:
-                                      certificateTemplate.status === SshCertTemplateStatus.ACTIVE
-                                        ? SshCertTemplateStatus.DISABLED
-                                        : SshCertTemplateStatus.ACTIVE
-                                  });
-                                }}
-                                disabled={!isAllowed}
-                                icon={<FontAwesomeIcon icon={faBan} />}
-                              >
-                                {`${
-                                  certificateTemplate.status === SshCertTemplateStatus.ACTIVE
-                                    ? "Disable"
-                                    : "Enable"
-                                } Template`}
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={ProjectPermissionSub.SshCertificateTemplates}
-                          >
-                            <DropdownMenuItem
-                              onClick={() => {
-                                handlePopUpOpen("sshCertificate", {
-                                  sshCaId,
-                                  templateId: certificateTemplate.id
-                                });
-                              }}
-                              icon={
-                                <FontAwesomeIcon icon={faCertificate} size="sm" className="mr-1" />
-                              }
-                            >
-                              Issue Certificate
-                            </DropdownMenuItem>
-                          </ProjectPermissionCan>
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Edit}
-                            a={ProjectPermissionSub.SshCertificateTemplates}
-                          >
-                            <DropdownMenuItem
-                              onClick={() =>
-                                handlePopUpOpen("sshCertificateTemplate", {
-                                  id: certificateTemplate.id
-                                })
-                              }
-                              icon={<FontAwesomeIcon icon={faFileAlt} size="sm" className="mr-1" />}
-                            >
-                              Edit Template
-                            </DropdownMenuItem>
-                          </ProjectPermissionCan>
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.SshCertificateTemplates}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                disabled={!isAllowed}
-                                icon={<FontAwesomeIcon icon={faTrash} size="sm" className="mr-1" />}
-                                onClick={() =>
-                                  handlePopUpOpen("deleteSshCertificateTemplate", {
-                                    id: certificateTemplate.id,
-                                    name: certificateTemplate.name
-                                  })
-                                }
-                              >
-                                Delete Template
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && !data?.certificateTemplates?.length && (
-          <EmptyState
-            title="No certificate templates have been created for this SSH CA"
-            icon={faFileAlt}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshCaPage/components/index.tsx b/frontend-next/src/views/Project/SshCaPage/components/index.tsx
deleted file mode 100644
index 9466ecc8f..000000000
--- a/frontend-next/src/views/Project/SshCaPage/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { SshCaDetailsSection } from "./SshCaDetailsSection";
-export { SshCertificateModal } from "./SshCertificateModal";
-export { SshCertificateTemplatesSection } from "./SshCertificateTemplatesSection";
diff --git a/frontend-next/src/views/Project/SshCaPage/index.tsx b/frontend-next/src/views/Project/SshCaPage/index.tsx
deleted file mode 100644
index 18da81c2b..000000000
--- a/frontend-next/src/views/Project/SshCaPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SshCaPage } from "./SshCaPage";
diff --git a/frontend-next/src/views/Project/SshPage/SshPage.tsx b/frontend-next/src/views/Project/SshPage/SshPage.tsx
deleted file mode 100644
index 294170fb5..000000000
--- a/frontend-next/src/views/Project/SshPage/SshPage.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { motion } from "framer-motion";
-
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-
-import { SshCaSection, SshCertificatesSection } from "./components";
-
-enum TabSections {
-  SshCa = "ssh-certificate-authorities",
-  SshCertificates = "ssh-certificates"
-}
-
-export const SshPage = withProjectPermission(
-  () => {
-    return (
-      <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-        <div className="mx-auto mb-6 w-full max-w-7xl py-6 px-6">
-          <p className="mr-4 mb-4 text-3xl font-semibold text-white">SSH</p>
-          <Tabs defaultValue={TabSections.SshCertificates}>
-            <TabList>
-              <Tab value={TabSections.SshCertificates}>SSH Certificates</Tab>
-              <Tab value={TabSections.SshCa}>Certificate Authorities</Tab>
-            </TabList>
-            <TabPanel value={TabSections.SshCertificates}>
-              <motion.div
-                key="panel-ssh-certificate-s"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <SshCertificatesSection />
-              </motion.div>
-            </TabPanel>
-            <TabPanel value={TabSections.SshCa}>
-              <motion.div
-                key="panel-ssh-certificate-authorities"
-                transition={{ duration: 0.15 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: 30 }}
-              >
-                <SshCaSection />
-              </motion.div>
-            </TabPanel>
-          </Tabs>
-        </div>
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.SshCertificateAuthorities }
-);
diff --git a/frontend-next/src/views/Project/SshPage/components/SshCaModal.tsx b/frontend-next/src/views/Project/SshPage/components/SshCaModal.tsx
deleted file mode 100644
index 47a58bfdf..000000000
--- a/frontend-next/src/views/Project/SshPage/components/SshCaModal.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useCreateSshCa, useGetSshCaById, useUpdateSshCa } from "@app/hooks/api";
-import { certKeyAlgorithms } from "@app/hooks/api/certificates/constants";
-import { CertKeyAlgorithm } from "@app/hooks/api/certificates/enums";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  popUp: UsePopUpState<["sshCa"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["sshCa"]>, state?: boolean) => void;
-};
-
-const schema = z
-  .object({
-    friendlyName: z.string(),
-    keyAlgorithm: z.enum([
-      CertKeyAlgorithm.RSA_2048,
-      CertKeyAlgorithm.RSA_4096,
-      CertKeyAlgorithm.ECDSA_P256,
-      CertKeyAlgorithm.ECDSA_P384
-    ])
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-export const SshCaModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const router = useRouter();
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const { data: ca } = useGetSshCaById((popUp?.sshCa?.data as { caId: string })?.caId || "");
-
-  const { mutateAsync: createMutateAsync } = useCreateSshCa();
-  const { mutateAsync: updateMutateAsync } = useUpdateSshCa();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      friendlyName: "",
-      keyAlgorithm: CertKeyAlgorithm.RSA_2048
-    }
-  });
-
-  useEffect(() => {
-    if (ca) {
-      reset({
-        friendlyName: ca.friendlyName,
-        keyAlgorithm: ca.keyAlgorithm
-      });
-    } else {
-      reset({
-        friendlyName: "",
-        keyAlgorithm: CertKeyAlgorithm.RSA_2048
-      });
-    }
-  }, [ca]);
-
-  const onFormSubmit = async ({ friendlyName, keyAlgorithm }: FormData) => {
-    try {
-      if (!projectId) return;
-
-      if (ca) {
-        await updateMutateAsync({
-          caId: ca.id,
-          friendlyName
-        });
-      } else {
-        const { id: newCaId } = await createMutateAsync({
-          projectId,
-          friendlyName,
-          keyAlgorithm
-        });
-
-        router.push(`/${ProjectType.SSH}/${projectId}/ca/${newCaId}`);
-      }
-
-      reset();
-      handlePopUpToggle("sshCa", false);
-
-      createNotification({
-        text: `Successfully ${ca ? "updated" : "created"} SSH CA`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create SSH CA",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.sshCa?.isOpen}
-      onOpenChange={(isOpen) => {
-        reset();
-        handlePopUpToggle("sshCa", isOpen);
-      }}
-    >
-      <ModalContent title={`${ca ? "View" : "Create"} SSH CA`}>
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          {ca && (
-            <FormControl label="CA ID">
-              <Input value={ca.id} isDisabled className="bg-white/[0.07]" />
-            </FormControl>
-          )}
-          <Controller
-            control={control}
-            defaultValue=""
-            name="friendlyName"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Friendly Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-                isRequired
-              >
-                <Input {...field} placeholder="My SSH CA" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="keyAlgorithm"
-            defaultValue={CertKeyAlgorithm.RSA_2048}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl
-                label="Key Algorithm"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                  isDisabled={Boolean(ca)}
-                >
-                  {certKeyAlgorithms.map(({ label, value }) => (
-                    <SelectItem value={String(value || "")} key={label}>
-                      {label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <div className="flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              {popUp?.sshCa?.data ? "Update" : "Create"}
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpToggle("sshCa", false)}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshPage/components/SshCaSection.tsx b/frontend-next/src/views/Project/SshPage/components/SshCaSection.tsx
deleted file mode 100644
index 98855a450..000000000
--- a/frontend-next/src/views/Project/SshPage/components/SshCaSection.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { SshCaStatus, useDeleteSshCa, useUpdateSshCa } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { SshCaModal } from "./SshCaModal";
-import { SshCaTable } from "./SshCaTable";
-
-export const SshCaSection = () => {
-  const { mutateAsync: deleteSshCa } = useDeleteSshCa();
-  const { mutateAsync: updateSshCa } = useUpdateSshCa();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "sshCa",
-    "deleteSshCa",
-    "sshCaStatus", // enable / disable
-    "upgradePlan"
-  ] as const);
-
-  const onRemoveSshCaSubmit = async (caId: string) => {
-    try {
-      await deleteSshCa({ caId });
-
-      await createNotification({
-        text: "Successfully deleted SSH CA",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteSshCa");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete SSH CA",
-        type: "error"
-      });
-    }
-  };
-
-  const onUpdateSshCaStatus = async ({ caId, status }: { caId: string; status: SshCaStatus }) => {
-    try {
-      await updateSshCa({ caId, status });
-
-      await createNotification({
-        text: `Successfully ${status === SshCaStatus.ACTIVE ? "enabled" : "disabled"} SSH CA`,
-        type: "success"
-      });
-
-      handlePopUpClose("sshCaStatus");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${status === SshCaStatus.ACTIVE ? "enabled" : "disabled"} SSH CA`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Certificate Authorities</p>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.SshCertificateAuthorities}
-        >
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("sshCa")}
-              isDisabled={!isAllowed}
-            >
-              Create SSH CA
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <SshCaTable handlePopUpOpen={handlePopUpOpen} />
-      <SshCaModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deleteSshCa.isOpen}
-        title="Are you sure want to remove the SSH CA?"
-        onChange={(isOpen) => handlePopUpToggle("deleteSshCa", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onRemoveSshCaSubmit((popUp?.deleteSshCa?.data as { caId: string })?.caId)
-        }
-      />
-      <DeleteActionModal
-        isOpen={popUp.sshCaStatus.isOpen}
-        title={`Are you sure want to ${
-          (popUp?.sshCaStatus?.data as { status: string })?.status === SshCaStatus.ACTIVE
-            ? "enable"
-            : "disable"
-        } the CA?`}
-        subTitle={
-          (popUp?.sshCaStatus?.data as { status: string })?.status === SshCaStatus.ACTIVE
-            ? "This action will allow the SSH CA to start issuing certificates again."
-            : "This action will prevent the SSH CA from issuing new certificates."
-        }
-        onChange={(isOpen) => handlePopUpToggle("sshCaStatus", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={() =>
-          onUpdateSshCaStatus(popUp?.sshCaStatus?.data as { caId: string; status: SshCaStatus })
-        }
-      />
-      {/* <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      /> */}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshPage/components/SshCaTable.tsx b/frontend-next/src/views/Project/SshPage/components/SshCaTable.tsx
deleted file mode 100644
index 0f29b3711..000000000
--- a/frontend-next/src/views/Project/SshPage/components/SshCaTable.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import { useRouter } from "next/router";
-import { faBan, faCertificate, faEllipsis, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { SshCaStatus, useListWorkspaceSshCas } from "@app/hooks/api";
-import { caStatusToNameMap, getCaStatusBadgeVariant } from "@app/hooks/api/ca/constants";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteSshCa", "sshCaStatus"]>,
-    data?: {}
-  ) => void;
-};
-
-export const SshCaTable = ({ handlePopUpOpen }: Props) => {
-  const router = useRouter();
-  const { currentWorkspace } = useWorkspace();
-  const { data, isLoading } = useListWorkspaceSshCas(currentWorkspace?.id || "");
-
-  return (
-    <div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Friendly Name</Th>
-              <Th>Status</Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={3} innerKey="org-ssh-cas" />}
-            {!isLoading &&
-              data &&
-              data.length > 0 &&
-              data.map((ca) => {
-                return (
-                  <Tr
-                    className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                    key={`ca-${ca.id}`}
-                    onClick={() =>
-                      router.push(`/${ProjectType.SSH}/${currentWorkspace?.id}/ca/${ca.id}`)
-                    }
-                  >
-                    <Td>{ca.friendlyName}</Td>
-                    <Td>
-                      <Badge variant={getCaStatusBadgeVariant(ca.status)}>
-                        {caStatusToNameMap[ca.status]}
-                      </Badge>
-                    </Td>
-                    <Td className="flex justify-end">
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <Tooltip content="More options">
-                              <FontAwesomeIcon size="lg" icon={faEllipsis} />
-                            </Tooltip>
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          {(ca.status === SshCaStatus.ACTIVE ||
-                            ca.status === SshCaStatus.DISABLED) && (
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Edit}
-                              a={ProjectPermissionSub.SshCertificateAuthorities}
-                            >
-                              {(isAllowed) => (
-                                <DropdownMenuItem
-                                  className={twMerge(
-                                    !isAllowed &&
-                                      "pointer-events-none cursor-not-allowed opacity-50"
-                                  )}
-                                  onClick={(e) => {
-                                    e.stopPropagation();
-                                    handlePopUpOpen("sshCaStatus", {
-                                      caId: ca.id,
-                                      status:
-                                        ca.status === SshCaStatus.ACTIVE
-                                          ? SshCaStatus.DISABLED
-                                          : SshCaStatus.ACTIVE
-                                    });
-                                  }}
-                                  disabled={!isAllowed}
-                                  icon={<FontAwesomeIcon icon={faBan} />}
-                                >
-                                  {`${
-                                    ca.status === SshCaStatus.ACTIVE ? "Disable" : "Enable"
-                                  } SSH CA`}
-                                </DropdownMenuItem>
-                              )}
-                            </ProjectPermissionCan>
-                          )}
-                          <ProjectPermissionCan
-                            I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.SshCertificateAuthorities}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("deleteSshCa", {
-                                    caId: ca.id
-                                  });
-                                }}
-                                disabled={!isAllowed}
-                                icon={<FontAwesomeIcon icon={faTrash} />}
-                              >
-                                Delete SSH CA
-                              </DropdownMenuItem>
-                            )}
-                          </ProjectPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                );
-              })}
-          </TBody>
-        </Table>
-        {!isLoading && data?.length === 0 && (
-          <EmptyState
-            title="No SSH certificate authorities have been created"
-            icon={faCertificate}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshPage/components/SshCertificatesSection.tsx b/frontend-next/src/views/Project/SshPage/components/SshCertificatesSection.tsx
deleted file mode 100644
index 5d2e7f5fe..000000000
--- a/frontend-next/src/views/Project/SshPage/components/SshCertificatesSection.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { SshCertificateModal } from "../../SshCaPage/components/SshCertificateModal";
-import { SshCertificatesTable } from "./SshCertificatesTable";
-
-export const SshCertificatesSection = () => {
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["sshCertificate"] as const);
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Certificates</p>
-        <ProjectPermissionCan
-          I={ProjectPermissionActions.Create}
-          a={ProjectPermissionSub.SshCertificates}
-        >
-          {(isAllowed) => (
-            <Button
-              colorSchema="primary"
-              type="submit"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("sshCertificate")}
-              isDisabled={!isAllowed}
-            >
-              Request
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <SshCertificatesTable />
-      <SshCertificateModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshPage/components/SshCertificatesTable.tsx b/frontend-next/src/views/Project/SshPage/components/SshCertificatesTable.tsx
deleted file mode 100644
index c8310cc71..000000000
--- a/frontend-next/src/views/Project/SshPage/components/SshCertificatesTable.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { useState } from "react";
-import { faCertificate } from "@fortawesome/free-solid-svg-icons";
-import { format } from "date-fns";
-
-import {
-  Badge,
-  EmptyState,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useListWorkspaceSshCertificates } from "@app/hooks/api";
-
-import { getSshCertStatusBadgeDetails } from "./SshCertificatesTable.utils";
-
-const PER_PAGE_INIT = 25;
-
-export const SshCertificatesTable = () => {
-  const { currentWorkspace } = useWorkspace();
-  const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(PER_PAGE_INIT);
-
-  const { data, isLoading } = useListWorkspaceSshCertificates({
-    projectId: currentWorkspace?.id || "",
-    offset: (page - 1) * perPage,
-    limit: perPage
-  });
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Principals</Th>
-            <Th>Status</Th>
-            <Th>Not Before</Th>
-            <Th>Not After</Th>
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="org-ssh-certificates" />}
-          {!isLoading &&
-            data?.certificates?.map((certificate) => {
-              const { variant, label } = getSshCertStatusBadgeDetails(certificate.notAfter);
-              return (
-                <Tr className="h-10" key={`certificate-${certificate.id}`}>
-                  <Td>{certificate.principals.join(", ")}</Td>
-                  <Td>
-                    <Badge variant={variant}>{label}</Badge>
-                  </Td>
-                  <Td>
-                    {certificate.notBefore
-                      ? format(new Date(certificate.notBefore), "yyyy-MM-dd")
-                      : "-"}
-                  </Td>
-                  <Td>
-                    {certificate.notAfter
-                      ? format(new Date(certificate.notAfter), "yyyy-MM-dd")
-                      : "-"}
-                  </Td>
-                </Tr>
-              );
-            })}
-        </TBody>
-      </Table>
-      {!isLoading && data?.totalCount !== undefined && data.totalCount >= PER_PAGE_INIT && (
-        <Pagination
-          count={data.totalCount}
-          page={page}
-          perPage={perPage}
-          onChangePage={(newPage) => setPage(newPage)}
-          onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-        />
-      )}
-      {!isLoading && !data?.certificates?.length && (
-        <EmptyState title="No SSH certificates have been issued" icon={faCertificate} />
-      )}
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Project/SshPage/components/SshCertificatesTable.utils.ts b/frontend-next/src/views/Project/SshPage/components/SshCertificatesTable.utils.ts
deleted file mode 100644
index 12b75aa08..000000000
--- a/frontend-next/src/views/Project/SshPage/components/SshCertificatesTable.utils.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export const getSshCertStatusBadgeDetails = (notAfter: string) => {
-  const currentDate = new Date().getTime();
-  const notAfterDate = new Date(notAfter).getTime();
-
-  let variant: "success" | "primary" | "danger" = "success";
-  let label = "Active";
-
-  if (notAfterDate > currentDate) {
-    variant = "success";
-    label = "Active";
-  } else {
-    variant = "danger";
-    label = "Expired";
-  }
-
-  return { variant, label };
-};
diff --git a/frontend-next/src/views/Project/SshPage/components/index.tsx b/frontend-next/src/views/Project/SshPage/components/index.tsx
deleted file mode 100644
index efb307725..000000000
--- a/frontend-next/src/views/Project/SshPage/components/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { SshCaSection } from "./SshCaSection";
-export { SshCertificatesSection } from "./SshCertificatesSection";
diff --git a/frontend-next/src/views/Project/SshPage/index.tsx b/frontend-next/src/views/Project/SshPage/index.tsx
deleted file mode 100644
index 080bae38d..000000000
--- a/frontend-next/src/views/Project/SshPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SshPage } from "./SshPage";
diff --git a/frontend-next/src/views/Project/Types/TabSections.ts b/frontend-next/src/views/Project/Types/TabSections.ts
deleted file mode 100644
index ffc93587e..000000000
--- a/frontend-next/src/views/Project/Types/TabSections.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export enum TabSections {
-  Member = "members",
-  Roles = "roles",
-  Groups = "groups",
-  Identities = "identities",
-  ServiceTokens = "service-tokens"
-}
-
-export const isTabSection = (value: string): value is TabSections => {
-  return (Object.values(TabSections) as string[]).includes(value);
-}
diff --git a/frontend-next/src/views/Project/Types/index.ts b/frontend-next/src/views/Project/Types/index.ts
deleted file mode 100644
index 8fa062aa1..000000000
--- a/frontend-next/src/views/Project/Types/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { isTabSection,TabSections } from "./TabSections";
-
-export { isTabSection,TabSections };
diff --git a/frontend-next/src/views/SecretApprovalPage/SecretApprovalPage.tsx b/frontend-next/src/views/SecretApprovalPage/SecretApprovalPage.tsx
deleted file mode 100644
index 8d7282130..000000000
--- a/frontend-next/src/views/SecretApprovalPage/SecretApprovalPage.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import Link from "next/link";
-import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
-import { Badge } from "@app/components/v2/Badge";
-import { useWorkspace } from "@app/context";
-import { useGetAccessRequestsCount, useGetSecretApprovalRequestCount } from "@app/hooks/api";
-
-import { AccessApprovalRequest } from "./components/AccessApprovalRequest";
-import { ApprovalPolicyList } from "./components/ApprovalPolicyList";
-import { SecretApprovalRequest } from "./components/SecretApprovalRequest";
-
-enum TabSection {
-  SecretApprovalRequests = "approval-requests",
-  SecretPolicies = "approval-rules",
-  ResourcePolicies = "resource-rules",
-  ResourceApprovalRequests = "resource-requests",
-  Policies = "policies"
-}
-
-export const SecretApprovalPage = () => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-  const projectSlug = currentWorkspace?.slug || "";
-  const { data: secretApprovalReqCount } = useGetSecretApprovalRequestCount({ workspaceId: projectId });
-  const { data: accessApprovalRequestCount } = useGetAccessRequestsCount({ projectSlug });
-  const defaultTab = (accessApprovalRequestCount?.pendingCount || 0) > (secretApprovalReqCount?.open || 0)
-    ? TabSection.ResourceApprovalRequests
-    : TabSection.SecretApprovalRequests;
-
-  return (
-    <div className="container mx-auto h-full w-full max-w-7xl bg-bunker-800 px-6 text-white">
-      <div className="flex items-center justify-between py-6">
-        <div className="flex w-full flex-col">
-          <h2 className="text-3xl font-semibold text-gray-200">Approval Workflows</h2>
-          <p className="text-bunker-300">
-            Create approval policies for any modifications to secrets in sensitive environments and
-            folders.
-          </p>
-        </div>
-        <div className="flex w-max justify-center">
-          <Link href="https://infisical.com/docs/documentation/platform/pr-workflows">
-            <span className="w-max cursor-pointer rounded-md border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 text-mineshaft-200 duration-200 hover:border-primary/40 hover:bg-primary/10 hover:text-white">
-              Documentation{" "}
-              <FontAwesomeIcon
-                icon={faArrowUpRightFromSquare}
-                className="mb-[0.06rem] ml-1 text-xs"
-              />
-            </span>
-          </Link>
-        </div>
-      </div>
-      <Tabs defaultValue={defaultTab}>
-        <TabList>
-          <Tab value={TabSection.SecretApprovalRequests}>
-            Secret Requests
-            {Boolean(secretApprovalReqCount?.open) && (<Badge className="ml-2">{secretApprovalReqCount?.open}</Badge>)}
-          </Tab>
-          <Tab value={TabSection.ResourceApprovalRequests}>
-            Access Requests
-            {Boolean(accessApprovalRequestCount?.pendingCount) && <Badge className="ml-2">{accessApprovalRequestCount?.pendingCount}</Badge>}
-          </Tab>
-          <Tab value={TabSection.Policies}>Policies</Tab>
-        </TabList>
-        <TabPanel value={TabSection.SecretApprovalRequests}>
-          <SecretApprovalRequest />
-        </TabPanel>
-        <TabPanel value={TabSection.ResourceApprovalRequests}>
-          <AccessApprovalRequest projectId={projectId} projectSlug={projectSlug} />
-        </TabPanel>
-        <TabPanel value={TabSection.Policies}>
-          <ApprovalPolicyList workspaceId={projectId} />
-        </TabPanel>
-      </Tabs>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/AccessApprovalRequest.tsx b/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/AccessApprovalRequest.tsx
deleted file mode 100644
index 42e576f06..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/AccessApprovalRequest.tsx
+++ /dev/null
@@ -1,459 +0,0 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable react/jsx-no-useless-fragment */
-import { useMemo, useState } from "react";
-import {
-  faCheck,
-  faCheckCircle,
-  faChevronDown,
-  faLock,
-  faPlus
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { formatDistance } from "date-fns";
-import { AnimatePresence, motion } from "framer-motion";
-
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  EmptyState,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import { Badge } from "@app/components/v2/Badge";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useSubscription,
-  useUser,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useGetWorkspaceUsers } from "@app/hooks/api";
-import {
-  accessApprovalKeys,
-  useGetAccessApprovalPolicies,
-  useGetAccessApprovalRequests,
-  useGetAccessRequestsCount
-} from "@app/hooks/api/accessApproval/queries";
-import { TAccessApprovalRequest } from "@app/hooks/api/accessApproval/types";
-import { EnforcementLevel } from "@app/hooks/api/policies/enums";
-import { ApprovalStatus, TWorkspaceUser } from "@app/hooks/api/types";
-import { queryClient } from "@app/reactQuery";
-
-import { RequestAccessModal } from "./components/RequestAccessModal";
-import { ReviewAccessRequestModal } from "./components/ReviewAccessModal";
-
-const generateRequestText = (request: TAccessApprovalRequest, userId: string) => {
-  const { isTemporary } = request;
-
-  return (
-    <div className="flex w-full items-center justify-between text-sm">
-      <div>
-        Requested {isTemporary ? "temporary" : "permanent"} access to{" "}
-        <code className="mx-1 rounded-sm bg-primary-500/20 px-1.5 py-0.5 font-mono text-xs text-primary">
-          {request.policy.secretPath}
-        </code>
-        in
-        <code className="mx-1 rounded-sm bg-primary-500/20 px-1.5 py-0.5 font-mono text-xs text-primary">
-          {request.environmentName}
-        </code>
-      </div>
-      <div>
-        {request.requestedByUserId === userId && (
-          <span className="text-xs text-gray-500">
-            <Badge className="ml-1">Requested By You</Badge>
-          </span>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export const AccessApprovalRequest = ({
-  projectSlug,
-  projectId
-}: {
-  projectSlug: string;
-  projectId: string;
-}) => {
-  const [selectedRequest, setSelectedRequest] = useState<
-    | (TAccessApprovalRequest & {
-        user: TWorkspaceUser["user"] | null;
-        isRequestedByCurrentUser: boolean;
-        isApprover: boolean;
-      })
-    | null
-  >(null);
-
-  const { handlePopUpOpen, popUp, handlePopUpClose } = usePopUp([
-    "requestAccess",
-    "reviewRequest",
-    "upgradePlan"
-  ] as const);
-  const { permission } = useProjectPermission();
-  const { user } = useUser();
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-
-  const { data: members } = useGetWorkspaceUsers(projectId, true);
-  const membersGroupById = members?.reduce<Record<string, TWorkspaceUser>>(
-    (prev, curr) => ({ ...prev, [curr.user.id]: curr }),
-    {}
-  );
-
-  console.log("membersGroupById", membersGroupById);
-
-  const [statusFilter, setStatusFilter] = useState<"open" | "close">("open");
-  const [requestedByFilter, setRequestedByFilter] = useState<string | undefined>(undefined);
-  const [envFilter, setEnvFilter] = useState<string | undefined>(undefined);
-
-  const { data: requestCount } = useGetAccessRequestsCount({
-    projectSlug
-  });
-
-  const { data: policies, isLoading: policiesLoading } = useGetAccessApprovalPolicies({
-    projectSlug
-  });
-
-  const { data: requests } = useGetAccessApprovalRequests({
-    projectSlug,
-    authorProjectMembershipId: requestedByFilter,
-    envSlug: envFilter
-  });
-
-  const filteredRequests = useMemo(() => {
-    if (statusFilter === "open")
-      return requests?.filter(
-        (request) =>
-          !request.policy.deletedAt &&
-          !request.isApproved &&
-          !request.reviewers.some((reviewer) => reviewer.status === ApprovalStatus.REJECTED)
-      );
-    if (statusFilter === "close")
-      return requests?.filter(
-        (request) =>
-          request.policy.deletedAt ||
-          request.isApproved ||
-          request.reviewers.some((reviewer) => reviewer.status === ApprovalStatus.REJECTED)
-      );
-
-    return requests;
-  }, [requests, statusFilter, requestedByFilter, envFilter]);
-
-  const generateRequestDetails = (request: TAccessApprovalRequest) => {
-    const isReviewedByUser = request.reviewers.findIndex(({ member }) => member === user.id) !== -1;
-    const isRejectedByAnyone = request.reviewers.some(
-      ({ status }) => status === ApprovalStatus.REJECTED
-    );
-    const isApprover = request.policy.approvers.indexOf(user.id || "") !== -1;
-    const isAccepted = request.isApproved;
-    const isSoftEnforcement = request.policy.enforcementLevel === EnforcementLevel.Soft;
-    const isRequestedByCurrentUser = request.requestedByUserId === user.id;
-
-    const userReviewStatus = request.reviewers.find(({ member }) => member === user.id)?.status;
-
-    let displayData: { label: string; type: "primary" | "danger" | "success" } = {
-      label: "",
-      type: "primary"
-    };
-
-    const isExpired =
-      request.privilege &&
-      request.isApproved &&
-      new Date() > new Date(request.privilege.temporaryAccessEndTime || ("" as string));
-
-    if (isExpired) displayData = { label: "Access Expired", type: "danger" };
-    else if (isAccepted) displayData = { label: "Access Granted", type: "success" };
-    else if (isRejectedByAnyone) displayData = { label: "Rejected", type: "danger" };
-    else if (userReviewStatus === ApprovalStatus.APPROVED) {
-      displayData = {
-        label: `Pending ${request.policy.approvals - request.reviewers.length} review${
-          request.policy.approvals - request.reviewers.length > 1 ? "s" : ""
-        }`,
-        type: "primary"
-      };
-    } else if (!isReviewedByUser)
-      displayData = {
-        label: "Review Required",
-        type: "primary"
-      };
-
-    return {
-      displayData,
-      isReviewedByUser,
-      isRejectedByAnyone,
-      isApprover,
-      userReviewStatus,
-      isAccepted,
-      isSoftEnforcement,
-      isRequestedByCurrentUser
-    };
-  };
-
-  return (
-    <div>
-      <div className="mb-6 flex items-end justify-between">
-        <div className="flex flex-col">
-          <span className="text-xl font-semibold text-mineshaft-100">Access Requests</span>
-          <div className="mt-2 text-sm text-bunker-300">
-            Request access to secrets in sensitive environments and folders.
-          </div>
-        </div>
-        <div>
-          <Tooltip
-            content="To submit Access Requests, your project needs to create Access Request policies first."
-            isDisabled={policiesLoading || !!policies?.length}
-          >
-            <Button
-              onClick={() => {
-                if (subscription && !subscription?.secretApproval) {
-                  handlePopUpOpen("upgradePlan");
-                  return;
-                }
-                handlePopUpOpen("requestAccess");
-              }}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              isDisabled={policiesLoading || !policies?.length}
-            >
-              Request access
-            </Button>
-          </Tooltip>
-        </div>
-      </div>
-
-      <AnimatePresence>
-        <motion.div
-          key="approval-changes-list"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: 30 }}
-          className="rounded-md text-gray-300"
-        >
-          <div className="flex items-center space-x-8 rounded-t-md border-x border-t border-mineshaft-600 bg-mineshaft-800 p-4 px-8">
-            <div
-              role="button"
-              tabIndex={0}
-              onClick={() => setStatusFilter("open")}
-              onKeyDown={(evt) => {
-                if (evt.key === "Enter") setStatusFilter("open");
-              }}
-              className={
-                statusFilter === "close" ? "text-gray-500 duration-100 hover:text-gray-400" : ""
-              }
-            >
-              <FontAwesomeIcon icon={faLock} className="mr-2" />
-              {!!requestCount && requestCount?.pendingCount} Pending
-            </div>
-            <div
-              className={
-                statusFilter === "open" ? "text-gray-500 duration-100 hover:text-gray-400" : ""
-              }
-              role="button"
-              tabIndex={0}
-              onClick={() => setStatusFilter("close")}
-              onKeyDown={(evt) => {
-                if (evt.key === "Enter") setStatusFilter("close");
-              }}
-            >
-              <FontAwesomeIcon icon={faCheck} className="mr-2" />
-              {!!requestCount && requestCount.finalizedCount} Completed
-            </div>
-            <div className="flex flex-grow justify-end space-x-8">
-              <DropdownMenu>
-                <DropdownMenuTrigger>
-                  <Button
-                    variant="plain"
-                    colorSchema="secondary"
-                    className="text-bunker-300"
-                    rightIcon={<FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />}
-                  >
-                    Environments
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent>
-                  <DropdownMenuLabel>Select an environment</DropdownMenuLabel>
-                  {currentWorkspace?.environments.map(({ slug, name }) => (
-                    <DropdownMenuItem
-                      onClick={() => setEnvFilter((state) => (state === slug ? undefined : slug))}
-                      key={`request-filter-${slug}`}
-                      icon={envFilter === slug && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      {name}
-                    </DropdownMenuItem>
-                  ))}
-                </DropdownMenuContent>
-              </DropdownMenu>
-              {!!permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Member) && (
-                <DropdownMenu>
-                  <DropdownMenuTrigger>
-                    <Button
-                      variant="plain"
-                      colorSchema="secondary"
-                      className={requestedByFilter ? "text-white" : "text-bunker-300"}
-                      rightIcon={
-                        <FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />
-                      }
-                    >
-                      Requested By
-                    </Button>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="end">
-                    <DropdownMenuLabel>Select an author</DropdownMenuLabel>
-                    {members?.map(({ user: membershipUser, id }) => (
-                      <DropdownMenuItem
-                        onClick={() =>
-                          setRequestedByFilter((state) => (state === id ? undefined : id))
-                        }
-                        key={`request-filter-member-${id}`}
-                        icon={requestedByFilter === id && <FontAwesomeIcon icon={faCheckCircle} />}
-                        iconPos="right"
-                      >
-                        {membershipUser.username}
-                      </DropdownMenuItem>
-                    ))}
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              )}
-            </div>
-          </div>
-          <div className="flex flex-col rounded-b-md border-x border-t border-b border-mineshaft-600 bg-mineshaft-800">
-            {filteredRequests?.length === 0 && (
-              <div className="py-12">
-                <EmptyState title="No more access requests pending." />
-              </div>
-            )}
-            {!!filteredRequests?.length &&
-              filteredRequests?.map((request) => {
-                const details = generateRequestDetails(request);
-
-                return (
-                  <div
-                    aria-disabled={
-                      details.isReviewedByUser || details.isRejectedByAnyone || details.isAccepted
-                    }
-                    key={request.id}
-                    className="flex w-full cursor-pointer px-8 py-4 hover:bg-mineshaft-700 aria-disabled:opacity-80"
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => {
-                      if (
-                        (!details.isApprover ||
-                          details.isReviewedByUser ||
-                          details.isRejectedByAnyone ||
-                          details.isAccepted) &&
-                        !(
-                          details.isSoftEnforcement &&
-                          details.isRequestedByCurrentUser &&
-                          !details.isAccepted
-                        )
-                      )
-                        return;
-
-                      setSelectedRequest({
-                        ...request,
-                        user: membersGroupById?.[request.requestedByUserId].user!,
-                        isRequestedByCurrentUser: details.isRequestedByCurrentUser,
-                        isApprover: details.isApprover
-                      });
-                      handlePopUpOpen("reviewRequest");
-                    }}
-                    onKeyDown={(evt) => {
-                      if (
-                        !details.isApprover ||
-                        details.isAccepted ||
-                        details.isReviewedByUser ||
-                        details.isRejectedByAnyone
-                      )
-                        return;
-                      if (evt.key === "Enter") {
-                        setSelectedRequest({
-                          ...request,
-                          user: membersGroupById?.[request.requestedByUserId].user!,
-                          isRequestedByCurrentUser: details.isRequestedByCurrentUser,
-                          isApprover: details.isApprover
-                        });
-                        handlePopUpOpen("reviewRequest");
-                      }
-                    }}
-                  >
-                    <div className="w-full">
-                      <div className="flex w-full flex-col justify-between">
-                        <div className="mb-1 flex w-full items-center">
-                          <FontAwesomeIcon icon={faLock} className="mr-2" />
-                          {generateRequestText(request, user.id)}
-                        </div>
-                        <div className="flex items-center justify-between">
-                          <div className="text-xs text-gray-500">
-                            {membersGroupById?.[request.requestedByUserId]?.user && (
-                              <>
-                                Requested {formatDistance(new Date(request.createdAt), new Date())}{" "}
-                                ago by{" "}
-                                {membersGroupById?.[request.requestedByUserId]?.user?.firstName}{" "}
-                                {membersGroupById?.[request.requestedByUserId]?.user?.lastName} (
-                                {membersGroupById?.[request.requestedByUserId]?.user?.email}){" "}
-                              </>
-                            )}
-                          </div>
-                          <div>
-                            {details.isApprover && (
-                              <Badge variant={details.displayData.type}>
-                                {details.displayData.label}
-                              </Badge>
-                            )}
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                );
-              })}
-          </div>
-        </motion.div>
-      </AnimatePresence>
-
-      {!!policies && (
-        <RequestAccessModal
-          policies={policies}
-          isOpen={popUp.requestAccess.isOpen}
-          onOpenChange={() => {
-            queryClient.invalidateQueries(
-              accessApprovalKeys.getAccessApprovalRequests(
-                projectSlug,
-                envFilter,
-                requestedByFilter
-              )
-            );
-            handlePopUpClose("requestAccess");
-          }}
-        />
-      )}
-
-      {!!selectedRequest && (
-        <ReviewAccessRequestModal
-          selectedEnvSlug={envFilter}
-          selectedRequester={requestedByFilter}
-          projectSlug={projectSlug}
-          request={selectedRequest}
-          isOpen={popUp.reviewRequest.isOpen}
-          onOpenChange={() => {
-            handlePopUpClose("reviewRequest");
-            setSelectedRequest(null);
-          }}
-        />
-      )}
-
-      <UpgradePlanModal
-        text="You need to upgrade your plan to access this feature"
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={() => handlePopUpClose("upgradePlan")}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/components/RequestAccessModal.tsx b/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/components/RequestAccessModal.tsx
deleted file mode 100644
index 47f678478..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/components/RequestAccessModal.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Modal, ModalContent } from "@app/components/v2";
-import { TAccessApprovalPolicy } from "@app/hooks/api/types";
-import { SpecificPrivilegeSecretForm } from "@app/views/Project/MembersPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection";
-
-export const RequestAccessModal = ({
-  isOpen,
-  onOpenChange,
-  policies
-}: {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  policies: TAccessApprovalPolicy[];
-}) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        className="max-w-4xl"
-        title="Request Access"
-        subTitle="Your role has limited permissions, please contact your administrator to gain access"
-      >
-        <SpecificPrivilegeSecretForm onClose={() => onOpenChange(false)} policies={policies} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/components/ReviewAccessModal.tsx b/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/components/ReviewAccessModal.tsx
deleted file mode 100644
index 1b8e17593..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/components/ReviewAccessModal.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-import ms from "ms";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Checkbox, Modal, ModalContent } from "@app/components/v2";
-import { Badge } from "@app/components/v2/Badge";
-import { ProjectPermissionActions } from "@app/context";
-import { useReviewAccessRequest } from "@app/hooks/api";
-import { TAccessApprovalRequest } from "@app/hooks/api/accessApproval/types";
-import { EnforcementLevel } from "@app/hooks/api/policies/enums";
-import { TWorkspaceUser } from "@app/hooks/api/types";
-
-export const ReviewAccessRequestModal = ({
-  isOpen,
-  onOpenChange,
-  request,
-  projectSlug,
-  selectedRequester,
-  selectedEnvSlug
-}: {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  request: TAccessApprovalRequest & {
-    user: TWorkspaceUser["user"] | null;
-    isRequestedByCurrentUser: boolean;
-    isApprover: boolean;
-  };
-  projectSlug: string;
-  selectedRequester: string | undefined;
-  selectedEnvSlug: string | undefined;
-}) => {
-  const [isLoading, setIsLoading] = useState<"approved" | "rejected" | null>(null);
-  const [byPassApproval, setByPassApproval] = useState(false);
-  const isSoftEnforcement = request.policy.enforcementLevel === EnforcementLevel.Soft;
-
-  const accessDetails = {
-    env: request.environmentName,
-    // secret path will be inside $glob operator
-    secretPath: request.policy.secretPath,
-    read: request.permissions?.some(({ action }) => action.includes(ProjectPermissionActions.Read)),
-    edit: request.permissions?.some(({ action }) => action.includes(ProjectPermissionActions.Edit)),
-    create: request.permissions?.some(({ action }) =>
-      action.includes(ProjectPermissionActions.Create)
-    ),
-    delete: request.permissions?.some(({ action }) =>
-      action.includes(ProjectPermissionActions.Delete)
-    ),
-
-    temporaryAccess: {
-      isTemporary: request.isTemporary,
-      temporaryRange: request.temporaryRange
-    }
-  };
-
-  const requestedAccess = useMemo(() => {
-    const access: string[] = [];
-    if (accessDetails.read) access.push("Read");
-    if (accessDetails.edit) access.push("Edit");
-    if (accessDetails.create) access.push("Create");
-    if (accessDetails.delete) access.push("Delete");
-
-    return access.join(", ");
-  }, [accessDetails]);
-
-  const getAccessLabel = () => {
-    if (!accessDetails.temporaryAccess.isTemporary || !accessDetails.temporaryAccess.temporaryRange)
-      return "Permanent";
-
-    // convert the range to human readable format
-    ms(ms(accessDetails.temporaryAccess.temporaryRange), { long: true });
-
-    return (
-      <Badge>
-        {`Valid for ${ms(ms(accessDetails.temporaryAccess.temporaryRange), {
-          long: true
-        })} after approval`}
-      </Badge>
-    );
-  };
-
-  const reviewAccessRequest = useReviewAccessRequest();
-
-  const handleReview = useCallback(async (status: "approved" | "rejected") => {
-    setIsLoading(status);
-    try {
-      await reviewAccessRequest.mutateAsync({
-        requestId: request.id,
-        status,
-        projectSlug,
-        envSlug: selectedEnvSlug,
-        requestedBy: selectedRequester
-      });
-    } catch (error) {
-      console.error(error);
-      setIsLoading(null);
-      return;
-    }
-
-    createNotification({
-      title: `Request ${status}`,
-      text: `The request has been ${status}`,
-      type: status === "approved" ? "success" : "info"
-    });
-
-    setIsLoading(null);
-    onOpenChange(false);
-  }, []);
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        className="max-w-4xl"
-        title="Review Request"
-        subTitle="Review the request and approve or deny access."
-      >
-        <div className="text-sm">
-          <span>
-            <span className="font-bold">
-              {request.user?.firstName} {request.user?.lastName} ({request.user?.email})
-            </span>{" "}
-            is requesting access to the following resource:
-          </span>
-
-          <div className="mt-4 mb-2 border-l border-blue-500 bg-blue-500/20 px-3 py-2 text-mineshaft-200">
-            <div className="mb-1 lowercase">
-              <span className="font-bold capitalize">Requested path: </span>
-              <Badge>{accessDetails.env + accessDetails.secretPath || ""}</Badge>
-            </div>
-
-            <div className="mb-1">
-              <span className="font-bold">Permissions: </span>
-              <Badge>{requestedAccess}</Badge>
-            </div>
-
-            <div>
-              <span className="font-bold">Access Type: </span>
-              <span>{getAccessLabel()}</span>
-            </div>
-          </div>
-
-          <div className="space-x-2">
-            <Button
-              isLoading={isLoading === "approved"}
-              isDisabled={
-                !!isLoading ||
-                (!request.isApprover && !byPassApproval && isSoftEnforcement)
-              }
-              onClick={() => handleReview("approved")}
-              className="mt-4"
-              size="sm"
-              colorSchema={!request.isApprover && isSoftEnforcement ? "danger" : "primary"}
-            >
-              Approve Request
-            </Button>
-            <Button
-              isLoading={isLoading === "rejected"}
-              isDisabled={!!isLoading}
-              onClick={() => handleReview("rejected")}
-              className="mt-4 border-transparent bg-transparent text-mineshaft-200 hover:border-red hover:bg-red/20 hover:text-mineshaft-200"
-              size="sm"
-            >
-              Reject Request
-            </Button>
-          </div>
-          {isSoftEnforcement && request.isRequestedByCurrentUser && !request.isApprover && (
-            <div className="mt-4">
-              <Checkbox
-                onCheckedChange={(checked) => setByPassApproval(checked === true)}
-                isChecked={byPassApproval}
-                id="byPassApproval"
-                checkIndicatorBg="text-white"
-                className={byPassApproval ? "bg-red hover:bg-red-600 border-red" : ""}
-              >
-                <span className="text-red text-sm">
-                  Approve without waiting for requirements to be met (bypass policy protection)
-                </span>
-              </Checkbox>
-            </div>
-          )}
-        </div>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/index.tsx b/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/index.tsx
deleted file mode 100644
index ec0a8d744..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/AccessApprovalRequest/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AccessApprovalRequest } from "./AccessApprovalRequest";
diff --git a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/ApprovalPolicyList.tsx b/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/ApprovalPolicyList.tsx
deleted file mode 100644
index d2a4e3788..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/ApprovalPolicyList.tsx
+++ /dev/null
@@ -1,292 +0,0 @@
-import { useMemo, useState } from "react";
-import {
-  faCheckCircle,
-  faChevronDown,
-  faFileShield,
-  faPlus
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  TProjectPermission,
-  useProjectPermission,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import {
-  useDeleteAccessApprovalPolicy,
-  useDeleteSecretApprovalPolicy,
-  useGetSecretApprovalPolicies,
-  useGetWorkspaceUsers,
-  useListWorkspaceGroups
-} from "@app/hooks/api";
-import { useGetAccessApprovalPolicies } from "@app/hooks/api/accessApproval/queries";
-import { PolicyType } from "@app/hooks/api/policies/enums";
-import { TAccessApprovalPolicy, Workspace } from "@app/hooks/api/types";
-
-import { AccessPolicyForm } from "./components/AccessPolicyModal";
-import { ApprovalPolicyRow } from "./components/ApprovalPolicyRow";
-
-interface IProps {
-  workspaceId: string;
-}
-
-const useApprovalPolicies = (permission: TProjectPermission, currentWorkspace?: Workspace) => {
-  const { data: accessPolicies, isLoading: isAccessPoliciesLoading } = useGetAccessApprovalPolicies(
-    {
-      projectSlug: currentWorkspace?.slug as string,
-      options: {
-        enabled:
-          permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.SecretApproval) &&
-          !!currentWorkspace?.slug
-      }
-    }
-  );
-  const { data: secretPolicies, isLoading: isSecretPoliciesLoading } = useGetSecretApprovalPolicies(
-    {
-      workspaceId: currentWorkspace?.id as string,
-      options: {
-        enabled:
-          permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.SecretApproval) &&
-          !!currentWorkspace?.id
-      }
-    }
-  );
-
-  // merge data sorted by updatedAt
-  const policies = [
-    ...(accessPolicies?.map((policy) => ({ ...policy, policyType: PolicyType.AccessPolicy })) ||
-      []),
-    ...(secretPolicies?.map((policy) => ({ ...policy, policyType: PolicyType.ChangePolicy })) || [])
-  ].sort((a, b) => {
-    return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
-  });
-
-  return {
-    policies,
-    isLoading: isAccessPoliciesLoading || isSecretPoliciesLoading
-  };
-};
-
-export const ApprovalPolicyList = ({ workspaceId }: IProps) => {
-  const { handlePopUpToggle, handlePopUpOpen, handlePopUpClose, popUp } = usePopUp([
-    "policyForm",
-    "deletePolicy",
-    "upgradePlan"
-  ] as const);
-  const { permission } = useProjectPermission();
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-
-  const { data: members } = useGetWorkspaceUsers(workspaceId, true);
-  const { data: groups } = useListWorkspaceGroups(currentWorkspace?.id || "");
-
-  const { policies, isLoading: isPoliciesLoading } = useApprovalPolicies(
-    permission,
-    currentWorkspace
-  );
-
-  const [filterType, setFilterType] = useState<string | null>(null);
-
-  const filteredPolicies = useMemo(() => {
-    return filterType ? policies.filter((policy) => policy.policyType === filterType) : policies;
-  }, [policies, filterType]);
-
-  const { mutateAsync: deleteSecretApprovalPolicy } = useDeleteSecretApprovalPolicy();
-  const { mutateAsync: deleteAccessApprovalPolicy } = useDeleteAccessApprovalPolicy();
-
-  const handleDeletePolicy = async () => {
-    const { id, policyType } = popUp.deletePolicy.data as TAccessApprovalPolicy;
-    if (!currentWorkspace?.slug) return;
-
-    try {
-      if (policyType === PolicyType.ChangePolicy) {
-        await deleteSecretApprovalPolicy({
-          workspaceId,
-          id
-        });
-      } else {
-        await deleteAccessApprovalPolicy({
-          projectSlug: currentWorkspace?.slug,
-          id
-        });
-      }
-      createNotification({
-        type: "success",
-        text: "Successfully deleted policy"
-      });
-      handlePopUpClose("deletePolicy");
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to delete policy"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <div className="mb-6 flex items-end justify-between">
-        <div className="flex flex-col">
-          <span className="text-xl font-semibold text-mineshaft-100">Policies</span>
-          <div className="mt-2 text-sm text-bunker-300">
-            Implement granular policies for access requests and secrets management.
-          </div>
-        </div>
-        <div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={ProjectPermissionSub.SecretApproval}
-          >
-            {(isAllowed) => (
-              <Button
-                onClick={() => {
-                  if (subscription && !subscription?.secretApproval) {
-                    handlePopUpOpen("upgradePlan");
-                    return;
-                  }
-                  handlePopUpOpen("policyForm");
-                }}
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                isDisabled={!isAllowed}
-              >
-                Create Policy
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th>Environment</Th>
-              <Th>Secret Path</Th>
-              <Th className="w-[18%]">Eligible Approvers</Th>
-              <Th className="w-[18%]">Eligible Group Approvers</Th>
-              <Th>Approval Required</Th>
-              <Th>
-                <DropdownMenu>
-                  <DropdownMenuTrigger>
-                    <Button
-                      variant="plain"
-                      colorSchema="secondary"
-                      className="text-xs font-semibold uppercase text-bunker-300"
-                      rightIcon={
-                        <FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />
-                      }
-                    >
-                      Type
-                    </Button>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent>
-                    <DropdownMenuLabel>Select a type</DropdownMenuLabel>
-                    <DropdownMenuItem
-                      onClick={() => setFilterType(null)}
-                      icon={!filterType && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      All
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      onClick={() => setFilterType(PolicyType.AccessPolicy)}
-                      icon={
-                        filterType === PolicyType.AccessPolicy && (
-                          <FontAwesomeIcon icon={faCheckCircle} />
-                        )
-                      }
-                      iconPos="right"
-                    >
-                      Access Policy
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      onClick={() => setFilterType(PolicyType.ChangePolicy)}
-                      icon={
-                        filterType === PolicyType.ChangePolicy && (
-                          <FontAwesomeIcon icon={faCheckCircle} />
-                        )
-                      }
-                      iconPos="right"
-                    >
-                      Change Policy
-                    </DropdownMenuItem>
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              </Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isPoliciesLoading && (
-              <TableSkeleton columns={6} innerKey="secret-policies" className="bg-mineshaft-700" />
-            )}
-            {!isPoliciesLoading && !filteredPolicies?.length && (
-              <Tr>
-                <Td colSpan={6}>
-                  <EmptyState title="No policies found" icon={faFileShield} />
-                </Td>
-              </Tr>
-            )}
-            {!!currentWorkspace &&
-              filteredPolicies?.map((policy) => (
-                <ApprovalPolicyRow
-                  policy={policy}
-                  key={policy.id}
-                  members={members}
-                  groups={groups}
-                  onEdit={() => handlePopUpOpen("policyForm", policy)}
-                  onDelete={() => handlePopUpOpen("deletePolicy", policy)}
-                />
-              ))}
-          </TBody>
-        </Table>
-      </TableContainer>
-      <AccessPolicyForm
-        projectId={currentWorkspace?.id!}
-        projectSlug={currentWorkspace?.slug!}
-        isOpen={popUp.policyForm.isOpen}
-        onToggle={(isOpen) => handlePopUpToggle("policyForm", isOpen)}
-        members={members}
-        editValues={popUp.policyForm.data as TAccessApprovalPolicy}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deletePolicy.isOpen}
-        deleteKey="remove"
-        title="Do you want to remove this policy?"
-        onChange={(isOpen) => handlePopUpToggle("deletePolicy", isOpen)}
-        onDeleteApproved={handleDeletePolicy}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can add secret approval policy if you switch to Infisical's Enterprise plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/components/AccessPolicyModal.tsx b/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/components/AccessPolicyModal.tsx
deleted file mode 100644
index 9f5aeec5a..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/components/AccessPolicyModal.tsx
+++ /dev/null
@@ -1,457 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { getMemberLabel } from "@app/helpers/members";
-import { policyDetails } from "@app/helpers/policies";
-import {
-  useCreateSecretApprovalPolicy,
-  useListWorkspaceGroups,
-  useUpdateSecretApprovalPolicy
-} from "@app/hooks/api";
-import {
-  useCreateAccessApprovalPolicy,
-  useUpdateAccessApprovalPolicy
-} from "@app/hooks/api/accessApproval";
-import { ApproverType, TAccessApprovalPolicy } from "@app/hooks/api/accessApproval/types";
-import { EnforcementLevel, PolicyType } from "@app/hooks/api/policies/enums";
-import { TWorkspaceUser } from "@app/hooks/api/users/types";
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-  members?: TWorkspaceUser[];
-  projectId: string;
-  projectSlug: string;
-  editValues?: TAccessApprovalPolicy;
-};
-
-const formSchema = z
-  .object({
-    environment: z.object({ slug: z.string(), name: z.string() }),
-    name: z.string().optional(),
-    secretPath: z.string().optional(),
-    approvals: z.number().min(1),
-    userApprovers: z
-      .object({ type: z.literal(ApproverType.User), id: z.string() })
-      .array()
-      .default([]),
-    groupApprovers: z
-      .object({ type: z.literal(ApproverType.Group), id: z.string() })
-      .array()
-      .default([]),
-    policyType: z.nativeEnum(PolicyType),
-    enforcementLevel: z.nativeEnum(EnforcementLevel)
-  })
-  .superRefine((data, ctx) => {
-    if (!(data.groupApprovers.length || data.userApprovers.length)) {
-      ctx.addIssue({
-        path: ["userApprovers"],
-        code: z.ZodIssueCode.custom,
-        message: "At least one approver should be provided"
-      });
-      ctx.addIssue({
-        path: ["groupApprovers"],
-        code: z.ZodIssueCode.custom,
-        message: "At least one approver should be provided"
-      });
-    }
-  });
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-export const AccessPolicyForm = ({
-  isOpen,
-  onToggle,
-  members = [],
-  projectId,
-  projectSlug,
-  editValues
-}: Props) => {
-  const {
-    control,
-    handleSubmit,
-    reset,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(formSchema),
-    values: editValues
-      ? {
-          ...editValues,
-          environment: editValues.environment,
-          userApprovers:
-            editValues?.approvers
-              ?.filter((approver) => approver.type === ApproverType.User)
-              .map(({ id, type }) => ({ id, type: type as ApproverType.User })) || [],
-          groupApprovers:
-            editValues?.approvers
-              ?.filter((approver) => approver.type === ApproverType.Group)
-              .map(({ id, type }) => ({ id, type: type as ApproverType.Group })) || [],
-          approvals: editValues?.approvals
-        }
-      : undefined
-  });
-  const { currentWorkspace } = useWorkspace();
-  const { data: groups } = useListWorkspaceGroups(projectId);
-
-  const environments = currentWorkspace?.environments || [];
-  const isEditMode = Boolean(editValues);
-
-  useEffect(() => {
-    if (!isOpen || !isEditMode) reset({});
-  }, [isOpen, isEditMode]);
-
-  const { mutateAsync: createAccessApprovalPolicy } = useCreateAccessApprovalPolicy();
-  const { mutateAsync: updateAccessApprovalPolicy } = useUpdateAccessApprovalPolicy();
-
-  const { mutateAsync: createSecretApprovalPolicy } = useCreateSecretApprovalPolicy();
-  const { mutateAsync: updateSecretApprovalPolicy } = useUpdateSecretApprovalPolicy();
-
-  const policyName = policyDetails[watch("policyType")]?.name || "Policy";
-
-  const approversRequired = watch("approvals") || 1;
-
-  const handleCreatePolicy = async ({
-    environment,
-    groupApprovers,
-    userApprovers,
-    ...data
-  }: TFormSchema) => {
-    if (!projectId) return;
-
-    try {
-      if (data.policyType === PolicyType.ChangePolicy) {
-        await createSecretApprovalPolicy({
-          ...data,
-          approvers: [...userApprovers, ...groupApprovers],
-          environment: environment.slug,
-          workspaceId: currentWorkspace?.id || ""
-        });
-      } else {
-        await createAccessApprovalPolicy({
-          ...data,
-          approvers: [...userApprovers, ...groupApprovers],
-          environment: environment.slug,
-          projectSlug
-        });
-      }
-      createNotification({
-        type: "success",
-        text: "Successfully created policy"
-      });
-      onToggle(false);
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to create policy"
-      });
-    }
-  };
-
-  const handleUpdatePolicy = async ({
-    environment,
-    userApprovers,
-    groupApprovers,
-    ...data
-  }: TFormSchema) => {
-    if (!projectId || !projectSlug) return;
-    if (!editValues?.id) return;
-
-    try {
-      if (data.policyType === PolicyType.ChangePolicy) {
-        await updateSecretApprovalPolicy({
-          id: editValues?.id,
-          ...data,
-          approvers: [...userApprovers, ...groupApprovers],
-          workspaceId: currentWorkspace?.id || ""
-        });
-      } else {
-        await updateAccessApprovalPolicy({
-          id: editValues?.id,
-          ...data,
-          approvers: [...userApprovers, ...groupApprovers],
-          environment: environment.slug,
-          projectSlug
-        });
-      }
-      createNotification({
-        type: "success",
-        text: "Successfully updated policy"
-      });
-      onToggle(false);
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "failed  to update policy"
-      });
-    }
-  };
-
-  const handleFormSubmit = async (data: TFormSchema) => {
-    if (isEditMode) {
-      await handleUpdatePolicy(data);
-    } else {
-      await handleCreatePolicy(data);
-    }
-  };
-
-  const memberOptions = useMemo(
-    () =>
-      members.map((member) => ({
-        id: member.user.id,
-        type: ApproverType.User
-      })),
-    [members]
-  );
-
-  const groupOptions = useMemo(
-    () =>
-      groups?.map(({ group }) => ({
-        id: group.id,
-        type: ApproverType.Group
-      })),
-    [groups]
-  );
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onToggle}>
-      <ModalContent
-        className="max-w-2xl"
-        bodyClassName="overflow-visible"
-        title={isEditMode ? `Edit ${policyName}` : "Create Policy"}
-      >
-        <div className="flex flex-col space-y-3">
-          <form onSubmit={handleSubmit(handleFormSubmit)}>
-            <div className="grid grid-cols-2 gap-x-3">
-              <Controller
-                control={control}
-                name="policyType"
-                defaultValue={PolicyType.ChangePolicy}
-                render={({ field: { value, onChange }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Policy Type"
-                    isRequired
-                    isError={Boolean(error)}
-                    tooltipText="Change polices govern secret changes within a given environment and secret path. Access polices allow underprivileged user to request access to environment/secret path."
-                    errorText={error?.message}
-                  >
-                    <Select
-                      isDisabled={isEditMode}
-                      value={value}
-                      onValueChange={(val) => onChange(val as PolicyType)}
-                      className="w-full border border-mineshaft-500"
-                    >
-                      {Object.values(PolicyType).map((policyType) => {
-                        return (
-                          <SelectItem value={policyType} key={`policy-type-${policyType}`}>
-                            {policyDetails[policyType].name}
-                          </SelectItem>
-                        );
-                      })}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="approvals"
-                defaultValue={1}
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Minimum Approvals Required"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input
-                      {...field}
-                      type="number"
-                      min={1}
-                      onChange={(el) => field.onChange(parseInt(el.target.value, 10))}
-                    />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Policy Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} value={field.value || ""} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="enforcementLevel"
-                defaultValue={EnforcementLevel.Hard}
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Enforcement Level"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                    tooltipText={
-                      <>
-                        <p>
-                          Determines the level of enforcement for required approvers of a request:
-                        </p>
-                        <p className="mt-2">
-                          <span className="font-bold">Hard</span> enforcement requires at least{" "}
-                          <span className="font-bold"> {approversRequired}</span> approver(s) to
-                          approve the request.`
-                        </p>
-                        <p className="mt-2">
-                          <span className="font-bold">Soft</span> enforcement At least{" "}
-                          <span className="font-bold">{approversRequired}</span> approver(s) must
-                          approve the request; however, the requester can bypass approval
-                          requirements in emergencies.
-                        </p>
-                      </>
-                    }
-                  >
-                    <Select
-                      value={field.value}
-                      onValueChange={(val) => field.onChange(val as EnforcementLevel)}
-                      className="w-full border border-mineshaft-500"
-                    >
-                      {Object.values(EnforcementLevel).map((level) => {
-                        return (
-                          <SelectItem value={level} key={`enforcement-level-${level}`}>
-                            <span className="capitalize">{level}</span>
-                          </SelectItem>
-                        );
-                      })}
-                    </Select>
-                  </FormControl>
-                )}
-              />
-
-              <Controller
-                control={control}
-                name="environment"
-                render={({ field: { value, onChange }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Environment"
-                    isRequired
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <FilterableSelect
-                      isDisabled={isEditMode}
-                      value={value}
-                      onChange={onChange}
-                      placeholder="Select environment..."
-                      options={environments}
-                      getOptionValue={(option) => option.slug}
-                      getOptionLabel={(option) => option.name}
-                    />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="secretPath"
-                defaultValue="/"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    tooltipText="Secret paths support glob patterns. For example, '/**' will match all paths."
-                    label="Secret Path"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} value={field.value || ""} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="mb-2">
-              <p>Approvers</p>
-              <p className="font-inter text-xs text-mineshaft-300 opacity-90">
-                Select members or groups that are allowed to approve requests from this policy.
-              </p>
-            </div>
-            <Controller
-              control={control}
-              name="userApprovers"
-              render={({ field: { value, onChange }, fieldState: { error } }) => (
-                <FormControl
-                  label="User Approvers"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <FilterableSelect
-                    menuPlacement="top"
-                    isMulti
-                    placeholder="Select members that are allowed to approve requests..."
-                    options={memberOptions}
-                    getOptionValue={(option) => option.id}
-                    getOptionLabel={(option) => {
-                      const member = members?.find((m) => m.user.id === option.id);
-
-                      if (!member) return option.id;
-
-                      return getMemberLabel(member);
-                    }}
-                    value={value}
-                    onChange={onChange}
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="groupApprovers"
-              render={({ field: { value, onChange }, fieldState: { error } }) => (
-                <FormControl
-                  label="Group Approvers"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <FilterableSelect
-                    menuPlacement="top"
-                    isMulti
-                    placeholder="Select groups that are allowed to approve requests..."
-                    options={groupOptions}
-                    getOptionValue={(option) => option.id}
-                    getOptionLabel={(option) =>
-                      groups?.find(({ group }) => group.id === option.id)?.group.name ?? option.id
-                    }
-                    value={value}
-                    onChange={onChange}
-                  />
-                </FormControl>
-              )}
-            />
-            <div className="mt-8 flex items-center space-x-4">
-              <Button type="submit" isLoading={isSubmitting} isDisabled={isSubmitting}>
-                Save
-              </Button>
-              <Button onClick={() => onToggle(false)} variant="outline_bg">
-                Close
-              </Button>
-            </div>
-          </form>
-        </div>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/components/ApprovalPolicyRow.tsx b/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/components/ApprovalPolicyRow.tsx
deleted file mode 100644
index 865e92994..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/components/ApprovalPolicyRow.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import { useMemo } from "react";
-import { faEllipsis } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Td,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { Badge } from "@app/components/v2/Badge";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { getMemberLabel } from "@app/helpers/members";
-import { policyDetails } from "@app/helpers/policies";
-import { Approver } from "@app/hooks/api/accessApproval/types";
-import { TGroupMembership } from "@app/hooks/api/groups/types";
-import { EnforcementLevel, PolicyType } from "@app/hooks/api/policies/enums";
-import { ApproverType } from "@app/hooks/api/secretApproval/types";
-import { WorkspaceEnv } from "@app/hooks/api/types";
-import { TWorkspaceUser } from "@app/hooks/api/users/types";
-
-interface IPolicy {
-  id: string;
-  name: string;
-  environment: WorkspaceEnv;
-  projectId?: string;
-  secretPath?: string;
-  approvals: number;
-  approvers?: Approver[];
-  updatedAt: Date;
-  policyType: PolicyType;
-  enforcementLevel: EnforcementLevel;
-}
-
-type Props = {
-  policy: IPolicy;
-  members?: TWorkspaceUser[];
-  groups?: TGroupMembership[];
-  onEdit: () => void;
-  onDelete: () => void;
-};
-
-export const ApprovalPolicyRow = ({
-  policy,
-  members = [],
-  groups = [],
-  onEdit,
-  onDelete
-}: Props) => {
-  const labels = useMemo(() => {
-    const usersInPolicy = policy.approvers
-      ?.filter((approver) => approver.type === ApproverType.User)
-      .map((approver) => approver.id);
-
-    const groupsInPolicy = policy.approvers
-      ?.filter((approver) => approver.type === ApproverType.Group)
-      .map((approver) => approver.id);
-
-    const memberLabels = usersInPolicy?.length
-      ? members
-          .filter((member) => usersInPolicy?.includes(member.user.id))
-          .map((member) => getMemberLabel(member))
-          .join(", ")
-      : null;
-
-    const groupLabels = groupsInPolicy?.length
-      ? groups
-          .filter(({ group }) => groupsInPolicy?.includes(group.id))
-          .map(({ group }) => group.name)
-          .join(", ")
-      : null;
-
-    return {
-      members: memberLabels,
-      groups: groupLabels
-    };
-  }, [policy, members, groups]);
-
-  return (
-    <Tr>
-      <Td>{policy.name}</Td>
-      <Td>{policy.environment.slug}</Td>
-      <Td>{policy.secretPath || "*"}</Td>
-      <Td className="max-w-0">
-        <Tooltip
-          side="left"
-          content={labels.members ?? "No users are assigned as approvers for this policy"}
-        >
-          <p className="truncate">{labels.members ?? "-"}</p>
-        </Tooltip>
-      </Td>
-      <Td className="max-w-0">
-        <Tooltip
-          side="left"
-          content={labels.groups ?? "No groups are assigned as approvers for this policy"}
-        >
-          <p className="truncate">{labels.groups ?? "-"}</p>
-        </Tooltip>
-      </Td>
-      <Td>{policy.approvals}</Td>
-      <Td>
-        <Badge className={policyDetails[policy.policyType].className}>
-          {policyDetails[policy.policyType].name}
-        </Badge>
-      </Td>
-      <Td>
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild className="cursor-pointer rounded-lg">
-            <div className="flex items-center justify-center transition-transform duration-300 ease-in-out hover:scale-125 hover:text-primary-400 data-[state=open]:scale-125 data-[state=open]:text-primary-400">
-              <FontAwesomeIcon size="sm" icon={faEllipsis} />
-            </div>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="center" className="min-w-[100%] p-1">
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Edit}
-              a={ProjectPermissionSub.SecretApproval}
-            >
-              {(isAllowed) => (
-                <DropdownMenuItem
-                  className={twMerge(
-                    !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                  )}
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    onEdit();
-                  }}
-                  disabled={!isAllowed}
-                >
-                  Edit Policy
-                </DropdownMenuItem>
-              )}
-            </ProjectPermissionCan>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Delete}
-              a={ProjectPermissionSub.SecretApproval}
-            >
-              {(isAllowed) => (
-                <DropdownMenuItem
-                  className={twMerge(
-                    isAllowed
-                      ? "hover:!bg-red-500 hover:!text-white"
-                      : "pointer-events-none cursor-not-allowed opacity-50"
-                  )}
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    onDelete();
-                  }}
-                  disabled={!isAllowed}
-                >
-                  Delete Policy
-                </DropdownMenuItem>
-              )}
-            </ProjectPermissionCan>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/index.tsx b/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/index.tsx
deleted file mode 100644
index 2817ec627..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/ApprovalPolicyList/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ApprovalPolicyList } from "./ApprovalPolicyList";
diff --git a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx b/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
deleted file mode 100644
index 0b62efad6..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
+++ /dev/null
@@ -1,287 +0,0 @@
-import { Fragment, useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import {
-  faCheck,
-  faCheckCircle,
-  faChevronDown,
-  faCodeBranch
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { formatDistance } from "date-fns";
-import { AnimatePresence, motion } from "framer-motion";
-
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  EmptyState,
-  Skeleton
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useUser,
-  useWorkspace
-} from "@app/context";
-import {
-  useGetSecretApprovalRequestCount,
-  useGetSecretApprovalRequests,
-  useGetWorkspaceUsers
-} from "@app/hooks/api";
-import { ApprovalStatus } from "@app/hooks/api/types";
-
-import {
-  generateCommitText,
-  SecretApprovalRequestChanges
-} from "./components/SecretApprovalRequestChanges";
-
-export const SecretApprovalRequest = () => {
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const [selectedApprovalId, setSelectedApprovalId] = useState<string | null>(null);
-
-  // filters
-  const [statusFilter, setStatusFilter] = useState<"open" | "close">("open");
-  const [envFilter, setEnvFilter] = useState<string>();
-  const [committerFilter, setCommitterFilter] = useState<string>();
-  const [usingUrlRequestId, setUsingUrlRequestId] = useState(false);
-
-  const {
-    data: secretApprovalRequests,
-    isFetchingNextPage: isFetchingNextApprovalRequest,
-    fetchNextPage: fetchNextApprovalRequest,
-    hasNextPage: hasNextApprovalPage,
-    isLoading: isApprovalRequestLoading,
-    refetch
-  } = useGetSecretApprovalRequests({
-    workspaceId,
-    status: statusFilter,
-    environment: envFilter,
-    committer: committerFilter
-  });
-  const { data: secretApprovalRequestCount, isSuccess: isSecretApprovalReqCountSuccess } =
-    useGetSecretApprovalRequestCount({ workspaceId });
-  const { user: userSession } = useUser();
-  const router = useRouter();
-  const { permission } = useProjectPermission();
-  const { data: members } = useGetWorkspaceUsers(workspaceId);
-  const isSecretApprovalScreen = Boolean(selectedApprovalId);
-  const { requestId } = router.query;
-
-  useEffect(() => {
-    if (!requestId || usingUrlRequestId) return;
-
-    setSelectedApprovalId(requestId as string);
-    setUsingUrlRequestId(true);
-  }, [requestId]);
-
-  const handleGoBackSecretRequestDetail = () => {
-    setSelectedApprovalId(null);
-    refetch({ refetchPage: (_page, index) => index === 0 });
-  };
-
-  const isRequestListEmpty =
-    !isApprovalRequestLoading && secretApprovalRequests?.pages[0]?.length === 0;
-
-  return (
-    <AnimatePresence exitBeforeEnter>
-      {isSecretApprovalScreen ? (
-        <motion.div
-          key="approval-changes-details"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: 30 }}
-        >
-          <SecretApprovalRequestChanges
-            workspaceId={workspaceId}
-            approvalRequestId={selectedApprovalId || ""}
-            onGoBack={handleGoBackSecretRequestDetail}
-          />
-        </motion.div>
-      ) : (
-        <motion.div
-          key="approval-changes-list"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: 30 }}
-          className="rounded-md text-gray-300"
-        >
-          <div className="flex items-center space-x-8 rounded-t-md border-x border-t border-mineshaft-600 bg-mineshaft-800 p-4 px-8">
-            <div
-              role="button"
-              tabIndex={0}
-              onClick={() => setStatusFilter("open")}
-              onKeyDown={(evt) => {
-                if (evt.key === "Enter") setStatusFilter("open");
-              }}
-              className={
-                statusFilter === "close" ? "text-gray-500 duration-100 hover:text-gray-400" : ""
-              }
-            >
-              <FontAwesomeIcon icon={faCodeBranch} className="mr-2" />
-              {isSecretApprovalReqCountSuccess && secretApprovalRequestCount?.open} Open
-            </div>
-            <div
-              className={
-                statusFilter === "open" ? "text-gray-500 duration-100 hover:text-gray-400" : ""
-              }
-              role="button"
-              tabIndex={0}
-              onClick={() => setStatusFilter("close")}
-              onKeyDown={(evt) => {
-                if (evt.key === "Enter") setStatusFilter("close");
-              }}
-            >
-              <FontAwesomeIcon icon={faCheck} className="mr-2" />
-              {isSecretApprovalReqCountSuccess && secretApprovalRequestCount.closed} Closed
-            </div>
-            <div className="flex flex-grow justify-end space-x-8">
-              <DropdownMenu>
-                <DropdownMenuTrigger>
-                  <Button
-                    variant="plain"
-                    colorSchema="secondary"
-                    className={envFilter ? "text-white" : "text-bunker-300"}
-                    rightIcon={<FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />}
-                  >
-                    Environments
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent>
-                  <DropdownMenuLabel>Select an environment</DropdownMenuLabel>
-                  {currentWorkspace?.environments.map(({ slug, name }) => (
-                    <DropdownMenuItem
-                      onClick={() => setEnvFilter((state) => (state === slug ? undefined : slug))}
-                      key={`request-filter-${slug}`}
-                      icon={envFilter === slug && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      {name}
-                    </DropdownMenuItem>
-                  ))}
-                </DropdownMenuContent>
-              </DropdownMenu>
-              {!!permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Member) && (
-                <DropdownMenu>
-                  <DropdownMenuTrigger>
-                    <Button
-                      variant="plain"
-                      colorSchema="secondary"
-                      className={committerFilter ? "text-white" : "text-bunker-300"}
-                      rightIcon={
-                        <FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />
-                      }
-                    >
-                      Author
-                    </Button>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="end">
-                    <DropdownMenuLabel>Select an author</DropdownMenuLabel>
-                    {members?.map(({ user, id }) => (
-                      <DropdownMenuItem
-                        onClick={() =>
-                          setCommitterFilter((state) => (state === user.id ? undefined : user.id))
-                        }
-                        key={`request-filter-member-${id}`}
-                        icon={
-                          committerFilter === user.id && <FontAwesomeIcon icon={faCheckCircle} />
-                        }
-                        iconPos="right"
-                      >
-                        {user.username}
-                      </DropdownMenuItem>
-                    ))}
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              )}
-            </div>
-          </div>
-          <div className="flex flex-col rounded-b-md border-x border-t border-b border-mineshaft-600 bg-mineshaft-800">
-            {isRequestListEmpty && (
-              <div className="py-12">
-                <EmptyState title="No more requests pending." />
-              </div>
-            )}
-            {secretApprovalRequests?.pages?.map((group, i) => (
-              <Fragment key={`secret-approval-request-${i + 1}`}>
-                {group?.map((secretApproval) => {
-                  const {
-                    id: reqId,
-                    commits,
-                    createdAt,
-                    reviewers,
-                    status,
-                    committerUser,
-                    isReplicated: isReplication
-                  } = secretApproval;
-                  const isReviewed = reviewers.some(
-                    ({ status: reviewStatus, userId }) =>
-                      userId === userSession.id && reviewStatus === ApprovalStatus.APPROVED
-                  );
-                  return (
-                    <div
-                      key={reqId}
-                      className="flex flex-col px-8 py-4 hover:bg-mineshaft-700"
-                      role="button"
-                      tabIndex={0}
-                      onClick={() => setSelectedApprovalId(secretApproval.id)}
-                      onKeyDown={(evt) => {
-                        if (evt.key === "Enter") setSelectedApprovalId(secretApproval.id);
-                      }}
-                    >
-                      <div className="mb-1">
-                        <FontAwesomeIcon icon={faCodeBranch} className="mr-2" />
-                        {generateCommitText(commits)}
-                        <span className="text-xs text-bunker-300"> #{secretApproval.slug}</span>
-                      </div>
-                      <span className="text-xs text-gray-500">
-                        Opened {formatDistance(new Date(createdAt), new Date())} ago by{" "}
-                        {committerUser?.firstName || ""} {committerUser?.lastName || ""} (
-                        {committerUser?.email}){isReplication && " via replication"}
-                        {!isReviewed && status === "open" && " - Review required"}
-                      </span>
-                    </div>
-                  );
-                })}
-              </Fragment>
-            ))}
-            {(isFetchingNextApprovalRequest || isApprovalRequestLoading) && (
-              <div>
-                {Array.apply(0, Array(3)).map((_x, index) => (
-                  <div
-                    key={`approval-request-loading-${index + 1}`}
-                    className="flex flex-col px-8 py-4 hover:bg-mineshaft-700"
-                  >
-                    <div className="mb-2 flex items-center">
-                      <FontAwesomeIcon icon={faCodeBranch} className="mr-2" />
-                      <Skeleton className="w-1/4 bg-mineshaft-600" />
-                    </div>
-                    <Skeleton className="w-1/2 bg-mineshaft-600" />
-                  </div>
-                ))}
-              </div>
-            )}
-          </div>
-          {hasNextApprovalPage && (
-            <Button
-              className="mt-4 text-sm"
-              isFullWidth
-              variant="star"
-              isLoading={isFetchingNextApprovalRequest}
-              isDisabled={isFetchingNextApprovalRequest || !hasNextApprovalPage}
-              onClick={() => fetchNextApprovalRequest()}
-            >
-              {hasNextApprovalPage ? "Load More" : "End of history"}
-            </Button>
-          )}
-        </motion.div>
-      )}
-    </AnimatePresence>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestAction.tsx b/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestAction.tsx
deleted file mode 100644
index 1358cc893..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestAction.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-import React, { useState } from "react";
-import {
-  faCheck,
-  faClose,
-  faLandMineOn,
-  faLockOpen,
-  faSquareCheck,
-  faSquareXmark,
-  faTriangleExclamation,
-  faUserLock
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Checkbox, FormControl, Input } from "@app/components/v2";
-import {
-  usePerformSecretApprovalRequestMerge,
-  useUpdateSecretApprovalRequestStatus
-} from "@app/hooks/api";
-import { EnforcementLevel } from "@app/hooks/api/policies/enums";
-
-type Props = {
-  approvalRequestId: string;
-  hasMerged?: boolean;
-  isMergable?: boolean;
-  status: "close" | "open";
-  approvals: number;
-  canApprove?: boolean;
-  statusChangeByEmail?: string;
-  workspaceId: string;
-  enforcementLevel: EnforcementLevel;
-};
-
-export const SecretApprovalRequestAction = ({
-  approvalRequestId,
-  hasMerged,
-  status,
-  isMergable,
-  approvals,
-  statusChangeByEmail,
-  workspaceId,
-  enforcementLevel,
-  canApprove
-}: Props) => {
-  const { mutateAsync: performSecretApprovalMerge, isLoading: isMerging } =
-    usePerformSecretApprovalRequestMerge();
-
-  const { mutateAsync: updateSecretStatusChange, isLoading: isStatusChanging } =
-    useUpdateSecretApprovalRequestStatus();
-
-  const [byPassApproval, setByPassApproval] = useState(false);
-  const [bypassReason, setBypassReason] = useState("");
-
-  const isValidBypassReason = (value: string) => {
-    const trimmedValue = value.trim();
-    return trimmedValue.length >= 10;
-  };
-
-  const handleSecretApprovalRequestMerge = async () => {
-    try {
-      await performSecretApprovalMerge({
-        id: approvalRequestId,
-        workspaceId,
-        bypassReason: byPassApproval ? bypassReason : undefined
-      });
-      createNotification({
-        type: "success",
-        text: "Successfully merged the request"
-      });
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to update the request status"
-      });
-    }
-  };
-
-  const handleSecretApprovalStatusChange = async (reqState: "open" | "close") => {
-    try {
-      await updateSecretStatusChange({
-        id: approvalRequestId,
-        status: reqState,
-        workspaceId
-      });
-      createNotification({
-        type: "success",
-        text: "Successfully updated the request"
-      });
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to update the request status"
-      });
-    }
-  };
-
-  const isSoftEnforcement = enforcementLevel === EnforcementLevel.Soft;
-
-  if (!hasMerged && status === "open") {
-    return (
-      <div className="flex w-full items-start justify-between transition-all">
-        <div className="flex items-start space-x-4">
-          <FontAwesomeIcon
-            icon={isMergable ? faSquareCheck : faSquareXmark}
-            className={twMerge("pt-1 text-2xl", isMergable ? "text-primary" : "text-red-600")}
-          />
-          <span className="flex flex-col">
-            {isMergable ? "Good to merge" : "Review required"}
-            <span className="inline-block text-xs text-bunker-200">
-              At least {approvals} approving review required
-              {Boolean(statusChangeByEmail) && `. Reopened by ${statusChangeByEmail}`}
-            </span>
-            {isSoftEnforcement && !isMergable && (
-              <div className="mt-2 flex flex-col space-y-2">
-                <Checkbox
-                  onCheckedChange={(checked) => setByPassApproval(checked === true)}
-                  isChecked={byPassApproval}
-                  id="byPassApproval"
-                  checkIndicatorBg="text-white"
-                  className={twMerge(
-                    "mr-2",
-                    byPassApproval ? "border-red bg-red hover:bg-red-600" : ""
-                  )}
-                >
-                  <span className="text-xs text-red">
-                    Merge without waiting for approval (bypass secret change policy)
-                  </span>
-                </Checkbox>
-                {byPassApproval && (
-                  <FormControl
-                    label="Reason for bypass"
-                    className="mt-2"
-                    isRequired
-                    tooltipText="Enter a reason for bypassing the secret change policy"
-                  >
-                    <Input
-                      value={bypassReason}
-                      onChange={(e) => setBypassReason(e.target.value)}
-                      placeholder="Enter reason for bypass (min 10 chars)"
-                      leftIcon={<FontAwesomeIcon icon={faTriangleExclamation} />}
-                    />
-                  </FormControl>
-                )}
-              </div>
-            )}
-          </span>
-        </div>
-        <div className="flex items-center space-x-2">
-          {canApprove || isSoftEnforcement ? (
-            <>
-              <Button
-                onClick={() => handleSecretApprovalStatusChange("close")}
-                isLoading={isStatusChanging}
-                variant="outline_bg"
-                colorSchema="secondary"
-                leftIcon={<FontAwesomeIcon icon={faClose} />}
-              >
-                Close request
-              </Button>
-              <Button
-                leftIcon={<FontAwesomeIcon icon={!canApprove ? faLandMineOn : faCheck} />}
-                isDisabled={
-                  !(
-                    (isMergable && canApprove) ||
-                    (isSoftEnforcement && byPassApproval && isValidBypassReason(bypassReason))
-                  )
-                }
-                isLoading={isMerging}
-                onClick={handleSecretApprovalRequestMerge}
-                colorSchema={isSoftEnforcement && !canApprove ? "danger" : "primary"}
-                variant="solid"
-              >
-                Merge
-              </Button>
-            </>
-          ) : (
-            <div>Only approvers can merge</div>
-          )}
-        </div>
-      </div>
-    );
-  }
-
-  if (hasMerged && status === "close")
-    return (
-      <div className="flex w-full items-center justify-between">
-        <div className="flex items-start space-x-4">
-          <FontAwesomeIcon icon={faCheck} className="pt-1 text-2xl text-primary" />
-          <span className="flex flex-col">
-            Secret approval merged
-            <span className="inline-block text-xs text-bunker-200">
-              Merged by {statusChangeByEmail}
-            </span>
-          </span>
-        </div>
-      </div>
-    );
-
-  return (
-    <div className="flex w-full items-center justify-between">
-      <div className="flex items-start space-x-4">
-        <FontAwesomeIcon icon={faUserLock} className="pt-1 text-2xl text-primary" />
-        <span className="flex flex-col">
-          Secret approval has been closed
-          <span className="inline-block text-xs text-bunker-200">
-            Closed by {statusChangeByEmail}
-          </span>
-        </span>
-      </div>
-      <div className="flex items-center space-x-6">
-        <Button
-          onClick={() => handleSecretApprovalStatusChange("open")}
-          isLoading={isStatusChanging}
-          variant="outline_bg"
-          leftIcon={<FontAwesomeIcon icon={faLockOpen} />}
-        >
-          Reopen request
-        </Button>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChangeItem.tsx b/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChangeItem.tsx
deleted file mode 100644
index 0c14e7a58..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChangeItem.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import { faExclamationTriangle, faInfo } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  SecretInput,
-  Table,
-  TableContainer,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { CommitType, SecretV3Raw, TSecretApprovalSecChange, WsTag } from "@app/hooks/api/types";
-
-export type Props = {
-  op: CommitType;
-  secretVersion?: SecretV3Raw;
-  newVersion?: Omit<TSecretApprovalSecChange, "tags"> & { tags?: WsTag[] };
-  presentSecretVersionNumber: number;
-  hasMerged?: Boolean;
-  conflicts: Array<{ secretId: string; op: CommitType }>;
-};
-
-const generateItemTitle = (op: CommitType) => {
-  let text = { label: "", color: "" };
-  if (op === CommitType.CREATE) text = { label: "create", color: "#16a34a" };
-  else if (op === CommitType.UPDATE) text = { label: "change", color: "#ea580c" };
-  else text = { label: "deletion", color: "#b91c1c" };
-
-  return (
-    <span>
-      Request for <span style={{ color: text.color }}>secret {text.label}</span>
-    </span>
-  );
-};
-
-const generateConflictText = (op: CommitType) => {
-  if (op === CommitType.CREATE) return <div>Secret already exist</div>;
-  if (op === CommitType.UPDATE) return <div>Secret not found</div>;
-  return null;
-};
-
-export const SecretApprovalRequestChangeItem = ({
-  op,
-  secretVersion,
-  newVersion,
-  presentSecretVersionNumber,
-  hasMerged,
-  conflicts
-}: Props) => {
-  // meaning request has changed
-  const isStale = (secretVersion?.version || 1) < presentSecretVersionNumber;
-  const itemConflict =
-    hasMerged && conflicts.find((el) => el.op === op && el.secretId === newVersion?.id);
-  const hasConflict = Boolean(itemConflict);
-
-  return (
-    <div className="rounded-lg bg-bunker-500 px-4 pt-2 pb-4">
-      <div className="flex items-center py-3 px-1">
-        <div className="flex-grow">{generateItemTitle(op)}</div>
-        {!hasMerged && isStale && (
-          <div className="flex items-center">
-            <FontAwesomeIcon icon={faInfo} className="text-sm text-primary-600" />
-            <span className="ml-2 text-xs">Secret has been changed(stale)</span>
-          </div>
-        )}
-        {hasMerged && hasConflict && (
-          <div className="flex items-center space-x-2 text-sm text-bunker-300">
-            <Tooltip content="Merge Conflict">
-              <FontAwesomeIcon icon={faExclamationTriangle} className="text-red-700" />
-            </Tooltip>
-            <div>{generateConflictText(op)}</div>
-          </div>
-        )}
-      </div>
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              {op === CommitType.UPDATE && <Th className="w-12" />}
-              <Th className="min-table-row">Secret</Th>
-              <Th>Value</Th>
-              <Th className="min-table-row">Comment</Th>
-              <Th className="min-table-row">Tags</Th>
-            </Tr>
-          </THead>
-          {op === CommitType.UPDATE ? (
-            <TBody>
-              <Tr>
-                <Td className="text-red-600">OLD</Td>
-                <Td>{secretVersion?.secretKey}</Td>
-                <Td>
-                  <SecretInput isReadOnly value={secretVersion?.secretValue} />
-                </Td>
-                <Td>{secretVersion?.secretComment}</Td>
-                <Td className="flex flex-wrap gap-2">
-                  {secretVersion?.tags?.map(({ slug, id: tagId, color }) => (
-                    <Tag
-                      className="flex w-min items-center space-x-2"
-                      key={`${secretVersion.id}-${tagId}`}
-                    >
-                      <div
-                        className="h-3 w-3 rounded-full"
-                        style={{ backgroundColor: color || "#bec2c8" }}
-                      />
-                      <div className="text-sm">{slug}</div>
-                    </Tag>
-                  ))}
-                </Td>
-              </Tr>
-              <Tr>
-                <Td className="text-green-600">NEW</Td>
-                <Td>{newVersion?.secretKey}</Td>
-                <Td>
-                  <SecretInput isReadOnly value={newVersion?.secretValue} />
-                </Td>
-                <Td>{newVersion?.secretComment}</Td>
-                <Td className="flex flex-wrap gap-2">
-                  {newVersion?.tags?.map(({ slug, id: tagId, color }) => (
-                    <Tag
-                      className="flex w-min items-center space-x-2"
-                      key={`${newVersion.id}-${tagId}`}
-                    >
-                      <div
-                        className="h-3 w-3 rounded-full"
-                        style={{ backgroundColor: color || "#bec2c8" }}
-                      />
-                      <div className="text-sm">{slug}</div>
-                    </Tag>
-                  ))}
-                </Td>
-              </Tr>
-            </TBody>
-          ) : (
-            <TBody>
-              <Tr>
-                <Td>
-                  {op === CommitType.CREATE ? newVersion?.secretKey : secretVersion?.secretKey}
-                </Td>
-                <Td>
-                  <SecretInput
-                    isReadOnly
-                    value={
-                      op === CommitType.CREATE
-                        ? newVersion?.secretValue
-                        : secretVersion?.secretValue
-                    }
-                  />
-                </Td>
-                <Td>
-                  {op === CommitType.CREATE
-                    ? newVersion?.secretComment
-                    : secretVersion?.secretComment}
-                </Td>
-                <Td>
-                  {(op === CommitType.CREATE ? newVersion?.tags : secretVersion?.tags)?.map(
-                    ({ slug, id: tagId, color }) => (
-                      <Tag
-                        className="flex w-min items-center space-x-2"
-                        key={`${
-                          op === CommitType.CREATE ? newVersion?.id : secretVersion?.id
-                        }-${tagId}`}
-                      >
-                        <div
-                          className="h-3 w-3 rounded-full"
-                          style={{ backgroundColor: color || "#bec2c8" }}
-                        />
-                        <div className="text-sm">{slug}</div>
-                      </Tag>
-                    )
-                  )}
-                </Td>
-              </Tr>
-            </TBody>
-          )}
-        </Table>
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChanges.tsx b/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChanges.tsx
deleted file mode 100644
index f313149d3..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChanges.tsx
+++ /dev/null
@@ -1,317 +0,0 @@
-import { ReactNode } from "react";
-import {
-  faArrowLeft,
-  faCheck,
-  faCheckCircle,
-  faCircle,
-  faCodeBranch,
-  faFolder,
-  faXmarkCircle
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, ContentLoader, EmptyState, IconButton, Tooltip } from "@app/components/v2";
-import { useUser } from "@app/context";
-import {
-  useGetSecretApprovalRequestDetails,
-  useUpdateSecretApprovalReviewStatus
-} from "@app/hooks/api";
-import { ApprovalStatus, CommitType } from "@app/hooks/api/types";
-import { formatReservedPaths } from "@app/lib/fn/string";
-
-import { SecretApprovalRequestAction } from "./SecretApprovalRequestAction";
-import { SecretApprovalRequestChangeItem } from "./SecretApprovalRequestChangeItem";
-
-export const generateCommitText = (commits: { op: CommitType }[] = []) => {
-  const score: Record<string, number> = {};
-  commits.forEach(({ op }) => {
-    score[op] = (score?.[op] || 0) + 1;
-  });
-  const text: ReactNode[] = [];
-  if (score[CommitType.CREATE])
-    text.push(
-      <span key="created-commit">
-        {score[CommitType.CREATE]} secret{score[CommitType.CREATE] !== 1 && "s"}
-        <span style={{ color: "#16a34a" }}> created</span>
-      </span>
-    );
-  if (score[CommitType.UPDATE])
-    text.push(
-      <span key="updated-commit">
-        {Boolean(text.length) && ","}
-        {score[CommitType.UPDATE]} secret{score[CommitType.UPDATE] !== 1 && "s"}
-        <span style={{ color: "#ea580c" }} className="text-orange-600">
-          {" "}
-          updated
-        </span>
-      </span>
-    );
-  if (score[CommitType.DELETE])
-    text.push(
-      <span className="deleted-commit">
-        {Boolean(text.length) && "and"}
-        {score[CommitType.DELETE]} secret{score[CommitType.UPDATE] !== 1 && "s"}
-        <span style={{ color: "#b91c1c" }}> deleted</span>
-      </span>
-    );
-
-  return text;
-};
-
-const getReviewedStatusSymbol = (status?: ApprovalStatus) => {
-  if (status === ApprovalStatus.APPROVED)
-    return <FontAwesomeIcon icon={faCheckCircle} size="xs" style={{ color: "#15803d" }} />;
-  if (status === ApprovalStatus.REJECTED)
-    return <FontAwesomeIcon icon={faXmarkCircle} size="xs" style={{ color: "#b91c1c" }} />;
-  return <FontAwesomeIcon icon={faCircle} size="xs" style={{ color: "#c2410c" }} />;
-};
-
-type Props = {
-  workspaceId: string;
-  approvalRequestId: string;
-  onGoBack: () => void;
-};
-
-export const SecretApprovalRequestChanges = ({
-  approvalRequestId,
-  onGoBack,
-  workspaceId
-}: Props) => {
-  const { user: userSession } = useUser();
-  const {
-    data: secretApprovalRequestDetails,
-    isSuccess: isSecretApprovalRequestSuccess,
-    isLoading: isSecretApprovalRequestLoading
-  } = useGetSecretApprovalRequestDetails({
-    id: approvalRequestId
-  });
-
-  const {
-    mutateAsync: updateSecretApprovalRequestStatus,
-    isLoading: isUpdatingRequestStatus,
-    variables
-  } = useUpdateSecretApprovalReviewStatus();
-
-  const isApproving = variables?.status === ApprovalStatus.APPROVED && isUpdatingRequestStatus;
-  const isRejecting = variables?.status === ApprovalStatus.REJECTED && isUpdatingRequestStatus;
-
-  // membership of present user
-  const canApprove = secretApprovalRequestDetails?.policy?.approvers?.some(
-    ({ userId }) => userId === userSession.id
-  );
-  const reviewedUsers = secretApprovalRequestDetails?.reviewers?.reduce<
-    Record<string, ApprovalStatus>
-  >(
-    (prev, curr) => ({
-      ...prev,
-      [curr.userId]: curr.status
-    }),
-    {}
-  );
-  const hasApproved = reviewedUsers?.[userSession.id] === ApprovalStatus.APPROVED;
-  const hasRejected = reviewedUsers?.[userSession.id] === ApprovalStatus.REJECTED;
-
-  const handleSecretApprovalStatusUpdate = async (status: ApprovalStatus) => {
-    try {
-      await updateSecretApprovalRequestStatus({
-        id: approvalRequestId,
-        status
-      });
-      createNotification({
-        type: "success",
-        text: `Successfully ${status} the request`
-      });
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to update the request status"
-      });
-    }
-  };
-
-  if (isSecretApprovalRequestLoading) {
-    return (
-      <div>
-        <ContentLoader />
-      </div>
-    );
-  }
-
-  if (!isSecretApprovalRequestSuccess)
-    return (
-      <div>
-        <EmptyState title="Failed to load approvals" />
-      </div>
-    );
-
-  const isMergable =
-    secretApprovalRequestDetails?.policy?.approvals <=
-    secretApprovalRequestDetails?.policy?.approvers?.filter(
-      ({ userId }) => reviewedUsers?.[userId] === ApprovalStatus.APPROVED
-    ).length;
-  const hasMerged = secretApprovalRequestDetails?.hasMerged;
-
-  return (
-    <div className="flex space-x-6">
-      <div className="flex-grow">
-        <div className="sticky top-0 z-20 flex items-center space-x-4 bg-bunker-800 pt-2 pb-6">
-          <IconButton variant="outline_bg" ariaLabel="go-back" onClick={onGoBack}>
-            <FontAwesomeIcon icon={faArrowLeft} />
-          </IconButton>
-          <div
-            className={twMerge(
-              "flex items-center space-x-2 rounded-3xl px-4 py-2 text-white",
-              secretApprovalRequestDetails.status === "close" ? "bg-red-600" : "bg-green-600"
-            )}
-          >
-            <FontAwesomeIcon icon={faCodeBranch} size="sm" />
-            <span className="capitalize">
-              {secretApprovalRequestDetails.status === "close"
-                ? "closed"
-                : secretApprovalRequestDetails.status}
-            </span>
-          </div>
-          <div className="flex flex-grow flex-col">
-            <div className="mb-1 text-lg">
-              {generateCommitText(secretApprovalRequestDetails.commits)}
-              {secretApprovalRequestDetails.isReplicated && (
-                <span className="text-sm text-bunker-300"> (replication)</span>
-              )}
-            </div>
-            <div className="flex items-center text-sm text-bunker-300">
-              {secretApprovalRequestDetails?.committerUser?.firstName || ""}
-              {secretApprovalRequestDetails?.committerUser?.lastName || ""} (
-              {secretApprovalRequestDetails?.committerUser?.email}) wants to change{" "}
-              {secretApprovalRequestDetails.commits.length} secret values in
-              <span className="mx-1 rounded bg-primary-600/60 px-1 text-primary-300">
-                {secretApprovalRequestDetails.environment}
-              </span>
-              <div className="flex w-min items-center rounded border border-mineshaft-500 pl-1 pr-2">
-                <div className="border-r border-mineshaft-500 pr-1">
-                  <FontAwesomeIcon icon={faFolder} className="text-primary" size="sm" />
-                </div>
-                <Tooltip content={formatReservedPaths(secretApprovalRequestDetails.secretPath)}>
-                  <div className="truncate pl-2 pb-0.5 text-sm" style={{ maxWidth: "10rem" }}>
-                    {formatReservedPaths(secretApprovalRequestDetails.secretPath)}
-                  </div>
-                </Tooltip>
-              </div>
-            </div>
-          </div>
-          {!hasMerged && secretApprovalRequestDetails.status === "open" && (
-            <>
-              <Button
-                size="xs"
-                leftIcon={hasApproved && <FontAwesomeIcon icon={faCheck} />}
-                onClick={() => handleSecretApprovalStatusUpdate(ApprovalStatus.APPROVED)}
-                isLoading={isApproving}
-                isDisabled={isApproving || hasApproved || !canApprove}
-              >
-                {hasApproved ? "Approved" : "Approve"}
-              </Button>
-              <Button
-                size="xs"
-                colorSchema="danger"
-                leftIcon={hasRejected && <FontAwesomeIcon icon={faCheck} />}
-                onClick={() => handleSecretApprovalStatusUpdate(ApprovalStatus.REJECTED)}
-                isLoading={isRejecting}
-                isDisabled={isRejecting || hasRejected || !canApprove}
-              >
-                {hasRejected ? "Rejected" : "Reject"}
-              </Button>
-            </>
-          )}
-        </div>
-        <div className="flex flex-col space-y-4">
-          {secretApprovalRequestDetails.commits.map(
-            ({ op, secretVersion, secret, ...newVersion }, index) => (
-              <SecretApprovalRequestChangeItem
-                op={op}
-                conflicts={secretApprovalRequestDetails.conflicts}
-                hasMerged={hasMerged}
-                secretVersion={secretVersion}
-                presentSecretVersionNumber={secret?.version || 0}
-                newVersion={newVersion}
-                key={`${op}-${index + 1}-${secretVersion?.id}`}
-              />
-            )
-          )}
-        </div>
-        <div className="mt-8 flex items-center space-x-6 rounded-lg bg-mineshaft-800 px-5 py-6">
-          <SecretApprovalRequestAction
-            canApprove={canApprove}
-            approvalRequestId={secretApprovalRequestDetails.id}
-            hasMerged={hasMerged}
-            approvals={secretApprovalRequestDetails.policy.approvals || 0}
-            status={secretApprovalRequestDetails.status}
-            isMergable={isMergable}
-            statusChangeByEmail={secretApprovalRequestDetails.statusChangedByUser?.email}
-            enforcementLevel={secretApprovalRequestDetails.policy.enforcementLevel}
-            workspaceId={workspaceId}
-          />
-        </div>
-      </div>
-      <div className="sticky top-0 w-1/5 pt-4" style={{ minWidth: "240px" }}>
-        <div className="text-sm text-bunker-300">Reviewers</div>
-        <div className="mt-2 flex flex-col space-y-2 text-sm">
-          {secretApprovalRequestDetails?.policy?.approvers.map((requiredApprover) => {
-            const status = reviewedUsers?.[requiredApprover.userId];
-            return (
-              <div
-                className="flex flex-nowrap items-center space-x-2 rounded bg-mineshaft-800 px-2 py-1"
-                key={`required-approver-${requiredApprover.userId}`}
-              >
-                <div className="flex-grow text-sm">
-                  <Tooltip
-                    content={`${requiredApprover.firstName || ""} ${
-                      requiredApprover.lastName || ""
-                    }`}
-                  >
-                    <span>{requiredApprover?.email} </span>
-                  </Tooltip>
-                  <span className="text-red">*</span>
-                </div>
-                <div>
-                  <Tooltip content={status || ApprovalStatus.PENDING}>
-                    {getReviewedStatusSymbol(status)}
-                  </Tooltip>
-                </div>
-              </div>
-            );
-          })}
-          {secretApprovalRequestDetails?.reviewers
-            .filter(
-              (reviewer) =>
-                !secretApprovalRequestDetails?.policy?.approvers?.some(
-                  ({ userId }) => userId === reviewer.userId
-                )
-            )
-            .map((reviewer) => {
-              const status = reviewedUsers?.[reviewer.userId];
-              return (
-                <div
-                  className="flex flex-nowrap items-center space-x-2 rounded bg-mineshaft-800 px-2 py-1"
-                  key={`required-approver-${reviewer.userId}`}
-                >
-                  <div className="flex-grow text-sm">
-                    <Tooltip content={`${reviewer.firstName || ""} ${reviewer.lastName || ""}`}>
-                      <span>{reviewer?.email} </span>
-                    </Tooltip>
-                    <span className="text-red">*</span>
-                  </div>
-                  <div>
-                    <Tooltip content={status || ApprovalStatus.PENDING}>
-                      {getReviewedStatusSymbol(status)}
-                    </Tooltip>
-                  </div>
-                </div>
-              );
-            })}
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/index.tsx b/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/index.tsx
deleted file mode 100644
index 5752309ca..000000000
--- a/frontend-next/src/views/SecretApprovalPage/components/SecretApprovalRequest/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretApprovalRequest } from "./SecretApprovalRequest";
diff --git a/frontend-next/src/views/SecretApprovalPage/index.tsx b/frontend-next/src/views/SecretApprovalPage/index.tsx
deleted file mode 100644
index e45406427..000000000
--- a/frontend-next/src/views/SecretApprovalPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretApprovalPage } from "./SecretApprovalPage";
diff --git a/frontend-next/src/views/SecretMainPage/SecretMainPage.store.tsx b/frontend-next/src/views/SecretMainPage/SecretMainPage.store.tsx
deleted file mode 100644
index 0b48d3db7..000000000
--- a/frontend-next/src/views/SecretMainPage/SecretMainPage.store.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { createContext, ReactNode, useContext, useEffect, useRef } from "react";
-import { useRouter } from "next/router";
-import { createStore, StateCreator, StoreApi, useStore } from "zustand";
-
-import { SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
-
-// akhilmhdh: Don't remove this file if ur thinking why use zustand just for selected selects state
-// This is first step and the whole secret crud will be moved to this global page scope state
-// this will allow more stuff like undo grouping stuffs etc
-type SelectedSecretState = {
-  selectedSecret: Record<string, SecretV3RawSanitized>;
-  action: {
-    toggle: (secret: SecretV3RawSanitized) => void;
-    reset: () => void;
-    set: (secrets: Record<string, SecretV3RawSanitized>) => void;
-  };
-};
-const createSelectedSecretStore: StateCreator<SelectedSecretState> = (set) => ({
-  selectedSecret: {},
-  action: {
-    toggle: (secret) =>
-      set((state) => {
-        const isChecked = Boolean(state.selectedSecret?.[secret.id]);
-        const newChecks = { ...state.selectedSecret };
-        // remove selection if its present else add it
-        if (isChecked) delete newChecks[secret.id];
-        else newChecks[secret.id] = secret;
-        return { selectedSecret: newChecks };
-      }),
-    reset: () => set({ selectedSecret: {} }),
-    set: (secrets) => set({ selectedSecret: secrets })
-  }
-});
-
-export enum PopUpNames {
-  CreateSecretForm = "create-secret-form"
-}
-
-type PopUpState = {
-  popUp: Record<string, { isOpen: boolean; data?: any }>;
-  popUpActions: {
-    togglePopUp: (id: PopUpNames, isOpen?: boolean) => void;
-    closePopUp: (id: PopUpNames) => void;
-    openPopUp: (id: PopUpNames, data?: any) => void;
-  };
-};
-const createPopUpStore: StateCreator<PopUpState> = (set) => ({
-  popUp: {},
-  popUpActions: {
-    closePopUp: (id) => set((state) => ({ popUp: { ...state.popUp, [id]: { isOpen: false } } })),
-    openPopUp: (id, data) =>
-      set((state) => ({ popUp: { ...state.popUp, [id]: { isOpen: true, data } } })),
-    togglePopUp: (id, isOpen) =>
-      set((state) => ({
-        popUp: { ...state.popUp, [id]: { isOpen: isOpen ?? !state.popUp[id].isOpen } }
-      }))
-  }
-});
-
-type CombinedState = SelectedSecretState & PopUpState;
-const StoreContext = createContext<StoreApi<CombinedState> | null>(null);
-export const StoreProvider = ({ children }: { children: ReactNode }) => {
-  const storeRef = useRef<StoreApi<CombinedState>>();
-  const router = useRouter();
-  if (!storeRef.current) {
-    storeRef.current = createStore<CombinedState>((...a) => ({
-      ...createSelectedSecretStore(...a),
-      ...createPopUpStore(...a)
-    }));
-  }
-
-  useEffect(() => {
-    const onRouteChangeStart = () => {
-      const state = storeRef.current?.getState();
-      state?.action.reset();
-    };
-
-    router.events.on("routeChangeStart", onRouteChangeStart);
-    return () => {
-      router.events.off("routeChangeStart", onRouteChangeStart);
-    };
-  }, []);
-
-  return <StoreContext.Provider value={storeRef.current}>{children}</StoreContext.Provider>;
-};
-
-const useStoreContext = <T extends unknown>(selector: (state: CombinedState) => T): T => {
-  const ctx = useContext(StoreContext);
-  if (!ctx) throw new Error("Missing ");
-  return useStore(ctx, selector);
-};
-
-// selected secret context
-export const useSelectedSecrets = () => useStoreContext((state) => state.selectedSecret);
-export const useSelectedSecretActions = () => useStoreContext((state) => state.action);
-
-// popup context
-export const usePopUpState = (id: PopUpNames) =>
-  useStoreContext((state) => state.popUp?.[id] || { isOpen: false });
-export const usePopUpAction = () => useStoreContext((state) => state.popUpActions);
diff --git a/frontend-next/src/views/SecretMainPage/SecretMainPage.tsx b/frontend-next/src/views/SecretMainPage/SecretMainPage.tsx
deleted file mode 100644
index 3ad900ecb..000000000
--- a/frontend-next/src/views/SecretMainPage/SecretMainPage.tsx
+++ /dev/null
@@ -1,595 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useRouter } from "next/router";
-import { subject } from "@casl/ability";
-import { faArrowDown, faArrowUp } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import NavHeader from "@app/components/navigation/NavHeader";
-import { createNotification } from "@app/components/notifications";
-import { PermissionDeniedBanner } from "@app/components/permissions";
-import {
-  Checkbox,
-  ContentLoader,
-  Modal,
-  ModalContent,
-  Pagination,
-  Tooltip
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionDynamicSecretActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { useDebounce, usePagination, usePopUp, useResetPageHelper } from "@app/hooks";
-import {
-  useGetImportedSecretsSingleEnv,
-  useGetSecretApprovalPolicyOfABoard,
-  useGetWorkspaceSnapshotList,
-  useGetWsSnapshotCount,
-  useGetWsTags
-} from "@app/hooks/api";
-import { useGetProjectSecretsDetails } from "@app/hooks/api/dashboard";
-import { DashboardSecretsOrderBy } from "@app/hooks/api/dashboard/types";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { DynamicSecretListView } from "@app/views/SecretMainPage/components/DynamicSecretListView";
-import { FolderListView } from "@app/views/SecretMainPage/components/FolderListView";
-import { SecretImportListView } from "@app/views/SecretMainPage/components/SecretImportListView";
-import { SecretTableResourceCount } from "@app/views/SecretOverviewPage/components/SecretTableResourceCount/SecretTableResourceCount";
-
-import { SecretV2MigrationSection } from "../SecretOverviewPage/components/SecretV2MigrationSection";
-import { ActionBar } from "./components/ActionBar";
-import { CreateSecretForm } from "./components/CreateSecretForm";
-import { PitDrawer } from "./components/PitDrawer";
-import { SecretDropzone } from "./components/SecretDropzone";
-import { SecretListView, SecretNoAccessListView } from "./components/SecretListView";
-import { SnapshotView } from "./components/SnapshotView";
-import {
-  PopUpNames,
-  StoreProvider,
-  usePopUpAction,
-  usePopUpState,
-  useSelectedSecretActions,
-  useSelectedSecrets
-} from "./SecretMainPage.store";
-import { Filter, RowType } from "./SecretMainPage.types";
-
-const LOADER_TEXT = [
-  "Retrieving your encrypted secrets...",
-  "Fetching folders...",
-  "Getting secret import links..."
-];
-
-const SecretMainPageContent = () => {
-  const { t } = useTranslation();
-  const { currentWorkspace, isLoading: isWorkspaceLoading } = useWorkspace();
-  const router = useRouter();
-  const { permission } = useProjectPermission();
-
-  const [isVisible, setIsVisible] = useState(false);
-
-  const {
-    offset,
-    limit,
-    orderDirection,
-    setOrderDirection,
-    setPage,
-    perPage,
-    page,
-    setPerPage,
-    orderBy
-  } = usePagination<DashboardSecretsOrderBy>(DashboardSecretsOrderBy.Name);
-
-  const [snapshotId, setSnapshotId] = useState<string | null>(null);
-  const isRollbackMode = Boolean(snapshotId);
-  const { popUp, handlePopUpClose, handlePopUpToggle } = usePopUp(["snapshots"] as const);
-
-  // env slug
-  const environment = router.query.env as string;
-  const workspaceId = currentWorkspace?.id || "";
-  const projectSlug = currentWorkspace?.slug || "";
-  const secretPath = (router.query.secretPath as string) || "/";
-  const canReadSecret = permission.can(
-    ProjectPermissionActions.Read,
-    subject(ProjectPermissionSub.Secrets, {
-      environment,
-      secretPath,
-      secretName: "*",
-      secretTags: ["*"]
-    })
-  );
-
-  const canReadSecretImports = permission.can(
-    ProjectPermissionActions.Read,
-    subject(ProjectPermissionSub.SecretImports, { environment, secretPath })
-  );
-
-  const canReadDynamicSecret = permission.can(
-    ProjectPermissionDynamicSecretActions.ReadRootCredential,
-    subject(ProjectPermissionSub.DynamicSecrets, { environment, secretPath })
-  );
-
-  const canDoReadRollback = permission.can(
-    ProjectPermissionActions.Read,
-    ProjectPermissionSub.SecretRollback
-  );
-
-  const defaultFilterState = {
-    tags: {},
-    searchFilter: (router.query.searchFilter as string) || "",
-    // these should always be on by default for the UI, they will be disabled for the query below based off permissions
-    include: {
-      [RowType.Folder]: true,
-      [RowType.Import]: true,
-      [RowType.DynamicSecret]: true,
-      [RowType.Secret]: true
-    }
-  };
-
-  const [filter, setFilter] = useState<Filter>(defaultFilterState);
-  const [debouncedSearchFilter, setDebouncedSearchFilter] = useDebounce(filter.searchFilter);
-  const [filterHistory, setFilterHistory] = useState<Map<string, Filter>>(new Map());
-
-  const createSecretPopUp = usePopUpState(PopUpNames.CreateSecretForm);
-  const { togglePopUp } = usePopUpAction();
-
-  useEffect(() => {
-    if (
-      !isWorkspaceLoading &&
-      !currentWorkspace?.environments.find((env) => env.slug === environment) &&
-      router.isReady
-    ) {
-      router.push(`/${ProjectType.SecretManager}/${workspaceId}/secrets/overview`);
-      createNotification({
-        text: "No environment found with given slug",
-        type: "error"
-      });
-    }
-  }, [isWorkspaceLoading, currentWorkspace, environment, router.isReady]);
-
-  const {
-    data,
-    isLoading: isDetailsLoading,
-    isFetching: isDetailsFetching
-  } = useGetProjectSecretsDetails({
-    environment,
-    projectId: workspaceId,
-    secretPath,
-    offset,
-    limit,
-    orderBy,
-    search: debouncedSearchFilter,
-    orderDirection,
-    includeImports: canReadSecretImports && filter.include.import,
-    includeFolders: filter.include.folder,
-    includeDynamicSecrets: canReadDynamicSecret && filter.include.dynamic,
-    includeSecrets: canReadSecret && filter.include.secret,
-    tags: filter.tags
-  });
-
-  const {
-    imports,
-    folders,
-    dynamicSecrets,
-    secrets,
-    totalImportCount = 0,
-    totalFolderCount = 0,
-    totalDynamicSecretCount = 0,
-    totalSecretCount = 0,
-    totalCount = 0
-  } = data ?? {};
-
-  useResetPageHelper({
-    totalCount,
-    offset,
-    setPage
-  });
-
-  // fetch imported secrets to show user the overriden ones
-  const { data: importedSecrets } = useGetImportedSecretsSingleEnv({
-    projectId: workspaceId,
-    environment,
-    path: secretPath,
-    options: {
-      enabled: canReadSecret
-    }
-  });
-
-  // fetch tags
-  const { data: tags } = useGetWsTags(
-    permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Tags) ? workspaceId : ""
-  );
-
-  const { data: boardPolicy } = useGetSecretApprovalPolicyOfABoard({
-    workspaceId,
-    environment,
-    secretPath
-  });
-  const isProtectedBranch = Boolean(boardPolicy);
-
-  const {
-    data: snapshotList,
-    isFetchingNextPage: isFetchingNextSnapshotList,
-    fetchNextPage: fetchNextSnapshotList,
-    hasNextPage: hasNextSnapshotListPage
-  } = useGetWorkspaceSnapshotList({
-    workspaceId,
-    directory: secretPath,
-    environment,
-    isPaused: !popUp.snapshots.isOpen || !canDoReadRollback,
-    limit: 10
-  });
-
-  const { data: snapshotCount, isLoading: isSnapshotCountLoading } = useGetWsSnapshotCount({
-    workspaceId,
-    environment,
-    directory: secretPath,
-    isPaused: !canDoReadRollback
-  });
-
-  const noAccessSecretCount = Math.max(
-    (page * perPage > totalCount ? totalCount % perPage : perPage) -
-      (imports?.length || 0) -
-      (folders?.length || 0) -
-      (secrets?.length || 0) -
-      (dynamicSecrets?.length || 0),
-    0
-  );
-  const isNotEmpty = Boolean(
-    secrets?.length ||
-      folders?.length ||
-      imports?.length ||
-      dynamicSecrets?.length ||
-      noAccessSecretCount
-  );
-
-  const handleSortToggle = () =>
-    setOrderDirection((state) =>
-      state === OrderByDirection.ASC ? OrderByDirection.DESC : OrderByDirection.ASC
-    );
-
-  const handleEnvChange = (slug: string) => {
-    const query: Record<string, string> = { ...router.query, env: slug };
-    delete query.secretPath;
-    router.push({
-      pathname: router.pathname,
-      query
-    });
-  };
-
-  const handleTagToggle = useCallback(
-    (tagSlug: string) =>
-      setFilter((state) => {
-        const isTagPresent = Boolean(state.tags?.[tagSlug]);
-        const newTagFilter = { ...state.tags };
-        if (isTagPresent) delete newTagFilter[tagSlug];
-        else newTagFilter[tagSlug] = true;
-        return { ...state, tags: newTagFilter };
-      }),
-    []
-  );
-
-  const handleToggleRowType = useCallback(
-    (rowType: RowType) =>
-      setFilter((state) => {
-        return {
-          ...state,
-          include: {
-            ...state.include,
-            [rowType]: !state.include[rowType]
-          }
-        };
-      }),
-    []
-  );
-
-  const handleSearchChange = useCallback(
-    (searchFilter: string) => setFilter((state) => ({ ...state, searchFilter })),
-    []
-  );
-
-  const handleToggleVisibility = useCallback(() => setIsVisible((state) => !state), []);
-
-  // snapshot functions
-  const handleSelectSnapshot = useCallback((snapId: string) => {
-    setSnapshotId(snapId);
-  }, []);
-
-  const handleResetSnapshot = useCallback(() => {
-    setSnapshotId(null);
-    handlePopUpClose("snapshots");
-  }, []);
-
-  useEffect(() => {
-    // restore filters for path if set
-    const restore = filterHistory.get(secretPath);
-    setFilter(restore ?? defaultFilterState);
-    setDebouncedSearchFilter(restore?.searchFilter ?? "");
-    const { searchFilter, ...query } = router.query;
-
-    // this is a temp work around until we fully transition state to query params,
-    // setting the initial search filter by query and then moving it to internal state
-    if (router.query.searchFilter) {
-      router.push({
-        pathname: router.pathname,
-        query
-      });
-    }
-  }, [secretPath]);
-
-  useEffect(() => {
-    if (!router.query.search && !router.query.tags) return;
-
-    const queryTags = router.query.tags
-      ? (router.query.tags as string).split(",").filter((tag) => Boolean(tag.trim()))
-      : [];
-    const updatedTags: Record<string, boolean> = {};
-    queryTags.forEach((tag) => {
-      updatedTags[tag] = true;
-    });
-
-    setFilter((prev) => ({
-      ...prev,
-      ...defaultFilterState,
-      searchFilter: (router.query.search as string) ?? "",
-      tags: updatedTags
-    }));
-    setDebouncedSearchFilter(router.query.search as string);
-    // this is a temp workaround until we fully transition state to query params,
-    const { search, tags: qTags, ...query } = router.query;
-    router.push({
-      pathname: router.pathname,
-      query
-    });
-  }, [router.query.search, router.query.tags]);
-
-  const selectedSecrets = useSelectedSecrets();
-  const selectedSecretActions = useSelectedSecretActions();
-
-  const allRowsSelectedOnPage = useMemo(() => {
-    if (secrets?.every((secret) => selectedSecrets[secret.id]))
-      return { isChecked: true, isIndeterminate: false };
-
-    if (secrets?.some((secret) => selectedSecrets[secret.id]))
-      return { isChecked: true, isIndeterminate: true };
-
-    return { isChecked: false, isIndeterminate: false };
-  }, [selectedSecrets, secrets]);
-
-  const toggleSelectAllRows = () => {
-    const newChecks = { ...selectedSecrets };
-
-    secrets?.forEach((secret) => {
-      if (allRowsSelectedOnPage.isChecked) {
-        delete newChecks[secret.id];
-      } else {
-        newChecks[secret.id] = secret;
-      }
-    });
-
-    selectedSecretActions.set(newChecks);
-  };
-
-  if (isDetailsLoading) {
-    return <ContentLoader text={LOADER_TEXT} />;
-  }
-
-  const handleResetFilter = () => {
-    // store for breadcrumb nav to restore previously used filters
-    setFilterHistory((prev) => {
-      const curr = new Map(prev);
-      curr.set(secretPath, filter);
-      return curr;
-    });
-
-    setFilter(defaultFilterState);
-    setDebouncedSearchFilter("");
-  };
-  return (
-    <div className="container mx-auto flex flex-col px-6 text-mineshaft-50 dark:[color-scheme:dark]">
-      <SecretV2MigrationSection />
-      <div className="relative right-6 -top-2 mb-2 ml-6">
-        <NavHeader
-          pageName={t("dashboard.title")}
-          currentEnv={environment}
-          userAvailableEnvs={currentWorkspace?.environments}
-          isFolderMode
-          secretPath={secretPath}
-          isProjectRelated
-          onEnvChange={handleEnvChange}
-          isProtectedBranch={isProtectedBranch}
-          protectionPolicyName={boardPolicy?.name}
-        />
-      </div>
-      {!isRollbackMode ? (
-        <>
-          <ActionBar
-            environment={environment}
-            workspaceId={workspaceId}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            isVisible={isVisible}
-            filter={filter}
-            tags={tags}
-            onVisibilityToggle={handleToggleVisibility}
-            onSearchChange={handleSearchChange}
-            onToggleTagFilter={handleTagToggle}
-            snapshotCount={snapshotCount || 0}
-            isSnapshotCountLoading={isSnapshotCountLoading}
-            onToggleRowType={handleToggleRowType}
-            onClickRollbackMode={() => handlePopUpToggle("snapshots", true)}
-          />
-          <div className="thin-scrollbar mt-3 overflow-y-auto overflow-x-hidden rounded-md rounded-b-none bg-mineshaft-800 text-left text-sm text-bunker-300">
-            <div className="flex flex-col" id="dashboard">
-              {isNotEmpty && (
-                <div
-                  className={twMerge(
-                    "sticky top-0 flex border-b border-mineshaft-600 bg-mineshaft-800 font-medium"
-                  )}
-                >
-                  <Tooltip
-                    className="max-w-[20rem] whitespace-nowrap"
-                    content={
-                      totalCount > 0
-                        ? `${
-                            !allRowsSelectedOnPage.isChecked ? "Select" : "Unselect"
-                          } all secrets on page`
-                        : ""
-                    }
-                  >
-                    <div className="mr-[0.055rem] flex w-11 items-center justify-center pl-2.5">
-                      <Checkbox
-                        isDisabled={totalCount === 0}
-                        id="checkbox-select-all-rows"
-                        onClick={(e) => e.stopPropagation()}
-                        isChecked={allRowsSelectedOnPage.isChecked}
-                        isIndeterminate={allRowsSelectedOnPage.isIndeterminate}
-                        onCheckedChange={toggleSelectAllRows}
-                      />
-                    </div>
-                  </Tooltip>
-                  <div
-                    className="flex w-80 flex-shrink-0 items-center border-r border-mineshaft-600 py-2 pl-4"
-                    role="button"
-                    tabIndex={0}
-                    onClick={handleSortToggle}
-                    onKeyDown={(evt) => {
-                      if (evt.key === "Enter") handleSortToggle();
-                    }}
-                  >
-                    Key
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.ASC ? faArrowDown : faArrowUp}
-                      className="ml-2"
-                    />
-                  </div>
-                  <div className="flex-grow px-4 py-2">Value</div>
-                </div>
-              )}
-              {canReadSecretImports && Boolean(imports?.length) && (
-                <SecretImportListView
-                  searchTerm={debouncedSearchFilter}
-                  secretImports={imports}
-                  isFetching={isDetailsFetching}
-                  environment={environment}
-                  workspaceId={workspaceId}
-                  secretPath={secretPath}
-                  importedSecrets={importedSecrets}
-                />
-              )}
-              {Boolean(folders?.length) && (
-                <FolderListView
-                  folders={folders}
-                  environment={environment}
-                  workspaceId={workspaceId}
-                  secretPath={secretPath}
-                  onNavigateToFolder={handleResetFilter}
-                />
-              )}
-              {canReadDynamicSecret && Boolean(dynamicSecrets?.length) && (
-                <DynamicSecretListView
-                  environment={environment}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  dynamicSecrets={dynamicSecrets}
-                />
-              )}
-              {canReadSecret && Boolean(secrets?.length) && (
-                <SecretListView
-                  secrets={secrets}
-                  tags={tags}
-                  isVisible={isVisible}
-                  environment={environment}
-                  workspaceId={workspaceId}
-                  secretPath={secretPath}
-                  isProtectedBranch={isProtectedBranch}
-                />
-              )}
-              {canReadSecret && <SecretNoAccessListView count={noAccessSecretCount} />}
-              {!canReadSecret &&
-                !canReadDynamicSecret &&
-                !canReadSecretImports &&
-                folders?.length === 0 && <PermissionDeniedBanner />}
-            </div>
-          </div>
-          {!isDetailsLoading && totalCount > 0 && (
-            <Pagination
-              startAdornment={
-                <SecretTableResourceCount
-                  dynamicSecretCount={totalDynamicSecretCount}
-                  importCount={totalImportCount}
-                  secretCount={totalSecretCount}
-                  folderCount={totalFolderCount}
-                />
-              }
-              className="rounded-b-md border-t border-solid border-t-mineshaft-600"
-              count={totalCount}
-              page={page}
-              perPage={perPage}
-              onChangePage={(newPage) => setPage(newPage)}
-              onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-            />
-          )}
-          <Modal
-            isOpen={createSecretPopUp.isOpen}
-            onOpenChange={(state) => togglePopUp(PopUpNames.CreateSecretForm, state)}
-          >
-            <ModalContent
-              title="Create Secret"
-              subTitle="Add a secret to this particular environment and folder"
-              bodyClassName="overflow-visible"
-            >
-              <CreateSecretForm
-                environment={environment}
-                workspaceId={workspaceId}
-                secretPath={secretPath}
-                autoCapitalize={currentWorkspace?.autoCapitalization}
-                isProtectedBranch={isProtectedBranch}
-              />
-            </ModalContent>
-          </Modal>
-          <SecretDropzone
-            environment={environment}
-            workspaceId={workspaceId}
-            secretPath={secretPath}
-            isSmaller={isNotEmpty}
-            environments={currentWorkspace?.environments}
-            isProtectedBranch={isProtectedBranch}
-          />
-          <PitDrawer
-            secretSnaphots={snapshotList}
-            snapshotId={snapshotId}
-            isDrawerOpen={popUp.snapshots.isOpen}
-            onOpenChange={(isOpen) => handlePopUpToggle("snapshots", isOpen)}
-            hasNextPage={hasNextSnapshotListPage}
-            fetchNextPage={fetchNextSnapshotList}
-            onSelectSnapshot={handleSelectSnapshot}
-            isFetchingNextPage={isFetchingNextSnapshotList}
-          />
-        </>
-      ) : (
-        <SnapshotView
-          snapshotId={snapshotId || ""}
-          environment={environment}
-          workspaceId={workspaceId}
-          secretPath={secretPath}
-          secrets={secrets}
-          folders={folders}
-          snapshotCount={snapshotCount}
-          onGoBack={handleResetSnapshot}
-          onClickListSnapshot={() => handlePopUpToggle("snapshots", true)}
-        />
-      )}
-    </div>
-  );
-};
-
-export const SecretMainPage = () => (
-  <StoreProvider>
-    <SecretMainPageContent />
-  </StoreProvider>
-);
diff --git a/frontend-next/src/views/SecretMainPage/SecretMainPage.types.ts b/frontend-next/src/views/SecretMainPage/SecretMainPage.types.ts
deleted file mode 100644
index 848e8b91a..000000000
--- a/frontend-next/src/views/SecretMainPage/SecretMainPage.types.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export type Filter = {
-  tags: Record<string, boolean>;
-  searchFilter: string;
-  include: {
-    [key in RowType]: boolean;
-  };
-};
-
-export enum RowType {
-  Folder = "folder",
-  Import = "import",
-  DynamicSecret = "dynamic",
-  Secret = "secret"
-}
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/ActionBar.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/ActionBar.tsx
deleted file mode 100644
index 0df6f82c2..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/ActionBar.tsx
+++ /dev/null
@@ -1,662 +0,0 @@
-import { TypeOptions } from "react-toastify";
-import { subject } from "@casl/ability";
-import {
-  faAngleDown,
-  faAnglesRight,
-  faCheckCircle,
-  faChevronRight,
-  faCodeCommit,
-  faDownload,
-  faEye,
-  faEyeSlash,
-  faFileImport,
-  faFilter,
-  faFingerprint,
-  faFolder,
-  faFolderPlus,
-  faKey,
-  faMinusSquare,
-  faPlus,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import FileSaver from "file-saver";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  DropdownSubMenu,
-  DropdownSubMenuContent,
-  DropdownSubMenuTrigger,
-  IconButton,
-  Modal,
-  ModalContent,
-  Tooltip,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionDynamicSecretActions,
-  ProjectPermissionSub,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useCreateFolder, useDeleteSecretBatch, useMoveSecrets } from "@app/hooks/api";
-import { fetchProjectSecrets } from "@app/hooks/api/secrets/queries";
-import { SecretType, WsTag } from "@app/hooks/api/types";
-import { SecretSearchInput } from "@app/views/SecretOverviewPage/components/SecretSearchInput";
-
-import {
-  PopUpNames,
-  usePopUpAction,
-  useSelectedSecretActions,
-  useSelectedSecrets
-} from "../../SecretMainPage.store";
-import { Filter, RowType } from "../../SecretMainPage.types";
-import { CreateDynamicSecretForm } from "./CreateDynamicSecretForm";
-import { CreateSecretImportForm } from "./CreateSecretImportForm";
-import { FolderForm } from "./FolderForm";
-import { MoveSecretsModal } from "./MoveSecretsModal";
-
-type Props = {
-  // switch the secrets type as it gets decrypted after api call
-  environment: string;
-  // @depreciated will be moving all these details to zustand
-  workspaceId: string;
-  projectSlug: string;
-  secretPath?: string;
-  filter: Filter;
-  tags?: WsTag[];
-  isVisible?: boolean;
-  snapshotCount: number;
-  isSnapshotCountLoading?: boolean;
-  onSearchChange: (term: string) => void;
-  onToggleTagFilter: (tagId: string) => void;
-  onVisibilityToggle: () => void;
-  onToggleRowType: (rowType: RowType) => void;
-  onClickRollbackMode: () => void;
-};
-
-export const ActionBar = ({
-  environment,
-  workspaceId,
-  projectSlug,
-  secretPath = "/",
-  filter,
-  tags = [],
-  isVisible,
-  snapshotCount,
-  isSnapshotCountLoading,
-  onSearchChange,
-  onToggleTagFilter,
-  onVisibilityToggle,
-  onClickRollbackMode,
-  onToggleRowType
-}: Props) => {
-  const { handlePopUpOpen, handlePopUpToggle, handlePopUpClose, popUp } = usePopUp([
-    "addFolder",
-    "addDynamicSecret",
-    "addSecretImport",
-    "bulkDeleteSecrets",
-    "moveSecrets",
-    "misc",
-    "upgradePlan"
-  ] as const);
-  const { subscription } = useSubscription();
-  const { openPopUp } = usePopUpAction();
-
-  const { mutateAsync: createFolder } = useCreateFolder();
-  const { mutateAsync: deleteBatchSecretV3 } = useDeleteSecretBatch();
-  const { mutateAsync: moveSecrets } = useMoveSecrets();
-
-  const selectedSecrets = useSelectedSecrets();
-  const { reset: resetSelectedSecret } = useSelectedSecretActions();
-  const isMultiSelectActive = Boolean(Object.keys(selectedSecrets).length);
-
-  const { currentWorkspace } = useWorkspace();
-
-  const handleFolderCreate = async (folderName: string) => {
-    try {
-      await createFolder({
-        name: folderName,
-        path: secretPath,
-        environment,
-        projectId: workspaceId
-      });
-      handlePopUpClose("addFolder");
-      createNotification({
-        type: "success",
-        text: "Successfully created folder"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to create folder"
-      });
-    }
-  };
-
-  const handleSecretDownload = async () => {
-    const { secrets: localSecrets, imports: localImportedSecrets } = await fetchProjectSecrets({
-      workspaceId,
-      expandSecretReferences: true,
-      includeImports: true,
-      environment,
-      secretPath
-    });
-    const secretsPicked = new Set<string>();
-    const secretsToDownload: { key: string; value?: string; comment?: string }[] = [];
-    localSecrets.forEach((el) => {
-      secretsPicked.add(el.secretKey);
-      secretsToDownload.push({
-        key: el.secretKey,
-        value: el.secretValue,
-        comment: el.secretComment
-      });
-    });
-
-    for (let i = localImportedSecrets.length - 1; i >= 0; i -= 1) {
-      for (let j = localImportedSecrets[i].secrets.length - 1; j >= 0; j -= 1) {
-        const secret = localImportedSecrets[i].secrets[j];
-        if (!secretsPicked.has(secret.secretKey)) {
-          secretsToDownload.push({
-            key: secret.secretKey,
-            value: secret.secretValue,
-            comment: secret.secretComment
-          });
-        }
-        secretsPicked.add(secret.secretKey);
-      }
-    }
-
-    const file = secretsToDownload
-      .sort((a, b) => a.key.toLowerCase().localeCompare(b.key.toLowerCase()))
-      .reduce(
-        (prev, { key, comment, value }, index) =>
-          prev +
-          (comment
-            ? `${index === 0 ? "#" : "\n#"} ${comment}\n${key}=${value}\n`
-            : `${key}=${value}\n`),
-        ""
-      );
-
-    const blob = new Blob([file], { type: "text/plain;charset=utf-8" });
-    FileSaver.saveAs(blob, `${environment}.env`);
-  };
-
-  const handleSecretBulkDelete = async () => {
-    const bulkDeletedSecrets = Object.values(selectedSecrets);
-    try {
-      await deleteBatchSecretV3({
-        secretPath,
-        workspaceId,
-        environment,
-        secrets: bulkDeletedSecrets.map(({ key }) => ({ secretKey: key, type: SecretType.Shared }))
-      });
-      resetSelectedSecret();
-      handlePopUpClose("bulkDeleteSecrets");
-      createNotification({
-        type: "success",
-        text: "Successfully deleted secrets"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to delete secrets"
-      });
-    }
-  };
-
-  const handleSecretsMove = async ({
-    destinationEnvironment,
-    destinationSecretPath,
-    shouldOverwrite
-  }: {
-    destinationEnvironment: string;
-    destinationSecretPath: string;
-    shouldOverwrite: boolean;
-  }) => {
-    try {
-      const secretsToMove = Object.values(selectedSecrets);
-      const { isDestinationUpdated, isSourceUpdated } = await moveSecrets({
-        projectSlug,
-        shouldOverwrite,
-        sourceEnvironment: environment,
-        sourceSecretPath: secretPath,
-        destinationEnvironment,
-        destinationSecretPath,
-        projectId: workspaceId,
-        secretIds: secretsToMove.map((sec) => sec.id)
-      });
-
-      let notificationMessage = "";
-      let notificationType: TypeOptions = "info";
-
-      if (isDestinationUpdated && isSourceUpdated) {
-        notificationMessage = "Successfully moved selected secrets";
-        notificationType = "success";
-      } else if (isDestinationUpdated) {
-        notificationMessage =
-          "Successfully created secrets in destination. A secret approval request has been generated for the source.";
-      } else if (isSourceUpdated) {
-        notificationMessage = "A secret approval request has been generated in the destination";
-      } else {
-        notificationMessage =
-          "A secret approval request has been generated in both the source and the destination.";
-      }
-
-      createNotification({
-        type: notificationType,
-        text: notificationMessage
-      });
-
-      resetSelectedSecret();
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  return (
-    <>
-      <div className="mt-4 flex items-center space-x-2">
-        <SecretSearchInput
-          isSingleEnv
-          className="w-2/5"
-          value={filter.searchFilter}
-          onChange={onSearchChange}
-          environments={[currentWorkspace?.environments.find((env) => env.slug === environment)!]}
-          projectId={workspaceId}
-          tags={tags}
-        />
-        <div>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <IconButton
-                variant="outline_bg"
-                ariaLabel="Download"
-                className={twMerge(
-                  "transition-all",
-                  (Object.keys(filter.tags).length ||
-                    Object.values(filter.include).filter((include) => !include).length) &&
-                    "border-primary/50 text-primary"
-                )}
-              >
-                <FontAwesomeIcon icon={faFilter} />
-              </IconButton>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="end" className="p-0">
-              <DropdownMenuGroup>Filter By</DropdownMenuGroup>
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  onToggleRowType(RowType.Import);
-                }}
-                icon={filter?.include[RowType.Import] && <FontAwesomeIcon icon={faCheckCircle} />}
-                iconPos="right"
-              >
-                <div className="flex items-center gap-2">
-                  <FontAwesomeIcon icon={faFileImport} className=" text-green-700" />
-                  <span>Imports</span>
-                </div>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  onToggleRowType(RowType.Folder);
-                }}
-                icon={filter?.include[RowType.Folder] && <FontAwesomeIcon icon={faCheckCircle} />}
-                iconPos="right"
-              >
-                <div className="flex items-center gap-2">
-                  <FontAwesomeIcon icon={faFolder} className="text-yellow-700" />
-                  <span>Folders</span>
-                </div>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  onToggleRowType(RowType.DynamicSecret);
-                }}
-                icon={
-                  filter?.include[RowType.DynamicSecret] && <FontAwesomeIcon icon={faCheckCircle} />
-                }
-                iconPos="right"
-              >
-                <div className="flex items-center gap-2">
-                  <FontAwesomeIcon icon={faFingerprint} className=" text-yellow-700" />
-                  <span>Dynamic Secrets</span>
-                </div>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={(e) => {
-                  e.preventDefault();
-                  onToggleRowType(RowType.Secret);
-                }}
-                icon={filter?.include[RowType.Secret] && <FontAwesomeIcon icon={faCheckCircle} />}
-                iconPos="right"
-              >
-                <div className="flex items-center gap-2">
-                  <FontAwesomeIcon icon={faKey} className=" text-bunker-300" />
-                  <span>Secrets</span>
-                </div>
-              </DropdownMenuItem>
-              <DropdownSubMenu>
-                <DropdownSubMenuTrigger
-                  iconPos="right"
-                  icon={<FontAwesomeIcon icon={faChevronRight} size="sm" />}
-                >
-                  Tags
-                </DropdownSubMenuTrigger>
-                <DropdownSubMenuContent className="thin-scrollbar max-h-[20rem] overflow-y-auto rounded-l-none">
-                  <DropdownMenuLabel className="sticky top-0 bg-mineshaft-900">
-                    Apply Tags to Filter Secrets
-                  </DropdownMenuLabel>
-                  {tags.map(({ id, slug, color }) => (
-                    <DropdownMenuItem
-                      onClick={(evt) => {
-                        evt.preventDefault();
-                        onToggleTagFilter(slug);
-                      }}
-                      key={id}
-                      icon={filter?.tags[slug] && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      <div className="flex items-center">
-                        <div
-                          className="mr-2 h-2 w-2 rounded-full"
-                          style={{ background: color || "#bec2c8" }}
-                        />
-                        {slug}
-                      </div>
-                    </DropdownMenuItem>
-                  ))}
-                </DropdownSubMenuContent>
-              </DropdownSubMenu>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-        <div className="flex-grow" />
-        <div>
-          <IconButton variant="outline_bg" ariaLabel="Download" onClick={handleSecretDownload}>
-            <FontAwesomeIcon icon={faDownload} />
-          </IconButton>
-        </div>
-        <div>
-          <IconButton variant="outline_bg" ariaLabel="Reveal" onClick={onVisibilityToggle}>
-            <FontAwesomeIcon icon={isVisible ? faEyeSlash : faEye} />
-          </IconButton>
-        </div>
-        <div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Read}
-            a={ProjectPermissionSub.SecretRollback}
-          >
-            {(isAllowed) => (
-              <Button
-                variant="outline_bg"
-                onClick={() => {
-                  if (subscription && subscription.pitRecovery) {
-                    onClickRollbackMode();
-                    return;
-                  }
-
-                  handlePopUpOpen("upgradePlan");
-                }}
-                leftIcon={<FontAwesomeIcon icon={faCodeCommit} />}
-                isLoading={isSnapshotCountLoading}
-                className="h-10"
-                isDisabled={!isAllowed}
-              >
-                {`${snapshotCount} ${snapshotCount === 1 ? "Snapshot" : "Snapshots"}`}
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-        <div className="flex items-center">
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={subject(ProjectPermissionSub.Secrets, {
-              environment,
-              secretPath,
-              secretName: "*",
-              secretTags: ["*"]
-            })}
-          >
-            {(isAllowed) => (
-              <Button
-                variant="outline_bg"
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                onClick={() => openPopUp(PopUpNames.CreateSecretForm)}
-                className="h-10 rounded-r-none"
-                isDisabled={!isAllowed}
-              >
-                Add Secret
-              </Button>
-            )}
-          </ProjectPermissionCan>
-          <DropdownMenu
-            open={popUp.misc.isOpen}
-            onOpenChange={(isOpen) => handlePopUpToggle("misc", isOpen)}
-          >
-            <DropdownMenuTrigger asChild>
-              <IconButton
-                ariaLabel="add-folder-or-import"
-                variant="outline_bg"
-                className="rounded-l-none bg-mineshaft-600 p-3"
-              >
-                <FontAwesomeIcon icon={faAngleDown} />
-              </IconButton>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="end">
-              <div className="flex flex-col space-y-1 p-1.5">
-                <ProjectPermissionCan
-                  I={ProjectPermissionActions.Create}
-                  a={subject(ProjectPermissionSub.SecretFolders, {
-                    environment,
-                    secretPath
-                  })}
-                >
-                  {(isAllowed) => (
-                    <Button
-                      leftIcon={<FontAwesomeIcon icon={faFolderPlus} className="pr-2" />}
-                      onClick={() => {
-                        handlePopUpOpen("addFolder");
-                        handlePopUpClose("misc");
-                      }}
-                      isDisabled={!isAllowed}
-                      variant="outline_bg"
-                      className="h-10 text-left"
-                      isFullWidth
-                    >
-                      Add Folder
-                    </Button>
-                  )}
-                </ProjectPermissionCan>
-                <ProjectPermissionCan
-                  I={ProjectPermissionDynamicSecretActions.CreateRootCredential}
-                  a={subject(ProjectPermissionSub.DynamicSecrets, {
-                    environment,
-                    secretPath,
-                    secretName: "*",
-                    secretTags: ["*"]
-                  })}
-                >
-                  {(isAllowed) => (
-                    <Button
-                      leftIcon={<FontAwesomeIcon icon={faFingerprint} className="pr-2" />}
-                      onClick={() => {
-                        if (subscription && subscription.dynamicSecret) {
-                          handlePopUpOpen("addDynamicSecret");
-                          handlePopUpClose("misc");
-                          return;
-                        }
-                        handlePopUpOpen("upgradePlan");
-                      }}
-                      isDisabled={!isAllowed}
-                      variant="outline_bg"
-                      className="h-10 text-left"
-                      isFullWidth
-                    >
-                      Add Dynamic Secret
-                    </Button>
-                  )}
-                </ProjectPermissionCan>
-                <ProjectPermissionCan
-                  I={ProjectPermissionActions.Create}
-                  a={subject(ProjectPermissionSub.SecretImports, {
-                    environment,
-                    secretPath
-                  })}
-                >
-                  {(isAllowed) => (
-                    <Button
-                      leftIcon={<FontAwesomeIcon icon={faFileImport} className="pr-2" />}
-                      onClick={() => {
-                        handlePopUpOpen("addSecretImport");
-                        handlePopUpClose("misc");
-                      }}
-                      variant="outline_bg"
-                      className="h-10 text-left"
-                      isFullWidth
-                      isDisabled={!isAllowed}
-                    >
-                      Add Import
-                    </Button>
-                  )}
-                </ProjectPermissionCan>
-              </div>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-      </div>
-      <div
-        className={twMerge(
-          "h-0 flex-shrink-0 overflow-hidden transition-all",
-          isMultiSelectActive && "h-16"
-        )}
-      >
-        <div className="mt-3.5 flex items-center rounded-md border border-mineshaft-600 bg-mineshaft-800 py-2 px-4 text-bunker-300">
-          <Tooltip content="Clear">
-            <IconButton variant="plain" ariaLabel="clear-selection" onClick={resetSelectedSecret}>
-              <FontAwesomeIcon icon={faMinusSquare} size="lg" />
-            </IconButton>
-          </Tooltip>
-          <div className="ml-2 flex-grow px-2 text-sm">
-            {Object.keys(selectedSecrets).length} Selected
-          </div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Delete}
-            a={subject(ProjectPermissionSub.Secrets, {
-              environment,
-              secretPath,
-              secretName: "*",
-              secretTags: ["*"]
-            })}
-            renderTooltip
-            allowedLabel="Move"
-          >
-            {(isAllowed) => (
-              <Button
-                variant="outline_bg"
-                leftIcon={<FontAwesomeIcon icon={faAnglesRight} />}
-                className="ml-4"
-                onClick={() => handlePopUpOpen("moveSecrets")}
-                isDisabled={!isAllowed}
-                size="xs"
-              >
-                Move
-              </Button>
-            )}
-          </ProjectPermissionCan>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Delete}
-            a={subject(ProjectPermissionSub.Secrets, {
-              environment,
-              secretPath,
-              secretName: "*",
-              secretTags: ["*"]
-            })}
-            renderTooltip
-            allowedLabel="Delete"
-          >
-            {(isAllowed) => (
-              <Button
-                variant="outline_bg"
-                colorSchema="danger"
-                leftIcon={<FontAwesomeIcon icon={faTrash} />}
-                className="ml-2"
-                onClick={() => handlePopUpOpen("bulkDeleteSecrets")}
-                isDisabled={!isAllowed}
-                size="xs"
-              >
-                Delete
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </div>
-      {/* all the side triggers from actions like modals etc */}
-      <CreateSecretImportForm
-        environment={environment}
-        workspaceId={workspaceId}
-        secretPath={secretPath}
-        onUpgradePlan={() => handlePopUpOpen("upgradePlan")}
-        isOpen={popUp.addSecretImport.isOpen}
-        onClose={() => handlePopUpClose("addSecretImport")}
-        onTogglePopUp={(isOpen) => handlePopUpToggle("addSecretImport", isOpen)}
-      />
-      <CreateDynamicSecretForm
-        isOpen={popUp.addDynamicSecret.isOpen}
-        onToggle={(isOpen) => handlePopUpToggle("addDynamicSecret", isOpen)}
-        projectSlug={projectSlug}
-        environment={environment}
-        secretPath={secretPath}
-      />
-      <Modal
-        isOpen={popUp.addFolder.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("addFolder", isOpen)}
-      >
-        <ModalContent title="Create Folder">
-          <FolderForm onCreateFolder={handleFolderCreate} />
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={popUp.bulkDeleteSecrets.isOpen}
-        deleteKey="delete"
-        title="Do you want to delete these secrets?"
-        onChange={(isOpen) => handlePopUpToggle("bulkDeleteSecrets", isOpen)}
-        onDeleteApproved={handleSecretBulkDelete}
-      />
-      <MoveSecretsModal
-        popUp={popUp}
-        handlePopUpToggle={handlePopUpToggle}
-        onMoveApproved={handleSecretsMove}
-      />
-      {subscription && (
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text={
-            subscription.slug === null
-              ? "You can perform this action under an Enterprise license"
-              : "You can perform this action if you switch to Infisical's Team plan"
-          }
-        />
-      )}
-    </>
-  );
-};
-
-ActionBar.displayName = "ActionBar";
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AwsElastiCacheInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AwsElastiCacheInputForm.tsx
deleted file mode 100644
index 72db480db..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AwsElastiCacheInputForm.tsx
+++ /dev/null
@@ -1,318 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    clusterName: z.string().trim().min(1),
-    accessKeyId: z.string().trim().min(1),
-    secretAccessKey: z.string().trim().min(1),
-
-    region: z.string().trim(),
-    creationStatement: z.string().trim(),
-    revocationStatement: z.string().trim(),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const AwsElastiCacheInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting, errors },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        creationStatement: `{
-        "UserId": "{{username}}",
-        "UserName": "{{username}}",
-        "Engine": "redis",
-        "Passwords": ["{{password}}"],
-        "AccessString": "on ~* +@all"
-}`,
-        revocationStatement: `{
-        "UserId": "{{username}}"
-}`
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  console.log("formState", errors);
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.AwsElastiCache, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.clusterName"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Cluster name"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} placeholder="redis-oss-cluster" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  defaultValue=""
-                  name="provider.region"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Region"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input placeholder="us-east-1" {...field} type="text" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-full items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.accessKeyId"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Access Key ID"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.secretAccessKey"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Secret Access Key"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify ElastiCache Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="provider.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username, password and expiration are dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AwsIamInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AwsIamInputForm.tsx
deleted file mode 100644
index d1ff003c3..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AwsIamInputForm.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, TextArea } from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    accessKey: z.string().trim().min(1),
-    secretAccessKey: z.string().trim().min(1),
-    region: z.string().trim().min(1),
-    awsPath: z.string().trim().optional(),
-    permissionBoundaryPolicyArn: z.string().trim().optional(),
-    policyDocument: z.string().trim().optional(),
-    userGroups: z.string().trim().optional(),
-    policyArns: z.string().trim().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const AwsIamInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.AwsIam, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-postgres" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.accessKey"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="AWS Access Key"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.secretAccessKey"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="AWS Secret Key"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.awsPath"
-                  defaultValue="/"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="AWS IAM Path"
-                      className="flex-grow"
-                      isOptional
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.region"
-                  defaultValue="us-east-1"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="AWS Region"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <Controller
-                control={control}
-                name="provider.permissionBoundaryPolicyArn"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="IAM User Permission Boundary ARN"
-                    isError={Boolean(error?.message)}
-                    isOptional
-                    errorText={error?.message}
-                    helperText="ARN to be attached to the generated user for AWS Permission Boundary."
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="provider.userGroups"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS IAM Groups"
-                    isError={Boolean(error?.message)}
-                    isOptional
-                    errorText={error?.message}
-                    helperText="Generated users will get attached to given groups."
-                  >
-                    <Input {...field} placeholder="group1,group2" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="provider.policyArns"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS Policy ARNs"
-                    isError={Boolean(error?.message)}
-                    isOptional
-                    errorText={error?.message}
-                    helperText="Generated users will get attached to given policy arns."
-                  >
-                    <Input
-                      {...field}
-                      placeholder="arn:aws:iam::aws:policy/AmazonEC2ReadOnlyAccess"
-                    />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="provider.policyDocument"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS IAM Policy Document"
-                    isOptional
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                    helperText="Generated users will have the inline policy."
-                  >
-                    <TextArea
-                      {...field}
-                      reSize="none"
-                      rows={3}
-                      className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AzureEntraIdInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AzureEntraIdInputForm.tsx
deleted file mode 100644
index 2fb2250a0..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/AzureEntraIdInputForm.tsx
+++ /dev/null
@@ -1,355 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen, faCheckCircle, faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-    Button,
-    FormControl,
-    Input
-} from "@app/components/v2";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@app/components/v2/Dropdown/Dropdown";
-import { Tooltip } from "@app/components/v2/Tooltip";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { useGetDynamicSecretProviderData } from "@app/hooks/api/dynamicSecret/queries";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-    selectedUsers: z.array(z.object({
-        id: z.string().min(1),
-        name: z.string().min(1),
-        email: z.string().min(1),
-    })),
-    provider: z.object({
-        tenantId: z.string().min(1),
-        applicationId: z.string().min(1),
-        clientSecret: z.string().min(1)
-    }),
-    defaultTTL: z.string().superRefine((val, ctx) => {
-        const valMs = ms(val);
-        if (valMs < 60 * 1000)
-            ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-        // a day
-        if (valMs > 24 * 60 * 60 * 1000)
-            ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-    maxTTL: z
-        .string()
-        .optional()
-        .superRefine((val, ctx) => {
-            if (!val) return;
-            const valMs = ms(val);
-            if (valMs < 60 * 1000)
-                ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-            // a day
-            if (valMs > 24 * 60 * 60 * 1000)
-                ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-        }),
-    name: z.string().min(1).refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-    onCompleted: () => void;
-    onCancel: () => void;
-    secretPath: string;
-    projectSlug: string;
-    environment: string;
-};
-
-export const AzureEntraIdInputForm = ({
-    onCompleted,
-    onCancel,
-    environment,
-    secretPath,
-    projectSlug
-}: Props) => {
-    const {
-        control,
-        formState: { isSubmitting },
-        watch,
-        handleSubmit
-    } = useForm<TForm>({
-        resolver: zodResolver(formSchema)
-    });
-    const tenantId = watch("provider.tenantId");
-    const applicationId = watch("provider.applicationId");
-    const clientSecret = watch("provider.clientSecret");
-
-    const configurationComplete = !!(tenantId && applicationId && clientSecret);
-    const { data, isLoading, isError, isFetching } = useGetDynamicSecretProviderData({ tenantId, applicationId, clientSecret, enabled: !!configurationComplete });
-    const loading = configurationComplete && isFetching;
-    const errored = configurationComplete && !isFetching && isError;
-    const createDynamicSecret = useCreateDynamicSecret();
-
-    const handleCreateDynamicSecret = async ({ name, selectedUsers, provider, maxTTL, defaultTTL }: TForm) => {
-        // wait till previous request is finished
-        if (createDynamicSecret.isLoading) return;
-        try {
-            selectedUsers.map(async (user: { id: string, name: string, email: string }) => {
-                await createDynamicSecret.mutateAsync({
-                    provider: { type: DynamicSecretProviders.AzureEntraId, inputs: { userId: user.id, tenantId: provider.tenantId, email: user.email, applicationId: provider.applicationId, clientSecret: provider.clientSecret } },
-                    maxTTL,
-                    name: `${name}-${user.name}`,
-                    path: secretPath,
-                    defaultTTL,
-                    projectSlug,
-                    environmentSlug: environment
-                });
-            });
-            onCompleted();
-        } catch (err) {
-            createNotification({
-                type: "error",
-                text: "Failed to create dynamic secret"
-            });
-        }
-    };
-
-    return (
-        <div>
-            <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-                <div>
-                    <div className="flex items-center space-x-2">
-                        <div className="flex-grow">
-                            <Controller
-                                control={control}
-                                defaultValue=""
-                                name="name"
-                                render={({ field, fieldState: { error } }) => (
-                                    <FormControl
-                                        label="Secret Prefix"
-                                        isError={Boolean(error)}
-                                        errorText={error?.message}
-                                    >
-                                        <Input {...field} placeholder="dynamic-secret" />
-                                    </FormControl>
-                                )}
-                            />
-                        </div>
-                        <div className="w-32">
-                            <Controller
-                                control={control}
-                                name="defaultTTL"
-                                defaultValue="1h"
-                                render={({ field, fieldState: { error } }) => (
-                                    <FormControl
-                                        label={<TtlFormLabel label="Default TTL" />}
-                                        isError={Boolean(error?.message)}
-                                        errorText={error?.message}
-                                    >
-                                        <Input {...field} />
-                                    </FormControl>
-                                )}
-                            />
-                        </div>
-                        <div className="w-32">
-                            <Controller
-                                control={control}
-                                name="maxTTL"
-                                defaultValue="24h"
-                                render={({ field, fieldState: { error } }) => (
-                                    <FormControl
-                                        label={<TtlFormLabel label="Max TTL" />}
-                                        isError={Boolean(error?.message)}
-                                        errorText={error?.message}
-                                    >
-                                        <Input {...field} />
-                                    </FormControl>
-                                )}
-                            />
-                        </div>
-                    </div>
-                    <div>
-                        <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-                            Configuration
-                            <Link href="https://infisical.com/docs/documentation/platform/dynamic-secrets/azure-entra-id" passHref>
-                                <a target="_blank" rel="noopener noreferrer">
-                                    <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                                        <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                                        Docs
-                                        <FontAwesomeIcon
-                                            icon={faArrowUpRightFromSquare}
-                                            className="ml-1.5 mb-[0.07rem] text-xxs"
-                                        />
-                                    </div>
-                                </a>
-                            </Link>
-                        </div>
-                        <div className="flex flex-col">
-                            <div className="flex-grow">
-                                <Controller
-                                    control={control}
-                                    defaultValue=""
-                                    name="provider.tenantId"
-                                    render={({ field, fieldState: { error } }) => (
-                                        <FormControl
-                                            label="Tenant Id"
-                                            isError={Boolean(error)}
-                                            errorText={error?.message}
-                                        >
-                                            <Input {...field} placeholder="Tenant Id from Azure Entra ID App installation" />
-                                        </FormControl>
-                                    )}
-
-                                />
-                            </div>
-                        </div>
-                        <div className="flex flex-col">
-                            <div className="flex-grow">
-                                <Controller
-                                    control={control}
-                                    defaultValue=""
-                                    name="provider.applicationId"
-                                    render={({ field, fieldState: { error } }) => (
-                                        <FormControl
-                                            label="Application Id"
-                                            isError={Boolean(error)}
-                                            errorText={error?.message}
-                                        >
-                                            <Input {...field} placeholder="Application ID from Azure Entra ID App installation" />
-                                        </FormControl>
-                                    )}
-
-                                />
-                            </div>
-                        </div>
-                        <div className="flex flex-col">
-                            <div className="flex-grow">
-                                <Controller
-                                    control={control}
-                                    defaultValue=""
-                                    name="provider.clientSecret"
-                                    render={({ field, fieldState: { error } }) => (
-                                        <FormControl
-                                            label="Client Secret"
-                                            isError={Boolean(error)}
-                                            errorText={error?.message}
-                                        >
-                                            <Input {...field} placeholder="Client Secret from Azure Entra ID App installation" />
-                                        </FormControl>
-                                    )}
-
-                                />
-                            </div>
-                        </div>
-                    </div>
-                    <div>
-
-                        <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-                            Select Users
-                        </div>
-                        <div className="mb-4 flex items-center text-sm font-normal text-mineshaft-400">
-                            &nbsp; We create a unique dynamic secret for each user in Entra Id.
-                        </div>
-                        <div className="flex flex-col">
-                            <div className="flex items-center space-x-4">
-                                <Controller
-                                    control={control}
-                                    name="selectedUsers"
-                                    render={({ field: { value, onChange }, fieldState: { error } }) => (
-                                        <FormControl
-                                            isRequired
-                                            isError={Boolean(error)}
-                                            errorText={error?.message}
-                                        >
-                                            <DropdownMenu >
-                                                <DropdownMenuTrigger
-                                                    className="w-72"
-                                                    disabled={loading || errored || !configurationComplete}
-                                                >
-                                                    <Tooltip
-                                                        hidden={!loading && !errored && configurationComplete}
-                                                        content=
-                                                        {
-                                                            <div>
-                                                                {(() => {
-                                                                    let icon;
-                                                                    if (errored) {
-                                                                        icon = <FontAwesomeIcon icon={faWarning} color="red" />;
-                                                                    } else if (loading || !configurationComplete) {
-                                                                        icon = <FontAwesomeIcon icon={faWarning} color="yellow" />;
-                                                                    } else {
-                                                                        icon = null;
-                                                                    }
-                                                                    return icon;
-                                                                })()}
-                                                                <span className="ml-4 cursor-default text-mineshaft-300 hover:text-mineshaft-200">
-                                                                    {(() => {
-                                                                        let message;
-                                                                        if (loading) {
-                                                                            message = "Loading, please wait...";
-                                                                        } else if (errored) {
-                                                                            message = "Check the configuration";
-                                                                        } else if (!configurationComplete) {
-                                                                            message = "Configuration incomplete";
-                                                                        } else {
-                                                                            message = ""; // or you can leave it undefined
-                                                                        }
-                                                                        return message;
-                                                                    })()}
-                                                                </span>
-                                                            </div>
-                                                        }
-                                                    >
-                                                        <div>
-
-                                                            <Input
-                                                                isReadOnly
-                                                                value={value?.length ? `${value.length} selected` : ""}
-                                                                className={`text-left ${loading || errored || !configurationComplete ? "cursor-not-allowed" : ""}`}
-                                                                placeholder="Select users"
-                                                            />
-                                                        </div>
-                                                    </Tooltip>
-                                                </DropdownMenuTrigger>
-                                                <DropdownMenuContent align="start"
-                                                    style={{ width: "var(--radix-dropdown-menu-trigger-width)" }}
-                                                >
-                                                    {data && data.map((user) => {
-                                                        const ids = value?.map((selectedUser) => selectedUser.id)
-                                                        const isChecked = ids?.includes(user.id);
-                                                        return (
-                                                            <DropdownMenuItem
-                                                                onClick={(evt) => {
-                                                                    evt.preventDefault();
-                                                                    onChange(
-                                                                        isChecked
-                                                                            ? value?.filter((el) => el.id !== user.id)
-                                                                            : [...(value || []), user]
-                                                                    );
-                                                                }}
-                                                                key={`create-policy-members-${user.id}`}
-                                                                iconPos="right"
-                                                                icon={isChecked && <FontAwesomeIcon icon={faCheckCircle} />}
-                                                            >
-                                                                {user.name} <br /> {`(${user.email})`}
-                                                            </DropdownMenuItem>
-                                                        );
-                                                    })}
-                                                </DropdownMenuContent>
-                                            </DropdownMenu>
-                                        </FormControl>
-                                    )}
-                                />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div className="mt-4 flex items-center space-x-4">
-                    <Button type="submit" isLoading={isSubmitting} isDisabled={isLoading || isError}>
-                        Submit
-                    </Button>
-                    <Button variant="outline_bg" onClick={onCancel}>
-                        Cancel
-                    </Button>
-                </div>
-            </form>
-        </div>
-    );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/CassandraInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/CassandraInputForm.tsx
deleted file mode 100644
index 950e7b2aa..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/CassandraInputForm.tsx
+++ /dev/null
@@ -1,363 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().toLowerCase().min(1),
-    port: z.coerce.number(),
-    keyspace: z.string().optional(),
-    localDataCenter: z.string().min(1),
-    username: z.string().min(1),
-    password: z.string().min(1),
-    creationStatement: z.string().min(1),
-    revocationStatement: z.string().min(1),
-    renewStatement: z.string().optional(),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-const getSqlStatements = () => {
-  return {
-    creationStatement:
-      "CREATE ROLE '{{username}}' WITH PASSWORD = '{{password}}' AND LOGIN=true;\nGRANT ALL PERMISSIONS ON ALL KEYSPACES TO '{{username}}';",
-    renewStatement: "",
-    revocationStatement: 'DROP ROLE "{{username}}";'
-  };
-};
-
-export const CassandraInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: getSqlStatements()
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.Cassandra, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-postgres" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} placeholder="host1,host2" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={9042}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <Controller
-                control={control}
-                name="provider.localDataCenter"
-                defaultValue="datacenter1"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Local Data Center"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.keyspace"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Keyspace"
-                      isError={Boolean(error?.message)}
-                      isOptional
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify CQL Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="provider.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="variables: keyspace. username, password and expiration are dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="variables: keyspace, username is dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.renewStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Renew Statement"
-                            helperText="variables: keyspace, username and expiration are dynamically provisioned"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/CreateDynamicSecretForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/CreateDynamicSecretForm.tsx
deleted file mode 100644
index 66855e815..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/CreateDynamicSecretForm.tsx
+++ /dev/null
@@ -1,461 +0,0 @@
-import { useState } from "react";
-import { DiRedis } from "react-icons/di";
-import {
-  SiApachecassandra,
-  SiElasticsearch,
-  SiFiles,
-  SiMicrosoftazure,
-  SiMongodb,
-  SiRabbitmq,
-  SiSap,
-  SiSnowflake
-} from "react-icons/si";
-import { faAws } from "@fortawesome/free-brands-svg-icons";
-import { faClock, faDatabase } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { Modal, ModalContent } from "@app/components/v2";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-import { SnowflakeInputForm } from "@app/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SnowflakeInputForm";
-
-import { AwsElastiCacheInputForm } from "./AwsElastiCacheInputForm";
-import { AwsIamInputForm } from "./AwsIamInputForm";
-import { AzureEntraIdInputForm } from "./AzureEntraIdInputForm";
-import { CassandraInputForm } from "./CassandraInputForm";
-import { ElasticSearchInputForm } from "./ElasticSearchInputForm";
-import { LdapInputForm } from "./LdapInputForm";
-import { MongoAtlasInputForm } from "./MongoAtlasInputForm";
-import { MongoDBDatabaseInputForm } from "./MongoDBInputForm";
-import { RabbitMqInputForm } from "./RabbitMqInputForm";
-import { RedisInputForm } from "./RedisInputForm";
-import { SapAseInputForm } from "./SapAseInputForm";
-import { SapHanaInputForm } from "./SapHanaInputForm";
-import { SqlDatabaseInputForm } from "./SqlDatabaseInputForm";
-import { TotpInputForm } from "./TotpInputForm";
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-  projectSlug: string;
-  environment: string;
-  secretPath: string;
-};
-
-enum WizardSteps {
-  SelectProvider = "select-provider",
-  ProviderInputs = "provider-inputs"
-}
-
-const DYNAMIC_SECRET_LIST = [
-  {
-    icon: <FontAwesomeIcon icon={faDatabase} size="lg" />,
-    provider: DynamicSecretProviders.SqlDatabase,
-    title: "SQL\nDatabase"
-  },
-  {
-    icon: <SiApachecassandra size="2rem" />,
-    provider: DynamicSecretProviders.Cassandra,
-    title: "Cassandra"
-  },
-  {
-    icon: <DiRedis size="2rem" />,
-    provider: DynamicSecretProviders.Redis,
-    title: "Redis"
-  },
-  {
-    icon: <FontAwesomeIcon icon={faAws} size="lg" />,
-    provider: DynamicSecretProviders.AwsElastiCache,
-    title: "AWS ElastiCache"
-  },
-  {
-    icon: <FontAwesomeIcon icon={faAws} size="lg" />,
-    provider: DynamicSecretProviders.AwsIam,
-    title: "AWS IAM"
-  },
-  {
-    icon: <SiMongodb size="2rem" />,
-    provider: DynamicSecretProviders.MongoAtlas,
-    title: "Mongo Atlas"
-  },
-  {
-    icon: <SiMongodb size="2rem" />,
-    provider: DynamicSecretProviders.MongoDB,
-    title: "Mongo DB"
-  },
-  {
-    icon: <SiElasticsearch size="2rem" />,
-    provider: DynamicSecretProviders.ElasticSearch,
-    title: "Elastic Search"
-  },
-  {
-    icon: <SiRabbitmq size="1.5rem" />,
-    provider: DynamicSecretProviders.RabbitMq,
-    title: "RabbitMQ"
-  },
-  {
-    icon: <SiMicrosoftazure size="1.5rem" />,
-    provider: DynamicSecretProviders.AzureEntraId,
-    title: "Azure Entra ID"
-  },
-  {
-    icon: <SiFiles size="1.5rem" />,
-    provider: DynamicSecretProviders.Ldap,
-    title: "LDAP"
-  },
-  {
-    icon: <SiSap size="1.5rem" />,
-    provider: DynamicSecretProviders.SapHana,
-    title: "SAP HANA"
-  },
-  {
-    icon: <SiSap size="1.5rem" />,
-    provider: DynamicSecretProviders.SapAse,
-    title: "SAP ASE"
-  },
-  {
-    icon: <SiSnowflake size="1.5rem" />,
-    provider: DynamicSecretProviders.Snowflake,
-    title: "Snowflake"
-  },
-  {
-    icon: <FontAwesomeIcon icon={faClock} size="lg" />,
-    provider: DynamicSecretProviders.Totp,
-    title: "TOTP"
-  }
-];
-
-export const CreateDynamicSecretForm = ({
-  isOpen,
-  onToggle,
-  projectSlug,
-  environment,
-  secretPath
-}: Props) => {
-  const [wizardStep, setWizardStep] = useState(WizardSteps.SelectProvider);
-  const [selectedProvider, setSelectedProvider] = useState<DynamicSecretProviders | null>(null);
-
-  const handleFormReset = (state: boolean = false) => {
-    onToggle(state);
-    setWizardStep(WizardSteps.SelectProvider);
-    setSelectedProvider(null);
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={(state) => handleFormReset(state)}>
-      <ModalContent
-        title="Dynamic secret setup"
-        subTitle="Configure dynamic secret parameters"
-        className="my-4 max-w-3xl"
-      >
-        <AnimatePresence exitBeforeEnter>
-          {wizardStep === WizardSteps.SelectProvider && (
-            <motion.div
-              key="select-type-step"
-              transition={{ duration: 0.1 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: -30 }}
-            >
-              <div className="mb-4 text-mineshaft-300">Select a service to connect to:</div>
-              <div className="flex flex-wrap items-center gap-4">
-                {DYNAMIC_SECRET_LIST.map(({ icon, provider, title }) => (
-                  <div
-                    key={`dynamic-secret-provider-${provider}`}
-                    className="flex h-32 w-32 cursor-pointer flex-col items-center space-y-4 rounded border border-mineshaft-500 bg-bunker-600 p-6 transition-all hover:border-primary/70 hover:bg-primary/10 hover:text-white"
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => {
-                      setSelectedProvider(provider);
-                      setWizardStep(WizardSteps.ProviderInputs);
-                    }}
-                    onKeyDown={(evt) => {
-                      if (evt.key === "Enter") {
-                        setSelectedProvider(provider);
-                        setWizardStep(WizardSteps.ProviderInputs);
-                      }
-                    }}
-                  >
-                    {icon}
-                    <div className="whitespace-pre-wrap text-center text-sm">{title}</div>
-                  </div>
-                ))}
-              </div>
-            </motion.div>
-          )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.SqlDatabase && (
-              <motion.div
-                key="dynamic-sql-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <SqlDatabaseInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.Redis && (
-              <motion.div
-                key="dynamic-redis-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <RedisInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.AwsElastiCache && (
-              <motion.div
-                key="dynamic-aws-elasticache-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <AwsElastiCacheInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.Cassandra && (
-              <motion.div
-                key="dynamic-cassandra-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <CassandraInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.AwsIam && (
-              <motion.div
-                key="dynamic-aws-iam-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <AwsIamInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.MongoAtlas && (
-              <motion.div
-                key="dynamic-atlas-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <MongoAtlasInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.ElasticSearch && (
-              <motion.div
-                key="dynamic-elastic-search-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <ElasticSearchInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.MongoDB && (
-              <motion.div
-                key="dynamic-mongodb-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <MongoDBDatabaseInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.RabbitMq && (
-              <motion.div
-                key="dynamic-rabbit-mq-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <RabbitMqInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.AzureEntraId && (
-              <motion.div
-                key="dynamic-azure-entra-id-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <AzureEntraIdInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.Ldap && (
-              <motion.div
-                key="dynamic-ldap-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <LdapInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.SapHana && (
-              <motion.div
-                key="dynamic-sap-hana-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <SapHanaInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.SapAse && (
-              <motion.div
-                key="dynamic-sap-ase-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-              >
-                <SapAseInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.Snowflake && (
-              <motion.div
-                key="dynamic-snowflake-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <SnowflakeInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === DynamicSecretProviders.Totp && (
-              <motion.div
-                key="dynamic-totp-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <TotpInputForm
-                  onCompleted={handleFormReset}
-                  onCancel={handleFormReset}
-                  projectSlug={projectSlug}
-                  secretPath={secretPath}
-                  environment={environment}
-                />
-              </motion.div>
-            )}
-        </AnimatePresence>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/ElasticSearchInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/ElasticSearchInputForm.tsx
deleted file mode 100644
index ac232a725..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/ElasticSearchInputForm.tsx
+++ /dev/null
@@ -1,425 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  SecretInput,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const authMethods = [
-  {
-    label: "Username/Password",
-    value: "user"
-  },
-  {
-    label: "API Key",
-    value: "api-key"
-  }
-] as const;
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().trim().min(1),
-    port: z.coerce.number(),
-
-    // two auth types "user, apikey"
-    auth: z.discriminatedUnion("type", [
-      z.object({
-        type: z.literal("user"),
-        username: z.string().trim(),
-        password: z.string().trim()
-      }),
-      z.object({
-        type: z.literal("api-key"),
-        apiKey: z.string().trim(),
-        apiKeyId: z.string().trim()
-      })
-    ]),
-
-    roles: z.array(z.string().trim().min(1)).min(1, "At least one role is required"),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const ElasticSearchInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit,
-    setValue,
-    watch
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        auth: {
-          type: "user"
-        },
-        roles: ["superuser"],
-        port: 443
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.ElasticSearch, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  const selectedAuthType = watch("provider.auth.type");
-  const selectedRoles = watch("provider.roles");
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input
-                        placeholder="https://fgy543ws2w35dfh7jdaafa12ha.aws-us-east-1.io"
-                        {...field}
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={443}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div className="flex w-full items-center gap-2">
-                <Controller
-                  control={control}
-                  name="provider.auth.type"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Authentication Method"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="w-full"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        className="w-full"
-                        onValueChange={(e) => {
-                          const authFields = [
-                            "provider.auth.username",
-                            "provider.auth.password",
-                            "provider.auth.apiKey",
-                            "provider.auth.apiKeyId"
-                          ] as const;
-
-                          authFields.forEach((f) => {
-                            setValue(f, "");
-                          });
-
-                          field.onChange(e);
-                        }}
-                      >
-                        {authMethods.map((authType) => (
-                          <SelectItem value={authType.value} key={`auth-method-${authType.value}`}>
-                            {authType.label}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name={
-                    selectedAuthType === "user"
-                      ? "provider.auth.username"
-                      : "provider.auth.apiKeyId"
-                  }
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label={selectedAuthType === "user" ? "Username" : "API Key ID"}
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name={
-                    selectedAuthType === "user" ? "provider.auth.password" : "provider.auth.apiKey"
-                  }
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label={selectedAuthType === "user" ? "Password" : "API Key"}
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div className="mb-3 flex flex-col">
-                <FormLabel
-                  className="mb-2"
-                  label="Roles"
-                  tooltipText={
-                    <div className="space-y-4">
-                      <p>Select which role(s) to assign the users provisioned by Infisical.</p>
-                      <p>
-                        There is a wide range of in-built roles in Elastic Search. Some include,
-                        superuser, apm_user, kibana_admin, monitoring_user, and many more. You can{" "}
-                        <Link
-                          passHref
-                          href="https://www.elastic.co/guide/en/elasticsearch/reference/current/built-in-roles.html"
-                        >
-                          <a target="_blank" rel="noopener noreferrer">
-                            <span className="cursor-pointer text-primary-400">
-                              read more about roles here
-                            </span>
-                          </a>
-                        </Link>
-                        .
-                      </p>
-                      <p>
-                        You can also assign custom roles by providing the name of the custom role in
-                        the input field.
-                      </p>
-                    </div>
-                  }
-                />
-                <div className="flex flex-col -space-y-2">
-                  {selectedRoles.map((_, i) => (
-                    <Controller
-                      control={control}
-                      name={`provider.roles.${i}`}
-                      // eslint-disable-next-line react/no-array-index-key
-                      key={`role-${i}`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-                          <div className="flex h-9 items-center gap-2">
-                            <Input
-                              placeholder="Insert role name, (superuser, kibana_admin, custom_role)"
-                              className="mb-0 flex-grow"
-                              {...field}
-                            />
-                            <IconButton
-                              isDisabled={selectedRoles.length === 1}
-                              ariaLabel="delete key"
-                              className="h-9"
-                              variant="outline_bg"
-                              onClick={() => {
-                                if (selectedRoles && selectedRoles?.length > 1) {
-                                  setValue(
-                                    "provider.roles",
-                                    selectedRoles.filter((__, idx) => idx !== i)
-                                  );
-                                }
-                              }}
-                            >
-                              <FontAwesomeIcon icon={faTrash} />
-                            </IconButton>
-                          </div>
-                        </FormControl>
-                      )}
-                    />
-                  ))}
-                </div>
-              </div>
-              <div>
-                <Button
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  size="xs"
-                  className="mb-3"
-                  variant="outline_bg"
-                  onClick={() => {
-                    setValue("provider.roles", [...selectedRoles, ""]);
-                  }}
-                >
-                  Add Role
-                </Button>
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA (SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/LdapInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/LdapInputForm.tsx
deleted file mode 100644
index 1a7e0e8fa..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/LdapInputForm.tsx
+++ /dev/null
@@ -1,389 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Select, SelectItem, TextArea } from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-enum CredentialType {
-  Dynamic = "dynamic",
-  Static = "static"
-}
-
-const credentialTypes = [
-  {
-    label: "Dynamic",
-    value: CredentialType.Dynamic
-  },
-  {
-    label: "Static",
-    value: CredentialType.Static
-  }
-] as const;
-
-const formSchema = z.object({
-  provider: z.discriminatedUnion("credentialType", [
-    z.object({
-      url: z.string().trim().min(1),
-      binddn: z.string().trim().min(1),
-      bindpass: z.string().trim().min(1),
-      ca: z.string().optional(),
-      credentialType: z.literal(CredentialType.Dynamic),
-      creationLdif: z.string().min(1),
-      revocationLdif: z.string().min(1),
-      rollbackLdif: z.string().optional()
-    }),
-    z.object({
-      url: z.string().trim().min(1),
-      binddn: z.string().trim().min(1),
-      bindpass: z.string().trim().min(1),
-      ca: z.string().optional(),
-      credentialType: z.literal(CredentialType.Static),
-      rotationLdif: z.string().min(1)
-    })
-  ]),
-
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const LdapInputForm = ({
-  onCompleted,
-  onCancel,
-  secretPath,
-  projectSlug,
-  environment
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    setValue,
-    watch,
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        url: "",
-        binddn: "",
-        bindpass: "",
-        ca: "",
-        creationLdif: "",
-        revocationLdif: "",
-        rollbackLdif: "",
-        credentialType: CredentialType.Dynamic
-      }
-    }
-  });
-
-  const selectedCredentialType = watch("provider.credentialType");
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.Ldap, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-      <div>
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              defaultValue=""
-              name="name"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="dynamic-secret" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              defaultValue="1h"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              defaultValue="24h"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-            Configuration
-            <Link
-              href="https://infisical.com/docs/documentation/platform/dynamic-secrets/ldap"
-              passHref
-            >
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 mb-1 inline-block cursor-default rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-          <div className="flex flex-col">
-            <div className="flex items-center space-x-2">
-              <div className="flex-grow">
-                <Controller
-                  control={control}
-                  name="provider.url"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="URL"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-
-                <Controller
-                  control={control}
-                  name="provider.binddn"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Bind DN"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-
-                <Controller
-                  control={control}
-                  name="provider.bindpass"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Bind Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" />
-                    </FormControl>
-                  )}
-                />
-
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="CA"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <TextArea {...field} placeholder="-----BEGIN CERTIFICATE----- ..." />
-                    </FormControl>
-                  )}
-                />
-
-                <Controller
-                  control={control}
-                  name="provider.credentialType"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Credential Type"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="w-full"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        className="w-full"
-                        onValueChange={(e) => {
-                          const ldifFields = [
-                            "provider.creationLdif",
-                            "provider.revocationLdif",
-                            "provider.rollbackLdif",
-                            "provider.rotationLdif"
-                          ] as const;
-
-                          ldifFields.forEach((f) => {
-                            setValue(f, "");
-                          });
-
-                          field.onChange(e);
-                        }}
-                      >
-                        {credentialTypes.map((credentialType) => (
-                          <SelectItem
-                            value={credentialType.value}
-                            key={`credential-type-${credentialType.value}`}
-                          >
-                            {credentialType.label}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-
-                {selectedCredentialType === CredentialType.Dynamic && (
-                  <>
-                    <Controller
-                      control={control}
-                      name="provider.creationLdif"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Creation LDIF"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea {...field} />
-                        </FormControl>
-                      )}
-                    />
-
-                    <Controller
-                      control={control}
-                      name="provider.revocationLdif"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Revocation LDIF"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea {...field} />
-                        </FormControl>
-                      )}
-                    />
-
-                    <Controller
-                      control={control}
-                      name="provider.rollbackLdif"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Rollback LDIF"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea {...field} />
-                        </FormControl>
-                      )}
-                    />
-                  </>
-                )}
-                {selectedCredentialType === CredentialType.Static && (
-                  <Controller
-                    control={control}
-                    name="provider.rotationLdif"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Rotation LDIF"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <TextArea {...field} />
-                      </FormControl>
-                    )}
-                  />
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="mt-4 flex items-center space-x-4">
-        <Button type="submit" isLoading={isSubmitting}>
-          Submit
-        </Button>
-        <Button variant="outline_bg" onClick={onCancel}>
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/MongoAtlasInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/MongoAtlasInputForm.tsx
deleted file mode 100644
index 14f529fe0..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/MongoAtlasInputForm.tsx
+++ /dev/null
@@ -1,455 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    adminPublicKey: z.string().trim().min(1),
-    adminPrivateKey: z.string().trim().min(1),
-    groupId: z.string().trim().min(1),
-    roles: z
-      .object({
-        collectionName: z.string().optional(),
-        databaseName: z.string().min(1),
-        roleName: z.string().min(1)
-      })
-      .array()
-      .min(1),
-    scopes: z
-      .object({
-        name: z.string().min(1),
-        type: z.string().min(1)
-      })
-      .array()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-const ATLAS_SCOPE_TYPES = [
-  {
-    label: "Cluster",
-    value: "CLUSTER"
-  },
-  {
-    label: "Data Lake",
-    value: "DATA_LAKE"
-  },
-  {
-    label: "Stream",
-    value: "STREAM"
-  }
-];
-
-export const MongoAtlasInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    getValues,
-    setValue,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        roles: [{ databaseName: "", roleName: "" }]
-      }
-    }
-  });
-
-  const roleFields = useFieldArray({
-    control,
-    name: "provider.roles"
-  });
-
-  const scopeFields = useFieldArray({
-    control,
-    name: "provider.scopes"
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.MongoAtlas, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.adminPublicKey"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Admin Public Key"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} placeholder="" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.adminPrivateKey"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Admin Private Key"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <Controller
-                control={control}
-                name="provider.groupId"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Group/Project ID"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                    helperText="Unique 24-hexadecimal digit string that identifies your project"
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <FormLabel label="Roles" />
-              <div className="mb-3 flex flex-col space-y-2">
-                {roleFields.fields.map(({ id: roleFieldId }, i) => (
-                  <div key={roleFieldId} className="flex items-end space-x-2">
-                    <div className="flex-grow">
-                      {i === 0 && <span className="text-xs text-mineshaft-400">Database Name</span>}
-                      <Controller
-                        control={control}
-                        name={`provider.roles.${i}.databaseName`}
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            className="mb-0"
-                          >
-                            <Input {...field} />
-                          </FormControl>
-                        )}
-                      />
-                    </div>
-                    <div className="flex-grow">
-                      {i === 0 && (
-                        <FormLabel
-                          label="Collection Name"
-                          className="text-xs text-mineshaft-400"
-                          isOptional
-                        />
-                      )}
-                      <Controller
-                        control={control}
-                        name={`provider.roles.${i}.collectionName`}
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            className="mb-0"
-                          >
-                            <Input {...field} />
-                          </FormControl>
-                        )}
-                      />
-                    </div>
-                    <div className="flex-grow">
-                      {i === 0 && (
-                        <FormLabel
-                          label="Role"
-                          className="text-xs text-mineshaft-400"
-                          tooltipClassName="max-w-md whitespace-pre-line"
-                          tooltipText={`Human-readable label that identifies a group of privileges assigned to a database user. This value can either be a built-in role or a custom role. 
-														Built-in: atlasAdmin, backup, clusterMonitor, dbAdmin, dbAdminAnyDatabase, enableSharding, read, readAnyDatabase, readWrite, readWriteAnyDatabase.`}
-                        />
-                      )}
-                      <Controller
-                        control={control}
-                        name={`provider.roles.${i}.roleName`}
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            className="mb-0 flex-grow"
-                          >
-                            <Input {...field} />
-                          </FormControl>
-                        )}
-                      />
-                    </div>
-                    <IconButton
-                      ariaLabel="delete key"
-                      className="bottom-0.5 h-9"
-                      variant="outline_bg"
-                      onClick={() => {
-                        const roles = getValues("provider.roles");
-                        if (roles && roles?.length > 1) {
-                          roleFields.remove(i);
-                        } else {
-                          setValue("provider.roles", [{ databaseName: "", roleName: "" }]);
-                        }
-                      }}
-                    >
-                      <FontAwesomeIcon icon={faTrash} />
-                    </IconButton>
-                  </div>
-                ))}
-                <div>
-                  <Button
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                    size="xs"
-                    variant="outline_bg"
-                    onClick={() => roleFields.append({ databaseName: "", roleName: "" })}
-                  >
-                    Add Role
-                  </Button>
-                </div>
-              </div>
-              <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                <AccordionItem value="advance-section">
-                  <AccordionTrigger>Advanced</AccordionTrigger>
-                  <AccordionContent>
-                    <FormLabel
-                      label="Scopes"
-                      isOptional
-                      className="mb-2"
-                      tooltipClassName="max-w-md whitespace-pre-line"
-                      tooltipText="List that contains clusters, MongoDB Atlas Data Lakes, and MongoDB Atlas Streams Instances that this database user can access. If omitted, MongoDB Cloud grants the database user access to all the clusters, MongoDB Atlas Data Lakes, and MongoDB Atlas Streams Instances in the project."
-                    />
-                    <div className="mb-2 flex flex-col space-y-2">
-                      {scopeFields.fields.map(({ id: scopeFieldId }, i) => (
-                        <div key={scopeFieldId} className="flex items-end space-x-2">
-                          <div className="flex-grow">
-                            {i === 0 && (
-                              <FormLabel
-                                label="Label"
-                                className="text-xs text-mineshaft-400"
-                                tooltipClassName="max-w-md whitespace-pre-line"
-                                tooltipText="Human-readable label that identifies the cluster or MongoDB Atlas Data Lake that this database user can access."
-                              />
-                            )}
-                            <Controller
-                              control={control}
-                              name={`provider.scopes.${i}.name`}
-                              render={({ field, fieldState: { error } }) => (
-                                <FormControl
-                                  isError={Boolean(error?.message)}
-                                  errorText={error?.message}
-                                  className="mb-0 flex-grow"
-                                >
-                                  <Input {...field} placeholder="Cluster or data lake id" />
-                                </FormControl>
-                              )}
-                            />
-                          </div>
-                          <div className="flex-grow">
-                            {i === 0 && <span className="text-xs text-mineshaft-400">Type</span>}
-                            <Controller
-                              control={control}
-                              name={`provider.scopes.${i}.type`}
-                              render={({ field, fieldState: { error } }) => (
-                                <FormControl
-                                  isError={Boolean(error?.message)}
-                                  errorText={error?.message}
-                                  className="mb-0 flex-grow"
-                                >
-                                  <Select
-                                    defaultValue={field.value}
-                                    {...field}
-                                    onValueChange={(e) => field.onChange(e)}
-                                    className="w-full"
-                                  >
-                                    {ATLAS_SCOPE_TYPES.map((el) => (
-                                      <SelectItem value={el.value} key={`atlas-scope-${el.value}`}>
-                                        {el.label}
-                                      </SelectItem>
-                                    ))}
-                                  </Select>
-                                </FormControl>
-                              )}
-                            />
-                          </div>
-                          <IconButton
-                            ariaLabel="delete key"
-                            className="bottom-0.5 h-9"
-                            variant="outline_bg"
-                            onClick={() => {
-                              scopeFields.remove(i);
-                            }}
-                          >
-                            <FontAwesomeIcon icon={faTrash} />
-                          </IconButton>
-                        </div>
-                      ))}
-                      <div>
-                        <Button
-                          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                          size="xs"
-                          variant="outline_bg"
-                          onClick={() =>
-                            scopeFields.append({ name: "", type: ATLAS_SCOPE_TYPES[0].value })
-                          }
-                        >
-                          Add Scope
-                        </Button>
-                      </div>
-                    </div>
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/MongoDBInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/MongoDBInputForm.tsx
deleted file mode 100644
index d24850ca8..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/MongoDBInputForm.tsx
+++ /dev/null
@@ -1,338 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, FormLabel, IconButton, Input, SecretInput } from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().toLowerCase().min(1),
-    port: z.coerce.number().optional(),
-    database: z.string().min(1),
-    username: z.string().min(1),
-    password: z.string().min(1),
-    ca: z.string().optional(),
-    roles: z
-      .object({
-        roleName: z.string().min(1)
-      })
-      .array()
-      .min(1)
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const MongoDBDatabaseInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    setValue,
-    getValues,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        roles: [{ roleName: "readWrite" }]
-      }
-    }
-  });
-
-  const roleFields = useFieldArray({
-    control,
-    name: "provider.roles"
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: {
-          type: DynamicSecretProviders.MongoDB,
-          inputs: {
-            ...provider,
-            port: provider?.port ? provider.port : undefined,
-            roles: provider.roles.map((el) => el.roleName)
-          }
-        },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={27017}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isOptional
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.database"
-                  defaultValue="default"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Database Name"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <FormLabel
-                label="Roles"
-                tooltipClassName="max-w-md whitespace-pre-line"
-                tooltipText={`Human-readable label that identifies a group of privileges assigned to a database user. This value can either be a built-in role or a custom role. 
-														Built-in: atlasAdmin, backup, clusterMonitor, dbAdmin, dbAdminAnyDatabase, enableSharding, read, readAnyDatabase, readWrite, readWriteAnyDatabase.`}
-              />
-              <div className="mb-3 mt-1 flex flex-col space-y-2">
-                {roleFields.fields.map(({ id: roleFieldId }, i) => (
-                  <div key={roleFieldId} className="flex items-end space-x-2">
-                    <div className="flex-grow">
-                      <Controller
-                        control={control}
-                        name={`provider.roles.${i}.roleName`}
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            className="mb-0 flex-grow"
-                          >
-                            <Input {...field} />
-                          </FormControl>
-                        )}
-                      />
-                    </div>
-                    <IconButton
-                      ariaLabel="delete key"
-                      className="bottom-0.5 h-9"
-                      variant="outline_bg"
-                      onClick={() => {
-                        const roles = getValues("provider.roles");
-                        if (roles && roles?.length > 1) {
-                          roleFields.remove(i);
-                        } else {
-                          setValue("provider.roles", [{ roleName: "" }]);
-                        }
-                      }}
-                    >
-                      <FontAwesomeIcon icon={faTrash} />
-                    </IconButton>
-                  </div>
-                ))}
-                <div>
-                  <Button
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                    size="xs"
-                    variant="outline_bg"
-                    onClick={() => roleFields.append({ roleName: "" })}
-                  >
-                    Add Role
-                  </Button>
-                </div>
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/RabbitMqInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/RabbitMqInputForm.tsx
deleted file mode 100644
index dae0cd478..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/RabbitMqInputForm.tsx
+++ /dev/null
@@ -1,421 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, FormLabel, IconButton, Input, SecretInput } from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().trim().min(1),
-    port: z.coerce.number(), // important: this is the management plugin port
-
-    username: z.string(),
-    password: z.string(),
-
-    tags: z.array(z.string().trim()),
-    virtualHost: z.object({
-      name: z.string().trim().min(1),
-      permissions: z.object({
-        read: z.string().trim().min(1),
-        write: z.string().trim().min(1),
-        configure: z.string().trim().min(1)
-      })
-    }),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const RabbitMqInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit,
-    setValue,
-    watch
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        port: 15672,
-        virtualHost: {
-          name: "/",
-          permissions: {
-            read: ".*",
-            write: ".*",
-            configure: ".*"
-          }
-        },
-        tags: []
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.RabbitMq, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  const selectedTags = watch("provider.tags");
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input placeholder="https://your-rabbitmq-host.com" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={443}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      tooltipText="The port on which the RabbitMQ management plugin is running. Default is 15672."
-                      label="Management Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div className="flex w-full items-center gap-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Username"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div>
-                <FormLabel label="Virtual Host" className="mb-2" />
-                <div className="mt-2 flex items-center justify-evenly gap-2">
-                  <Controller
-                    control={control}
-                    name="provider.virtualHost.name"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Name"
-                        tooltipText="The virtual host to which the user will be assigned. Default is /."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder="/virtual-host" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-
-                  <Controller
-                    control={control}
-                    name="provider.virtualHost.permissions.read"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Read Permissions"
-                        tooltipText="A regular expression matching resource names for which the user is granted read permissions."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder=".*" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="provider.virtualHost.permissions.write"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Write Permissions"
-                        tooltipText="A regular expression matching resource names for which the user is granted write permissions."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder=".*" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="provider.virtualHost.permissions.configure"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Configure Permissions"
-                        tooltipText="A regular expression matching resource names for which the user is granted configure permissions."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder=".*" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-              </div>
-
-              <div className="flex flex-col">
-                <FormLabel
-                  isOptional
-                  className="mb-2"
-                  label="Tags"
-                  tooltipText={
-                    <div className="space-y-4">
-                      <p>Select which tag(s) to assign the users provisioned by Infisical.</p>
-                      <p>
-                        There is a wide range of in-built roles in RabbitMQ. Some include,
-                        management, policymaker, monitoring, administrator. <br />
-                        <Link passHref href="https://www.rabbitmq.com/docs/management#permissions">
-                          <a target="_blank" rel="noopener noreferrer">
-                            <span className="cursor-pointer text-primary-400">
-                              Read more about management tags here
-                            </span>
-                          </a>
-                        </Link>
-                        .
-                      </p>
-                      <p>
-                        You can also assign custom roles by providing the name of the custom role in
-                        the input field.
-                      </p>
-                    </div>
-                  }
-                />
-                <div className="flex flex-col -space-y-2">
-                  {selectedTags.map((_, i) => (
-                    <Controller
-                      control={control}
-                      name={`provider.tags.${i}`}
-                      // eslint-disable-next-line react/no-array-index-key
-                      key={`role-${i}`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-                          <div className="flex h-9 items-center gap-2">
-                            <Input
-                              placeholder="Insert tag name, (management, policymaker, etc.)"
-                              className="mb-0 flex-grow"
-                              {...field}
-                            />
-                            <IconButton
-                              isDisabled={selectedTags.length === 1}
-                              ariaLabel="delete key"
-                              className="h-9"
-                              variant="outline_bg"
-                              onClick={() => {
-                                if (selectedTags && selectedTags?.length > 1) {
-                                  setValue(
-                                    "provider.tags",
-                                    selectedTags.filter((__, idx) => idx !== i)
-                                  );
-                                }
-                              }}
-                            >
-                              <FontAwesomeIcon icon={faTrash} />
-                            </IconButton>
-                          </div>
-                        </FormControl>
-                      )}
-                    />
-                  ))}
-                </div>
-              </div>
-              <div>
-                <Button
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  size="xs"
-                  className="mb-4"
-                  variant="outline_bg"
-                  onClick={() => {
-                    setValue("provider.tags", [...selectedTags, ""]);
-                  }}
-                >
-                  Add Tag
-                </Button>
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA (SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/RedisInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/RedisInputForm.tsx
deleted file mode 100644
index 2bb6ba0f0..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/RedisInputForm.tsx
+++ /dev/null
@@ -1,331 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().toLowerCase().min(1),
-    port: z.coerce.number(),
-    username: z.string().min(1),
-    password: z.string().min(1).optional(),
-    creationStatement: z.string().min(1),
-    renewStatement: z.string().optional(),
-    revocationStatement: z.string().min(1),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const RedisInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        username: "default",
-        port: 6379,
-        creationStatement: "ACL SETUSER {{username}} on >{{password}} ~* &* +@all",
-        revocationStatement: "ACL DELUSER {{username}}"
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.Redis, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={5432}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-full items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      tooltipText="Required if your Redis instance is password protected."
-                      label="Password"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify Redis Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="provider.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username, password and expiration are dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.renewStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Renew Statement"
-                            helperText="username and expiration are dynamically provisioned"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SapAseInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SapAseInputForm.tsx
deleted file mode 100644
index 58ba54dd3..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SapAseInputForm.tsx
+++ /dev/null
@@ -1,309 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().toLowerCase().min(1),
-    port: z.coerce.number(),
-    database: z.string().min(1),
-    username: z.string().min(1),
-    password: z.string().min(1),
-    creationStatement: z.string().min(1),
-    revocationStatement: z.string().min(1)
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const SapAseInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        database: "master",
-        port: 5000,
-        creationStatement: `sp_addlogin '{{username}}', '{{password}}';
-sp_adduser '{{username}}', '{{username}}', null;
-sp_role 'grant', 'mon_role', '{{username}}';`,
-        revocationStatement: `sp_dropuser '{{username}}';
-sp_droplogin '{{username}}';`
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.SapAse, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input placeholder="92.41.22.72" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={5000}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.database"
-                  defaultValue="master"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Database"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="text" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-full items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      className="w-full"
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      className="w-full"
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="provider.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username and password are dynamically provisioned. The sp_addlogin statement is automatically called against the master database. All other statements are called against the database you specify."
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned. The sp_droplogin statement is automatically called against the master database. All other statements are called against the database you specify."
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SapHanaInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SapHanaInputForm.tsx
deleted file mode 100644
index f955b2735..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SapHanaInputForm.tsx
+++ /dev/null
@@ -1,329 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    host: z.string().toLowerCase().min(1),
-    port: z.coerce.number(),
-    username: z.string().min(1),
-    password: z.string().min(1),
-    creationStatement: z.string().min(1),
-    revocationStatement: z.string().min(1),
-    renewStatement: z.string().optional(),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const SapHanaInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        creationStatement: `CREATE USER {{username}} PASSWORD {{password}} NO FORCE_FIRST_PASSWORD_CHANGE VALID UNTIL '{{expiration}}';
-GRANT "MONITORING" TO {{username}};`,
-        revocationStatement: `REVOKE "MONITORING" FROM {{username}};
-DROP USER {{username}};`,
-        renewStatement: "ALTER USER {{username}} VALID UNTIL '{{expiration}}';"
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.SapHana, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={443}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="provider.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username, password and expiration are dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.renewStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Renew Statement"
-                            helperText="username and expiration are dynamically provisioned"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SnowflakeInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SnowflakeInputForm.tsx
deleted file mode 100644
index deb765a50..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SnowflakeInputForm.tsx
+++ /dev/null
@@ -1,333 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    accountId: z.string().trim().min(1),
-    orgId: z.string().trim().min(1),
-    username: z.string().trim().min(1),
-    password: z.string().trim().min(1),
-    creationStatement: z.string().trim().min(1),
-    revocationStatement: z.string().trim().min(1),
-    renewStatement: z.string().trim().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z
-    .string()
-    .trim()
-    .min(1)
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const SnowflakeInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        creationStatement:
-          "CREATE USER {{username}} PASSWORD = '{{password}}' DEFAULT_ROLE = public DEFAULT_SECONDARY_ROLES = ('ALL') MUST_CHANGE_PASSWORD = FALSE DAYS_TO_EXPIRY = {{expiration}};",
-        revocationStatement: "DROP USER {{username}};",
-        renewStatement: "ALTER USER {{username}} SET DAYS_TO_EXPIRY = {{expiration}};"
-      }
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.Snowflake, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: err instanceof Error ? err.message : "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-              <Link
-                href="https://infisical.com/docs/documentation/platform/dynamic-secrets/snowflake"
-                passHref
-              >
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="ml-2 mb-1 inline-block rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                    <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                    Docs
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="ml-1.5 mb-[0.07rem] text-xxs"
-                    />
-                  </div>
-                </a>
-              </Link>
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.accountId"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Account Identifier"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.orgId"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Organization Identifier"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                <AccordionItem value="advance-statements">
-                  <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                  <AccordionContent>
-                    <Controller
-                      control={control}
-                      name="provider.creationStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Creation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username, password and expiration are dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="provider.revocationStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Revocation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username is dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="provider.renewStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Renew Statement"
-                          helperText="username and expiration are dynamically provisioned"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SqlDatabaseInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SqlDatabaseInputForm.tsx
deleted file mode 100644
index 6d92641c6..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/SqlDatabaseInputForm.tsx
+++ /dev/null
@@ -1,424 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  Select,
-  SelectItem,
-  TextArea
-} from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders, SqlProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  provider: z.object({
-    client: z.nativeEnum(SqlProviders),
-    host: z.string().toLowerCase().min(1),
-    port: z.coerce.number(),
-    database: z.string().min(1),
-    username: z.string().min(1),
-    password: z.string().min(1),
-    creationStatement: z.string().min(1),
-    revocationStatement: z.string().min(1),
-    renewStatement: z.string().optional(),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-const getSqlStatements = (provider: SqlProviders) => {
-  if (provider === SqlProviders.MySql) {
-    return {
-      creationStatement:
-        "CREATE USER \"{{username}}\"@'%' IDENTIFIED BY '{{password}}';\nGRANT ALL ON \"{{database}}\".* TO \"{{username}}\"@'%';",
-      renewStatement: "",
-      revocationStatement:
-        'REVOKE ALL PRIVILEGES ON "{{database}}".* FROM "{{username}}"@\'%\';\nDROP USER "{{username}}"@\'%\';'
-    };
-  }
-
-  if (provider === SqlProviders.Oracle) {
-    return {
-      creationStatement:
-        'CREATE USER "{{username}}" IDENTIFIED BY "{{password}}";\nGRANT CONNECT TO "{{username}}";\nGRANT CREATE SESSION TO "{{username}}";',
-      renewStatement: "",
-      revocationStatement:
-        'REVOKE CONNECT FROM "{{username}}";\nREVOKE CREATE SESSION FROM "{{username}}";\nDROP USER "{{username}}";'
-    };
-  }
-  if (provider === SqlProviders.MsSQL) {
-    return {
-      creationStatement:
-        "CREATE LOGIN [{{username}}] WITH PASSWORD =  '{{password}}';\nCREATE USER [{{username}}] FOR LOGIN [{{username}}];\nGRANT SELECT, INSERT, UPDATE, DELETE ON SCHEMA::dbo TO [{{username}}];",
-      renewStatement: "",
-      revocationStatement: "DROP USER [{{username}}];\nDROP LOGIN [{{username}}];"
-    };
-  }
-
-  return {
-    creationStatement:
-      "CREATE USER \"{{username}}\" WITH ENCRYPTED PASSWORD '{{password}}' VALID UNTIL '{{expiration}}';\nGRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO \"{{username}}\";",
-    renewStatement: "ALTER ROLE \"{{username}}\" VALID UNTIL '{{expiration}}';",
-    revocationStatement:
-      'REVOKE ALL PRIVILEGES ON ALL TABLES IN SCHEMA public FROM "{{username}}";\nDROP ROLE "{{username}}";'
-  };
-};
-
-const getDefaultPort = (provider: SqlProviders) => {
-  switch (provider) {
-    case SqlProviders.MySql:
-      return 3306;
-    case SqlProviders.Oracle:
-      return 1521;
-    case SqlProviders.MsSQL:
-      return 1433;
-    default:
-      return 5432;
-  }
-};
-
-export const SqlDatabaseInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    setValue,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: getSqlStatements(SqlProviders.Postgres)
-    }
-  });
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, maxTTL, provider, defaultTTL }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.SqlDatabase, inputs: provider },
-        maxTTL,
-        name,
-        path: secretPath,
-        defaultTTL,
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  const handleDatabaseChange = (type: SqlProviders) => {
-    const sqlStatment = getSqlStatements(type);
-    setValue("provider.creationStatement", sqlStatment.creationStatement);
-    setValue("provider.renewStatement", sqlStatment.renewStatement);
-    setValue("provider.revocationStatement", sqlStatment.revocationStatement);
-    setValue("provider.port", getDefaultPort(type));
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="pl-1 pb-0.5 text-sm text-mineshaft-400">Service</div>
-              <Controller
-                control={control}
-                name="provider.client"
-                defaultValue={SqlProviders.Postgres}
-                render={({ field: { value, onChange }, fieldState: { error } }) => (
-                  <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-                    <Select
-                      value={value}
-                      onValueChange={(val) => {
-                        onChange(val);
-                        handleDatabaseChange(val as SqlProviders);
-                      }}
-                      className="w-full border border-mineshaft-500"
-                    >
-                      <SelectItem value={SqlProviders.Postgres}>PostgreSQL</SelectItem>
-                      <SelectItem value={SqlProviders.MySql}>MySQL</SelectItem>
-                      <SelectItem value={SqlProviders.Oracle}>Oracle</SelectItem>
-                      <SelectItem value={SqlProviders.MsSQL}>MS SQL</SelectItem>
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.port"
-                  defaultValue={5432}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="provider.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="provider.database"
-                  defaultValue="default"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Database Name"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="provider.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="provider.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username, password and expiration are dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="provider.renewStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Renew Statement"
-                            helperText="username and expiration are dynamically provisioned"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/TotpInputForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/TotpInputForm.tsx
deleted file mode 100644
index 29f4282cc..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/TotpInputForm.tsx
+++ /dev/null
@@ -1,314 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Select, SelectItem } from "@app/components/v2";
-import { useCreateDynamicSecret } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-enum ConfigType {
-  URL = "url",
-  MANUAL = "manual"
-}
-
-enum TotpAlgorithm {
-  SHA1 = "sha1",
-  SHA256 = "sha256",
-  SHA512 = "sha512"
-}
-
-const formSchema = z.object({
-  provider: z.discriminatedUnion("configType", [
-    z.object({
-      configType: z.literal(ConfigType.URL),
-      url: z
-        .string()
-        .url()
-        .trim()
-        .min(1)
-        .refine((val) => {
-          const urlObj = new URL(val);
-          const secret = urlObj.searchParams.get("secret");
-
-          return Boolean(secret);
-        }, "OTP URL must contain secret field")
-    }),
-    z.object({
-      configType: z.literal(ConfigType.MANUAL),
-      secret: z
-        .string()
-        .trim()
-        .min(1)
-        .transform((val) => val.replace(/\s+/g, "")),
-      period: z.number().optional(),
-      algorithm: z.nativeEnum(TotpAlgorithm).optional(),
-      digits: z.number().optional()
-    })
-  ]),
-  name: z
-    .string()
-    .trim()
-    .min(1)
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const TotpInputForm = ({
-  onCompleted,
-  onCancel,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    watch,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      provider: {
-        configType: ConfigType.URL
-      }
-    }
-  });
-
-  const selectedConfigType = watch("provider.configType");
-
-  const createDynamicSecret = useCreateDynamicSecret();
-
-  const handleCreateDynamicSecret = async ({ name, provider }: TForm) => {
-    // wait till previous request is finished
-    if (createDynamicSecret.isLoading) return;
-    try {
-      await createDynamicSecret.mutateAsync({
-        provider: { type: DynamicSecretProviders.Totp, inputs: provider },
-        maxTTL: "24h",
-        name,
-        path: secretPath,
-        defaultTTL: "1m",
-        projectSlug,
-        environmentSlug: environment
-      });
-      onCompleted();
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: err instanceof Error ? err.message : "Failed to create dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleCreateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-              <Link
-                href="https://infisical.com/docs/documentation/platform/dynamic-secrets/totp"
-                passHref
-              >
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="ml-2 mb-1 inline-block rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                    <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                    Docs
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="ml-1.5 mb-[0.07rem] text-xxs"
-                    />
-                  </div>
-                </a>
-              </Link>
-            </div>
-            <div className="flex flex-col">
-              <Controller
-                control={control}
-                name="provider.configType"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Configuration Type"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                    className="w-full"
-                  >
-                    <Select
-                      defaultValue={field.value}
-                      {...field}
-                      className="w-full"
-                      onValueChange={(val) => {
-                        field.onChange(val);
-                      }}
-                      dropdownContainerClassName="max-w-full"
-                    >
-                      <SelectItem value={ConfigType.URL} key="config-type-url">
-                        URL
-                      </SelectItem>
-                      <SelectItem value={ConfigType.MANUAL} key="config-type-manual">
-                        Manual
-                      </SelectItem>
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              {selectedConfigType === ConfigType.URL && (
-                <Controller
-                  control={control}
-                  name="provider.url"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="OTP URL"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} placeholder="otpauth://" />
-                    </FormControl>
-                  )}
-                />
-              )}
-              {selectedConfigType === ConfigType.MANUAL && (
-                <>
-                  <Controller
-                    control={control}
-                    name="provider.secret"
-                    defaultValue=""
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Secret Key"
-                        className="flex-grow"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                  <div className="flex flex-row gap-2">
-                    <Controller
-                      control={control}
-                      name="provider.period"
-                      defaultValue={30}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Period"
-                          className="flex-grow"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input
-                            {...field}
-                            type="number"
-                            onChange={(e) => field.onChange(Number(e.target.value))}
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="provider.digits"
-                      defaultValue={6}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Digits"
-                          className="flex-grow"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input
-                            {...field}
-                            type="number"
-                            onChange={(e) => field.onChange(Number(e.target.value))}
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="provider.algorithm"
-                      defaultValue={TotpAlgorithm.SHA1}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Algorithm"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          className="w-full"
-                        >
-                          <Select
-                            defaultValue={field.value}
-                            {...field}
-                            className="w-full"
-                            dropdownContainerClassName="max-w-full"
-                            onValueChange={(val) => {
-                              field.onChange(val);
-                            }}
-                          >
-                            <SelectItem value={TotpAlgorithm.SHA1} key="algorithm-sha-1">
-                              SHA1
-                            </SelectItem>
-                            <SelectItem value={TotpAlgorithm.SHA256} key="algorithm-sha-256">
-                              SHA256
-                            </SelectItem>
-                            <SelectItem value={TotpAlgorithm.SHA512} key="algorithm-sha-512">
-                              SHA512
-                            </SelectItem>
-                          </Select>
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                  <p className="mb-8 text-sm font-normal text-gray-400">
-                    The period, digits, and algorithm values can remain at their defaults unless
-                    your TOTP provider specifies otherwise.
-                  </p>
-                </>
-              )}
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onCancel}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/index.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/index.tsx
deleted file mode 100644
index e2e36a4fd..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateDynamicSecretForm/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CreateDynamicSecretForm } from "./CreateDynamicSecretForm";
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateSecretImportForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateSecretImportForm.tsx
deleted file mode 100644
index 69d3b6d40..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/CreateSecretImportForm.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { AxiosError } from "axios";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useSubscription, useWorkspace } from "@app/context";
-import { useCreateSecretImport } from "@app/hooks/api";
-
-const typeSchema = z.object({
-  environment: z.object({ name: z.string(), slug: z.string() }),
-  secretPath: z
-    .string()
-    .trim()
-    .transform((val) =>
-      typeof val === "string" && val.at(-1) === "/" && val.length > 1 ? val.slice(0, -1) : val
-    ),
-  isReplication: z.boolean().default(false)
-});
-
-type TFormSchema = z.infer<typeof typeSchema>;
-
-type Props = {
-  environment: string;
-  workspaceId: string;
-  secretPath?: string;
-  // modal props
-  isOpen?: boolean;
-  onClose: () => void;
-  onTogglePopUp: (isOpen: boolean) => void;
-  onUpgradePlan: () => void;
-};
-
-export const CreateSecretImportForm = ({
-  environment,
-  workspaceId,
-  secretPath = "/",
-  isOpen,
-  onClose,
-  onTogglePopUp,
-  onUpgradePlan
-}: Props) => {
-  const {
-    handleSubmit,
-    control,
-    reset,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({ resolver: zodResolver(typeSchema) });
-  const { currentWorkspace } = useWorkspace();
-  const environments = currentWorkspace?.environments || [];
-  const selectedEnvironment = watch("environment");
-  const { subscription } = useSubscription();
-
-  const { mutateAsync: createSecretImport } = useCreateSecretImport();
-
-  const handleFormSubmit = async ({
-    environment: importedEnv,
-    secretPath: importedSecPath,
-    isReplication
-  }: TFormSchema) => {
-    try {
-      if (isReplication && !subscription?.secretApproval) {
-        onUpgradePlan();
-        return;
-      }
-
-      await createSecretImport({
-        environment,
-        projectId: workspaceId,
-        path: secretPath,
-        isReplication,
-        import: {
-          environment: importedEnv.slug,
-          path: importedSecPath
-        }
-      });
-      onClose();
-      reset();
-      createNotification({
-        type: "success",
-        text: `Successfully linked. ${
-          isReplication ? "Please refresh the dashboard to view changes" : ""
-        }`
-      });
-    } catch (err) {
-      console.error(err);
-      const axiosError = err as AxiosError;
-      if (axiosError?.response?.status === 401) {
-        createNotification({
-          text: "You do not have access to the selected environment/path",
-          type: "error"
-        });
-      } else {
-        createNotification({
-          type: "error",
-          text: "Failed to link secrets"
-        });
-      }
-    }
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onTogglePopUp}>
-      <ModalContent
-        bodyClassName="overflow-visible"
-        title="Add Secret Link"
-        subTitle="To inherit secrets from another environment or folder"
-      >
-        <form onSubmit={handleSubmit(handleFormSubmit)}>
-          <Controller
-            control={control}
-            name="environment"
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <FormControl label="Environment" errorText={error?.message} isError={Boolean(error)}>
-                <FilterableSelect
-                  options={environments}
-                  getOptionLabel={(option) => option.name}
-                  getOptionValue={(option) => option.slug}
-                  placeholder="Select environment..."
-                  value={value}
-                  onChange={onChange}
-                />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="secretPath"
-            defaultValue="/"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secret Path" isError={Boolean(error)} errorText={error?.message}>
-                <SecretPathInput {...field} environment={selectedEnvironment?.slug} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            name="isReplication"
-            control={control}
-            defaultValue={false}
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                isError={Boolean(error?.message)}
-                errorText={error?.message}
-                helperText={
-                  value
-                    ? "Secrets from the source will be automatically sent to the destination. If approval policies exist at the destination, the secrets will be sent as approval requests instead of being applied immediately."
-                    : "Secrets from the source location will be imported to the selected destination immediately, ignoring any approval policies at the destination."
-                }
-              >
-                <Select
-                  value={value ? "true" : "false"}
-                  onValueChange={(val) => onChange(val === "true")}
-                  className="w-full border border-mineshaft-500"
-                >
-                  <SelectItem value="false">Ignore secret approval polices</SelectItem>
-                  <SelectItem value="true">Respect secret approval polices</SelectItem>
-                </Select>
-              </FormControl>
-            )}
-          />
-          <div className="mt-7 flex items-center">
-            <Button
-              isDisabled={isSubmitting}
-              isLoading={isSubmitting}
-              key="layout-create-project-submit"
-              className="mr-4"
-              type="submit"
-            >
-              Create Link
-            </Button>
-            <Button
-              key="layout-cancel-create-project"
-              onClick={onClose}
-              variant="plain"
-              colorSchema="secondary"
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/FolderForm.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/FolderForm.tsx
deleted file mode 100644
index bad6376c8..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/FolderForm.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { Button, FormControl, Input, ModalClose } from "@app/components/v2";
-
-type Props = {
-  onCreateFolder?: (folderName: string) => Promise<void>;
-  onUpdateFolder?: (folderName: string) => Promise<void>;
-  isEdit?: boolean;
-  defaultFolderName?: string;
-};
-
-const formSchema = z.object({
-  name: z
-    .string()
-    .trim()
-    .regex(
-      /^[a-zA-Z0-9-_]+$/,
-      "Folder name can only contain letters, numbers, dashes, and underscores"
-    )
-});
-type TFormData = z.infer<typeof formSchema>;
-
-export const FolderForm = ({
-  isEdit,
-  defaultFolderName,
-  onCreateFolder,
-  onUpdateFolder
-}: Props): JSX.Element => {
-  const {
-    control,
-    reset,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TFormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      name: defaultFolderName
-    }
-  });
-
-  const onSubmit = async ({ name }: TFormData) => {
-    if (isEdit) {
-      await onUpdateFolder?.(name);
-    } else {
-      await onCreateFolder?.(name);
-    }
-    reset();
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <Controller
-        control={control}
-        name="name"
-        defaultValue=""
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Folder Name" isError={Boolean(error)} errorText={error?.message}>
-            <Input {...field} placeholder="Type your folder name" />
-          </FormControl>
-        )}
-      />
-      <div className="mt-8 flex items-center">
-        <Button className="mr-4" type="submit" isDisabled={isSubmitting} isLoading={isSubmitting}>
-          {isEdit ? "Save" : "Create"}
-        </Button>
-        <ModalClose asChild>
-          <Button variant="plain" colorSchema="secondary">
-            Cancel
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/MoveSecretsModal.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/MoveSecretsModal.tsx
deleted file mode 100644
index 606f23fac..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/MoveSecretsModal.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import {
-  Button,
-  Checkbox,
-  FormControl,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useWorkspace } from "@app/context";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  popUp: UsePopUpState<["moveSecrets"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["moveSecrets"]>, state?: boolean) => void;
-  onMoveApproved: (moveParams: {
-    destinationEnvironment: string;
-    destinationSecretPath: string;
-    shouldOverwrite: boolean;
-  }) => void;
-};
-
-const formSchema = z.object({
-  environment: z.string().trim(),
-  secretPath: z
-    .string()
-    .trim()
-    .transform((val) =>
-      typeof val === "string" && val.at(-1) === "/" && val.length > 1 ? val.slice(0, -1) : val
-    ),
-  shouldOverwrite: z.boolean().default(false)
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-export const MoveSecretsModal = ({ popUp, handlePopUpToggle, onMoveApproved }: Props) => {
-  const {
-    handleSubmit,
-    control,
-    reset,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({ resolver: zodResolver(formSchema) });
-
-  const { currentWorkspace } = useWorkspace();
-  const environments = currentWorkspace?.environments || [];
-  const selectedEnvironment = watch("environment");
-
-  const handleFormSubmit = (data: TFormSchema) => {
-    onMoveApproved({
-      destinationEnvironment: data.environment,
-      destinationSecretPath: data.secretPath,
-      shouldOverwrite: data.shouldOverwrite
-    });
-
-    handlePopUpToggle("moveSecrets", false);
-  };
-
-  return (
-    <Modal
-      isOpen={popUp.moveSecrets.isOpen}
-      onOpenChange={(isOpen) => {
-        reset();
-        handlePopUpToggle("moveSecrets", isOpen);
-      }}
-    >
-      <ModalContent
-        title="Move Secrets"
-        subTitle="Move secrets from the current path to the selected destination"
-      >
-        <form onSubmit={handleSubmit(handleFormSubmit)}>
-          <Controller
-            control={control}
-            name="environment"
-            defaultValue={environments?.[0]?.slug}
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl label="Environment" errorText={error?.message} isError={Boolean(error)}>
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {environments.map(({ name, slug }) => (
-                    <SelectItem value={slug} key={slug}>
-                      {name}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="secretPath"
-            defaultValue="/"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Secret Path" isError={Boolean(error)} errorText={error?.message}>
-                <SecretPathInput {...field} environment={selectedEnvironment} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="shouldOverwrite"
-            defaultValue={false}
-            render={({ field: { onBlur, value, onChange } }) => (
-              <Checkbox
-                id="overwrite-checkbox"
-                className="ml-2"
-                isChecked={value}
-                onCheckedChange={onChange}
-                onBlur={onBlur}
-              >
-                Overwrite existing secrets
-              </Checkbox>
-            )}
-          />
-          <div className="mt-7 flex items-center">
-            <Button
-              isDisabled={isSubmitting}
-              isLoading={isSubmitting}
-              key="move-secrets-submit"
-              className="mr-4"
-              type="submit"
-            >
-              Move
-            </Button>
-            <Button
-              key="move-secrets-cancel"
-              onClick={() => handlePopUpToggle("moveSecrets", false)}
-              variant="plain"
-              colorSchema="secondary"
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/ActionBar/index.tsx b/frontend-next/src/views/SecretMainPage/components/ActionBar/index.tsx
deleted file mode 100644
index 507d4f0e4..000000000
--- a/frontend-next/src/views/SecretMainPage/components/ActionBar/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ActionBar } from "./ActionBar";
diff --git a/frontend-next/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx b/frontend-next/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
deleted file mode 100644
index db53d26ae..000000000
--- a/frontend-next/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
+++ /dev/null
@@ -1,230 +0,0 @@
-import { ClipboardEvent, useRef } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { CreatableSelect } from "@app/components/v2/CreatableSelect";
-import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput";
-import { ProjectPermissionActions, ProjectPermissionSub, useProjectPermission } from "@app/context";
-import { getKeyValue } from "@app/helpers/parseEnvVar";
-import { useCreateSecretV3, useCreateWsTag, useGetWsTags } from "@app/hooks/api";
-import { SecretType } from "@app/hooks/api/types";
-
-import { PopUpNames, usePopUpAction } from "../../SecretMainPage.store";
-
-const typeSchema = z.object({
-  key: z.string().trim().min(1, { message: "Secret key is required" }),
-  value: z.string().optional(),
-  tags: z.array(z.object({ label: z.string().trim(), value: z.string().trim() })).optional()
-});
-
-type TFormSchema = z.infer<typeof typeSchema>;
-
-type Props = {
-  environment: string;
-  workspaceId: string;
-  secretPath?: string;
-  // modal props
-  autoCapitalize?: boolean;
-  isProtectedBranch?: boolean;
-};
-
-export const CreateSecretForm = ({
-  environment,
-  workspaceId,
-  secretPath = "/",
-  autoCapitalize = true,
-  isProtectedBranch = false
-}: Props) => {
-  const {
-    register,
-    handleSubmit,
-    control,
-    reset,
-    setValue,
-    watch,
-    formState: { errors, isSubmitting }
-  } = useForm<TFormSchema>({ resolver: zodResolver(typeSchema) });
-  const { closePopUp } = usePopUpAction();
-
-  const { mutateAsync: createSecretV3 } = useCreateSecretV3();
-  const createWsTag = useCreateWsTag();
-
-  const { permission } = useProjectPermission();
-  const canReadTags = permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Tags);
-  const { data: projectTags, isLoading: isTagsLoading } = useGetWsTags(
-    canReadTags ? workspaceId : ""
-  );
-
-  const secretKeyInputRef = useRef<HTMLInputElement>(null);
-  const { ref: setSecretKeyHookRef, ...secretKeyRegisterRest } = register("key");
-
-  const secretKey = watch("key");
-
-  const slugSchema = z.string().trim().toLowerCase().min(1);
-  const createNewTag = async (slug: string) => {
-    // TODO: Replace with slugSchema generic
-    try {
-      const parsedSlug = slugSchema.parse(slug);
-      await createWsTag.mutateAsync({
-        workspaceID: workspaceId,
-        tagSlug: parsedSlug,
-        tagColor: ""
-      });
-    } catch {
-      createNotification({
-        type: "error",
-        text: "Failed to create new tag"
-      });
-    }
-  };
-
-  const handleFormSubmit = async ({ key, value, tags }: TFormSchema) => {
-    try {
-      await createSecretV3({
-        environment,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        secretValue: value || "",
-        secretComment: "",
-        type: SecretType.Shared,
-        tagIds: tags?.map((el) => el.value)
-      });
-      closePopUp(PopUpNames.CreateSecretForm);
-      reset();
-
-      createNotification({
-        type: isProtectedBranch ? "info" : "success",
-        text: isProtectedBranch
-          ? "Requested changes have been sent for review"
-          : "Successfully created secret"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to create secret"
-      });
-    }
-  };
-
-  const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {
-    const delimitters = [":", "="];
-    const pastedContent = e.clipboardData.getData("text");
-    const { key, value } = getKeyValue(pastedContent, delimitters);
-
-    const isWholeKeyHighlighted =
-      secretKeyInputRef.current &&
-      secretKeyInputRef.current.selectionStart === 0 &&
-      secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length;
-
-    if (!secretKey || isWholeKeyHighlighted) {
-      e.preventDefault();
-
-      setValue("key", key);
-      if (value) {
-        setValue("value", value);
-      }
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleFormSubmit)} noValidate>
-      <FormControl
-        label="Key"
-        isRequired
-        isError={Boolean(errors?.key)}
-        errorText={errors?.key?.message}
-      >
-        <Input
-          {...secretKeyRegisterRest}
-          ref={(e) => {
-            setSecretKeyHookRef(e);
-            // @ts-expect-error this is for multiple ref single component
-            secretKeyInputRef.current = e;
-          }}
-          placeholder="Type your secret name"
-          onPaste={handlePaste}
-          autoCapitalization={autoCapitalize}
-        />
-      </FormControl>
-      <Controller
-        control={control}
-        name="value"
-        render={({ field }) => (
-          <FormControl
-            label="Value"
-            isError={Boolean(errors?.value)}
-            errorText={errors?.value?.message}
-          >
-            <InfisicalSecretInput
-              {...field}
-              environment={environment}
-              secretPath={secretPath}
-              containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="tags"
-        render={({ field }) => (
-          <FormControl
-            label="Tags"
-            isError={Boolean(errors?.value)}
-            errorText={errors?.value?.message}
-            helperText={
-              !canReadTags ? (
-                <div className="flex items-center space-x-2">
-                  <FontAwesomeIcon icon={faTriangleExclamation} className="text-yellow-400" />
-                  <span>You do not have permission to read tags.</span>
-                </div>
-              ) : (
-                ""
-              )
-            }
-          >
-            <CreatableSelect
-              isMulti
-              className="w-full"
-              placeholder="Select tags to assign to secret..."
-              isValidNewOption={(v) => slugSchema.safeParse(v).success}
-              name="tagIds"
-              isDisabled={!canReadTags}
-              isLoading={isTagsLoading && canReadTags}
-              options={projectTags?.map((el) => ({ label: el.slug, value: el.id }))}
-              value={field.value}
-              onChange={field.onChange}
-              onCreateOption={createNewTag}
-            />
-          </FormControl>
-        )}
-      />
-      <div className="mt-7 flex items-center">
-        <Button
-          isDisabled={isSubmitting}
-          isLoading={isSubmitting}
-          key="layout-create-project-submit"
-          className="mr-4"
-          type="submit"
-        >
-          Create Secret
-        </Button>
-        <Button
-          key="layout-cancel-create-project"
-          onClick={() => closePopUp(PopUpNames.CreateSecretForm)}
-          variant="plain"
-          colorSchema="secondary"
-        >
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/CreateSecretForm/index.tsx b/frontend-next/src/views/SecretMainPage/components/CreateSecretForm/index.tsx
deleted file mode 100644
index a7851ed77..000000000
--- a/frontend-next/src/views/SecretMainPage/components/CreateSecretForm/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CreateSecretForm } from "./CreateSecretForm";
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/CreateDynamicSecretLease.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/CreateDynamicSecretLease.tsx
deleted file mode 100644
index bef0807b1..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/CreateDynamicSecretLease.tsx
+++ /dev/null
@@ -1,482 +0,0 @@
-import { ReactNode, useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faClock, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { AnimatePresence, motion } from "framer-motion";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  SecretInput,
-  Spinner,
-  Tooltip
-} from "@app/components/v2";
-import { useTimedReset, useToggle } from "@app/hooks";
-import { useCreateDynamicSecretLease } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-const OutputDisplay = ({
-  value,
-  label,
-  helperText
-}: {
-  value: string;
-  label: string;
-  helperText?: ReactNode;
-}) => {
-  const [copyText, isCopying, setCopyText] = useTimedReset<string>({
-    initialState: "Copy to clipboard"
-  });
-
-  return (
-    <div className="relative">
-      <FormControl label={label} className="flex-grow" helperText={helperText}>
-        <SecretInput
-          isReadOnly
-          value={value}
-          containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-        />
-      </FormControl>
-      <Tooltip content={copyText}>
-        <IconButton
-          ariaLabel="Copy to clipboard"
-          variant="plain"
-          size="md"
-          className="absolute right-2 top-7"
-          onClick={() => {
-            navigator.clipboard.writeText(value as string);
-            setCopyText("Copied");
-          }}
-        >
-          <FontAwesomeIcon icon={isCopying ? faCheck : faCopy} />
-        </IconButton>
-      </Tooltip>
-    </div>
-  );
-};
-
-const TotpOutputDisplay = ({
-  totp,
-  remainingSeconds,
-  triggerLeaseRegeneration
-}: {
-  totp: string;
-  remainingSeconds: number;
-  triggerLeaseRegeneration: (details: { ttl?: string }) => Promise<void>;
-}) => {
-  const [remainingTime, setRemainingTime] = useState(remainingSeconds);
-  const [shouldShowRegenerate, setShouldShowRegenerate] = useToggle(false);
-
-  useEffect(() => {
-    setRemainingTime(remainingSeconds);
-    setShouldShowRegenerate.off();
-
-    // Set up countdown interval
-    const intervalId = setInterval(() => {
-      setRemainingTime((prevTime) => {
-        if (prevTime <= 1) {
-          clearInterval(intervalId);
-          setShouldShowRegenerate.on();
-          return 0;
-        }
-        return prevTime - 1;
-      });
-    }, 1000);
-
-    // Cleanup interval on unmount or when totp changes
-    return () => clearInterval(intervalId);
-  }, [totp, remainingSeconds]);
-
-  return (
-    <div className="h-36">
-      <OutputDisplay label="Time-based one-time password" value={totp} />
-      {remainingTime > 0 ? (
-        <div
-          className={`ml-2 flex items-center text-sm ${
-            remainingTime < 10 ? "text-red-500" : "text-yellow-500"
-          } transition-colors duration-500`}
-        >
-          <FontAwesomeIcon className="mr-1" icon={faClock} size="sm" />
-          <span>
-            Expires in {remainingTime} {remainingTime > 1 ? "seconds" : "second"}
-          </span>
-        </div>
-      ) : (
-        <div className="ml-2 flex items-center text-sm text-red-500">
-          <FontAwesomeIcon className="mr-1" icon={faClock} size="sm" />
-          Expired
-        </div>
-      )}
-      {shouldShowRegenerate && (
-        <Button
-          colorSchema="secondary"
-          className="mt-2"
-          onClick={() => triggerLeaseRegeneration({})}
-        >
-          Regenerate
-        </Button>
-      )}
-    </div>
-  );
-};
-
-const renderOutputForm = (
-  provider: DynamicSecretProviders,
-  data: unknown,
-  triggerLeaseRegeneration: (details: { ttl?: string }) => Promise<void>
-) => {
-  if (
-    provider === DynamicSecretProviders.SqlDatabase ||
-    provider === DynamicSecretProviders.Cassandra ||
-    provider === DynamicSecretProviders.MongoAtlas ||
-    provider === DynamicSecretProviders.MongoDB ||
-    provider === DynamicSecretProviders.SapAse
-  ) {
-    const { DB_PASSWORD, DB_USERNAME } = data as { DB_USERNAME: string; DB_PASSWORD: string };
-    return (
-      <div>
-        <OutputDisplay label="Database User" value={DB_USERNAME} />
-        <OutputDisplay
-          label="Database Password"
-          value={DB_PASSWORD}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.AwsIam) {
-    const { USERNAME, ACCESS_KEY, SECRET_ACCESS_KEY } = data as {
-      ACCESS_KEY: string;
-      SECRET_ACCESS_KEY: string;
-      USERNAME: string;
-    };
-    return (
-      <div>
-        <OutputDisplay label="AWS Username" value={USERNAME} />
-        <OutputDisplay label="AWS IAM Access Key" value={ACCESS_KEY} />
-        <OutputDisplay
-          label="AWS IAM Secret Key"
-          value={SECRET_ACCESS_KEY}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.Redis) {
-    const { DB_USERNAME, DB_PASSWORD } = data as {
-      DB_USERNAME: string;
-      DB_PASSWORD: string;
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Redis Username" value={DB_USERNAME} />
-        <OutputDisplay
-          label="Redis Password"
-          value={DB_PASSWORD}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.AwsElastiCache) {
-    const { DB_USERNAME, DB_PASSWORD } = data as {
-      DB_USERNAME: string;
-      DB_PASSWORD: string;
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Cluster Username" value={DB_USERNAME} />
-        <OutputDisplay
-          label="Cluster Password"
-          value={DB_PASSWORD}
-          helperText={
-            <div className="space-y-4">
-              <p>
-                Important: Copy these credentials now. You will not be able to see them again after
-                you close the modal.
-              </p>
-              <p className="font-medium">
-                Please note that it may take a few minutes before the credentials are available for
-                use.
-              </p>
-            </div>
-          }
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.RabbitMq) {
-    const { DB_USERNAME, DB_PASSWORD } = data as {
-      DB_USERNAME: string;
-      DB_PASSWORD: string;
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Username" value={DB_USERNAME} />
-        <OutputDisplay
-          label="Password"
-          value={DB_PASSWORD}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.ElasticSearch) {
-    const { DB_USERNAME, DB_PASSWORD } = data as {
-      DB_USERNAME: string;
-      DB_PASSWORD: string;
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Username" value={DB_USERNAME} />
-        <OutputDisplay
-          label="Password"
-          value={DB_PASSWORD}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.AzureEntraId) {
-    const { email, password } = data as {
-      email: string;
-      password: string;
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Email" value={email} />
-        <OutputDisplay
-          label="Password"
-          value={password}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.Ldap) {
-    const { USERNAME, PASSWORD, DN_ARRAY } = data as {
-      USERNAME: string;
-      PASSWORD: string;
-      DN_ARRAY: string[];
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Username" value={USERNAME} />
-        <OutputDisplay
-          label="Password"
-          value={PASSWORD}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-        <FormControl label="DNs" className="flex-grow">
-          <SecretInput
-            isReadOnly
-            isVisible
-            value={JSON.stringify(DN_ARRAY)}
-            containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-          />
-        </FormControl>
-      </div>
-    );
-  }
-
-  if (
-    provider === DynamicSecretProviders.SapHana ||
-    provider === DynamicSecretProviders.Snowflake
-  ) {
-    const { DB_USERNAME, DB_PASSWORD } = data as {
-      DB_USERNAME: string;
-      DB_PASSWORD: string;
-    };
-
-    return (
-      <div>
-        <OutputDisplay label="Username" value={DB_USERNAME} />
-        <OutputDisplay
-          label="Password"
-          value={DB_PASSWORD}
-          helperText="Important: Copy these credentials now. You will not be able to see them again after you close the modal."
-        />
-      </div>
-    );
-  }
-
-  if (provider === DynamicSecretProviders.Totp) {
-    const { TOTP, TIME_REMAINING } = data as {
-      TOTP: string;
-      TIME_REMAINING: number;
-    };
-
-    return (
-      <TotpOutputDisplay
-        totp={TOTP}
-        remainingSeconds={TIME_REMAINING}
-        triggerLeaseRegeneration={triggerLeaseRegeneration}
-      />
-    );
-  }
-
-  return null;
-};
-
-const formSchema = z.object({
-  ttl: z
-    .string()
-    .refine((val) => ms(val) > 0, "TTL must be a positive number")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecretName: string;
-  provider: DynamicSecretProviders;
-  projectSlug: string;
-  environment: string;
-  secretPath: string;
-};
-
-const PROVIDERS_WITH_AUTOGENERATE_SUPPORT = [DynamicSecretProviders.Totp];
-
-export const CreateDynamicSecretLease = ({
-  onClose,
-  projectSlug,
-  dynamicSecretName,
-  provider,
-  secretPath,
-  environment
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      ttl: "1h"
-    }
-  });
-  const [isPreloading, setIsPreloading] = useToggle(
-    PROVIDERS_WITH_AUTOGENERATE_SUPPORT.includes(provider)
-  );
-
-  const createDynamicSecretLease = useCreateDynamicSecretLease();
-
-  const handleDynamicSecretLeaseCreate = async ({ ttl }: TForm) => {
-    if (createDynamicSecretLease.isLoading) return;
-    try {
-      await createDynamicSecretLease.mutateAsync({
-        environmentSlug: environment,
-        projectSlug,
-        path: secretPath,
-        ttl,
-        dynamicSecretName
-      });
-
-      createNotification({
-        type: "success",
-        text: "Successfully leased dynamic secret"
-      });
-
-      setIsPreloading.off();
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to lease dynamic secret"
-      });
-    }
-  };
-
-  const handleLeaseRegeneration = async (data: { ttl?: string }) => {
-    setIsPreloading.on();
-    handleDynamicSecretLeaseCreate(data);
-  };
-
-  useEffect(() => {
-    if (provider === DynamicSecretProviders.Totp) {
-      handleDynamicSecretLeaseCreate({});
-    }
-  }, [provider]);
-
-  const isOutputMode = Boolean(createDynamicSecretLease?.data);
-
-  if (isPreloading) {
-    return <Spinner className="mx-auto h-40 text-mineshaft-700" />;
-  }
-
-  return (
-    <div>
-      <AnimatePresence>
-        {!isOutputMode && (
-          <motion.div
-            key="lease-input"
-            transition={{ duration: 0.1 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-          >
-            <form onSubmit={handleSubmit(handleDynamicSecretLeaseCreate)}>
-              <Controller
-                control={control}
-                name="ttl"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <div className="mt-4 flex items-center space-x-4">
-                <Button type="submit" isLoading={isSubmitting}>
-                  Submit
-                </Button>
-                <Button variant="outline_bg" onClick={onClose}>
-                  Cancel
-                </Button>
-              </div>
-            </form>
-          </motion.div>
-        )}
-        {isOutputMode && (
-          <motion.div
-            key="lease-output"
-            transition={{ duration: 0.1 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-          >
-            {renderOutputForm(
-              provider,
-              createDynamicSecretLease.data?.data,
-              handleLeaseRegeneration
-            )}
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/DynamicSecretLease.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/DynamicSecretLease.tsx
deleted file mode 100644
index 6764db923..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/DynamicSecretLease.tsx
+++ /dev/null
@@ -1,256 +0,0 @@
-import { subject } from "@casl/ability";
-import {
-  faClose,
-  faFileContract,
-  faRepeat,
-  faTrash,
-  faWarning
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format, formatDistance } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Modal,
-  ModalContent,
-  Table,
-  TableContainer,
-  TBody,
-  Td,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionDynamicSecretActions, ProjectPermissionSub } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useGetDynamicSecretLeases, useRevokeDynamicSecretLease } from "@app/hooks/api";
-import { DynamicSecretLeaseStatus } from "@app/hooks/api/dynamicSecretLease/types";
-
-import { RenewDynamicSecretLease } from "./RenewDynamicSecretLease";
-
-type Props = {
-  dynamicSecretName: string;
-  projectSlug: string;
-  environment: string;
-  secretPath: string;
-  onClickNewLease: () => void;
-  onClose: () => void;
-};
-
-export const DynamicSecretLease = ({
-  projectSlug,
-  dynamicSecretName,
-  environment,
-  secretPath,
-  onClickNewLease,
-  onClose
-}: Props) => {
-  const { handlePopUpOpen, popUp, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteSecret",
-    "renewSecret"
-  ] as const);
-  const { data: leases, isLoading: isLeaseLoading } = useGetDynamicSecretLeases({
-    projectSlug,
-    environmentSlug: environment,
-    path: secretPath,
-    dynamicSecretName
-  });
-
-  const deleteDynamicSecretLease = useRevokeDynamicSecretLease();
-
-  const handleDynamicSecretDeleteLease = async () => {
-    try {
-      const { leaseId, isForced } = popUp.deleteSecret.data as {
-        leaseId: string;
-        isForced?: boolean;
-      };
-      await deleteDynamicSecretLease.mutateAsync({
-        environmentSlug: environment,
-        projectSlug,
-        path: secretPath,
-        dynamicSecretName,
-        leaseId,
-        isForced
-      });
-      handlePopUpClose("deleteSecret");
-      createNotification({
-        type: "success",
-        text: "Successfully deleted lease"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to delete lease"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <TableContainer>
-        <Table className="bg-mineshaft-600">
-          <THead>
-            <Tr>
-              <Td>Lease ID</Td>
-              <Td>Expire At</Td>
-              <Td />
-            </Tr>
-          </THead>
-          <TBody>
-            {!isLeaseLoading && leases?.length === 0 && (
-              <tr>
-                <td colSpan={3}>
-                  <EmptyState title="No leases found" icon={faFileContract}>
-                    <Button
-                      onClick={onClickNewLease}
-                      className="mt-4"
-                      colorSchema="primary"
-                      size="sm"
-                    >
-                      New Lease
-                    </Button>
-                  </EmptyState>
-                </td>
-              </tr>
-            )}
-            {(leases || []).map(({ id, expireAt, status, statusDetails }) => (
-              <Tr key={id}>
-                <Td>
-                  {id}
-                  {Boolean(status) && (
-                    <Tooltip content={statusDetails || status || ""}>
-                      <FontAwesomeIcon className="ml-2 text-yellow-600" icon={faWarning} />
-                    </Tooltip>
-                  )}
-                </Td>
-                <Td>
-                  <Tooltip content={format(new Date(expireAt), "yyyy-MM-dd, hh:mm aaa")}>
-                    <span className="capitalize">
-                      {formatDistance(new Date(expireAt), new Date())}
-                    </span>
-                  </Tooltip>
-                </Td>
-                <Td>
-                  <div className="flex items-center space-x-4">
-                    <ProjectPermissionCan
-                      I={ProjectPermissionDynamicSecretActions.Lease}
-                      a={subject(ProjectPermissionSub.DynamicSecrets, { environment, secretPath })}
-                      renderTooltip
-                      allowedLabel="Renew"
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          ariaLabel="edit-folder"
-                          variant="plain"
-                          size="sm"
-                          className="p-0"
-                          isDisabled={!isAllowed}
-                          onClick={() => handlePopUpOpen("renewSecret", { leaseId: id })}
-                        >
-                          <FontAwesomeIcon icon={faRepeat} size="lg" />
-                        </IconButton>
-                      )}
-                    </ProjectPermissionCan>
-                    <ProjectPermissionCan
-                      I={ProjectPermissionDynamicSecretActions.Lease}
-                      a={subject(ProjectPermissionSub.DynamicSecrets, { environment, secretPath })}
-                      renderTooltip
-                      allowedLabel="Delete"
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          ariaLabel="delete-folder"
-                          variant="plain"
-                          size="md"
-                          className="p-0"
-                          isDisabled={!isAllowed}
-                          onClick={() => handlePopUpOpen("deleteSecret", { leaseId: id })}
-                        >
-                          <FontAwesomeIcon icon={faClose} size="lg" />
-                        </IconButton>
-                      )}
-                    </ProjectPermissionCan>
-                    {status === DynamicSecretLeaseStatus.FailedDeletion && (
-                      <ProjectPermissionCan
-                        I={ProjectPermissionDynamicSecretActions.Lease}
-                        a={subject(ProjectPermissionSub.DynamicSecrets, {
-                          environment,
-                          secretPath
-                        })}
-                        renderTooltip
-                        allowedLabel="Force Delete. This action will remove the secret from internal storage, but it will remain in external systems."
-                      >
-                        {(isAllowed) => (
-                          <IconButton
-                            ariaLabel="delete-folder"
-                            variant="plain"
-                            size="md"
-                            className="p-0 text-red-600"
-                            isDisabled={!isAllowed}
-                            onClick={() =>
-                              handlePopUpOpen("deleteSecret", { leaseId: id, isForced: true })
-                            }
-                          >
-                            <FontAwesomeIcon icon={faTrash} />
-                          </IconButton>
-                        )}
-                      </ProjectPermissionCan>
-                    )}
-                  </div>
-                </Td>
-              </Tr>
-            ))}
-          </TBody>
-        </Table>
-      </TableContainer>
-      {!isLeaseLoading && Boolean(leases?.length) && (
-        <div className="mt-6 flex items-center space-x-4">
-          <ProjectPermissionCan
-            I={ProjectPermissionDynamicSecretActions.Lease}
-            a={subject(ProjectPermissionSub.DynamicSecrets, {
-              environment,
-              secretPath
-            })}
-          >
-            {(isAllowed) => (
-              <Button onClick={onClickNewLease} size="xs" isDisabled={!isAllowed}>
-                New Lease
-              </Button>
-            )}
-          </ProjectPermissionCan>
-          <Button onClick={onClose} variant="plain" colorSchema="secondary" size="xs">
-            Close
-          </Button>
-        </div>
-      )}
-      <Modal
-        isOpen={popUp.renewSecret.isOpen}
-        onOpenChange={(state) => handlePopUpToggle("renewSecret", state)}
-      >
-        <ModalContent title="Renew Lease">
-          <RenewDynamicSecretLease
-            onClose={() => handlePopUpClose("renewSecret")}
-            projectSlug={projectSlug}
-            leaseId={(popUp.renewSecret?.data as { leaseId: string })?.leaseId}
-            dynamicSecretName={dynamicSecretName}
-            secretPath={secretPath}
-            environment={environment}
-          />
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={popUp.deleteSecret.isOpen}
-        deleteKey="delete"
-        title="Do you want to delete this lease?"
-        onChange={(isOpen) => handlePopUpToggle("deleteSecret", isOpen)}
-        onDeleteApproved={handleDynamicSecretDeleteLease}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/DynamicSecretListView.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/DynamicSecretListView.tsx
deleted file mode 100644
index 22057a90c..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/DynamicSecretListView.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-import { subject } from "@casl/ability";
-import {
-  faClose,
-  faFingerprint,
-  faPencilSquare,
-  faWarning
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  IconButton,
-  Modal,
-  ModalContent,
-  Tag,
-  Tooltip
-} from "@app/components/v2";
-import { ProjectPermissionDynamicSecretActions, ProjectPermissionSub } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteDynamicSecret } from "@app/hooks/api";
-import {
-  DynamicSecretProviders,
-  DynamicSecretStatus,
-  TDynamicSecret
-} from "@app/hooks/api/dynamicSecret/types";
-
-import { CreateDynamicSecretLease } from "./CreateDynamicSecretLease";
-import { DynamicSecretLease } from "./DynamicSecretLease";
-import { EditDynamicSecretForm } from "./EditDynamicSecretForm";
-
-const formatProviderName = (type: DynamicSecretProviders) => {
-  if (type === DynamicSecretProviders.SqlDatabase) return "SQL Database";
-  return "";
-};
-
-type Props = {
-  dynamicSecrets?: TDynamicSecret[];
-  environment: string;
-  projectSlug: string;
-  secretPath?: string;
-};
-
-export const DynamicSecretListView = ({
-  dynamicSecrets = [],
-  environment,
-  projectSlug,
-  secretPath = "/"
-}: Props) => {
-  const { popUp, handlePopUpToggle, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "dynamicSecretLeases",
-    "createDynamicSecretLease",
-    "updateDynamicSecret",
-    "deleteDynamicSecret"
-  ] as const);
-
-  const deleteDynamicSecret = useDeleteDynamicSecret();
-
-  const handleDynamicSecretDelete = async () => {
-    try {
-      const { name, isForced } = popUp.deleteDynamicSecret.data as TDynamicSecret & {
-        isForced?: boolean;
-      };
-      await deleteDynamicSecret.mutateAsync({
-        environmentSlug: environment,
-        projectSlug,
-        path: secretPath,
-        name,
-        isForced
-      });
-      handlePopUpClose("deleteDynamicSecret");
-      createNotification({
-        type: "success",
-        text: "Successfully deleted dynamic secret"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to delete dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <>
-      {dynamicSecrets.map((secret) => {
-        const isRevoking = secret.status === DynamicSecretStatus.Deleting;
-        return (
-          <Modal
-            key={secret.id}
-            isOpen={
-              popUp.dynamicSecretLeases.isOpen && popUp.dynamicSecretLeases.data === secret.id
-            }
-            onOpenChange={(state) => handlePopUpToggle("dynamicSecretLeases", state)}
-          >
-            <div
-              className="group flex cursor-pointer border-b border-mineshaft-600 hover:bg-mineshaft-700"
-              role="button"
-              tabIndex={0}
-              onKeyDown={(evt) => {
-                // no lease view for TOTP because it's irrelevant
-                if (secret.type === DynamicSecretProviders.Totp) {
-                  return;
-                }
-
-                if (evt.key === "Enter" && !isRevoking)
-                  handlePopUpOpen("dynamicSecretLeases", secret.id);
-              }}
-              onClick={() => {
-                // no lease view for TOTP because it's irrelevant
-                if (secret.type === DynamicSecretProviders.Totp) {
-                  return;
-                }
-
-                if (!isRevoking) {
-                  handlePopUpOpen("dynamicSecretLeases", secret.id);
-                }
-              }}
-            >
-              <div className="flex w-11 items-center px-5 py-3 text-yellow-700">
-                <FontAwesomeIcon icon={faFingerprint} />
-              </div>
-              <div className="flex flex-grow items-center px-4 py-3" role="button" tabIndex={0}>
-                {secret.name}
-                <Tag className="ml-4 py-0 px-2 text-xs normal-case">
-                  {formatProviderName(secret.type)}
-                </Tag>
-                {Boolean(secret.status) && (
-                  <Tooltip content={secret?.statusDetails || secret.status || ""}>
-                    <FontAwesomeIcon
-                      className={
-                        secret.status === DynamicSecretStatus.Deleting
-                          ? "text-yellow-600"
-                          : "text-red-600"
-                      }
-                      icon={faWarning}
-                    />
-                  </Tooltip>
-                )}
-              </div>
-              <div className="flex items-center space-x-2 px-4 py-2">
-                <ProjectPermissionCan
-                  I={ProjectPermissionDynamicSecretActions.Lease}
-                  a={subject(ProjectPermissionSub.DynamicSecrets, { environment, secretPath })}
-                  renderTooltip
-                  allowedLabel="Edit"
-                >
-                  {(isAllowed) => (
-                    <Button
-                      size="xs"
-                      className="m-0 py-0.5 px-2 opacity-0 group-hover:opacity-100"
-                      isDisabled={isRevoking || !isAllowed}
-                      onClick={(evt) => {
-                        evt.stopPropagation();
-                        handlePopUpOpen("createDynamicSecretLease", secret);
-                      }}
-                    >
-                      Generate
-                    </Button>
-                  )}
-                </ProjectPermissionCan>
-
-                {secret.status === DynamicSecretStatus.FailedDeletion && (
-                  <Tooltip content="This action will remove the secret from internal storage, but it will remain in external systems. Use this option only after you've confirmed that your external leases are handled.">
-                    <Button
-                      size="xs"
-                      className="m-0 py-0.5 px-2"
-                      colorSchema="danger"
-                      isDisabled={isRevoking}
-                      onClick={(evt) => {
-                        evt.stopPropagation();
-                        handlePopUpOpen("deleteDynamicSecret", {
-                          ...secret,
-                          isForced: true
-                        });
-                      }}
-                    >
-                      Force Delete
-                    </Button>
-                  </Tooltip>
-                )}
-              </div>
-              <div className="flex items-center space-x-4 border-l border-mineshaft-600 px-3 py-3">
-                <ProjectPermissionCan
-                  I={ProjectPermissionDynamicSecretActions.EditRootCredential}
-                  a={subject(ProjectPermissionSub.DynamicSecrets, { environment, secretPath })}
-                  renderTooltip
-                  allowedLabel="Edit"
-                >
-                  {(isAllowed) => (
-                    <IconButton
-                      ariaLabel="edit-dynamic-secret"
-                      variant="plain"
-                      size="sm"
-                      className="p-0 opacity-0 group-hover:opacity-100"
-                      onClick={(evt) => {
-                        evt.stopPropagation();
-                        handlePopUpOpen("updateDynamicSecret", secret);
-                      }}
-                      isDisabled={!isAllowed || isRevoking}
-                    >
-                      <FontAwesomeIcon icon={faPencilSquare} size="lg" />
-                    </IconButton>
-                  )}
-                </ProjectPermissionCan>
-                <ProjectPermissionCan
-                  I={ProjectPermissionDynamicSecretActions.DeleteRootCredential}
-                  a={subject(ProjectPermissionSub.DynamicSecrets, { environment, secretPath })}
-                  renderTooltip
-                  allowedLabel="Delete"
-                >
-                  {(isAllowed) => (
-                    <IconButton
-                      ariaLabel="delete-dynamic-secret"
-                      variant="plain"
-                      size="md"
-                      className="p-0 opacity-0 group-hover:opacity-100"
-                      onClick={(evt) => {
-                        evt.stopPropagation();
-                        handlePopUpOpen("deleteDynamicSecret", secret);
-                      }}
-                      isDisabled={!isAllowed || isRevoking}
-                    >
-                      <FontAwesomeIcon icon={faClose} size="lg" />
-                    </IconButton>
-                  )}
-                </ProjectPermissionCan>
-              </div>
-            </div>
-            <ModalContent
-              title="Dynamic secret leases"
-              subTitle="Revoke or renew your secret leases"
-              className="max-w-3xl"
-            >
-              <DynamicSecretLease
-                onClickNewLease={() => handlePopUpOpen("createDynamicSecretLease", secret)}
-                onClose={() => handlePopUpClose("dynamicSecretLeases")}
-                projectSlug={projectSlug}
-                key={secret.id}
-                dynamicSecretName={secret.name}
-                secretPath={secretPath}
-                environment={environment}
-              />
-            </ModalContent>
-          </Modal>
-        );
-      })}
-      <Modal
-        isOpen={popUp.createDynamicSecretLease.isOpen}
-        onOpenChange={(state) => handlePopUpToggle("createDynamicSecretLease", state)}
-      >
-        <ModalContent title="Provision lease">
-          <CreateDynamicSecretLease
-            provider={
-              (popUp.createDynamicSecretLease?.data as { type: DynamicSecretProviders })?.type
-            }
-            onClose={() => handlePopUpClose("createDynamicSecretLease")}
-            projectSlug={projectSlug}
-            dynamicSecretName={(popUp.createDynamicSecretLease?.data as { name: string })?.name}
-            secretPath={secretPath}
-            environment={environment}
-          />
-        </ModalContent>
-      </Modal>
-      <Modal
-        isOpen={popUp.updateDynamicSecret.isOpen}
-        onOpenChange={(state) => handlePopUpToggle("updateDynamicSecret", state)}
-      >
-        <ModalContent title="Edit dynamic secret" className="max-w-3xl">
-          <EditDynamicSecretForm
-            onClose={() => handlePopUpClose("updateDynamicSecret")}
-            projectSlug={projectSlug}
-            dynamicSecretName={(popUp.updateDynamicSecret?.data as TDynamicSecret)?.name}
-            secretPath={secretPath}
-            environment={environment}
-          />
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={popUp.deleteDynamicSecret.isOpen}
-        deleteKey={(popUp.deleteDynamicSecret?.data as TDynamicSecret)?.name}
-        title={
-          (popUp.deleteDynamicSecret?.data as { isForced?: boolean })?.isForced
-            ? "Do you want to force delete this dynamic secret?"
-            : "Do you want to delete this dynamic secret?"
-        }
-        onChange={(isOpen) => handlePopUpToggle("deleteDynamicSecret", isOpen)}
-        onDeleteApproved={handleDynamicSecretDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAwsElastiCacheProviderForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAwsElastiCacheProviderForm.tsx
deleted file mode 100644
index 5635dd18e..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAwsElastiCacheProviderForm.tsx
+++ /dev/null
@@ -1,319 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      clusterName: z.string().trim().min(1),
-      accessKeyId: z.string().trim().min(1),
-      secretAccessKey: z.string().trim().min(1),
-
-      region: z.string().trim(),
-      creationStatement: z.string().trim(),
-      revocationStatement: z.string().trim(),
-      ca: z.string().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretAwsElastiCacheProviderForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-            Configuration
-          </div>
-          <div className="flex flex-col">
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.clusterName"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Cluster name"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="redis-oss-cluster" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                defaultValue=""
-                name="inputs.region"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Region"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input placeholder="us-east-1" {...field} type="text" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="flex w-full items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.accessKeyId"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Access Key ID"
-                    className="w-full"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} autoComplete="off" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.secretAccessKey"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Access Key"
-                    className="w-full"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="password" autoComplete="new-password" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div>
-              <Controller
-                control={control}
-                name="inputs.ca"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    isOptional
-                    label="CA(SSL)"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      {...field}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-              <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                <AccordionItem value="advance-statements">
-                  <AccordionTrigger>Modify ElastiCache Statements</AccordionTrigger>
-                  <AccordionContent>
-                    <Controller
-                      control={control}
-                      name="inputs.creationStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Creation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username, password and expiration are dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.revocationStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Revocation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username is dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAwsIamForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAwsIamForm.tsx
deleted file mode 100644
index f24fb7f3d..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAwsIamForm.tsx
+++ /dev/null
@@ -1,313 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, TextArea } from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      accessKey: z.string().trim().min(1),
-      secretAccessKey: z.string().trim().min(1),
-      region: z.string().trim().min(1),
-      awsPath: z.string().trim().optional(),
-      permissionBoundaryPolicyArn: z.string().trim().optional(),
-      policyDocument: z.string().trim().optional(),
-      userGroups: z.string().trim().optional(),
-      policyArns: z.string().trim().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretAwsIamForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 border-b border-b-mineshaft-600 pb-2">Configuration</div>
-          <div className="flex flex-col">
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.accessKey"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS Access Key"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.secretAccessKey"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS Secret Key"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="password" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.awsPath"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS IAM Path"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.region"
-                defaultValue="us-east-1"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="AWS Region"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <Controller
-              control={control}
-              name="inputs.userGroups"
-              defaultValue=""
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="AWS IAM Groups"
-                  isError={Boolean(error?.message)}
-                  isOptional
-                  errorText={error?.message}
-                  helperText="Generated users will get attached to given groups."
-                >
-                  <Input {...field} placeholder="group1,group2" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="inputs.permissionBoundaryPolicyArn"
-              defaultValue=""
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="IAM User Permission Boundary ARN"
-                  isError={Boolean(error?.message)}
-                  isOptional
-                  errorText={error?.message}
-                  helperText="ARN to be attached to the generated user for AWS Permission Boundary."
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="inputs.policyArns"
-              defaultValue="datacenter1"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="AWS Policy ARNs"
-                  isError={Boolean(error?.message)}
-                  isOptional
-                  errorText={error?.message}
-                  helperText="Generated users will get attached to given policy arns."
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="inputs.policyDocument"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="AWS IAM Policy Document"
-                  isOptional
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                  helperText="Generated users will have the inline policy."
-                >
-                  <TextArea
-                    {...field}
-                    reSize="none"
-                    rows={3}
-                    className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                  />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAzureEntraIdForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAzureEntraIdForm.tsx
deleted file mode 100644
index 31ac7b5c2..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretAzureEntraIdForm.tsx
+++ /dev/null
@@ -1,283 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z.object({
-    email: z.string(),
-    userId: z.string(),
-    tenantId: z.string(),
-    applicationId: z.string(),
-    clientSecret: z.string()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretAzureEntraIdForm = ({
-  onClose,
-  dynamicSecret,
-  secretPath,
-  environment,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }    
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ maxTTL, defaultTTL, newName, inputs }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          newName: newName === dynamicSecret.name ? undefined : newName,
-          inputs
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-        </div>
-        <div className="flex items-center space-x-2">
-        <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="inputs.email"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Email"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      value={field.value}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-        </div>
-        <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="inputs.userId"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="User ID"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      isReadOnly
-                      value={field.value}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-        </div>
-        </div>
-        <div className="flex items-center space-x-2">
-        <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="inputs.tenantId"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Tenant ID"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      isReadOnly
-                      value={field.value}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-          />
-          </div>
-          <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="inputs.applicationId"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Application ID"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      {...field}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-        </div>
-        <div className="flex items-center space-x-2">
-        <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="inputs.clientSecret"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Client Secret"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      {...field}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-      <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
\ No newline at end of file
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretCassandraForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretCassandraForm.tsx
deleted file mode 100644
index 9f0d4a20b..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretCassandraForm.tsx
+++ /dev/null
@@ -1,374 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      host: z.string().toLowerCase().min(1),
-      port: z.coerce.number(),
-      keyspace: z.string().optional(),
-      localDataCenter: z.string().min(1),
-      username: z.string().min(1),
-      password: z.string().min(1),
-      creationStatement: z.string().min(1),
-      revocationStatement: z.string().min(1),
-      renewStatement: z.string().optional(),
-      ca: z.string().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretCassandraForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 border-b border-b-mineshaft-600 pb-2">Configuration</div>
-          <div className="flex flex-col">
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.host"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Host"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.port"
-                defaultValue={9042}
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Port"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input
-                      {...field}
-                      type="number"
-                      onChange={(el) => field.onChange(parseInt(el.target.value, 10))}
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <Controller
-              control={control}
-              name="inputs.localDataCenter"
-              defaultValue="datacenter1"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Local Data Center"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.username"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="User"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} autoComplete="off" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.password"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Password"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="password" autoComplete="new-password" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.keyspace"
-                defaultValue="default"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Keyspace"
-                    isOptional
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div>
-              <Controller
-                control={control}
-                name="inputs.ca"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    isOptional
-                    label="CA(SSL)"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      {...field}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-              <Accordion type="multiple" className="w-full bg-mineshaft-700">
-                <AccordionItem value="modify-sql-statement">
-                  <AccordionTrigger>Modify CQL Statements</AccordionTrigger>
-                  <AccordionContent>
-                    <Controller
-                      control={control}
-                      name="inputs.creationStatement"
-                      defaultValue={
-                        "CREATE ROLE '{{username}}' WITH PASSWORD '{{password}}' AND LOGIN=true;\nGRANT ALL PERMISSIONS ON ALL KEYSPACES TO '{{username}}';"
-                      }
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Creation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="variables: keyspace. username, password and expiration are dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.revocationStatement"
-                      defaultValue='DROP ROLE "{{username}}";'
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Revocation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="variables: keyspace, username is dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.renewStatement"
-                      defaultValue=""
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Renew Statement"
-                          helperText="variables: keyspace, username and expiration are dynamically provisioned"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretElasticSearchForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretElasticSearchForm.tsx
deleted file mode 100644
index 4e1d3b1f3..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretElasticSearchForm.tsx
+++ /dev/null
@@ -1,429 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  SecretInput,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const authMethods = [
-  {
-    label: "Username/Password",
-    value: "user"
-  },
-  {
-    label: "API Key",
-    value: "api-key"
-  }
-] as const;
-
-const formSchema = z.object({
-  inputs: z.object({
-    host: z.string().trim().min(1),
-    port: z.coerce.number(),
-
-    // two auth types "user, apikey"
-    auth: z.discriminatedUnion("type", [
-      z.object({
-        type: z.literal("user"),
-        username: z.string().trim(),
-        password: z.string().trim()
-      }),
-      z.object({
-        type: z.literal("api-key"),
-        apiKey: z.string().trim(),
-        apiKeyId: z.string().trim()
-      })
-    ]),
-
-    roles: z.array(z.string().trim().min(1)).min(1, "At least one role is required"),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretElasticSearchForm = ({
-  onClose,
-  dynamicSecret,
-  secretPath,
-  environment,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit,
-    setValue,
-    watch
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  const selectedAuthType = watch("inputs.auth.type");
-  const selectedRoles = watch("inputs.roles");
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.port"
-                  defaultValue={443}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div className="flex w-full items-center gap-2">
-                <Controller
-                  control={control}
-                  name="inputs.auth.type"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Authentication Method"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                      className="w-full"
-                    >
-                      <Select
-                        defaultValue={field.value}
-                        {...field}
-                        className="w-full"
-                        onValueChange={(e) => {
-                          const authFields = [
-                            "inputs.auth.username",
-                            "inputs.auth.password",
-                            "inputs.auth.apiKey",
-                            "inputs.auth.apiKeyId"
-                          ] as const;
-
-                          authFields.forEach((f) => {
-                            setValue(f, "");
-                          });
-
-                          field.onChange(e);
-                        }}
-                      >
-                        {authMethods.map((authType) => (
-                          <SelectItem value={authType.value} key={`auth-method-${authType.value}`}>
-                            {authType.label}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name={
-                    selectedAuthType === "user" ? "inputs.auth.username" : "inputs.auth.apiKeyId"
-                  }
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label={selectedAuthType === "user" ? "Username" : "API Key ID"}
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name={selectedAuthType === "user" ? "inputs.auth.password" : "inputs.auth.apiKey"}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label={selectedAuthType === "user" ? "Password" : "API Key"}
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div className="relative mb-3 flex flex-col">
-                <FormLabel
-                  label="Roles"
-                  tooltipText={
-                    <div className="space-y-4">
-                      <p>Select which role(s) to assign the users provisioned by Infisical.</p>
-                      <p>
-                        There is a wide range of in-built roles in Elastic Search. Some include,
-                        superuser, apm_user, kibana_admin, monitoring_user, and many more. You can{" "}
-                        <Link
-                          passHref
-                          href="https://www.elastic.co/guide/en/elasticsearch/reference/current/built-in-roles.html"
-                        >
-                          <a target="_blank" rel="noopener noreferrer">
-                            <span className="cursor-pointer text-primary-400">
-                              read more about roles here
-                            </span>
-                          </a>
-                        </Link>
-                        .
-                      </p>
-                      <p>
-                        You can also assign custom roles by providing the name of the custom role in
-                        the input field.
-                      </p>
-                    </div>
-                  }
-                />
-                {selectedRoles.map((_, i) => (
-                  <Controller
-                    control={control}
-                    name={`inputs.roles.${i}`}
-                    // eslint-disable-next-line react/no-array-index-key
-                    key={`role-${i}`}
-                    render={({ field, fieldState: { error } }) => (
-                      <div className="flex items-center gap-2">
-                        <div className="flex-grow">
-                          <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-                            <Input
-                              placeholder="Insert role name, (superuser, kibana_admin, custom_role)"
-                              className="mb-0 flex-grow"
-                              {...field}
-                            />
-                          </FormControl>
-                        </div>
-
-                        <IconButton
-                          isDisabled={selectedRoles.length === 1}
-                          ariaLabel="delete key"
-                          className="bottom-2 h-9"
-                          variant="outline_bg"
-                          onClick={() => {
-                            if (selectedRoles && selectedRoles?.length > 1) {
-                              setValue(
-                                "inputs.roles",
-                                selectedRoles.filter((__, idx) => idx !== i)
-                              );
-                            }
-                          }}
-                        >
-                          <FontAwesomeIcon icon={faTrash} />
-                        </IconButton>
-                      </div>
-                    )}
-                  />
-                ))}
-
-                <div>
-                  <Button
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                    size="xs"
-                    className="bottom-2"
-                    variant="outline_bg"
-                    onClick={() => {
-                      setValue("inputs.roles", [...selectedRoles, ""]);
-                    }}
-                  >
-                    Add Role
-                  </Button>
-                </div>
-              </div>
-
-              <div>
-                <Controller
-                  control={control}
-                  name="inputs.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA (SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretForm.tsx
deleted file mode 100644
index 04373d50e..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretForm.tsx
+++ /dev/null
@@ -1,317 +0,0 @@
-import { AnimatePresence, motion } from "framer-motion";
-
-import { Spinner } from "@app/components/v2";
-import { useGetDynamicSecretDetails } from "@app/hooks/api";
-import { DynamicSecretProviders } from "@app/hooks/api/dynamicSecret/types";
-
-import { EditDynamicSecretAwsElastiCacheProviderForm } from "./EditDynamicSecretAwsElastiCacheProviderForm";
-import { EditDynamicSecretAwsIamForm } from "./EditDynamicSecretAwsIamForm";
-import { EditDynamicSecretAzureEntraIdForm } from "./EditDynamicSecretAzureEntraIdForm";
-import { EditDynamicSecretCassandraForm } from "./EditDynamicSecretCassandraForm";
-import { EditDynamicSecretElasticSearchForm } from "./EditDynamicSecretElasticSearchForm";
-import { EditDynamicSecretLdapForm } from "./EditDynamicSecretLdapForm";
-import { EditDynamicSecretMongoAtlasForm } from "./EditDynamicSecretMongoAtlasForm";
-import { EditDynamicSecretMongoDBForm } from "./EditDynamicSecretMongoDBForm";
-import { EditDynamicSecretRabbitMqForm } from "./EditDynamicSecretRabbitMqForm";
-import { EditDynamicSecretRedisProviderForm } from "./EditDynamicSecretRedisProviderForm";
-import { EditDynamicSecretSapAseForm } from "./EditDynamicSecretSapAseForm";
-import { EditDynamicSecretSapHanaForm } from "./EditDynamicSecretSapHanaForm";
-import { EditDynamicSecretSnowflakeForm } from "./EditDynamicSecretSnowflakeForm";
-import { EditDynamicSecretSqlProviderForm } from "./EditDynamicSecretSqlProviderForm";
-import { EditDynamicSecretTotpForm } from "./EditDynamicSecretTotpForm";
-
-type Props = {
-  onClose: () => void;
-  dynamicSecretName: string;
-  projectSlug: string;
-  environment: string;
-  secretPath: string;
-};
-
-export const EditDynamicSecretForm = ({
-  dynamicSecretName,
-  environment,
-  projectSlug,
-  onClose,
-  secretPath
-}: Props) => {
-  const { data: dynamicSecretDetails, isLoading: isDynamicSecretLoading } =
-    useGetDynamicSecretDetails({
-      projectSlug,
-      environmentSlug: environment,
-      name: dynamicSecretName,
-      path: secretPath
-    });
-
-  if (isDynamicSecretLoading) {
-    return (
-      <div className="flex w-full items-center justify-center p-8">
-        <Spinner />
-      </div>
-    );
-  }
-
-  return (
-    <AnimatePresence exitBeforeEnter>
-      {dynamicSecretDetails?.type === DynamicSecretProviders.SqlDatabase && (
-        <motion.div
-          key="sqldatabase-provider-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretSqlProviderForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.Cassandra && (
-        <motion.div
-          key="cassandra-provider-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretCassandraForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.AwsIam && (
-        <motion.div
-          key="aws-iam-provider-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretAwsIamForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.Redis && (
-        <motion.div
-          key="redis-provider-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretRedisProviderForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.AwsElastiCache && (
-        <motion.div
-          key="redis-provider-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretAwsElastiCacheProviderForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.MongoAtlas && (
-        <motion.div
-          key="mongo-atlas-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretMongoAtlasForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-
-      {dynamicSecretDetails?.type === DynamicSecretProviders.ElasticSearch && (
-        <motion.div
-          key="elastic-search-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretElasticSearchForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.MongoDB && (
-        <motion.div
-          key="mongodb-search-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretMongoDBForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-
-      {dynamicSecretDetails?.type === DynamicSecretProviders.RabbitMq && (
-        <motion.div
-          key="rabbit-mq-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretRabbitMqForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-
-      {dynamicSecretDetails?.type === DynamicSecretProviders.AzureEntraId && (
-        <motion.div
-          key="azure-entra-id-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretAzureEntraIdForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-
-      {dynamicSecretDetails?.type === DynamicSecretProviders.Ldap && (
-        <motion.div
-          key="ldap-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretLdapForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.SapHana && (
-        <motion.div
-          key="sap-hana-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretSapHanaForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.SapAse && (
-        <motion.div
-          key="sap-ase-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretSapAseForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.Snowflake && (
-        <motion.div
-          key="snowflake-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretSnowflakeForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-      {dynamicSecretDetails?.type === DynamicSecretProviders.Totp && (
-        <motion.div
-          key="totp-edit"
-          transition={{ duration: 0.1 }}
-          initial={{ opacity: 0, translateX: 30 }}
-          animate={{ opacity: 1, translateX: 0 }}
-          exit={{ opacity: 0, translateX: -30 }}
-        >
-          <EditDynamicSecretTotpForm
-            onClose={onClose}
-            projectSlug={projectSlug}
-            secretPath={secretPath}
-            dynamicSecret={dynamicSecretDetails}
-            environment={environment}
-          />
-        </motion.div>
-      )}
-    </AnimatePresence>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretLdapForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretLdapForm.tsx
deleted file mode 100644
index 0cbad664a..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretLdapForm.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Select, SelectItem, TextArea } from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-enum CredentialType {
-  Dynamic = "dynamic",
-  Static = "static"
-}
-
-const credentialTypes = [
-  {
-    label: "Dynamic",
-    value: CredentialType.Dynamic
-  },
-  {
-    label: "Static",
-    value: CredentialType.Static
-  }
-] as const;
-
-const formSchema = z.object({
-  inputs: z.discriminatedUnion("credentialType", [
-    z.object({
-      url: z.string().trim().min(1),
-      binddn: z.string().trim().min(1),
-      bindpass: z.string().trim().min(1),
-      ca: z.string().optional(),
-      credentialType: z.literal(CredentialType.Dynamic),
-      creationLdif: z.string().min(1),
-      revocationLdif: z.string().min(1),
-      rollbackLdif: z.string().optional()
-    }),
-    z.object({
-      url: z.string().trim().min(1),
-      binddn: z.string().trim().min(1),
-      bindpass: z.string().trim().min(1),
-      ca: z.string().optional(),
-      credentialType: z.literal(CredentialType.Static),
-      rotationLdif: z.string().min(1)
-    })
-  ]),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretLdapForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit,
-    watch,
-    setValue
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-  const selectedCredentialType = watch("inputs.credentialType");
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div className="mt-4">
-          <Controller
-            control={control}
-            name="inputs.url"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="URL" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="inputs.binddn"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Bind DN" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="inputs.bindpass"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Bind Password"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} type="password" />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="inputs.ca"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="CA" isError={Boolean(error)} errorText={error?.message}>
-                <TextArea {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="inputs.credentialType"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Credential Type"
-                isError={Boolean(error?.message)}
-                errorText={error?.message}
-                className="w-full"
-              >
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  className="w-full"
-                  onValueChange={(e) => {
-                    const ldifFields = [
-                      "inputs.creationLdif",
-                      "inputs.revocationLdif",
-                      "inputs.rollbackLdif",
-                      "inputs.rotationLdif"
-                    ] as const;
-
-                    ldifFields.forEach((f) => {
-                      setValue(f, "");
-                    });
-
-                    field.onChange(e);
-                  }}
-                >
-                  {credentialTypes.map((credentialType) => (
-                    <SelectItem
-                      value={credentialType.value}
-                      key={`credential-type-${credentialType.value}`}
-                    >
-                      {credentialType.label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          {selectedCredentialType === CredentialType.Dynamic && (
-            <>
-              <Controller
-                control={control}
-                name="inputs.creationLdif"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Creation LDIF"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <TextArea {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.revocationLdif"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Revocation LDIF"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <TextArea {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.rollbackLdif"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Rollback LDIF"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <TextArea {...field} />
-                  </FormControl>
-                )}
-              />
-            </>
-          )}
-          {selectedCredentialType === CredentialType.Static && (
-            <Controller
-              control={control}
-              name="inputs.rotationLdif"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Rotation LDIF"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <TextArea {...field} />
-                </FormControl>
-              )}
-            />
-          )}
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretMongoAtlasForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretMongoAtlasForm.tsx
deleted file mode 100644
index d5daf34a9..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretMongoAtlasForm.tsx
+++ /dev/null
@@ -1,466 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      adminPublicKey: z.string().trim().min(1),
-      adminPrivateKey: z.string().trim().min(1),
-      groupId: z.string().trim().min(1),
-      roles: z
-        .object({
-          collectionName: z.string().optional(),
-          databaseName: z.string().min(1),
-          roleName: z.string().min(1)
-        })
-        .array()
-        .min(1),
-      scopes: z
-        .object({
-          name: z.string().min(1),
-          type: z.string().min(1)
-        })
-        .array()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-const ATLAS_SCOPE_TYPES = [
-  {
-    label: "Cluster",
-    value: "CLUSTER"
-  },
-  {
-    label: "Data Lake",
-    value: "DATA_LAKE"
-  },
-  {
-    label: "Stream",
-    value: "STREAM"
-  }
-];
-
-export const EditDynamicSecretMongoAtlasForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    getValues,
-    setValue,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const roleFields = useFieldArray({
-    control,
-    name: "inputs.roles"
-  });
-
-  const scopeFields = useFieldArray({
-    control,
-    name: "inputs.scopes"
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-            Configuration
-          </div>
-          <div className="flex flex-col">
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.adminPublicKey"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Admin Public Key"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.adminPrivateKey"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Admin Private Key"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="password" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <Controller
-              control={control}
-              name="inputs.groupId"
-              defaultValue=""
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Group/Project ID"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                  helperText="Unique 24-hexadecimal digit string that identifies your project"
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-            <FormLabel label="Roles" />
-            <div className="mb-3 flex flex-col space-y-2">
-              {roleFields.fields.map(({ id: roleFieldId }, i) => (
-                <div key={roleFieldId} className="flex items-end space-x-2">
-                  <div className="flex-grow">
-                    {i === 0 && <span className="text-xs text-mineshaft-400">Database Name</span>}
-                    <Controller
-                      control={control}
-                      name={`inputs.roles.${i}.databaseName`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          className="mb-0"
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                  <div className="flex-grow">
-                    {i === 0 && (
-                      <FormLabel
-                        label="Collection Name"
-                        className="text-xs text-mineshaft-400"
-                        isOptional
-                      />
-                    )}
-                    <Controller
-                      control={control}
-                      name={`inputs.roles.${i}.collectionName`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          className="mb-0"
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                  <div className="flex-grow">
-                    {i === 0 && (
-                      <FormLabel
-                        label="Role"
-                        className="text-xs text-mineshaft-400"
-                        tooltipClassName="max-w-md whitespace-pre-line"
-                        tooltipText={`Human-readable label that identifies a group of privileges assigned to a database user. This value can either be a built-in role or a custom role. 
-														Built-in: atlasAdmin, backup, clusterMonitor, dbAdmin, dbAdminAnyDatabase, enableSharding, read, readAnyDatabase, readWrite, readWriteAnyDatabase.`}
-                      />
-                    )}
-                    <Controller
-                      control={control}
-                      name={`inputs.roles.${i}.roleName`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          className="mb-0 flex-grow"
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                  <IconButton
-                    ariaLabel="delete key"
-                    className="bottom-0.5 h-9"
-                    variant="outline_bg"
-                    onClick={() => {
-                      const roles = getValues("inputs.roles");
-                      if (roles && roles?.length > 1) {
-                        roleFields.remove(i);
-                      } else {
-                        setValue("inputs.roles", [{ databaseName: "", roleName: "" }]);
-                      }
-                    }}
-                  >
-                    <FontAwesomeIcon icon={faTrash} />
-                  </IconButton>
-                </div>
-              ))}
-              <div>
-                <Button
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  size="xs"
-                  variant="outline_bg"
-                  onClick={() => roleFields.append({ databaseName: "", roleName: "" })}
-                >
-                  Add Role
-                </Button>
-              </div>
-            </div>
-            <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-              <AccordionItem value="advance-section">
-                <AccordionTrigger>Advanced</AccordionTrigger>
-                <AccordionContent>
-                  <FormLabel
-                    label="Scopes"
-                    isOptional
-                    className="mb-2"
-                    tooltipClassName="max-w-md whitespace-pre-line"
-                    tooltipText="List that contains clusters, MongoDB Atlas Data Lakes, and MongoDB Atlas Streams Instances that this database user can access. If omitted, MongoDB Cloud grants the database user access to all the clusters, MongoDB Atlas Data Lakes, and MongoDB Atlas Streams Instances in the project."
-                  />
-                  <div className="mb-2 flex flex-col space-y-2">
-                    {scopeFields.fields.map(({ id: scopeFieldId }, i) => (
-                      <div key={scopeFieldId} className="flex items-end space-x-2">
-                        <div className="flex-grow">
-                          {i === 0 && (
-                            <FormLabel
-                              label="Label"
-                              className="text-xs text-mineshaft-400"
-                              tooltipClassName="max-w-md whitespace-pre-line"
-                              tooltipText="Human-readable label that identifies the cluster or MongoDB Atlas Data Lake that this database user can access."
-                            />
-                          )}
-                          <Controller
-                            control={control}
-                            name={`inputs.scopes.${i}.name`}
-                            render={({ field, fieldState: { error } }) => (
-                              <FormControl
-                                isError={Boolean(error?.message)}
-                                errorText={error?.message}
-                                className="mb-0 flex-grow"
-                              >
-                                <Input {...field} placeholder="Cluster or data lake id" />
-                              </FormControl>
-                            )}
-                          />
-                        </div>
-                        <div className="flex-grow">
-                          {i === 0 && <span className="text-xs text-mineshaft-400">Type</span>}
-                          <Controller
-                            control={control}
-                            name={`inputs.scopes.${i}.type`}
-                            render={({ field, fieldState: { error } }) => (
-                              <FormControl
-                                isError={Boolean(error?.message)}
-                                errorText={error?.message}
-                                className="mb-0 flex-grow"
-                              >
-                                <Select
-                                  defaultValue={field.value}
-                                  {...field}
-                                  onValueChange={(e) => field.onChange(e)}
-                                  className="w-full"
-                                >
-                                  {ATLAS_SCOPE_TYPES.map((el) => (
-                                    <SelectItem value={el.value} key={`atlas-scope-${el.value}`}>
-                                      {el.label}
-                                    </SelectItem>
-                                  ))}
-                                </Select>
-                              </FormControl>
-                            )}
-                          />
-                        </div>
-                        <IconButton
-                          ariaLabel="delete key"
-                          className="bottom-0.5 h-9"
-                          variant="outline_bg"
-                          onClick={() => {
-                            scopeFields.remove(i);
-                          }}
-                        >
-                          <FontAwesomeIcon icon={faTrash} />
-                        </IconButton>
-                      </div>
-                    ))}
-                    <div>
-                      <Button
-                        leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                        size="xs"
-                        variant="outline_bg"
-                        onClick={() =>
-                          scopeFields.append({ name: "", type: ATLAS_SCOPE_TYPES[0].value })
-                        }
-                      >
-                        Add Scope
-                      </Button>
-                    </div>
-                  </div>
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretMongoDBForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretMongoDBForm.tsx
deleted file mode 100644
index 2c160fd17..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretMongoDBForm.tsx
+++ /dev/null
@@ -1,349 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, FormLabel, IconButton, Input, SecretInput } from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      host: z.string().toLowerCase().min(1),
-      port: z.coerce.number().optional(),
-      database: z.string().min(1),
-      username: z.string().min(1),
-      password: z.string().min(1),
-      ca: z.string().optional(),
-      roles: z
-        .object({
-          roleName: z.string().min(1)
-        })
-        .array()
-        .min(1)
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretMongoDBForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    getValues,
-    setValue,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"]),
-        roles: (dynamicSecret.inputs as { roles: string[] }).roles?.map((roleName) => ({
-          roleName
-        }))
-      }
-    }
-  });
-
-  const roleFields = useFieldArray({
-    control,
-    name: "inputs.roles"
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs: {
-            ...inputs,
-            port: inputs?.port ? inputs.port : undefined,
-            roles: inputs?.roles?.map((el) => el.roleName)
-          },
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-            Configuration
-          </div>
-          <div className="flex flex-col">
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.host"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Host"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.port"
-                defaultValue={27017}
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Port"
-                    isOptional
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="number" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.username"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="User"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} autoComplete="off" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.password"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Password"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="password" autoComplete="new-password" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.database"
-                defaultValue="default"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Database Name"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <FormLabel
-              label="Roles"
-              tooltipClassName="max-w-md whitespace-pre-line"
-              tooltipText={`Human-readable label that identifies a group of privileges assigned to a database user. This value can either be a built-in role or a custom role. 
-														Built-in: atlasAdmin, backup, clusterMonitor, dbAdmin, dbAdminAnyDatabase, enableSharding, read, readAnyDatabase, readWrite, readWriteAnyDatabase.`}
-            />
-            <div className="mb-3 mt-1 flex flex-col space-y-2">
-              {roleFields.fields.map(({ id: roleFieldId }, i) => (
-                <div key={roleFieldId} className="flex items-end space-x-2">
-                  <div className="flex-grow">
-                    <Controller
-                      control={control}
-                      name={`inputs.roles.${i}.roleName`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          className="mb-0 flex-grow"
-                        >
-                          <Input {...field} />
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                  <IconButton
-                    ariaLabel="delete key"
-                    className="bottom-0.5 h-9"
-                    variant="outline_bg"
-                    onClick={() => {
-                      const roles = getValues("inputs.roles");
-                      if (roles && roles?.length > 1) {
-                        roleFields.remove(i);
-                      } else {
-                        setValue("inputs.roles", [{ roleName: "" }]);
-                      }
-                    }}
-                  >
-                    <FontAwesomeIcon icon={faTrash} />
-                  </IconButton>
-                </div>
-              ))}
-              <div>
-                <Button
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  size="xs"
-                  variant="outline_bg"
-                  onClick={() => roleFields.append({ roleName: "" })}
-                >
-                  Add Role
-                </Button>
-              </div>
-            </div>
-            <div>
-              <Controller
-                control={control}
-                name="inputs.ca"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    isOptional
-                    label="CA(SSL)"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      {...field}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretRabbitMqForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretRabbitMqForm.tsx
deleted file mode 100644
index a28c257b0..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretRabbitMqForm.tsx
+++ /dev/null
@@ -1,421 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, FormLabel, IconButton, Input, SecretInput } from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z.object({
-    host: z.string().trim().min(1),
-    port: z.coerce.number(), // important: this is the management plugin port
-
-    username: z.string(),
-    password: z.string(),
-
-    tags: z.array(z.string().trim()),
-    virtualHost: z.object({
-      name: z.string().trim().min(1),
-      permissions: z.object({
-        read: z.string().trim().min(1),
-        write: z.string().trim().min(1),
-        configure: z.string().trim().min(1)
-      })
-    }),
-    ca: z.string().optional()
-  }),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  newName: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-export const EditDynamicSecretRabbitMqForm = ({
-  onClose,
-  dynamicSecret,
-  secretPath,
-  environment,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit,
-    setValue,
-    watch
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  const selectedTags = watch("inputs.tags");
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input placeholder="https://your-rabbitmq-host.com" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.port"
-                  defaultValue={443}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      tooltipText="The port on which the RabbitMQ management plugin is running. Default is 15672."
-                      label="Management Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div className="flex w-full items-center gap-2">
-                <Controller
-                  control={control}
-                  name="inputs.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Username"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      className="w-full"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <div>
-                <FormLabel label="Virtual Host" className="mb-2" />
-                <div className="mt-2 flex items-center justify-evenly gap-2">
-                  <Controller
-                    control={control}
-                    name="inputs.virtualHost.name"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Name"
-                        tooltipText="The virtual host to which the user will be assigned. Default is /."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder="/virtual-host" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-
-                  <Controller
-                    control={control}
-                    name="inputs.virtualHost.permissions.read"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Read Permissions"
-                        tooltipText="A regular expression matching resource names for which the user is granted read permissions."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder=".*" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="inputs.virtualHost.permissions.write"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Write Permissions"
-                        tooltipText="A regular expression matching resource names for which the user is granted write permissions."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder=".*" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="inputs.virtualHost.permissions.configure"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Configure Permissions"
-                        tooltipText="A regular expression matching resource names for which the user is granted configure permissions."
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input placeholder=".*" {...field} autoComplete="off" />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-              </div>
-
-              <div className="flex flex-col">
-                <FormLabel
-                  isOptional
-                  className="mb-2"
-                  label="Tags"
-                  tooltipText={
-                    <div className="space-y-4">
-                      <p>Select which tag(s) to assign the users provisioned by Infisical.</p>
-                      <p>
-                        There is a wide range of in-built roles in RabbitMQ. Some include,
-                        management, policymaker, monitoring, administrator. <br />
-                        <Link passHref href="https://www.rabbitmq.com/docs/management#permissions">
-                          <a target="_blank" rel="noopener noreferrer">
-                            <span className="cursor-pointer text-primary-400">
-                              Read more about management tags here
-                            </span>
-                          </a>
-                        </Link>
-                        .
-                      </p>
-                      <p>
-                        You can also assign custom roles by providing the name of the custom role in
-                        the input field.
-                      </p>
-                    </div>
-                  }
-                />
-                <div className="flex flex-col -space-y-2">
-                  {selectedTags.map((_, i) => (
-                    <Controller
-                      control={control}
-                      name={`inputs.tags.${i}`}
-                      // eslint-disable-next-line react/no-array-index-key
-                      key={`role-${i}`}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-                          <div className="flex h-9 items-center gap-2">
-                            <Input
-                              placeholder="Insert tag name, (management, policymaker, etc.)"
-                              className="mb-0 flex-grow"
-                              {...field}
-                            />
-                            <IconButton
-                              isDisabled={selectedTags.length === 1}
-                              ariaLabel="delete key"
-                              className="h-9"
-                              variant="outline_bg"
-                              onClick={() => {
-                                if (selectedTags && selectedTags?.length > 1) {
-                                  setValue(
-                                    "inputs.tags",
-                                    selectedTags.filter((__, idx) => idx !== i)
-                                  );
-                                }
-                              }}
-                            >
-                              <FontAwesomeIcon icon={faTrash} />
-                            </IconButton>
-                          </div>
-                        </FormControl>
-                      )}
-                    />
-                  ))}
-                </div>
-              </div>
-              <div>
-                <Button
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  size="xs"
-                  className="mb-4"
-                  variant="outline_bg"
-                  onClick={() => {
-                    setValue("inputs.tags", [...selectedTags, ""]);
-                  }}
-                >
-                  Add Tag
-                </Button>
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="inputs.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA (SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretRedisProviderForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretRedisProviderForm.tsx
deleted file mode 100644
index febacee89..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretRedisProviderForm.tsx
+++ /dev/null
@@ -1,338 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      host: z.string().toLowerCase().min(1),
-      port: z.coerce.number(),
-      username: z.string().min(1),
-      password: z.string().min(1).optional(),
-
-      creationStatement: z.string().min(1),
-      renewStatement: z.string().optional(),
-      revocationStatement: z.string().min(1),
-      ca: z.string().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretRedisProviderForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-            Configuration
-          </div>
-          <div className="flex flex-col">
-            <Controller
-              control={control}
-              name="inputs.host"
-              defaultValue=""
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Host"
-                  className="flex-grow"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="inputs.port"
-              defaultValue={6379}
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Port"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} type="number" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="flex space-x-2">
-            <Controller
-              control={control}
-              name="inputs.username"
-              defaultValue=""
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Username"
-                  className="w-full"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} autoComplete="off" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="inputs.password"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  className="w-full"
-                  tooltipText="Required if your Redis server is password protected."
-                  label="Username"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} type="password" autoComplete="new-password" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div>
-            <Controller
-              control={control}
-              name="inputs.ca"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  isOptional
-                  label="CA(SSL)"
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <SecretInput
-                    {...field}
-                    containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                  />
-                </FormControl>
-              )}
-            />
-            <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-              <AccordionItem value="advance-statements">
-                <AccordionTrigger>Modify Redis Statements</AccordionTrigger>
-                <AccordionContent>
-                  <Controller
-                    control={control}
-                    name="inputs.creationStatement"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Creation Statement"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        helperText="username, password and expiration are dynamically provisioned"
-                      >
-                        <TextArea
-                          {...field}
-                          reSize="none"
-                          rows={3}
-                          className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                        />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="inputs.revocationStatement"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Revocation Statement"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        helperText="username is dynamically provisioned"
-                      >
-                        <TextArea
-                          {...field}
-                          reSize="none"
-                          rows={3}
-                          className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                        />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="inputs.renewStatement"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Renew Statement"
-                        helperText="username and expiration are dynamically provisioned"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <TextArea
-                          {...field}
-                          reSize="none"
-                          rows={3}
-                          className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                        />
-                      </FormControl>
-                    )}
-                  />
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSapAseForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSapAseForm.tsx
deleted file mode 100644
index 321d5fdf7..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSapAseForm.tsx
+++ /dev/null
@@ -1,331 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      host: z.string().toLowerCase().min(1),
-      port: z.coerce.number(),
-      database: z.string().min(1),
-      username: z.string().min(1),
-      password: z.string().min(1),
-      creationStatement: z.string().min(1),
-      revocationStatement: z.string().min(1),
-      ca: z.string().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  newName: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const EditDynamicSecretSapAseForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.host"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.port"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.database"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Database"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="text" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex w-full items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      className="w-full"
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      className="w-full"
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="inputs.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="inputs.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username and password are dynamically provisioned. The sp_addlogin statement is automatically called against the master database. All other statements are called against the database you specify."
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="inputs.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned. The sp_droplogin statement is automatically called against the master database. All other statements are called against the database you specify."
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSapHanaForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSapHanaForm.tsx
deleted file mode 100644
index a660edebb..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSapHanaForm.tsx
+++ /dev/null
@@ -1,337 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      host: z.string().toLowerCase().min(1),
-      port: z.coerce.number(),
-      username: z.string().min(1),
-      password: z.string().min(1),
-      creationStatement: z.string().min(1),
-      revocationStatement: z.string().min(1),
-      renewStatement: z.string().optional(),
-      ca: z.string().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  newName: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const EditDynamicSecretSapHanaForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.host"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Host"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.port"
-                  defaultValue={443}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Port"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="number" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="inputs.ca"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      isOptional
-                      label="CA(SSL)"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <SecretInput
-                        {...field}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                  <AccordionItem value="advance-statements">
-                    <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                    <AccordionContent>
-                      <Controller
-                        control={control}
-                        name="inputs.creationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Creation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username, password and expiration are dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="inputs.revocationStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Revocation Statement"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                            helperText="username is dynamically provisioned"
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                      <Controller
-                        control={control}
-                        name="inputs.renewStatement"
-                        render={({ field, fieldState: { error } }) => (
-                          <FormControl
-                            label="Renew Statement"
-                            helperText="username and expiration are dynamically provisioned"
-                            isError={Boolean(error?.message)}
-                            errorText={error?.message}
-                          >
-                            <TextArea
-                              {...field}
-                              reSize="none"
-                              rows={3}
-                              className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                            />
-                          </FormControl>
-                        )}
-                      />
-                    </AccordionContent>
-                  </AccordionItem>
-                </Accordion>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSnowflakeForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSnowflakeForm.tsx
deleted file mode 100644
index 731588e46..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSnowflakeForm.tsx
+++ /dev/null
@@ -1,341 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      accountId: z.string().min(1),
-      orgId: z.string().min(1),
-      username: z.string().min(1),
-      password: z.string().min(1),
-      creationStatement: z.string().trim().min(1),
-      revocationStatement: z.string().trim().min(1),
-      renewStatement: z.string().trim().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    }),
-  newName: z
-    .string()
-    .trim()
-    .min(1)
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const EditDynamicSecretSnowflakeForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: err instanceof Error ? err.message : "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="defaultTTL"
-                defaultValue="1h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Default TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="w-32">
-              <Controller
-                control={control}
-                name="maxTTL"
-                defaultValue="24h"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label={<TtlFormLabel label="Max TTL" />}
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-              <Link
-                href="https://infisical.com/docs/documentation/platform/dynamic-secrets/snowflake"
-                passHref
-              >
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="ml-2 mb-1 inline-block rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                    <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                    Docs
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="ml-1.5 mb-[0.07rem] text-xxs"
-                    />
-                  </div>
-                </a>
-              </Link>
-            </div>
-            <div className="flex flex-col">
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.accountId"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Account Identifer"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.orgId"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Organizaton Identifier"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <div className="flex items-center space-x-2">
-                <Controller
-                  control={control}
-                  name="inputs.username"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} autoComplete="off" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="inputs.password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} type="password" autoComplete="new-password" />
-                    </FormControl>
-                  )}
-                />
-              </div>
-
-              <Accordion type="single" collapsible className="mb-2 w-full bg-mineshaft-700">
-                <AccordionItem value="advance-statements">
-                  <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                  <AccordionContent>
-                    <Controller
-                      control={control}
-                      name="inputs.creationStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Creation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username, password and expiration are dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.revocationStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Revocation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username is dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.renewStatement"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Renew Statement"
-                          helperText="username and expiration are dynamically provisioned"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSqlProviderForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSqlProviderForm.tsx
deleted file mode 100644
index 2094e24ed..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretSqlProviderForm.tsx
+++ /dev/null
@@ -1,383 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Button,
-  FormControl,
-  Input,
-  SecretInput,
-  Select,
-  SelectItem,
-  TextArea
-} from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { SqlProviders, TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-const formSchema = z.object({
-  inputs: z
-    .object({
-      client: z.nativeEnum(SqlProviders),
-      host: z.string().toLowerCase().min(1),
-      port: z.number(),
-      database: z.string().min(1),
-      username: z.string().min(1),
-      password: z.string().min(1),
-      creationStatement: z.string().min(1),
-      revocationStatement: z.string().min(1),
-      renewStatement: z.string().optional(),
-      ca: z.string().optional()
-    })
-    .partial(),
-  defaultTTL: z.string().superRefine((val, ctx) => {
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  }),
-  maxTTL: z
-    .string()
-    .optional()
-    .superRefine((val, ctx) => {
-      if (!val) return;
-      const valMs = ms(val);
-      if (valMs < 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-      // a day
-      if (valMs > 24 * 60 * 60 * 1000)
-        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-    })
-    .nullable(),
-  newName: z
-    .string()
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-    .optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  environment: string;
-  projectSlug: string;
-};
-
-export const EditDynamicSecretSqlProviderForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      defaultTTL: dynamicSecret.defaultTTL,
-      maxTTL: dynamicSecret.maxTTL,
-      newName: dynamicSecret.name,
-      inputs: {
-        ...(dynamicSecret.inputs as TForm["inputs"])
-      }
-    }
-  });
-
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, maxTTL, defaultTTL, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          maxTTL: maxTTL || undefined,
-          defaultTTL,
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div className="flex items-center space-x-2">
-          <div className="flex-grow">
-            <Controller
-              control={control}
-              name="newName"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Name"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="DYN-1" />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="defaultTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Default TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="w-32">
-            <Controller
-              control={control}
-              name="maxTTL"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label={<TtlFormLabel label="Max TTL" />}
-                  isError={Boolean(error?.message)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} value={field.value || ""} />
-                </FormControl>
-              )}
-            />
-          </div>
-        </div>
-        <div>
-          <div className="mb-4 border-b border-b-mineshaft-600 pb-2">Configuration</div>
-          <div className="flex flex-col">
-            <Controller
-              control={control}
-              name="inputs.client"
-              defaultValue={SqlProviders.Postgres}
-              render={({ field: { value, onChange }, fieldState: { error } }) => (
-                <FormControl isError={Boolean(error?.message)} errorText={error?.message}>
-                  <Select
-                    isDisabled
-                    value={value}
-                    onValueChange={(val) => onChange(val)}
-                    className="w-full border border-mineshaft-500"
-                  >
-                    <SelectItem value={SqlProviders.Postgres}>PostgreSQL</SelectItem>
-                    <SelectItem value={SqlProviders.MySql}>MySQL</SelectItem>
-                    <SelectItem value={SqlProviders.Oracle}>Oracle</SelectItem>
-                    <SelectItem value={SqlProviders.MsSQL}>MS SQL</SelectItem>
-                  </Select>
-                </FormControl>
-              )}
-            />
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.host"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Host"
-                    className="flex-grow"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.port"
-                defaultValue={5432}
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Port"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input
-                      {...field}
-                      type="number"
-                      onChange={(el) => field.onChange(parseInt(el.target.value, 10))}
-                    />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div className="flex items-center space-x-2">
-              <Controller
-                control={control}
-                name="inputs.username"
-                defaultValue=""
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="User"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} autoComplete="off" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.password"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Password"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} type="password" autoComplete="new-password" />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="inputs.database"
-                defaultValue="default"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Database Name"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} />
-                  </FormControl>
-                )}
-              />
-            </div>
-            <div>
-              <Controller
-                control={control}
-                name="inputs.ca"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    isOptional
-                    label="CA(SSL)"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                  >
-                    <SecretInput
-                      {...field}
-                      containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-                    />
-                  </FormControl>
-                )}
-              />
-              <Accordion type="multiple" className="w-full bg-mineshaft-700">
-                <AccordionItem value="modify-sql-statement">
-                  <AccordionTrigger>Modify SQL Statements</AccordionTrigger>
-                  <AccordionContent>
-                    <Controller
-                      control={control}
-                      name="inputs.creationStatement"
-                      defaultValue={
-                        "CREATE USER \"{{username}}\" WITH SUPERUSER ENCRYPTED PASSWORD '{{password}}' VALID UNTIL '{{expiration}}';\nGRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO \"{{username}}\";"
-                      }
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Creation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username, password and expiration are dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.revocationStatement"
-                      defaultValue={
-                        'REVOKE ALL PRIVILEGES ON ALL TABLES IN SCHEMA public FROM "{{username}}";\nDROP OWNED BY "{{username}}"; DROP ROLE "{{username}}";'
-                      }
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Revocation Statement"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          helperText="username is dynamically provisioned"
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.renewStatement"
-                      defaultValue={"ALTER ROLE \"{{username}}\" VALID UNTIL '{{expiration}}';"}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Renew Statement"
-                          helperText="username and expiration are dynamically provisioned"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <TextArea
-                            {...field}
-                            reSize="none"
-                            rows={3}
-                            className="border-mineshaft-600 bg-mineshaft-900 text-sm"
-                          />
-                        </FormControl>
-                      )}
-                    />
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Save
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretTotpForm.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretTotpForm.tsx
deleted file mode 100644
index 1e2e01c82..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/EditDynamicSecretTotpForm.tsx
+++ /dev/null
@@ -1,318 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Select, SelectItem } from "@app/components/v2";
-import { useUpdateDynamicSecret } from "@app/hooks/api";
-import { TDynamicSecret } from "@app/hooks/api/dynamicSecret/types";
-
-enum ConfigType {
-  URL = "url",
-  MANUAL = "manual"
-}
-
-enum TotpAlgorithm {
-  SHA1 = "sha1",
-  SHA256 = "sha256",
-  SHA512 = "sha512"
-}
-
-const formSchema = z.object({
-  inputs: z
-    .discriminatedUnion("configType", [
-      z.object({
-        configType: z.literal(ConfigType.URL),
-        url: z
-          .string()
-          .url()
-          .trim()
-          .min(1)
-          .refine((val) => {
-            const urlObj = new URL(val);
-            const secret = urlObj.searchParams.get("secret");
-
-            return Boolean(secret);
-          }, "OTP URL must contain secret field")
-      }),
-      z.object({
-        configType: z.literal(ConfigType.MANUAL),
-        secret: z
-          .string()
-          .trim()
-          .min(1)
-          .transform((val) => val.replace(/\s+/g, "")),
-        period: z.number().optional(),
-        algorithm: z.nativeEnum(TotpAlgorithm).optional(),
-        digits: z.number().optional()
-      })
-    ])
-    .optional(),
-  newName: z
-    .string()
-    .trim()
-    .min(1)
-    .refine((val) => val.toLowerCase() === val, "Must be lowercase")
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  dynamicSecret: TDynamicSecret & { inputs: unknown };
-  secretPath: string;
-  projectSlug: string;
-  environment: string;
-};
-
-export const EditDynamicSecretTotpForm = ({
-  onClose,
-  dynamicSecret,
-  environment,
-  secretPath,
-  projectSlug
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    watch,
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      newName: dynamicSecret.name,
-      inputs: dynamicSecret.inputs as TForm["inputs"]
-    }
-  });
-
-  const selectedConfigType = watch("inputs.configType");
-  const updateDynamicSecret = useUpdateDynamicSecret();
-
-  const handleUpdateDynamicSecret = async ({ inputs, newName }: TForm) => {
-    // wait till previous request is finished
-    if (updateDynamicSecret.isLoading) return;
-    try {
-      await updateDynamicSecret.mutateAsync({
-        name: dynamicSecret.name,
-        path: secretPath,
-        projectSlug,
-        environmentSlug: environment,
-        data: {
-          inputs,
-          newName: newName === dynamicSecret.name ? undefined : newName
-        }
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully updated dynamic secret"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: err instanceof Error ? err.message : "Failed to update dynamic secret"
-      });
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit(handleUpdateDynamicSecret)} autoComplete="off">
-        <div>
-          <div className="flex items-center space-x-2">
-            <div className="flex-grow">
-              <Controller
-                control={control}
-                defaultValue=""
-                name="newName"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Secret Name"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <Input {...field} placeholder="dynamic-secret" />
-                  </FormControl>
-                )}
-              />
-            </div>
-          </div>
-          <div>
-            <div className="mb-4 mt-4 border-b border-mineshaft-500 pb-2 pl-1 font-medium text-mineshaft-200">
-              Configuration
-              <Link
-                href="https://infisical.com/docs/documentation/platform/dynamic-secrets/totp"
-                passHref
-              >
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="ml-2 mb-1 inline-block rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                    <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                    Docs
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="ml-1.5 mb-[0.07rem] text-xxs"
-                    />
-                  </div>
-                </a>
-              </Link>
-            </div>
-            <div className="flex flex-col">
-              <Controller
-                control={control}
-                name="inputs.configType"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Configuration Type"
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                    className="w-full"
-                  >
-                    <Select
-                      defaultValue={field.value}
-                      {...field}
-                      className="w-full"
-                      onValueChange={(val) => {
-                        field.onChange(val);
-                      }}
-                      dropdownContainerClassName="max-w-full"
-                    >
-                      <SelectItem value={ConfigType.URL} key="config-type-url">
-                        URL
-                      </SelectItem>
-                      <SelectItem value={ConfigType.MANUAL} key="config-type-manual">
-                        Manual
-                      </SelectItem>
-                    </Select>
-                  </FormControl>
-                )}
-              />
-              {selectedConfigType === ConfigType.URL && (
-                <Controller
-                  control={control}
-                  name="inputs.url"
-                  defaultValue=""
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="OTP URL"
-                      className="flex-grow"
-                      isError={Boolean(error?.message)}
-                      errorText={error?.message}
-                    >
-                      <Input {...field} />
-                    </FormControl>
-                  )}
-                />
-              )}
-              {selectedConfigType === ConfigType.MANUAL && (
-                <>
-                  <Controller
-                    control={control}
-                    name="inputs.secret"
-                    defaultValue=""
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Secret Key"
-                        className="flex-grow"
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                      >
-                        <Input {...field} />
-                      </FormControl>
-                    )}
-                  />
-                  <div className="flex flex-row gap-2">
-                    <Controller
-                      control={control}
-                      name="inputs.period"
-                      defaultValue={30}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Period"
-                          className="flex-grow"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input
-                            {...field}
-                            type="number"
-                            onChange={(e) => field.onChange(Number(e.target.value))}
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.digits"
-                      defaultValue={6}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Digits"
-                          className="flex-grow"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                        >
-                          <Input
-                            {...field}
-                            type="number"
-                            onChange={(e) => field.onChange(Number(e.target.value))}
-                          />
-                        </FormControl>
-                      )}
-                    />
-                    <Controller
-                      control={control}
-                      name="inputs.algorithm"
-                      defaultValue={TotpAlgorithm.SHA1}
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Algorithm"
-                          isError={Boolean(error?.message)}
-                          errorText={error?.message}
-                          className="w-full"
-                        >
-                          <Select
-                            defaultValue={field.value}
-                            {...field}
-                            className="w-full"
-                            dropdownContainerClassName="max-w-full"
-                            onValueChange={(val) => {
-                              field.onChange(val);
-                            }}
-                          >
-                            <SelectItem value={TotpAlgorithm.SHA1} key="algorithm-sha-1">
-                              SHA1
-                            </SelectItem>
-                            <SelectItem value={TotpAlgorithm.SHA256} key="algorithm-sha-256">
-                              SHA256
-                            </SelectItem>
-                            <SelectItem value={TotpAlgorithm.SHA512} key="algorithm-sha-512">
-                              SHA512
-                            </SelectItem>
-                          </Select>
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                  <p className="mb-8 text-sm font-normal text-gray-400">
-                    The period, digits, and algorithm values can remain at their defaults unless
-                    your TOTP provider specifies otherwise.
-                  </p>
-                </>
-              )}
-            </div>
-          </div>
-        </div>
-        <div className="mt-4 flex items-center space-x-4">
-          <Button type="submit" isLoading={isSubmitting}>
-            Submit
-          </Button>
-          <Button variant="outline_bg" onClick={onClose}>
-            Cancel
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/index.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/index.tsx
deleted file mode 100644
index 2434ed35a..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/EditDynamicSecretForm/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EditDynamicSecretForm } from "./EditDynamicSecretForm";
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/RenewDynamicSecretLease.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/RenewDynamicSecretLease.tsx
deleted file mode 100644
index 673c24a3c..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/RenewDynamicSecretLease.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import ms from "ms";
-import { z } from "zod";
-
-import { TtlFormLabel } from "@app/components/features";
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useRenewDynamicSecretLease } from "@app/hooks/api";
-
-const formSchema = z.object({
-  ttl: z.string().superRefine((val, ctx) => {
-    if (!val) return;
-    const valMs = ms(val);
-    if (valMs < 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be a greater than 1min" });
-    // a day
-    if (valMs > 24 * 60 * 60 * 1000)
-      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
-  })
-});
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  onClose: () => void;
-  leaseId: string;
-  dynamicSecretName: string;
-  projectSlug: string;
-  environment: string;
-  secretPath: string;
-};
-
-export const RenewDynamicSecretLease = ({
-  onClose,
-  projectSlug,
-  dynamicSecretName,
-  leaseId,
-  secretPath,
-  environment
-}: Props) => {
-  const {
-    control,
-    formState: { isSubmitting },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      ttl: "1h"
-    }
-  });
-  
-
-  const renewDynamicSecretLease = useRenewDynamicSecretLease();
-
-  const handleDynamicSecretLeaseCreate = async ({ ttl }: TForm) => {
-    if (renewDynamicSecretLease.isLoading) return;
-    try {
-      await renewDynamicSecretLease.mutateAsync({
-        environmentSlug: environment,
-        projectSlug,
-        path: secretPath,
-        ttl,
-        dynamicSecretName,
-        leaseId
-      });
-      onClose();
-      createNotification({
-        type: "success",
-        text: "Successfully renewed lease"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to renew lease"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleDynamicSecretLeaseCreate)}>
-      <Controller
-        control={control}
-        name="ttl"
-        defaultValue="1h"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label={<TtlFormLabel label="TTL" />}
-            isError={Boolean(error?.message)}
-            errorText={error?.message}
-            helperText="The existing expiration time will be extended by the TTL"
-          >
-            <Input {...field} />
-          </FormControl>
-        )}
-      />
-      <div className="mt-4 flex items-center space-x-4">
-        <Button type="submit" isLoading={isSubmitting}>
-          Renew
-        </Button>
-        <Button variant="outline_bg" onClick={onClose}>
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/index.tsx b/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/index.tsx
deleted file mode 100644
index 752d8a929..000000000
--- a/frontend-next/src/views/SecretMainPage/components/DynamicSecretListView/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { DynamicSecretListView } from "./DynamicSecretListView";
diff --git a/frontend-next/src/views/SecretMainPage/components/FolderListView/FolderListView.tsx b/frontend-next/src/views/SecretMainPage/components/FolderListView/FolderListView.tsx
deleted file mode 100644
index 0d0c6b450..000000000
--- a/frontend-next/src/views/SecretMainPage/components/FolderListView/FolderListView.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { useRouter } from "next/router";
-import { subject } from "@casl/ability";
-import { faClose, faFolder, faPencilSquare } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { DeleteActionModal, IconButton, Modal, ModalContent } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteFolder, useUpdateFolder } from "@app/hooks/api";
-import { TSecretFolder } from "@app/hooks/api/secretFolders/types";
-
-import { FolderForm } from "../ActionBar/FolderForm";
-
-type Props = {
-  folders?: TSecretFolder[];
-  environment: string;
-  workspaceId: string;
-  secretPath?: string;
-  onNavigateToFolder: (path: string) => void;
-};
-
-export const FolderListView = ({
-  folders = [],
-  environment,
-  workspaceId,
-  secretPath = "/",
-  onNavigateToFolder
-}: Props) => {
-  const { popUp, handlePopUpToggle, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "updateFolder",
-    "deleteFolder"
-  ] as const);
-  const router = useRouter();
-
-  const { mutateAsync: updateFolder } = useUpdateFolder();
-  const { mutateAsync: deleteFolder } = useDeleteFolder();
-
-  const handleFolderUpdate = async (newFolderName: string) => {
-    try {
-      const { id: folderId } = popUp.updateFolder.data as TSecretFolder;
-      await updateFolder({
-        folderId,
-        name: newFolderName,
-        path: secretPath,
-        environment,
-        projectId: workspaceId
-      });
-      handlePopUpClose("updateFolder");
-      createNotification({
-        type: "success",
-        text: "Successfully saved folder"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to save folder"
-      });
-    }
-  };
-
-  const handleFolderDelete = async () => {
-    try {
-      const { id: folderId } = popUp.deleteFolder.data as TSecretFolder;
-      await deleteFolder({
-        folderId,
-        path: secretPath,
-        environment,
-        projectId: workspaceId
-      });
-      handlePopUpClose("deleteFolder");
-      createNotification({
-        type: "success",
-        text: "Successfully deleted folder"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to delete folder"
-      });
-    }
-  };
-
-  const handleFolderClick = (name: string) => {
-    const path = `${router.query?.secretPath || ""}/${name}`;
-    router
-      .push({
-        pathname: router.pathname,
-        query: {
-          ...router.query,
-          secretPath: path
-        }
-      })
-      .then(() => onNavigateToFolder(path));
-  };
-
-  return (
-    <>
-      {folders.map(({ name, id }) => (
-        <div
-          key={id}
-          className="group flex cursor-pointer border-b border-mineshaft-600 hover:bg-mineshaft-700"
-        >
-          <div className="flex w-11 items-center px-5 py-3 text-yellow-700">
-            <FontAwesomeIcon icon={faFolder} />
-          </div>
-          <div
-            className="flex flex-grow items-center px-4 py-3"
-            role="button"
-            tabIndex={0}
-            onKeyDown={(evt) => {
-              if (evt.key === "Enter") handleFolderClick(name);
-            }}
-            onClick={() => handleFolderClick(name)}
-          >
-            {name}
-          </div>
-          <div className="flex items-center space-x-4 border-l border-mineshaft-600 px-3 py-3">
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Edit}
-              a={subject(ProjectPermissionSub.SecretFolders, { environment, secretPath })}
-              renderTooltip
-              allowedLabel="Edit"
-            >
-              {(isAllowed) => (
-                <IconButton
-                  ariaLabel="edit-folder"
-                  variant="plain"
-                  size="sm"
-                  className="p-0 opacity-0 group-hover:opacity-100"
-                  onClick={() => handlePopUpOpen("updateFolder", { id, name })}
-                  isDisabled={!isAllowed}
-                >
-                  <FontAwesomeIcon icon={faPencilSquare} size="lg" />
-                </IconButton>
-              )}
-            </ProjectPermissionCan>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Delete}
-              a={subject(ProjectPermissionSub.SecretFolders, { environment, secretPath })}
-              renderTooltip
-              allowedLabel="Delete"
-            >
-              {(isAllowed) => (
-                <IconButton
-                  ariaLabel="delete-folder"
-                  variant="plain"
-                  size="md"
-                  className="p-0 opacity-0 group-hover:opacity-100"
-                  onClick={() => handlePopUpOpen("deleteFolder", { id, name })}
-                  isDisabled={!isAllowed}
-                >
-                  <FontAwesomeIcon icon={faClose} size="lg" />
-                </IconButton>
-              )}
-            </ProjectPermissionCan>
-          </div>
-        </div>
-      ))}
-      <Modal
-        isOpen={popUp.updateFolder.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("updateFolder", isOpen)}
-      >
-        <ModalContent title="Edit Folder">
-          <FolderForm
-            isEdit
-            defaultFolderName={(popUp.updateFolder?.data as TSecretFolder)?.name}
-            onUpdateFolder={handleFolderUpdate}
-          />
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={popUp.deleteFolder.isOpen}
-        deleteKey={(popUp.deleteFolder?.data as TSecretFolder)?.name}
-        title="Do you want to delete this folder?"
-        onChange={(isOpen) => handlePopUpToggle("deleteFolder", isOpen)}
-        onDeleteApproved={handleFolderDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/FolderListView/index.tsx b/frontend-next/src/views/SecretMainPage/components/FolderListView/index.tsx
deleted file mode 100644
index 32326edd8..000000000
--- a/frontend-next/src/views/SecretMainPage/components/FolderListView/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { FolderListView } from "./FolderListView";
diff --git a/frontend-next/src/views/SecretMainPage/components/PitDrawer/PitDrawer.tsx b/frontend-next/src/views/SecretMainPage/components/PitDrawer/PitDrawer.tsx
deleted file mode 100644
index 9b844887a..000000000
--- a/frontend-next/src/views/SecretMainPage/components/PitDrawer/PitDrawer.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Fragment, useCallback } from "react";
-import { InfiniteData } from "@tanstack/react-query";
-
-import { Button, Drawer, DrawerContent } from "@app/components/v2";
-import timeSince from "@app/ee/utilities/timeSince";
-import { TSecretSnapshot } from "@app/hooks/api/secretSnapshots/types";
-
-type Props = {
-  isDrawerOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  secretSnaphots?: InfiniteData<TSecretSnapshot[]>;
-  onSelectSnapshot: (id: string) => void;
-  snapshotId: string | null;
-  isFetchingNextPage?: boolean;
-  hasNextPage?: boolean;
-  fetchNextPage: () => void;
-};
-
-export const PitDrawer = ({
-  isDrawerOpen,
-  onOpenChange,
-  secretSnaphots,
-  onSelectSnapshot,
-  snapshotId,
-  isFetchingNextPage,
-  hasNextPage,
-  fetchNextPage
-}: Props): JSX.Element => {
-  const getButtonLabel = useCallback((isFirstChild: boolean, isSelectedSnapshot: boolean) => {
-    if (isFirstChild) return "Current Version";
-    if (isSelectedSnapshot) return "Currently Viewing";
-    return "Explore";
-  }, []);
-
-  return (
-    <Drawer isOpen={isDrawerOpen} onOpenChange={onOpenChange}>
-      <DrawerContent
-        title="Point-in-time Recovery"
-        subTitle="Note: This will recover secrets for all environments in this project"
-      >
-        <div className="flex flex-col space-y-2">
-          {secretSnaphots?.pages?.map((group, i) => (
-            <Fragment key={`snapshot-item-${i + 1}`}>
-              {group.map(({ id, createdAt }, index) => (
-                <Button
-                  key={id}
-                  className="py-3 px-4 text-sm"
-                  isFullWidth
-                  colorSchema={
-                    (i === 0 && index === 0 && snapshotId === null) || snapshotId === id
-                      ? "primary"
-                      : "secondary"
-                  }
-                  variant={
-                    (i === 0 && index === 0 && snapshotId === null) || snapshotId === id
-                      ? "selected"
-                      : "star"
-                  }
-                  onClick={() => onSelectSnapshot(id)}
-                >
-                  <div className="flex w-full justify-between">
-                    <div>{timeSince(new Date(createdAt))}</div>
-                    <div>{getButtonLabel(i === 0 && index === 0, snapshotId === id)}</div>
-                  </div>
-                </Button>
-              ))}
-            </Fragment>
-          ))}
-        </div>
-        <Button
-          className="mt-8 py-3 px-4 text-sm"
-          isFullWidth
-          variant="star"
-          isLoading={isFetchingNextPage}
-          isDisabled={isFetchingNextPage || !hasNextPage}
-          onClick={fetchNextPage}
-        >
-          {hasNextPage ? "Load More" : "End of history"}
-        </Button>
-      </DrawerContent>
-    </Drawer>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/PitDrawer/index.tsx b/frontend-next/src/views/SecretMainPage/components/PitDrawer/index.tsx
deleted file mode 100644
index bbb24d322..000000000
--- a/frontend-next/src/views/SecretMainPage/components/PitDrawer/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PitDrawer } from "./PitDrawer";
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/CopySecretsFromBoard.tsx b/frontend-next/src/views/SecretMainPage/components/SecretDropzone/CopySecretsFromBoard.tsx
deleted file mode 100644
index ac6efe5cd..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/CopySecretsFromBoard.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import { faClone, faFileImport, faSquareCheck } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FilterableSelect,
-  FormControl,
-  IconButton,
-  Modal,
-  ModalContent,
-  ModalTrigger,
-  Switch,
-  Tooltip
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useDebounce } from "@app/hooks";
-import { useGetProjectSecrets } from "@app/hooks/api";
-
-const formSchema = z.object({
-  environment: z.object({ name: z.string(), slug: z.string() }),
-  secretPath: z
-    .string()
-    .trim()
-    .transform((val) =>
-      typeof val === "string" && val.at(-1) === "/" && val.length > 1 ? val.slice(0, -1) : val
-    ),
-  secrets: z
-    .object({ key: z.string(), value: z.string().optional() })
-    .array()
-    .min(1, "Select one or more secrets to copy")
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-type Props = {
-  isOpen?: boolean;
-  isSmaller?: boolean;
-  onToggle: (isOpen: boolean) => void;
-  onParsedEnv: (env: Record<string, { value: string; comments: string[] }>) => void;
-  environments?: { name: string; slug: string }[];
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-};
-
-export const CopySecretsFromBoard = ({
-  environments = [],
-  workspaceId,
-  environment,
-  secretPath,
-  isOpen,
-  isSmaller,
-  onToggle,
-  onParsedEnv
-}: Props) => {
-  const [shouldIncludeValues, setShouldIncludeValues] = useState(true);
-
-  const {
-    handleSubmit,
-    control,
-    watch,
-    reset,
-    setValue,
-    formState: { isDirty }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(formSchema),
-    defaultValues: { secretPath: "/", environment: environments?.[0] }
-  });
-
-  const envCopySecPath = watch("secretPath");
-  const selectedEnvSlug = watch("environment");
-  const [debouncedEnvCopySecretPath] = useDebounce(envCopySecPath);
-
-  const { data: secrets, isLoading: isSecretsLoading } = useGetProjectSecrets({
-    workspaceId,
-    environment: selectedEnvSlug.slug,
-    secretPath: debouncedEnvCopySecretPath,
-    options: {
-      enabled:
-        Boolean(workspaceId) &&
-        Boolean(selectedEnvSlug) &&
-        Boolean(debouncedEnvCopySecretPath) &&
-        isOpen
-    }
-  });
-
-  useEffect(() => {
-    setValue("secrets", []);
-  }, [debouncedEnvCopySecretPath, selectedEnvSlug]);
-
-  const handleSecSelectAll = () => {
-    if (secrets) {
-      setValue("secrets", secrets, { shouldDirty: true });
-    }
-  };
-
-  const handleFormSubmit = async (data: TFormSchema) => {
-    const secretsToBePulled: Record<string, { value: string; comments: string[] }> = {};
-    data.secrets.forEach(({ key, value }) => {
-      secretsToBePulled[key] = {
-        value: (shouldIncludeValues && value) || "",
-        comments: [""]
-      };
-    });
-    onParsedEnv(secretsToBePulled);
-    onToggle(false);
-    reset();
-  };
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onOpenChange={(state) => {
-        onToggle(state);
-        reset();
-      }}
-    >
-      <ModalTrigger asChild>
-        <div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={subject(ProjectPermissionSub.Secrets, {
-              environment,
-              secretPath,
-              secretName: "*",
-              secretTags: ["*"]
-            })}
-          >
-            {(isAllowed) => (
-              <Button
-                leftIcon={<FontAwesomeIcon icon={faFileImport} />}
-                onClick={() => onToggle(true)}
-                isDisabled={!isAllowed}
-                variant="star"
-                size={isSmaller ? "xs" : "sm"}
-              >
-                Copy Secrets From An Environment
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </ModalTrigger>
-      <ModalContent
-        bodyClassName="overflow-visible"
-        className="max-w-2xl"
-        title="Copy Secret From An Environment"
-        subTitle="Copy/paste secrets from other environments into this context"
-      >
-        <form onSubmit={handleSubmit(handleFormSubmit)}>
-          <div className="flex items-center space-x-2">
-            <Controller
-              control={control}
-              name="environment"
-              render={({ field: { value, onChange } }) => (
-                <FormControl label="Environment" isRequired className="w-1/3">
-                  <FilterableSelect
-                    value={value}
-                    onChange={onChange}
-                    options={environments}
-                    placeholder="Select environment..."
-                    getOptionLabel={(option) => option.name}
-                    getOptionValue={(option) => option.slug}
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="secretPath"
-              render={({ field }) => (
-                <FormControl label="Secret Path" className="flex-grow" isRequired>
-                  <SecretPathInput
-                    {...field}
-                    placeholder="Provide a path, default is /"
-                    environment={selectedEnvSlug?.slug}
-                  />
-                </FormControl>
-              )}
-            />
-          </div>
-          <div className="border-t border-mineshaft-600 pt-4">
-            <div className="mb-4 flex items-center justify-between">
-              <div>Secrets</div>
-            </div>
-            <div className="flex w-full items-start gap-3">
-              <Controller
-                control={control}
-                name="secrets"
-                render={({ field: { value, onChange }, fieldState: { error } }) => (
-                  <FormControl
-                    className="flex-1"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <FilterableSelect
-                      placeholder={
-                        // eslint-disable-next-line no-nested-ternary
-                        isSecretsLoading
-                          ? "Loading secrets..."
-                          : secrets?.length
-                          ? "Select secrets..."
-                          : "No secrets found..."
-                      }
-                      isLoading={isSecretsLoading}
-                      options={secrets}
-                      value={value}
-                      onChange={onChange}
-                      isMulti
-                      getOptionValue={(option) => option.key}
-                      getOptionLabel={(option) => option.key}
-                    />
-                  </FormControl>
-                )}
-              />
-              <Tooltip content="Select All">
-                <IconButton
-                  className="mt-1 h-9 w-9"
-                  ariaLabel="Select all"
-                  variant="outline_bg"
-                  size="xs"
-                  onClick={handleSecSelectAll}
-                >
-                  <FontAwesomeIcon icon={faSquareCheck} size="lg" />
-                </IconButton>
-              </Tooltip>
-            </div>
-            <div className="my-6 ml-2">
-              <Switch
-                id="populate-include-value"
-                isChecked={shouldIncludeValues}
-                onCheckedChange={(isChecked) => setShouldIncludeValues(isChecked as boolean)}
-              >
-                Include secret values
-              </Switch>
-            </div>
-            <div className="flex items-center space-x-4">
-              <Button
-                leftIcon={<FontAwesomeIcon icon={faClone} />}
-                type="submit"
-                isDisabled={!isDirty}
-              >
-                Copy Secrets
-              </Button>
-              <Button variant="plain" colorSchema="secondary" onClick={() => onToggle(false)}>
-                Cancel
-              </Button>
-            </div>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/GenericDropzone.tsx b/frontend-next/src/views/SecretMainPage/components/SecretDropzone/GenericDropzone.tsx
deleted file mode 100644
index f4b732b8f..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/GenericDropzone.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import React, {
-  ChangeEvent,
-  DragEvent,
-  forwardRef,
-  useImperativeHandle,
-  useRef,
-  useState
-} from "react";
-import { faUpload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { useToggle } from "@app/hooks";
-
-type Props = {
-  accept?: string;
-  onData: (file: File) => void;
-  isSmaller: boolean;
-  text?: string;
-  isDisabled?: boolean;
-};
-
-export const GenericDropzone = forwardRef<HTMLInputElement, Props>(
-  ({ onData, isSmaller, text, isDisabled, accept }: Props, ref): JSX.Element => {
-    const [isDragActive, setDragActive] = useToggle();
-    const [selectedFileName, setSelectedFileName] = useState<string | null>(null);
-    const inputRef = useRef<HTMLInputElement>(null);
-
-    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);
-
-    const updateSelectedFileName = () => {
-      if (inputRef.current?.files?.[0]) {
-        setSelectedFileName(inputRef.current.files[0].name);
-      } else {
-        setSelectedFileName(null);
-      }
-    };
-
-    const handleDrag = (e: DragEvent) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (e.type === "dragenter" || e.type === "dragover") {
-        setDragActive.on();
-      } else if (e.type === "dragleave") {
-        setDragActive.off();
-      }
-    };
-
-    const handleDrop = (e: DragEvent) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (!e.dataTransfer) {
-        return;
-      }
-
-      e.dataTransfer.dropEffect = "copy";
-      setDragActive.off();
-      const file = e.dataTransfer.files[0];
-      onData(file);
-      setSelectedFileName(file.name);
-    };
-
-    const handleFileUpload = (e: ChangeEvent<HTMLInputElement>) => {
-      e.preventDefault();
-
-      if (!e.target?.files?.[0]) {
-        return;
-      }
-      onData(e.target.files[0]);
-      updateSelectedFileName();
-    };
-
-    React.useEffect(() => {
-      updateSelectedFileName();
-    }, []);
-
-    return (
-      <div>
-        <div
-          onDragEnter={handleDrag}
-          onDragLeave={handleDrag}
-          onDragOver={handleDrag}
-          onDrop={handleDrop}
-          className={twMerge(
-            "relative mx-0.5 mb-4 mt-4 flex cursor-pointer items-center justify-center rounded-md bg-mineshaft-900 py-4 px-2 text-sm text-mineshaft-200 opacity-60 outline-dashed outline-2 outline-chicago-600 duration-200 hover:opacity-100",
-            isDragActive && "opacity-100",
-            !isSmaller && "mx-auto w-full max-w-3xl flex-col space-y-4 py-20"
-          )}
-        >
-          {selectedFileName ? (
-            <p>{selectedFileName}</p>
-          ) : (
-            <div className="flex flex-col items-center justify-center space-y-2">
-              <div>
-                <FontAwesomeIcon icon={faUpload} size={isSmaller ? "2x" : "5x"} />
-              </div>
-              <div>
-                <p className="">{text}</p>
-              </div>
-              <input
-                ref={inputRef}
-                disabled={isDisabled}
-                id="fileSelect"
-                type="file"
-                className="absolute h-full w-full cursor-pointer opacity-0"
-                accept={accept}
-                onChange={handleFileUpload}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-);
-
-GenericDropzone.displayName = "GenericDropzone";
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/PasteSecretEnvModal.tsx b/frontend-next/src/views/SecretMainPage/components/SecretDropzone/PasteSecretEnvModal.tsx
deleted file mode 100644
index aecb6c8a4..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/PasteSecretEnvModal.tsx
+++ /dev/null
@@ -1,165 +0,0 @@
-import { useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import { faInfoCircle, faPaste } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { parseDotEnv, parseJson } from "@app/components/utilities/parseSecrets";
-import {
-  Button,
-  FormControl,
-  Modal,
-  ModalContent,
-  ModalTrigger,
-  TextArea
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-
-type Props = {
-  isOpen?: boolean;
-  isSmaller?: boolean;
-  onToggle: (isOpen: boolean) => void;
-  onParsedEnv: (env: Record<string, { value: string; comments: string[] }>) => void;
-  environment: string;
-  secretPath: string;
-};
-
-const formSchema = z.object({
-  value: z.string().trim()
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-const PasteEnvForm = ({ onParsedEnv }: Pick<Props, "onParsedEnv">) => {
-  const {
-    handleSubmit,
-    register,
-    formState: { isDirty, errors },
-    setError,
-    setFocus
-  } = useForm<TForm>({ defaultValues: { value: "" }, resolver: zodResolver(formSchema) });
-
-  const onSubmit = ({ value }: TForm) => {
-    let env: Record<string, { value: string; comments: string[] }>;
-    try {
-      env = parseJson(value);
-    } catch (e) {
-      // not json, parse as env
-      env = parseDotEnv(value);
-    }
-
-    if (!Object.keys(env).length) {
-      setError("value", {
-        message: "No secrets found. Please make sure the provided format is valid."
-      });
-      setFocus("value");
-      return;
-    }
-
-    onParsedEnv(env);
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <FormControl
-        label="Secret Values"
-        isError={Boolean(errors.value)}
-        errorText={errors.value?.message}
-        icon={<FontAwesomeIcon size="sm" className="text-mineshaft-400" icon={faInfoCircle} />}
-        tooltipClassName="max-w-lg px-2 whitespace-pre-line"
-        tooltipText={
-          <div className="flex flex-col gap-2">
-            <p>Example Formats:</p>
-            <pre className="rounded-md bg-mineshaft-900 p-3 text-xs">
-              {/* eslint-disable-next-line react/jsx-no-comment-textnodes */}
-              <p className="text-mineshaft-400">// .json</p>
-              {JSON.stringify(
-                {
-                  APP_NAME: "example-service",
-                  APP_VERSION: "1.2.3",
-                  NODE_ENV: "production"
-                },
-                null,
-                2
-              )}
-            </pre>
-            <pre className="rounded-md bg-mineshaft-900 p-3 text-xs">
-              <p className="text-mineshaft-400"># .env</p>
-              <p>APP_NAME=&quot;example-service&quot;</p>
-              <p>APP_VERSION=&quot;1.2.3&quot;</p>
-              <p>NODE_ENV=&quot;production&quot;</p>
-            </pre>
-            <pre className="rounded-md bg-mineshaft-900 p-3 text-xs">
-              <p className="text-mineshaft-400"># .yml</p>
-              <p>APP_NAME: example-service</p>
-              <p>APP_VERSION: 1.2.3</p>
-              <p>NODE_ENV: production</p>
-            </pre>
-          </div>
-        }
-      >
-        <TextArea
-          {...register("value")}
-          placeholder="Paste secrets in .json, .yml or .env format..."
-          className="h-[60vh] !resize-none"
-        />
-      </FormControl>
-      <Button isDisabled={!isDirty} type="submit">
-        Import Secrets
-      </Button>
-    </form>
-  );
-};
-
-export const PasteSecretEnvModal = ({
-  isSmaller,
-  isOpen,
-  onParsedEnv,
-  onToggle,
-  environment,
-  secretPath
-}: Props) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onToggle}>
-      <ModalTrigger asChild>
-        <div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={subject(ProjectPermissionSub.Secrets, {
-              environment,
-              secretPath,
-              secretName: "*",
-              secretTags: ["*"]
-            })}
-          >
-            {(isAllowed) => (
-              <Button
-                leftIcon={<FontAwesomeIcon icon={faPaste} />}
-                onClick={() => onToggle(true)}
-                isDisabled={!isAllowed}
-                variant="star"
-                size={isSmaller ? "xs" : "sm"}
-              >
-                Paste Secrets
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </ModalTrigger>
-      <ModalContent
-        className="max-w-2xl"
-        title="Past Secret Values"
-        subTitle="Paste values in .env, .json or .yml format"
-      >
-        <PasteEnvForm
-          onParsedEnv={(value) => {
-            onToggle(false);
-            onParsedEnv(value);
-          }}
-        />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/SecretDropzone.tsx b/frontend-next/src/views/SecretMainPage/components/SecretDropzone/SecretDropzone.tsx
deleted file mode 100644
index f105a08a5..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/SecretDropzone.tsx
+++ /dev/null
@@ -1,399 +0,0 @@
-import { ChangeEvent, DragEvent } from "react";
-import { useTranslation } from "react-i18next";
-import { subject } from "@casl/ability";
-import { faPlus, faUpload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useQueryClient } from "@tanstack/react-query";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-// TODO:(akhilmhdh) convert all the util functions like this into a lib folder grouped by functionality
-import { parseDotEnv, parseJson } from "@app/components/utilities/parseSecrets";
-import { Button, Modal, ModalContent } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { usePopUp, useToggle } from "@app/hooks";
-import { useCreateSecretBatch, useUpdateSecretBatch } from "@app/hooks/api";
-import {
-  dashboardKeys,
-  fetchDashboardProjectSecretsByKeys
-} from "@app/hooks/api/dashboard/queries";
-import { secretApprovalRequestKeys } from "@app/hooks/api/secretApprovalRequest/queries";
-import { secretKeys } from "@app/hooks/api/secrets/queries";
-import { SecretType } from "@app/hooks/api/types";
-
-import { PopUpNames, usePopUpAction } from "../../SecretMainPage.store";
-import { CopySecretsFromBoard } from "./CopySecretsFromBoard";
-import { PasteSecretEnvModal } from "./PasteSecretEnvModal";
-
-type TParsedEnv = Record<string, { value: string; comments: string[] }>;
-type TSecOverwriteOpt = { update: TParsedEnv; create: TParsedEnv };
-
-type Props = {
-  isSmaller: boolean;
-  environments?: { name: string; slug: string }[];
-  workspaceId: string;
-  environment: string;
-  secretPath: string;
-  isProtectedBranch?: boolean;
-};
-
-export const SecretDropzone = ({
-  isSmaller,
-  environments = [],
-  workspaceId,
-  environment,
-  secretPath,
-  isProtectedBranch = false
-}: Props): JSX.Element => {
-  const { t } = useTranslation();
-  const [isDragActive, setDragActive] = useToggle();
-  const [isLoading, setIsLoading] = useToggle();
-
-  const { popUp, handlePopUpToggle, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "importSecEnv",
-    "confirmUpload",
-    "pasteSecEnv"
-  ] as const);
-  const queryClient = useQueryClient();
-  const { openPopUp } = usePopUpAction();
-
-  const { mutateAsync: updateSecretBatch, isLoading: isUpdatingSecrets } = useUpdateSecretBatch({
-    options: { onSuccess: undefined }
-  });
-  const { mutateAsync: createSecretBatch, isLoading: isCreatingSecrets } = useCreateSecretBatch({
-    options: { onSuccess: undefined }
-  });
-
-  const isSubmitting = isCreatingSecrets || isUpdatingSecrets;
-
-  const handleDrag = (e: DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (e.type === "dragenter" || e.type === "dragover") {
-      setDragActive.on();
-    } else if (e.type === "dragleave") {
-      setDragActive.off();
-    }
-  };
-
-  const handleParsedEnv = async (env: TParsedEnv) => {
-    const envSecretKeys = Object.keys(env);
-
-    if (!envSecretKeys.length) {
-      createNotification({
-        type: "error",
-        text: "Failed to find secrets"
-      });
-      return;
-    }
-
-    try {
-      setIsLoading.on();
-      const { secrets: existingSecrets } = await fetchDashboardProjectSecretsByKeys({
-        secretPath,
-        environment,
-        projectId: workspaceId,
-        keys: envSecretKeys
-      });
-
-      const secretsGroupedByKey = existingSecrets.reduce<Record<string, boolean>>(
-        (prev, curr) => ({ ...prev, [curr.secretKey]: true }),
-        {}
-      );
-
-      const updateSecrets = Object.keys(env)
-        .filter((secKey) => secretsGroupedByKey[secKey])
-        .reduce<TParsedEnv>((prev, curr) => ({ ...prev, [curr]: env[curr] }), {});
-
-      const createSecrets = Object.keys(env)
-        .filter((secKey) => !secretsGroupedByKey[secKey])
-        .reduce<TParsedEnv>((prev, curr) => ({ ...prev, [curr]: env[curr] }), {});
-
-      handlePopUpOpen("confirmUpload", {
-        update: updateSecrets,
-        create: createSecrets
-      });
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        text: "Failed to check for secret conflicts",
-        type: "error"
-      });
-      handlePopUpClose("confirmUpload");
-    } finally {
-      setIsLoading.off();
-    }
-  };
-
-  const parseFile = (file?: File, isJson?: boolean) => {
-    const reader = new FileReader();
-    if (!file) {
-      createNotification({
-        text: "You can't inject files from VS Code. Click 'Reveal in finder', and drag your file directly from the directory where it's located.",
-        type: "error"
-      });
-      return;
-    }
-    // const fileType = file.name.split('.')[1];
-    setIsLoading.on();
-    reader.onload = (event) => {
-      if (!event?.target?.result) return;
-      // parse function's argument looks like to be ArrayBuffer
-      const env = isJson
-        ? parseJson(event.target.result as ArrayBuffer)
-        : parseDotEnv(event.target.result as ArrayBuffer);
-      setIsLoading.off();
-      handleParsedEnv(env);
-    };
-
-    // If something is wrong show an error
-    try {
-      reader.readAsText(file);
-    } catch (error) {
-      console.log(error);
-    }
-  };
-
-  const handleDrop = (e: DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!e.dataTransfer) {
-      return;
-    }
-
-    e.dataTransfer.dropEffect = "copy";
-    setDragActive.off();
-    parseFile(e.dataTransfer.files[0], e.dataTransfer.files[0].type === "application/json");
-  };
-
-  const handleFileUpload = (e: ChangeEvent<HTMLInputElement>) => {
-    e.preventDefault();
-    parseFile(e.target?.files?.[0], e.target?.files?.[0]?.type === "application/json");
-  };
-
-  const handleSaveSecrets = async () => {
-    const { update, create } = popUp?.confirmUpload?.data as TSecOverwriteOpt;
-    try {
-      if (Object.keys(create || {}).length) {
-        await createSecretBatch({
-          secretPath,
-          workspaceId,
-          environment,
-          secrets: Object.entries(create).map(([secretKey, secData]) => ({
-            type: SecretType.Shared,
-            secretComment: secData.comments.join("\n"),
-            secretValue: secData.value,
-            secretKey
-          }))
-        });
-      }
-      if (Object.keys(update || {}).length) {
-        await updateSecretBatch({
-          secretPath,
-          workspaceId,
-          environment,
-          secrets: Object.entries(update).map(([secretKey, secData]) => ({
-            type: SecretType.Shared,
-            secretComment: secData.comments.join("\n"),
-            secretValue: secData.value,
-            secretKey
-          }))
-        });
-      }
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-      handlePopUpClose("confirmUpload");
-      createNotification({
-        type: "success",
-        text: isProtectedBranch
-          ? "Uploaded changes have been sent for review"
-          : "Successfully uploaded secrets"
-      });
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to upload secrets"
-      });
-    }
-  };
-
-  const createSecretCount = Object.keys(
-    (popUp.confirmUpload?.data as TSecOverwriteOpt)?.create || {}
-  ).length;
-
-  const updateSecretCount = Object.keys(
-    (popUp.confirmUpload?.data as TSecOverwriteOpt)?.update || {}
-  ).length;
-
-  const isNonConflictingUpload = !updateSecretCount;
-
-  return (
-    <div>
-      <div
-        onDragEnter={handleDrag}
-        onDragLeave={handleDrag}
-        onDragOver={handleDrag}
-        onDrop={handleDrop}
-        className={twMerge(
-          "relative mx-0.5 mb-4 mt-4 flex cursor-pointer items-center justify-center rounded-md bg-mineshaft-900 py-4 px-2 text-sm text-mineshaft-200 opacity-60 outline-dashed outline-2 outline-chicago-600 duration-200 hover:opacity-100",
-          isDragActive && "opacity-100",
-          !isSmaller && "mx-auto w-full max-w-3xl flex-col space-y-4 py-20",
-          isLoading && "bg-bunker-800"
-        )}
-      >
-        {isLoading ? (
-          <div className="mb-16 flex items-center justify-center pt-16">
-            <img
-              src="/images/loading/loading.gif"
-              height={70}
-              width={120}
-              decoding="async"
-              loading="lazy"
-              alt="loading animation"
-            />
-          </div>
-        ) : (
-          <div className="flex flex-col items-center justify-center space-y-2">
-            <div>
-              <FontAwesomeIcon icon={faUpload} size={isSmaller ? "2x" : "5x"} />
-            </div>
-            <div>
-              <p className="">{t(isSmaller ? "common.drop-zone-keys" : "common.drop-zone")}</p>
-            </div>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Create}
-              a={subject(ProjectPermissionSub.Secrets, {
-                environment,
-                secretPath,
-                secretName: "*",
-                secretTags: ["*"]
-              })}
-            >
-              {(isAllowed) => (
-                <input
-                  id="fileSelect"
-                  disabled={!isAllowed}
-                  type="file"
-                  className="absolute h-full w-full cursor-pointer opacity-0"
-                  accept=".txt,.env,.yml,.yaml,.json"
-                  onChange={handleFileUpload}
-                />
-              )}
-            </ProjectPermissionCan>
-            <div
-              className={twMerge(
-                "flex w-full flex-row items-center justify-center py-4",
-                isSmaller && "py-1"
-              )}
-            >
-              <div className="w-1/5 border-t border-mineshaft-700" />
-              <p className="mx-4 text-xs text-mineshaft-400">OR</p>
-              <div className="w-1/5 border-t border-mineshaft-700" />
-            </div>
-            <div className="flex flex-col items-center justify-center gap-4 lg:flex-row">
-              <PasteSecretEnvModal
-                isOpen={popUp.pasteSecEnv.isOpen}
-                onToggle={(isOpen) => handlePopUpToggle("pasteSecEnv", isOpen)}
-                onParsedEnv={handleParsedEnv}
-                environment={environment}
-                secretPath={secretPath}
-                isSmaller={isSmaller}
-              />
-              <CopySecretsFromBoard
-                isOpen={popUp.importSecEnv.isOpen}
-                onToggle={(isOpen) => handlePopUpToggle("importSecEnv", isOpen)}
-                onParsedEnv={handleParsedEnv}
-                environment={environment}
-                environments={environments}
-                workspaceId={workspaceId}
-                secretPath={secretPath}
-                isSmaller={isSmaller}
-              />
-              {!isSmaller && (
-                <ProjectPermissionCan
-                  I={ProjectPermissionActions.Create}
-                  a={subject(ProjectPermissionSub.Secrets, {
-                    environment,
-                    secretPath,
-                    secretName: "*",
-                    secretTags: ["*"]
-                  })}
-                >
-                  {(isAllowed) => (
-                    <Button
-                      leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                      onClick={() => openPopUp(PopUpNames.CreateSecretForm)}
-                      variant="star"
-                      isDisabled={!isAllowed}
-                    >
-                      Add a New Secret
-                    </Button>
-                  )}
-                </ProjectPermissionCan>
-              )}
-            </div>
-          </div>
-        )}
-      </div>
-      <Modal
-        isOpen={popUp?.confirmUpload?.isOpen}
-        onOpenChange={(open) => handlePopUpToggle("confirmUpload", open)}
-      >
-        <ModalContent
-          title="Confirm Secret Upload"
-          footerContent={[
-            <Button
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-              colorSchema={isNonConflictingUpload ? "primary" : "danger"}
-              key="overwrite-btn"
-              onClick={handleSaveSecrets}
-            >
-              {isNonConflictingUpload ? "Upload" : "Overwrite"}
-            </Button>,
-            <Button
-              key="keep-old-btn"
-              className="ml-4"
-              onClick={() => handlePopUpClose("confirmUpload")}
-              variant="outline_bg"
-              isDisabled={isSubmitting}
-            >
-              Cancel
-            </Button>
-          ]}
-        >
-          {isNonConflictingUpload ? (
-            <div>
-              Are you sure you want to import {createSecretCount} secret
-              {createSecretCount > 1 ? "s" : ""} to this environment?
-            </div>
-          ) : (
-            <div className="flex flex-col text-gray-300">
-              <div>Your project already contains the following {updateSecretCount} secrets:</div>
-              <div className="mt-2 text-sm text-gray-400">
-                {Object.keys((popUp?.confirmUpload?.data as TSecOverwriteOpt)?.update || {})
-                  ?.map((key) => key)
-                  .join(", ")}
-              </div>
-              <div className="mt-6">
-                Are you sure you want to overwrite these secrets
-                {createSecretCount > 0
-                  ? ` and import ${createSecretCount} new
-                one${createSecretCount > 1 ? "s" : ""}`
-                  : ""}
-                ?
-              </div>
-            </div>
-          )}
-        </ModalContent>
-      </Modal>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/index.tsx b/frontend-next/src/views/SecretMainPage/components/SecretDropzone/index.tsx
deleted file mode 100644
index e0fb737b6..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretDropzone/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretDropzone } from "./SecretDropzone";
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretImportListView/SecretImportItem.tsx b/frontend-next/src/views/SecretMainPage/components/SecretImportListView/SecretImportItem.tsx
deleted file mode 100644
index 2d9d74fab..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretImportListView/SecretImportItem.tsx
+++ /dev/null
@@ -1,331 +0,0 @@
-import { useEffect } from "react";
-import { subject } from "@casl/ability";
-import { useSortable } from "@dnd-kit/sortable";
-import {
-  faCalendarCheck,
-  faClose,
-  faFileImport,
-  faFolder,
-  faInfoCircle,
-  faKey,
-  faRotate,
-  faUpDown,
-  faWarning,
-  faXmark
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { EmptyState, IconButton, SecretInput, TableContainer, Tooltip } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useResyncSecretReplication } from "@app/hooks/api";
-import { TSecretImport } from "@app/hooks/api/types";
-
-type Props = {
-  onDelete: () => void;
-  environment: string;
-  secretPath?: string;
-  secretImport?: TSecretImport;
-  isReplicationExpand?: boolean;
-  importedSecrets: {
-    key: string;
-    value?: string;
-    overriden: { env: string; secretPath: string };
-  }[];
-  searchTerm: string;
-  onExpandReplicateSecrets: (id: string) => void;
-};
-
-// to show the environment and folder icon
-export const EnvFolderIcon = ({
-  env,
-  secretPath
-}: // isReplication
-{
-  env: string;
-  secretPath: string;
-  // isReplication?: boolean;
-}) => (
-  <div className="inline-flex items-center space-x-2">
-    <div style={{ minWidth: "96px" }}>{env || "-"}</div>
-    {secretPath && (
-      <div className="inline-flex items-center space-x-2 border-l border-mineshaft-600 pl-2">
-        {/* {isReplication && <Tag size="xs">Replication Mode</Tag>} */}
-        <FontAwesomeIcon icon={faFolder} className="text-md text-green-700" />
-        <span>{secretPath}</span>
-      </div>
-    )}
-  </div>
-);
-
-export const SecretImportItem = ({
-  onDelete,
-  isReplicationExpand,
-  importedSecrets = [],
-  searchTerm = "",
-  secretPath = "/",
-  environment,
-  secretImport,
-  onExpandReplicateSecrets: onExpandReplicate
-}: Props) => {
-  const {
-    isReserved,
-    id,
-    isReplication,
-    isReplicationSuccess,
-    replicationStatus,
-    lastReplicated,
-    importEnv
-  } = secretImport as TSecretImport;
-  const { currentWorkspace } = useWorkspace();
-  const [isExpanded, setIsExpanded] = useToggle();
-  const { attributes, listeners, transform, transition, setNodeRef, isDragging } = useSortable({
-    id
-  });
-  const resyncSecretReplication = useResyncSecretReplication();
-  useEffect(() => {
-    const filteredSecrets = importedSecrets.filter((secret) =>
-      secret.key.toUpperCase().includes(searchTerm.toUpperCase())
-    );
-
-    if (filteredSecrets.length > 0 && searchTerm) {
-      setIsExpanded.on();
-    } else {
-      setIsExpanded.off();
-    }
-  }, [searchTerm]);
-
-  useEffect(() => {
-    if (isDragging) {
-      setIsExpanded.off();
-    }
-  }, [isDragging]);
-
-  const style = {
-    transform: transform ? `translateY(${transform.y ? Math.round(transform.y) : 0}px)` : "",
-    transition
-  };
-
-  const handleResyncSecretReplication = async () => {
-    if (resyncSecretReplication.isLoading) return;
-    try {
-      await resyncSecretReplication.mutateAsync({
-        id,
-        environment,
-        path: secretPath,
-        projectId: currentWorkspace?.id || ""
-      });
-      createNotification({
-        text: "Please refresh the dashboard to view changes",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to resync replication",
-        type: "error"
-      });
-    }
-  };
-
-  const handleRowClick = () => {
-    if (isReplication) {
-      onExpandReplicate(id);
-    } else {
-      setIsExpanded.toggle();
-    }
-  };
-
-  return (
-    <>
-      <div
-        className={twMerge(
-          "group flex cursor-pointer border-b border-mineshaft-600 hover:bg-mineshaft-700",
-          isReserved && "hidden"
-        )}
-        role="button"
-        ref={setNodeRef}
-        tabIndex={0}
-        style={style}
-        onClick={handleRowClick}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            handleRowClick();
-          }
-        }}
-      >
-        <div className="flex w-11 items-center py-2 pl-5 text-green-700">
-          <FontAwesomeIcon icon={faFileImport} />
-        </div>
-        <div className="flex flex-grow items-center py-2 pl-4 pr-2">
-          <EnvFolderIcon
-            env={importEnv.slug || ""}
-            secretPath={secretImport?.importPath || ""}
-            // isReplication={isReplication}
-          />
-        </div>
-        <div className="flex items-center space-x-4 py-2 pr-4">
-          {lastReplicated && (
-            <Tooltip
-              position="left"
-              className="max-w-md whitespace-normal break-words"
-              content={
-                <div className="flex max-h-[10rem] flex-col overflow-auto ">
-                  <div className="flex self-start">
-                    <FontAwesomeIcon icon={faCalendarCheck} className="pt-0.5 pr-2 text-sm" />
-                    <div className="text-sm">Last Replication</div>
-                  </div>
-                  <div className="pl-5 text-left text-xs">
-                    {lastReplicated
-                      ? format(new Date(lastReplicated), "yyyy-MM-dd, hh:mm aaa")
-                      : "-"}
-                  </div>
-                  {!isReplicationSuccess && (
-                    <>
-                      <div className="mt-2 flex self-start">
-                        <FontAwesomeIcon icon={faXmark} className="pt-1 pr-2 text-sm" />
-                        <div className="text-sm">Fail reason</div>
-                      </div>
-                      <div className="pl-5 text-left text-xs">{replicationStatus}</div>
-                    </>
-                  )}
-                </div>
-              }
-            >
-              <div
-                className={twMerge(
-                  "opacity-0 group-hover:opacity-100",
-                  !isReplicationSuccess && "text-red-600"
-                )}
-              >
-                <FontAwesomeIcon icon={isReplicationSuccess ? faInfoCircle : faWarning} />
-              </div>
-            </Tooltip>
-          )}
-          {isReplication && (
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Edit}
-              a={subject(ProjectPermissionSub.SecretImports, { environment, secretPath })}
-              renderTooltip
-              allowedLabel="Resync replicated secrets"
-            >
-              {(isAllowed) => (
-                <IconButton
-                  size="md"
-                  colorSchema="primary"
-                  variant="plain"
-                  ariaLabel="expand"
-                  className={twMerge(
-                    "p-0 opacity-0 group-hover:opacity-100",
-                    resyncSecretReplication.isLoading && "animate-spin opacity-100"
-                  )}
-                  isDisabled={!isAllowed}
-                  onClick={handleResyncSecretReplication}
-                >
-                  <FontAwesomeIcon icon={faRotate} />
-                </IconButton>
-              )}
-            </ProjectPermissionCan>
-          )}
-        </div>
-        <div className="flex items-center space-x-4 border-l border-mineshaft-600 px-4 py-2">
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Edit}
-            a={subject(ProjectPermissionSub.SecretImports, {
-              environment,
-              secretPath: secretPath || "/"
-            })}
-            renderTooltip
-            allowedLabel="Change order"
-          >
-            {(isAllowed) => (
-              <IconButton
-                size="md"
-                colorSchema="primary"
-                variant="plain"
-                ariaLabel="expand"
-                className="p-0 opacity-0 group-hover:opacity-100"
-                {...attributes}
-                {...listeners}
-                isDisabled={!isAllowed}
-              >
-                <FontAwesomeIcon icon={faUpDown} />
-              </IconButton>
-            )}
-          </ProjectPermissionCan>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Delete}
-            a={subject(ProjectPermissionSub.SecretImports, { environment, secretPath })}
-            renderTooltip
-            allowedLabel="Delete"
-          >
-            {(isAllowed) => (
-              <IconButton
-                size="md"
-                variant="plain"
-                colorSchema="danger"
-                ariaLabel="delete"
-                className="p-0 opacity-0 group-hover:opacity-100"
-                onClick={(evt) => {
-                  evt.stopPropagation();
-                  onDelete();
-                }}
-                isDisabled={!isAllowed}
-              >
-                <FontAwesomeIcon icon={faClose} size="lg" />
-              </IconButton>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </div>
-      {!isReplication && (isReplicationExpand || isExpanded) && !isDragging && (
-        <td
-          colSpan={3}
-          className={`bg-bunker-800 ${isExpanded && "border-b-2 border-mineshaft-500"}`}
-        >
-          <div className="rounded-md bg-bunker-700 p-1">
-            <TableContainer>
-              <table className="secret-table">
-                <thead>
-                  <tr>
-                    <td style={{ padding: "0.25rem 1rem" }}>Key</td>
-                    <td style={{ padding: "0.25rem 1rem" }}>Value</td>
-                    {/* <td style={{ padding: "0.25rem 1rem" }}>Override</td> */}
-                  </tr>
-                </thead>
-                <tbody>
-                  {importedSecrets?.length === 0 && (
-                    <tr>
-                      <td colSpan={3}>
-                        <EmptyState title="No secrets found" icon={faKey} />
-                      </td>
-                    </tr>
-                  )}
-                  {importedSecrets
-                    .filter((secret) => secret.key.toUpperCase().includes(searchTerm.toUpperCase()))
-                    .map(({ key, value }, index) => (
-                      <tr key={`${id}-${key}-${index + 1}`}>
-                        <td className="h-10" style={{ padding: "0.25rem 1rem" }}>
-                          {key}
-                        </td>
-                        <td className="h-10" style={{ padding: "0.25rem 1rem" }}>
-                          <SecretInput value={value} isReadOnly />
-                        </td>
-                        {/* <td className="h-10" style={{ padding: "0.25rem 1rem" }}>
-                          <EnvFolderIcon env={overriden?.env} secretPath={overriden?.secretPath} />
-                        </td> */}
-                      </tr>
-                    ))}
-                </tbody>
-              </table>
-            </TableContainer>
-          </div>
-        </td>
-      )}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretImportListView/SecretImportListView.tsx b/frontend-next/src/views/SecretMainPage/components/SecretImportListView/SecretImportListView.tsx
deleted file mode 100644
index e212d6da9..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretImportListView/SecretImportListView.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-import { useEffect, useState } from "react";
-import {
-  closestCenter,
-  DndContext,
-  DragEndEvent,
-  KeyboardSensor,
-  MouseSensor,
-  TouchSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import { arrayMove, SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
-
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal } from "@app/components/v2";
-import { usePopUp } from "@app/hooks";
-import { useDeleteSecretImport, useUpdateSecretImport } from "@app/hooks/api";
-import { ReservedFolders } from "@app/hooks/api/secretFolders/types";
-import { TSecretImport } from "@app/hooks/api/secretImports/types";
-import { SecretV3RawSanitized, WorkspaceEnv } from "@app/hooks/api/types";
-import { formatReservedPaths } from "@app/lib/fn/string";
-
-import { SecretImportItem } from "./SecretImportItem";
-
-const SECRET_IN_DASHBOARD = "Present In Dashboard";
-
-type TImportedSecrets = Array<{
-  environmentInfo: WorkspaceEnv;
-  secretPath: string;
-  folderId: string;
-  secrets: SecretV3RawSanitized[];
-}>;
-
-export const computeImportedSecretRows = (
-  importedSecEnv: string,
-  importedSecPath: string,
-  importSecrets: TImportedSecrets = [],
-  secrets: SecretV3RawSanitized[] = []
-) => {
-  const importedSecIndex = importSecrets.findIndex(
-    ({ secretPath, environmentInfo }) =>
-      secretPath === importedSecPath && importedSecEnv === environmentInfo.slug
-  );
-  if (importedSecIndex === -1) return [];
-
-  const importedSec = importSecrets[importedSecIndex];
-  const overridenSec: Record<string, { env: string; secretPath: string }> = {};
-
-  for (let i = importedSecIndex + 1; i < importSecrets.length; i += 1) {
-    importSecrets[i].secrets.forEach((el) => {
-      overridenSec[el.key] = {
-        env: importSecrets[i].environmentInfo.name,
-        secretPath: formatReservedPaths(importSecrets[i].secretPath)
-      };
-    });
-  }
-
-  secrets.forEach((el) => {
-    overridenSec[el.key] = { env: SECRET_IN_DASHBOARD, secretPath: "" };
-  });
-
-  const importedEntry: Record<string, boolean> = {};
-  const importedSecretEntries: {
-    key: string;
-    value?: string;
-    overriden: {
-      env: string;
-      secretPath: string;
-    };
-  }[] = [];
-
-  importedSec.secrets.forEach(({ key, value }) => {
-    if (!importedEntry[key]) {
-      importedSecretEntries.push({
-        key,
-        value,
-        overriden: overridenSec?.[key]
-      });
-      importedEntry[key] = true;
-    }
-  });
-
-  return importedSecretEntries;
-};
-
-type Props = {
-  environment: string;
-  workspaceId: string;
-  secretPath?: string;
-  secretImports?: TSecretImport[];
-  isFetching?: boolean;
-  // secrets?: SecretV3RawSanitized[];
-  importedSecrets?: TImportedSecrets;
-  searchTerm: string;
-};
-
-export const SecretImportListView = ({
-  secretImports,
-  environment,
-  workspaceId,
-  secretPath,
-  importedSecrets,
-  // secrets = [],
-  isFetching,
-  searchTerm
-}: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteSecretImport"
-  ] as const);
-
-  const [replicationSecrets, setReplicationSecrets] = useState<Record<string, boolean>>({});
-
-  const sensors = useSensors(
-    useSensor(MouseSensor, {}),
-    useSensor(TouchSensor, {}),
-    useSensor(KeyboardSensor, {})
-  );
-
-  const [items, setItems] = useState(secretImports ?? []);
-
-  useEffect(() => {
-    if (!isFetching) {
-      setItems(secretImports ?? []);
-    }
-  }, [isFetching, secretImports]);
-
-  const { mutateAsync: deleteSecretImport } = useDeleteSecretImport();
-  const { mutate: updateSecretImport } = useUpdateSecretImport();
-
-  const handleSecretImportDelete = async () => {
-    const { id: secretImportId } = popUp.deleteSecretImport?.data as { id: string };
-    try {
-      await deleteSecretImport({
-        projectId: workspaceId,
-        environment,
-        path: secretPath,
-        id: secretImportId
-      });
-      handlePopUpClose("deleteSecretImport");
-      createNotification({
-        type: "success",
-        text: "Successfully removed secret link"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to remove secret link",
-        type: "error"
-      });
-    }
-  };
-
-  const handleSecretImportReorder = ({ over, active }: DragEndEvent) => {
-    if (active.id !== over?.id) {
-      const oldIndex = items.findIndex(({ id }) => id === active.id);
-      const newIndex = items.findIndex(({ id }) => id === over?.id);
-      const newImportOrder = arrayMove(items, oldIndex, newIndex);
-      setItems(newImportOrder);
-      updateSecretImport({
-        projectId: workspaceId,
-        environment,
-        path: secretPath,
-        id: active.id as string,
-        import: {
-          position: newIndex + 1
-        }
-      });
-    }
-  };
-
-  const handleOpenReplicationSecrets = (replicationImportId: string) => {
-    const reservedImport = secretImports?.find(
-      ({ isReserved, importPath, importEnv }) =>
-        importEnv.slug === environment &&
-        isReserved &&
-        importPath ===
-          `${secretPath === "/" ? "" : secretPath}/${
-            ReservedFolders.SecretReplication
-          }${replicationImportId}`
-    );
-    if (reservedImport) {
-      setReplicationSecrets((state) => ({
-        ...state,
-        [reservedImport.id]: !state?.[reservedImport.id]
-      }));
-    }
-  };
-
-  return (
-    <>
-      <DndContext
-        onDragEnd={handleSecretImportReorder}
-        sensors={sensors}
-        collisionDetection={closestCenter}
-        modifiers={[restrictToVerticalAxis]}
-      >
-        <SortableContext items={items} strategy={verticalListSortingStrategy}>
-          {items?.map((item) => {
-            // TODO(akhilmhdh): change this and pass this whole object instead of one by one
-            return (
-              <SecretImportItem
-                searchTerm={searchTerm}
-                key={`imported-env-${item.id}`}
-                isReplicationExpand={replicationSecrets?.[item.id]}
-                onExpandReplicateSecrets={handleOpenReplicationSecrets}
-                secretImport={item}
-                importedSecrets={computeImportedSecretRows(
-                  item.importEnv.slug,
-                  item.importPath,
-                  importedSecrets
-                  // secrets scott - now that secrets are paginated we are not showing if they are overridden (yet?)
-                )}
-                secretPath={secretPath}
-                environment={environment}
-                onDelete={() => handlePopUpOpen("deleteSecretImport", item)}
-              />
-            );
-          })}
-        </SortableContext>
-      </DndContext>
-      <DeleteActionModal
-        isOpen={popUp.deleteSecretImport.isOpen}
-        deleteKey="unlink"
-        title="Do you want to remove this secret import?"
-        subTitle={`This will unlink secrets from environment ${
-          (popUp.deleteSecretImport?.data as TSecretImport)?.importEnv
-        } of path ${(popUp.deleteSecretImport?.data as TSecretImport)?.importPath}?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteSecretImport", isOpen)}
-        onDeleteApproved={handleSecretImportDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretImportListView/index.tsx b/frontend-next/src/views/SecretMainPage/components/SecretImportListView/index.tsx
deleted file mode 100644
index c7d90c94d..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretImportListView/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretImportListView } from "./SecretImportListView";
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/CreateReminderForm.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/CreateReminderForm.tsx
deleted file mode 100644
index 65ff7b143..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/CreateReminderForm.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faClock, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { Button, FormControl, Input, Modal, ModalContent, TextArea } from "@app/components/v2";
-
-const ReminderFormSchema = z.object({
-  note: z.string().optional().nullable(),
-  days: z
-    .number()
-    .min(1, { message: "Must be at least 1 day" })
-    .max(365, { message: "Must be less than 365 days" })
-    .nullable()
-});
-export type TReminderFormSchema = z.infer<typeof ReminderFormSchema>;
-
-interface ReminderFormProps {
-  isOpen: boolean;
-  repeatDays?: number | null;
-  note?: string | null;
-  onOpenChange: (isOpen: boolean, data?: TReminderFormSchema) => void;
-}
-
-export const CreateReminderForm = ({
-  isOpen,
-  onOpenChange,
-  repeatDays,
-  note
-}: ReminderFormProps) => {
-  const {
-    register,
-    control,
-    reset,
-    setValue,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<TReminderFormSchema>({
-    defaultValues: {
-      days: repeatDays || undefined,
-      note: note || ""
-    },
-    resolver: zodResolver(ReminderFormSchema)
-  });
-
-  const handleFormSubmit = async (data: TReminderFormSchema) => {
-    onOpenChange(false, data);
-  };
-
-  useEffect(() => {
-    if (isOpen) {
-      reset({
-        days: repeatDays || undefined,
-        note: note || ""
-      });
-    }
-  }, [isOpen]);
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        title={`${repeatDays ? "Update" : "Create"} reminder`}
-        subTitle="Set up a reminder for when this secret should be rotated. Everyone with access to this project will be notified when the reminder is triggered."
-      >
-        <form onSubmit={handleSubmit(handleFormSubmit)}>
-          <div className="space-y-2">
-            <div>
-              <Controller
-                control={control}
-                name="days"
-                render={({ field, fieldState }) => (
-                  <>
-                    <FormControl
-                      className="mb-0"
-                      label="Reminder Interval (in days)"
-                      isError={Boolean(fieldState.error)}
-                      errorText={fieldState.error?.message || ""}
-                    >
-                      <Input
-                        onChange={(el) => setValue("days", parseInt(el.target.value, 10))}
-                        type="number"
-                        placeholder="31"
-                        value={field.value || undefined}
-                      />
-                    </FormControl>
-                    <div
-                      className={twMerge(
-                        "mt-2 ml-1 text-xs",
-                        field.value ? "opacity-60" : "opacity-0"
-                      )}
-                    >
-                      A reminder will be sent every{" "}
-                      {field.value && field.value > 1 ? `${field.value} days` : "day"}
-                    </div>
-                  </>
-                )}
-              />
-            </div>
-
-            <FormControl label="Note" className="mb-0">
-              <TextArea
-                placeholder="Remember to rotate the AWS secret every month."
-                className="border border-mineshaft-600 text-sm"
-                rows={8}
-                reSize="none"
-                cols={30}
-                {...register("note")}
-              />
-            </FormControl>
-          </div>
-          <div className="mt-7 flex items-center space-x-4">
-            <Button
-              isDisabled={isSubmitting}
-              isLoading={isSubmitting}
-              key="layout-create-project-submit"
-              className=""
-              leftIcon={<FontAwesomeIcon icon={faClock} />}
-              type="submit"
-            >
-              {repeatDays ? "Update" : "Create"} reminder
-            </Button>
-            {repeatDays && (
-              <Button
-                key="layout-cancel-create-project"
-                onClick={() => onOpenChange(false, { days: null, note: null })}
-                colorSchema="danger"
-                leftIcon={<FontAwesomeIcon icon={faTrash} />}
-              >
-                Delete reminder
-              </Button>
-            )}
-            <Button
-              key="layout-cancel-create-project"
-              onClick={() => onOpenChange(false)}
-              variant="plain"
-              colorSchema="secondary"
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/GenRandomNumber.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/GenRandomNumber.tsx
deleted file mode 100644
index 5e7671f63..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/GenRandomNumber.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import crypto from "crypto";
-
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { faMinus, faPlus, faShuffle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button, Input } from "@app/components/v2";
-
-type Props = {
-  onGenerate: (val: string) => void;
-};
-
-export const GenRandomNumber = ({ onGenerate }: Props) => {
-  const { t } = useTranslation();
-  const [value, setValue] = useState(32);
-
-  const onGenerateRandomHex = () => {
-    const rand = crypto.randomBytes(value).toString("hex");
-    onGenerate(rand);
-  };
-
-  return (
-    <div className="flex">
-      <Button
-        className="rounded-r-none"
-        colorSchema="secondary"
-        leftIcon={<FontAwesomeIcon icon={faShuffle} />}
-        onClick={onGenerateRandomHex}
-      >
-        {t("dashboard.sidebar.generate-random-hex")}
-      </Button>
-      <div className="rounded-r-md bg-mineshaft p-2">
-        <div className="flex rounded-md border-mineshaft-400 bg-bunker-800 p-1 px-2">
-          <button type="button" onClick={() => setValue((val) => val - 1)}>
-            <FontAwesomeIcon icon={faMinus} size="xs" />
-          </button>
-          <Input
-            size="sm"
-            className="w-8 p-0 text-center"
-            value={value}
-            variant="plain"
-            onChange={(e) => setValue(parseInt(e.target.value, 10))}
-          />
-          <button type="button" onClick={() => setValue((val) => val + 1)}>
-            <FontAwesomeIcon icon={faPlus} size="xs" />
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretDetailSidebar.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretDetailSidebar.tsx
deleted file mode 100644
index 6aa7fd4e1..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretDetailSidebar.tsx
+++ /dev/null
@@ -1,530 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import { faCircleQuestion } from "@fortawesome/free-regular-svg-icons";
-import {
-  faCheckCircle,
-  faCircle,
-  faCircleDot,
-  faClock,
-  faPlus,
-  faShare,
-  faTag
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { format } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  Drawer,
-  DrawerContent,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  FormControl,
-  IconButton,
-  Input,
-  Switch,
-  Tag,
-  TextArea,
-  Tooltip
-} from "@app/components/v2";
-import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput";
-import { ProjectPermissionActions, ProjectPermissionSub, useProjectPermission } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useGetSecretVersion } from "@app/hooks/api";
-import { SecretV3RawSanitized, WsTag } from "@app/hooks/api/types";
-
-import { CreateReminderForm } from "./CreateReminderForm";
-import { formSchema, SecretActionType, TFormSchema } from "./SecretListView.utils";
-
-type Props = {
-  isOpen?: boolean;
-  environment: string;
-  secretPath: string;
-  onToggle: (isOpen: boolean) => void;
-  onClose: () => void;
-  secret: SecretV3RawSanitized;
-  onDeleteSecret: () => void;
-  onSaveSecret: (
-    orgSec: SecretV3RawSanitized,
-    modSec: Omit<SecretV3RawSanitized, "tags"> & { tags?: { id: string }[] },
-    cb?: () => void
-  ) => Promise<void>;
-  tags: WsTag[];
-  onCreateTag: () => void;
-  handleSecretShare: (value: string) => void;
-};
-
-export const SecretDetailSidebar = ({
-  isOpen,
-  onToggle,
-  secret,
-  onDeleteSecret,
-  onSaveSecret,
-  tags,
-  onCreateTag,
-  environment,
-  secretPath,
-  handleSecretShare
-}: Props) => {
-  const {
-    register,
-    control,
-    watch,
-    handleSubmit,
-    setValue,
-    reset,
-    formState: { isDirty, isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(formSchema),
-    values: secret
-  });
-
-  const { permission } = useProjectPermission();
-
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name: "tags"
-  });
-
-  const secretKey = secret?.key || "";
-  const selectedTags = watch("tags", []) || [];
-  const selectedTagsGroupById = selectedTags.reduce<Record<string, boolean>>(
-    (prev, curr) => ({ ...prev, [curr.id]: true }),
-    {}
-  );
-  const selectTagSlugs = selectedTags.map((i) => i.slug);
-
-  const cannotEditSecret = permission.cannot(
-    ProjectPermissionActions.Edit,
-    subject(ProjectPermissionSub.Secrets, {
-      environment,
-      secretPath,
-      secretName: secretKey,
-      secretTags: selectTagSlugs
-    })
-  );
-  const isReadOnly =
-    permission.can(
-      ProjectPermissionActions.Read,
-      subject(ProjectPermissionSub.Secrets, {
-        environment,
-        secretPath,
-        secretName: secretKey,
-        secretTags: selectTagSlugs
-      })
-    ) && cannotEditSecret;
-
-  const overrideAction = watch("overrideAction");
-  const isOverridden =
-    overrideAction === SecretActionType.Created || overrideAction === SecretActionType.Modified;
-
-  const { data: secretVersion } = useGetSecretVersion({
-    limit: 10,
-    offset: 0,
-    secretId: secret?.id
-  });
-
-  const handleOverrideClick = () => {
-    if (isOverridden) {
-      // override need not be flagged delete if it was never saved in server
-      // meaning a new unsaved personal secret but user toggled back later
-      const isUnsavedOverride = !secret.idOverride;
-      setValue(
-        "overrideAction",
-        isUnsavedOverride ? secret?.overrideAction : SecretActionType.Deleted,
-        {
-          shouldDirty: !isUnsavedOverride
-        }
-      );
-      setValue("valueOverride", secret?.valueOverride, { shouldDirty: !isUnsavedOverride });
-    } else {
-      setValue("overrideAction", SecretActionType.Modified, { shouldDirty: true });
-      setValue("valueOverride", "", { shouldDirty: true });
-    }
-  };
-
-  const handleTagSelect = (tag: WsTag) => {
-    if (selectedTagsGroupById?.[tag.id]) {
-      const tagPos = selectedTags.findIndex(({ id }) => id === tag.id);
-      if (tagPos !== -1) {
-        remove(tagPos);
-      }
-    } else {
-      append(tag);
-    }
-  };
-
-  const handleFormSubmit = async (data: TFormSchema) => {
-    await onSaveSecret(secret, { ...secret, ...data }, () => reset());
-  };
-
-  const [createReminderFormOpen, setCreateReminderFormOpen] = useToggle(false);
-
-  const secretReminderRepeatDays = watch("reminderRepeatDays");
-  const secretReminderNote = watch("reminderNote");
-
-  return (
-    <>
-      <CreateReminderForm
-        repeatDays={secretReminderRepeatDays}
-        note={secretReminderNote}
-        isOpen={createReminderFormOpen}
-        onOpenChange={(_, data) => {
-          setCreateReminderFormOpen.toggle();
-
-          if (data) {
-            setValue("reminderRepeatDays", data.days, { shouldDirty: true });
-            setValue("reminderNote", data.note, { shouldDirty: true });
-          }
-        }}
-      />
-      <Drawer
-        onOpenChange={(state) => {
-          if (isOpen && isDirty) {
-            if (
-              // eslint-disable-next-line no-alert
-              window.confirm(
-                "You have edited the secret. Are you sure you want to reset the change?"
-              )
-            ) {
-              onToggle(false);
-              reset();
-            } else return;
-          }
-          onToggle(state);
-        }}
-        isOpen={isOpen}
-      >
-        <DrawerContent title="Secret">
-          <form onSubmit={handleSubmit(handleFormSubmit)} className="h-full">
-            <div className="flex h-full flex-col">
-              <FormControl label="Key">
-                <Input isDisabled {...register("key")} />
-              </FormControl>
-              <ProjectPermissionCan
-                I={ProjectPermissionActions.Edit}
-                a={subject(ProjectPermissionSub.Secrets, {
-                  environment,
-                  secretPath,
-                  secretName: secretKey,
-                  secretTags: selectTagSlugs
-                })}
-              >
-                {(isAllowed) => (
-                  <Controller
-                    name="value"
-                    key="secret-value"
-                    control={control}
-                    render={({ field }) => (
-                      <FormControl label="Value">
-                        <InfisicalSecretInput
-                          isReadOnly={isReadOnly}
-                          environment={environment}
-                          secretPath={secretPath}
-                          key="secret-value"
-                          isDisabled={isOverridden || !isAllowed}
-                          containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-bunker-800  px-2 py-1.5"
-                          {...field}
-                          autoFocus={false}
-                        />
-                      </FormControl>
-                    )}
-                  />
-                )}
-              </ProjectPermissionCan>
-              <div className="mb-2 border-b border-mineshaft-600 pb-4">
-                <ProjectPermissionCan
-                  I={ProjectPermissionActions.Edit}
-                  a={subject(ProjectPermissionSub.Secrets, {
-                    environment,
-                    secretPath,
-                    secretName: secretKey,
-                    secretTags: selectTagSlugs
-                  })}
-                >
-                  {(isAllowed) => (
-                    <Switch
-                      isDisabled={!isAllowed}
-                      id="personal-override"
-                      onCheckedChange={handleOverrideClick}
-                      isChecked={isOverridden}
-                    >
-                      Override with a personal value
-                    </Switch>
-                  )}
-                </ProjectPermissionCan>
-              </div>
-              {isOverridden && (
-                <Controller
-                  name="valueOverride"
-                  control={control}
-                  render={({ field }) => (
-                    <FormControl label="Value Override">
-                      <InfisicalSecretInput
-                        isReadOnly={isReadOnly}
-                        environment={environment}
-                        secretPath={secretPath}
-                        containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-bunker-800  px-2 py-1.5"
-                        {...field}
-                      />
-                    </FormControl>
-                  )}
-                />
-              )}
-              <FormControl label="Tags" className="">
-                <div className="grid auto-cols-min grid-flow-col gap-2 overflow-hidden pt-2">
-                  {fields.map(({ tagColor, id: formId, slug, id }) => (
-                    <Tag
-                      className="flex w-min items-center space-x-2"
-                      key={formId}
-                      onClose={() => {
-                        if (cannotEditSecret) {
-                          createNotification({ type: "error", text: "Access denied" });
-                          return;
-                        }
-                        const tag = tags?.find(({ id: tagId }) => id === tagId);
-                        if (tag) handleTagSelect(tag);
-                      }}
-                    >
-                      <div
-                        className="h-3 w-3 rounded-full"
-                        style={{ backgroundColor: tagColor || "#bec2c8" }}
-                      />
-                      <div className="text-sm">{slug}</div>
-                    </Tag>
-                  ))}
-                  <DropdownMenu>
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Edit}
-                      a={subject(ProjectPermissionSub.Secrets, {
-                        environment,
-                        secretPath,
-                        secretName: secretKey,
-                        secretTags: selectTagSlugs
-                      })}
-                    >
-                      {(isAllowed) => (
-                        <DropdownMenuTrigger asChild>
-                          <IconButton
-                            ariaLabel="add"
-                            variant="outline_bg"
-                            size="xs"
-                            className="rounded-md"
-                            isDisabled={!isAllowed}
-                          >
-                            <FontAwesomeIcon icon={faPlus} />
-                          </IconButton>
-                        </DropdownMenuTrigger>
-                      )}
-                    </ProjectPermissionCan>
-                    <DropdownMenuContent align="end" className="z-[100]">
-                      <DropdownMenuLabel>Add tags to this secret</DropdownMenuLabel>
-                      {tags.map((tag) => {
-                        const { id: tagId, slug, color } = tag;
-
-                        const isSelected = selectedTagsGroupById?.[tagId];
-                        return (
-                          <DropdownMenuItem
-                            onClick={() => handleTagSelect(tag)}
-                            key={tagId}
-                            icon={isSelected && <FontAwesomeIcon icon={faCheckCircle} />}
-                            iconPos="right"
-                          >
-                            <div className="flex items-center">
-                              <div
-                                className="mr-2 h-2 w-2 rounded-full"
-                                style={{ background: color || "#bec2c8" }}
-                              />
-                              {slug}
-                            </div>
-                          </DropdownMenuItem>
-                        );
-                      })}
-                      <ProjectPermissionCan
-                        I={ProjectPermissionActions.Create}
-                        a={ProjectPermissionSub.Tags}
-                      >
-                        {(isAllowed) => (
-                          <DropdownMenuItem asChild>
-                            <Button
-                              size="xs"
-                              className="w-full"
-                              colorSchema="primary"
-                              variant="outline_bg"
-                              leftIcon={<FontAwesomeIcon icon={faTag} />}
-                              onClick={onCreateTag}
-                              isDisabled={!isAllowed}
-                            >
-                              Create a tag
-                            </Button>
-                          </DropdownMenuItem>
-                        )}
-                      </ProjectPermissionCan>
-                    </DropdownMenuContent>
-                  </DropdownMenu>
-                </div>
-              </FormControl>
-              <FormControl label="Reminder">
-                {secretReminderRepeatDays && secretReminderRepeatDays > 0 ? (
-                  <div className="mt-2 ml-1 flex items-center justify-between">
-                    <div className="flex items-center space-x-2">
-                      <FontAwesomeIcon className="text-primary-500" icon={faClock} />
-                      <span className="text-sm text-bunker-300">
-                        Reminder every {secretReminderRepeatDays}{" "}
-                        {secretReminderRepeatDays > 1 ? "days" : "day"}
-                      </span>
-                    </div>
-                    <div>
-                      <Button
-                        className="px-2 py-1"
-                        variant="outline_bg"
-                        onClick={() => setCreateReminderFormOpen.on()}
-                      >
-                        Update
-                      </Button>
-                    </div>
-                  </div>
-                ) : (
-                  <div className="mt-2 ml-1 flex items-center space-x-2">
-                    <Button
-                      className="w-full px-2 py-1"
-                      variant="outline_bg"
-                      leftIcon={<FontAwesomeIcon icon={faClock} />}
-                      onClick={() => setCreateReminderFormOpen.on()}
-                      isDisabled={cannotEditSecret}
-                    >
-                      Create Reminder
-                    </Button>
-                  </div>
-                )}
-              </FormControl>
-              <FormControl label="Comments & Notes">
-                <TextArea
-                  className="border border-mineshaft-600 text-sm"
-                  {...register("comment")}
-                  readOnly={isReadOnly}
-                  rows={5}
-                />
-              </FormControl>
-              <div className="my-2 mb-4 border-b border-mineshaft-600 pb-4">
-                <Controller
-                  control={control}
-                  name="skipMultilineEncoding"
-                  render={({ field: { value, onChange, onBlur } }) => (
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Edit}
-                      a={subject(ProjectPermissionSub.Secrets, {
-                        environment,
-                        secretPath,
-                        secretName: secretKey,
-                        secretTags: selectTagSlugs
-                      })}
-                    >
-                      {(isAllowed) => (
-                        <Switch
-                          id="skipmultiencoding-option"
-                          onCheckedChange={(isChecked) => onChange(isChecked)}
-                          isChecked={value}
-                          onBlur={onBlur}
-                          isDisabled={!isAllowed}
-                          className="items-center"
-                        >
-                          Multi line encoding
-                          <Tooltip
-                            content="When enabled, multiline secrets will be handled by escaping newlines and enclosing the entire value in double quotes."
-                            className="z-[100]"
-                          >
-                            <FontAwesomeIcon icon={faCircleQuestion} className="ml-1" size="sm" />
-                          </Tooltip>
-                        </Switch>
-                      )}
-                    </ProjectPermissionCan>
-                  )}
-                />
-              </div>
-              <div className="ml-1 flex items-center space-x-4">
-                <Button
-                  className="w-full px-2 py-1"
-                  variant="outline_bg"
-                  leftIcon={<FontAwesomeIcon icon={faShare} />}
-                  onClick={() => {
-                    const value = secret?.valueOverride ?? secret?.value;
-                    if (value) {
-                      handleSecretShare(value);
-                    }
-                  }}
-                >
-                  Share Secret
-                </Button>
-              </div>
-              <div className="dark mt-4 mb-4 flex-grow text-sm text-bunker-300">
-                <div className="mb-2">Version History</div>
-                <div className="flex h-48 flex-col space-y-2 overflow-y-auto overflow-x-hidden rounded-md border border-mineshaft-600 bg-bunker-800 p-2 dark:[color-scheme:dark]">
-                  {secretVersion?.map(({ createdAt, secretValue, id }, i) => (
-                    <div key={id} className="flex flex-col space-y-1">
-                      <div className="flex items-center space-x-2">
-                        <div>
-                          <FontAwesomeIcon icon={i === 0 ? faCircleDot : faCircle} size="sm" />
-                        </div>
-                        <div>{format(new Date(createdAt), "Pp")}</div>
-                      </div>
-                      <div className="ml-1.5 flex items-center space-x-2 border-l border-bunker-300 pl-4">
-                        <div className="self-start rounded-sm bg-primary-500/30 px-1">Value:</div>
-                        <div className="break-all font-mono">{secretValue}</div>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-              <div className="flex flex-col space-y-4">
-                <div className="flex items-center space-x-4">
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={subject(ProjectPermissionSub.Secrets, {
-                      environment,
-                      secretPath,
-                      secretName: secretKey,
-                      secretTags: selectTagSlugs
-                    })}
-                  >
-                    {(isAllowed) => (
-                      <Button
-                        isFullWidth
-                        type="submit"
-                        isDisabled={isSubmitting || !isDirty || !isAllowed}
-                        isLoading={isSubmitting}
-                      >
-                        Save Changes
-                      </Button>
-                    )}
-                  </ProjectPermissionCan>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={subject(ProjectPermissionSub.Secrets, {
-                      environment,
-                      secretPath,
-                      secretName: secretKey,
-                      secretTags: selectTagSlugs
-                    })}
-                  >
-                    {(isAllowed) => (
-                      <Button colorSchema="danger" isDisabled={!isAllowed} onClick={onDeleteSecret}>
-                        Delete
-                      </Button>
-                    )}
-                  </ProjectPermissionCan>
-                </div>
-              </div>
-            </div>
-          </form>
-        </DrawerContent>
-      </Drawer>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
deleted file mode 100644
index 448de5b86..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
+++ /dev/null
@@ -1,650 +0,0 @@
-/* eslint-disable simple-import-sort/imports */
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  Checkbox,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  FontAwesomeSymbol,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  ModalTrigger,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  SecretInput,
-  Spinner,
-  TextArea,
-  Tooltip
-} from "@app/components/v2";
-import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { useToggle } from "@app/hooks";
-import { SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
-import { WsTag } from "@app/hooks/api/types";
-import { subject } from "@casl/ability";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { AnimatePresence, motion } from "framer-motion";
-import { memo, useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { twMerge } from "tailwind-merge";
-import { hasSecretReference, SecretReferenceTree } from "../SecretReferenceDetails";
-
-import {
-  FontAwesomeSpriteName,
-  formSchema,
-  SecretActionType,
-  TFormSchema
-} from "./SecretListView.utils";
-
-type Props = {
-  secret: SecretV3RawSanitized;
-  onSaveSecret: (
-    orgSec: SecretV3RawSanitized,
-    modSec: Omit<SecretV3RawSanitized, "tags"> & { tags?: { id: string }[] },
-    cb?: () => void
-  ) => Promise<void>;
-  onDeleteSecret: (sec: SecretV3RawSanitized) => void;
-  onDetailViewSecret: (sec: SecretV3RawSanitized) => void;
-  isVisible?: boolean;
-  isSelected?: boolean;
-  onToggleSecretSelect: (secret: SecretV3RawSanitized) => void;
-  tags: WsTag[];
-  onCreateTag: () => void;
-  environment: string;
-  secretPath: string;
-  handleSecretShare: () => void;
-};
-
-export const SecretItem = memo(
-  ({
-    secret,
-    onSaveSecret,
-    onDeleteSecret,
-    onDetailViewSecret,
-    isVisible,
-    isSelected,
-    tags = [],
-    onCreateTag,
-    onToggleSecretSelect,
-    environment,
-    secretPath,
-    handleSecretShare
-  }: Props) => {
-    const { currentWorkspace } = useWorkspace();
-    const { permission } = useProjectPermission();
-
-    const {
-      handleSubmit,
-      control,
-      register,
-      watch,
-      setValue,
-      reset,
-      getValues,
-      trigger,
-      formState: { isDirty, isSubmitting, errors }
-    } = useForm<TFormSchema>({
-      defaultValues: secret,
-      values: secret,
-      resolver: zodResolver(formSchema)
-    });
-
-    const secretName = watch("key");
-
-    const overrideAction = watch("overrideAction");
-    const hasComment = Boolean(watch("comment"));
-
-    const selectedTags = watch("tags", []) || [];
-    const selectedTagsGroupById = selectedTags.reduce<Record<string, boolean>>(
-      (prev, curr) => ({ ...prev, [curr.id]: true }),
-      {}
-    );
-    const selectedTagSlugs = selectedTags.map((i) => i.slug);
-
-    const { fields, append, remove } = useFieldArray({
-      control,
-      name: "tags"
-    });
-
-    const isReadOnly =
-      permission.can(
-        ProjectPermissionActions.Read,
-        subject(ProjectPermissionSub.Secrets, {
-          environment,
-          secretPath,
-          secretName,
-          secretTags: selectedTagSlugs
-        })
-      ) &&
-      permission.cannot(
-        ProjectPermissionActions.Edit,
-        subject(ProjectPermissionSub.Secrets, {
-          environment,
-          secretPath,
-          secretName,
-          secretTags: selectedTagSlugs
-        })
-      );
-
-    const [isSecValueCopied, setIsSecValueCopied] = useToggle(false);
-    useEffect(() => {
-      let timer: NodeJS.Timeout;
-      if (isSecValueCopied) {
-        timer = setTimeout(() => setIsSecValueCopied.off(), 2000);
-      }
-      return () => clearTimeout(timer);
-    }, [isSecValueCopied]);
-
-    const isOverriden =
-      overrideAction === SecretActionType.Created || overrideAction === SecretActionType.Modified;
-    const hasTagsApplied = Boolean(fields.length);
-
-    const handleOverrideClick = () => {
-      if (isOverriden) {
-        // override need not be flagged delete if it was never saved in server
-        // meaning a new unsaved personal secret but user toggled back later
-        const isUnsavedOverride = !secret.idOverride;
-        setValue(
-          "overrideAction",
-          isUnsavedOverride ? secret?.overrideAction : SecretActionType.Deleted,
-          {
-            shouldDirty: !isUnsavedOverride
-          }
-        );
-        setValue("valueOverride", secret?.valueOverride, { shouldDirty: !isUnsavedOverride });
-        setValue("reminderRepeatDays", secret?.reminderRepeatDays, {
-          shouldDirty: !isUnsavedOverride
-        });
-        setValue("reminderNote", secret?.reminderNote, { shouldDirty: !isUnsavedOverride });
-      } else {
-        reset();
-        setValue("overrideAction", SecretActionType.Modified, { shouldDirty: true });
-        setValue("valueOverride", "", { shouldDirty: true });
-      }
-    };
-
-    const handleFormSubmit = async (data: TFormSchema) => {
-      await onSaveSecret(secret, { ...secret, ...data }, () => reset());
-    };
-
-    const handleTagSelect = (tag: WsTag) => {
-      if (selectedTagsGroupById?.[tag.id]) {
-        const tagPos = selectedTags.findIndex(({ id }) => id === tag.id);
-        if (tagPos !== -1) {
-          remove(tagPos);
-        }
-      } else {
-        append(tag);
-      }
-    };
-
-    const copyTokenToClipboard = () => {
-      const [overrideValue, value] = getValues(["value", "valueOverride"]);
-      if (isOverriden) {
-        navigator.clipboard.writeText(value as string);
-      } else {
-        navigator.clipboard.writeText(overrideValue as string);
-      }
-      setIsSecValueCopied.on();
-    };
-
-    return (
-      <form onSubmit={handleSubmit(handleFormSubmit)}>
-        <div
-          className={twMerge(
-            "border-b border-mineshaft-600 bg-mineshaft-800 shadow-none hover:bg-mineshaft-700",
-            isDirty && "border-primary-400/50"
-          )}
-        >
-          <div className="group flex">
-            <div
-              className={twMerge(
-                "flex h-11 w-11 items-center justify-center px-4 py-3",
-                isDirty && "text-primary"
-              )}
-            >
-              <Checkbox
-                id={`checkbox-${secret.id}`}
-                isChecked={isSelected}
-                onCheckedChange={() => onToggleSecretSelect(secret)}
-                className={twMerge("ml-3 hidden group-hover:flex", isSelected && "flex")}
-              />
-              <FontAwesomeSymbol
-                className={twMerge(
-                  "ml-3 block h-3.5 w-3.5 group-hover:hidden",
-                  isSelected && "hidden"
-                )}
-                symbolName={FontAwesomeSpriteName.SecretKey}
-              />
-            </div>
-            <div className="flex h-11 w-80 flex-shrink-0 items-center px-4 py-2">
-              <Controller
-                name="key"
-                control={control}
-                render={({ field, fieldState: { error } }) => (
-                  <Input
-                    autoComplete="off"
-                    isReadOnly={isReadOnly}
-                    autoCapitalization={currentWorkspace?.autoCapitalization}
-                    variant="plain"
-                    isDisabled={isOverriden}
-                    placeholder={error?.message}
-                    isError={Boolean(error)}
-                    onKeyUp={() => trigger("key")}
-                    {...field}
-                    className="w-full px-0 placeholder:text-red-500 focus:text-bunker-100 focus:ring-transparent"
-                  />
-                )}
-              />
-            </div>
-            <div
-              className="flex w-80 flex-grow items-center border-x border-mineshaft-600 py-1 pl-4 pr-2"
-              tabIndex={0}
-              role="button"
-            >
-              {isOverriden ? (
-                <Controller
-                  name="valueOverride"
-                  key="value-overriden"
-                  control={control}
-                  render={({ field }) => (
-                    <SecretInput
-                      key="value-overriden"
-                      isVisible={isVisible}
-                      isReadOnly={isReadOnly}
-                      {...field}
-                      containerClassName="py-1.5 rounded-md transition-all group-hover:mr-2"
-                    />
-                  )}
-                />
-              ) : (
-                <Controller
-                  name="value"
-                  key="secret-value"
-                  control={control}
-                  render={({ field }) => (
-                    <InfisicalSecretInput
-                      isReadOnly={isReadOnly}
-                      key="secret-value"
-                      isVisible={isVisible}
-                      environment={environment}
-                      secretPath={secretPath}
-                      {...field}
-                      containerClassName="py-1.5 rounded-md transition-all group-hover:mr-2"
-                    />
-                  )}
-                />
-              )}
-              <div key="actions" className="flex h-8 flex-shrink-0 self-start transition-all">
-                <Tooltip content="Copy secret">
-                  <IconButton
-                    ariaLabel="copy-value"
-                    variant="plain"
-                    size="sm"
-                    className="w-0 overflow-hidden p-0 group-hover:mr-2 group-hover:w-5"
-                    onClick={copyTokenToClipboard}
-                  >
-                    <FontAwesomeSymbol
-                      className="h-3.5 w-3"
-                      symbolName={
-                        isSecValueCopied
-                          ? FontAwesomeSpriteName.Check
-                          : FontAwesomeSpriteName.ClipboardCopy
-                      }
-                    />
-                  </IconButton>
-                </Tooltip>
-                <ProjectPermissionCan
-                  I={ProjectPermissionActions.Edit}
-                  a={subject(ProjectPermissionSub.Secrets, {
-                    environment,
-                    secretPath,
-                    secretName,
-                    secretTags: selectedTagSlugs
-                  })}
-                >
-                  {(isAllowed) => (
-                    <Modal>
-                      <ModalTrigger asChild>
-                        <IconButton
-                          className="w-0 overflow-hidden p-0 group-hover:mr-2 group-hover:w-5 data-[state=open]:w-6"
-                          variant="plain"
-                          size="md"
-                          ariaLabel="reference-tree"
-                          isDisabled={!isAllowed || !hasSecretReference(secret?.value)}
-                        >
-                          <Tooltip
-                            content={
-                              hasSecretReference(secret?.value)
-                                ? "Secret Reference Tree"
-                                : "Secret does not contain references"
-                            }
-                          >
-                            <FontAwesomeSymbol
-                              className="h-3.5 w-3.5"
-                              symbolName={FontAwesomeSpriteName.SecretReferenceTree}
-                            />
-                          </Tooltip>
-                        </IconButton>
-                      </ModalTrigger>
-                      <ModalContent
-                        title="Secret Reference Details"
-                        subTitle="Visual breakdown of secrets referenced by this secret."
-                        onOpenAutoFocus={(e) => e.preventDefault()} // prevents secret input from displaying value on open
-                      >
-                        <SecretReferenceTree
-                          secretPath={secretPath}
-                          environment={environment}
-                          secretKey={secret?.key}
-                        />
-                      </ModalContent>
-                    </Modal>
-                  )}
-                </ProjectPermissionCan>
-                <DropdownMenu>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={subject(ProjectPermissionSub.Secrets, {
-                      environment,
-                      secretPath,
-                      secretName,
-                      secretTags: selectedTagSlugs
-                    })}
-                  >
-                    {(isAllowed) => (
-                      <DropdownMenuTrigger asChild disabled={!isAllowed}>
-                        <IconButton
-                          ariaLabel="tags"
-                          variant="plain"
-                          size="sm"
-                          className={twMerge(
-                            "w-0 overflow-hidden p-0 group-hover:mr-2 group-hover:w-5 data-[state=open]:w-5",
-                            hasTagsApplied && "w-5 text-primary"
-                          )}
-                          isDisabled={!isAllowed}
-                        >
-                          <Tooltip content="Tags">
-                            <FontAwesomeSymbol
-                              className="h-3.5 w-3.5"
-                              symbolName={FontAwesomeSpriteName.Tags}
-                            />
-                          </Tooltip>
-                        </IconButton>
-                      </DropdownMenuTrigger>
-                    )}
-                  </ProjectPermissionCan>
-                  <DropdownMenuContent align="end">
-                    <DropdownMenuLabel>Add tags to this secret</DropdownMenuLabel>
-                    {tags.map((tag) => {
-                      const { id: tagId, slug, color } = tag;
-
-                      const isTagSelected = selectedTagsGroupById?.[tagId];
-                      return (
-                        <DropdownMenuItem
-                          onClick={() => handleTagSelect(tag)}
-                          key={`${secret.id}-${tagId}`}
-                          icon={
-                            isTagSelected && (
-                              <FontAwesomeSymbol
-                                symbolName={FontAwesomeSpriteName.CheckedCircle}
-                                className="h-3 w-3"
-                              />
-                            )
-                          }
-                          iconPos="right"
-                        >
-                          <div className="flex items-center">
-                            <div
-                              className="mr-2 h-2 w-2 rounded-full"
-                              style={{ background: color || "#bec2c8" }}
-                            />
-                            {slug}
-                          </div>
-                        </DropdownMenuItem>
-                      );
-                    })}
-                    <DropdownMenuItem className="px-1.5" asChild>
-                      <Button
-                        size="xs"
-                        className="w-full"
-                        colorSchema="primary"
-                        variant="outline_bg"
-                        leftIcon={
-                          <FontAwesomeSymbol
-                            symbolName={FontAwesomeSpriteName.Tags}
-                            className="h-3 w-3"
-                          />
-                        }
-                        onClick={onCreateTag}
-                      >
-                        Create a tag
-                      </Button>
-                    </DropdownMenuItem>
-                  </DropdownMenuContent>
-                </DropdownMenu>
-                <ProjectPermissionCan
-                  I={ProjectPermissionActions.Edit}
-                  a={subject(ProjectPermissionSub.Secrets, {
-                    environment,
-                    secretPath,
-                    secretName,
-                    secretTags: selectedTagSlugs
-                  })}
-                  renderTooltip
-                  allowedLabel="Override"
-                >
-                  {(isAllowed) => (
-                    <IconButton
-                      ariaLabel="override-value"
-                      isDisabled={!isAllowed}
-                      variant="plain"
-                      size="sm"
-                      onClick={handleOverrideClick}
-                      className={twMerge(
-                        "w-0 overflow-hidden p-0 group-hover:mr-2 group-hover:w-5",
-                        isOverriden && "w-5 text-primary"
-                      )}
-                    >
-                      <FontAwesomeSymbol
-                        symbolName={FontAwesomeSpriteName.Override}
-                        className="h-3.5 w-3.5"
-                      />
-                    </IconButton>
-                  )}
-                </ProjectPermissionCan>
-                <Popover>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={subject(ProjectPermissionSub.Secrets, {
-                      environment,
-                      secretPath,
-                      secretName,
-                      secretTags: selectedTagSlugs
-                    })}
-                  >
-                    {(isAllowed) => (
-                      <PopoverTrigger asChild disabled={!isAllowed}>
-                        <IconButton
-                          className={twMerge(
-                            "w-0 overflow-hidden p-0 group-hover:mr-2 group-hover:w-5 data-[state=open]:w-6",
-                            hasComment && "w-5 text-primary"
-                          )}
-                          variant="plain"
-                          size="md"
-                          ariaLabel="add-comment"
-                          isDisabled={!isAllowed}
-                        >
-                          <Tooltip content="Comment">
-                            <FontAwesomeSymbol
-                              className="h-3.5 w-3.5"
-                              symbolName={FontAwesomeSpriteName.Comment}
-                            />
-                          </Tooltip>
-                        </IconButton>
-                      </PopoverTrigger>
-                    )}
-                  </ProjectPermissionCan>
-                  <IconButton
-                    className="w-0 overflow-hidden p-0 group-hover:mr-2 group-hover:w-5 data-[state=open]:w-6"
-                    variant="plain"
-                    size="md"
-                    ariaLabel="share-secret"
-                    onClick={handleSecretShare}
-                  >
-                    <Tooltip content="Share Secret">
-                      <FontAwesomeSymbol
-                        className="h-3.5 w-3.5"
-                        symbolName={FontAwesomeSpriteName.ShareSecret}
-                      />
-                    </Tooltip>
-                  </IconButton>
-                  <PopoverContent
-                    className="w-auto border border-mineshaft-600 bg-mineshaft-800 p-2 drop-shadow-2xl"
-                    sticky="always"
-                  >
-                    <FormControl label="Comment" className="mb-0">
-                      <TextArea
-                        className="border border-mineshaft-600 text-sm"
-                        rows={8}
-                        cols={30}
-                        {...register("comment")}
-                      />
-                    </FormControl>
-                  </PopoverContent>
-                </Popover>
-              </div>
-            </div>
-            <AnimatePresence exitBeforeEnter>
-              {!isDirty ? (
-                <motion.div
-                  key="options"
-                  className="flex h-10 flex-shrink-0 items-center space-x-4 px-[0.64rem]"
-                  initial={{ x: 0, opacity: 0 }}
-                  animate={{ x: 0, opacity: 1 }}
-                  exit={{ x: 10, opacity: 0 }}
-                >
-                  <Tooltip content="More">
-                    <IconButton
-                      ariaLabel="more"
-                      variant="plain"
-                      size="md"
-                      className="h-5 w-4 p-0 opacity-0 group-hover:opacity-100"
-                      onClick={() => onDetailViewSecret(secret)}
-                    >
-                      <FontAwesomeSymbol
-                        symbolName={FontAwesomeSpriteName.More}
-                        className="h-5 w-4"
-                      />
-                    </IconButton>
-                  </Tooltip>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={subject(ProjectPermissionSub.Secrets, {
-                      environment,
-                      secretPath,
-                      secretName,
-                      secretTags: selectedTagSlugs
-                    })}
-                    renderTooltip
-                    allowedLabel="Delete"
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        ariaLabel="delete-value"
-                        variant="plain"
-                        colorSchema="danger"
-                        size="md"
-                        className="p-0 opacity-0 group-hover:opacity-100"
-                        onClick={() => onDeleteSecret(secret)}
-                        isDisabled={!isAllowed}
-                      >
-                        <FontAwesomeSymbol
-                          symbolName={FontAwesomeSpriteName.Close}
-                          className="h-5 w-4"
-                        />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-                </motion.div>
-              ) : (
-                <motion.div
-                  key="options-save"
-                  className="flex h-10 flex-shrink-0 items-center space-x-4 px-3"
-                  initial={{ x: -10, opacity: 0 }}
-                  animate={{ x: 0, opacity: 1 }}
-                  exit={{ x: -10, opacity: 0 }}
-                >
-                  <Tooltip
-                    content={
-                      Object.keys(errors || {}).length
-                        ? Object.entries(errors)
-                            .map(([key, { message }]) => `Field ${key}: ${message}`)
-                            .join("\n")
-                        : "Save"
-                    }
-                  >
-                    <IconButton
-                      ariaLabel="more"
-                      variant="plain"
-                      type="submit"
-                      size="md"
-                      className={twMerge(
-                        "p-0 text-primary opacity-0 group-hover:opacity-100",
-                        isDirty && "opacity-100"
-                      )}
-                      isDisabled={isSubmitting || Boolean(errors.key)}
-                    >
-                      {isSubmitting ? (
-                        <Spinner className="m-0 h-4 w-4 p-0" />
-                      ) : (
-                        <FontAwesomeSymbol
-                          symbolName={FontAwesomeSpriteName.Check}
-                          className={twMerge(
-                            "h-4 w-4 text-primary",
-                            Boolean(Object.keys(errors || {}).length) && "text-red"
-                          )}
-                        />
-                      )}
-                    </IconButton>
-                  </Tooltip>
-                  <Tooltip content="Cancel">
-                    <IconButton
-                      ariaLabel="more"
-                      variant="plain"
-                      size="md"
-                      className={twMerge(
-                        "p-0 opacity-0 group-hover:opacity-100",
-                        isDirty && "opacity-100"
-                      )}
-                      onClick={() => reset()}
-                      isDisabled={isSubmitting}
-                    >
-                      <FontAwesomeSymbol
-                        symbolName={FontAwesomeSpriteName.Close}
-                        className="h-4 w-4 text-primary"
-                      />
-                    </IconButton>
-                  </Tooltip>
-                </motion.div>
-              )}
-            </AnimatePresence>
-          </div>
-        </div>
-      </form>
-    );
-  }
-);
-
-SecretItem.displayName = "SecretItem";
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretListView.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretListView.tsx
deleted file mode 100644
index 8fa274cb0..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretListView.tsx
+++ /dev/null
@@ -1,340 +0,0 @@
-import { useCallback } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useQueryClient } from "@tanstack/react-query";
-
-import { createNotification } from "@app/components/notifications";
-import { CreateTagModal } from "@app/components/tags/CreateTagModal";
-import { DeleteActionModal } from "@app/components/v2";
-import { usePopUp } from "@app/hooks";
-import { useCreateSecretV3, useDeleteSecretV3, useUpdateSecretV3 } from "@app/hooks/api";
-import { dashboardKeys } from "@app/hooks/api/dashboard/queries";
-import { secretApprovalRequestKeys } from "@app/hooks/api/secretApprovalRequest/queries";
-import { secretKeys } from "@app/hooks/api/secrets/queries";
-import { SecretType, SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
-import { secretSnapshotKeys } from "@app/hooks/api/secretSnapshots/queries";
-import { WsTag } from "@app/hooks/api/types";
-import { AddShareSecretModal } from "@app/views/ShareSecretPage/components/AddShareSecretModal";
-
-import { useSelectedSecretActions, useSelectedSecrets } from "../../SecretMainPage.store";
-import { SecretDetailSidebar } from "./SecretDetailSidebar";
-import { SecretItem } from "./SecretItem";
-import { FontAwesomeSpriteSymbols } from "./SecretListView.utils";
-
-type Props = {
-  secrets?: SecretV3RawSanitized[];
-  environment: string;
-  workspaceId: string;
-  secretPath?: string;
-  tags?: WsTag[];
-  isVisible?: boolean;
-  isProtectedBranch?: boolean;
-};
-
-export const SecretListView = ({
-  secrets = [],
-  environment,
-  workspaceId,
-  secretPath = "/",
-  tags: wsTags = [],
-  isVisible,
-  isProtectedBranch = false
-}: Props) => {
-  const queryClient = useQueryClient();
-  const { popUp, handlePopUpToggle, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "deleteSecret",
-    "secretDetail",
-    "createTag",
-    "createSharedSecret"
-  ] as const);
-
-  // strip of side effect queries
-  const { mutateAsync: createSecretV3 } = useCreateSecretV3({
-    options: {
-      onSuccess: undefined
-    }
-  });
-  const { mutateAsync: updateSecretV3 } = useUpdateSecretV3({
-    options: {
-      onSuccess: undefined
-    }
-  });
-  const { mutateAsync: deleteSecretV3 } = useDeleteSecretV3({
-    options: {
-      onSuccess: undefined
-    }
-  });
-  const selectedSecrets = useSelectedSecrets();
-  const { toggle: toggleSelectedSecret } = useSelectedSecretActions();
-
-  const handleSecretOperation = async (
-    operation: "create" | "update" | "delete",
-    type: SecretType,
-    key: string,
-    {
-      value,
-      comment,
-      reminderRepeatDays,
-      reminderNote,
-      tags,
-      skipMultilineEncoding,
-      newKey,
-      secretId
-    }: Partial<{
-      value: string;
-      comment: string;
-      reminderRepeatDays: number | null;
-      reminderNote: string | null;
-      tags: string[];
-      skipMultilineEncoding: boolean;
-      newKey: string;
-      secretId: string;
-    }> = {}
-  ) => {
-    if (operation === "delete") {
-      await deleteSecretV3({
-        environment,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        type,
-        secretId
-      });
-      return;
-    }
-
-    if (operation === "update") {
-      await updateSecretV3({
-        environment,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        secretValue: value || "",
-        type,
-        tagIds: tags,
-        secretComment: comment,
-        secretReminderRepeatDays: reminderRepeatDays,
-        secretReminderNote: reminderNote,
-        skipMultilineEncoding,
-        newSecretName: newKey
-      });
-      return;
-    }
-
-    await createSecretV3(
-      {
-        environment,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        secretValue: value || "",
-        secretComment: "",
-        skipMultilineEncoding,
-        type
-      },
-      {}
-    );
-  };
-
-  const handleSaveSecret = useCallback(
-    async (
-      orgSecret: SecretV3RawSanitized,
-      modSecret: Omit<SecretV3RawSanitized, "tags"> & { tags?: { id: string }[] },
-      cb?: () => void
-    ) => {
-      const { key: oldKey } = orgSecret;
-      const {
-        key,
-        value,
-        overrideAction,
-        idOverride,
-        valueOverride,
-        tags,
-        comment,
-        reminderRepeatDays,
-        reminderNote
-      } = modSecret;
-      const hasKeyChanged = oldKey !== key && key;
-
-      const tagIds = tags?.map(({ id }) => id);
-      const oldTagIds = (orgSecret?.tags || []).map(({ id }) => id);
-      const isSameTags = JSON.stringify(tagIds) === JSON.stringify(oldTagIds);
-      const isSharedSecUnchanged =
-        (
-          [
-            "key",
-            "value",
-            "comment",
-            "skipMultilineEncoding",
-            "reminderRepeatDays",
-            "reminderNote"
-          ] as const
-        ).every((el) => orgSecret[el] === modSecret[el]) && isSameTags;
-
-      try {
-        // personal secret change
-        if (overrideAction === "deleted") {
-          await handleSecretOperation("delete", SecretType.Personal, oldKey, {
-            secretId: orgSecret.idOverride
-          });
-        } else if (overrideAction && idOverride) {
-          await handleSecretOperation("update", SecretType.Personal, oldKey, {
-            value: valueOverride,
-            newKey: hasKeyChanged ? key : undefined,
-            secretId: orgSecret.idOverride,
-            skipMultilineEncoding: modSecret.skipMultilineEncoding
-          });
-        } else if (overrideAction) {
-          await handleSecretOperation("create", SecretType.Personal, oldKey, {
-            value: valueOverride
-          });
-        }
-
-        // shared secret change
-        if (!isSharedSecUnchanged) {
-          await handleSecretOperation("update", SecretType.Shared, oldKey, {
-            value,
-            tags: tagIds,
-            comment,
-            reminderRepeatDays,
-            reminderNote,
-            secretId: orgSecret.id,
-            newKey: hasKeyChanged ? key : undefined,
-            skipMultilineEncoding: modSecret.skipMultilineEncoding
-          });
-          if (cb) cb();
-        }
-        queryClient.invalidateQueries(
-          dashboardKeys.getDashboardSecrets({
-            projectId: workspaceId,
-            secretPath
-          })
-        );
-        queryClient.invalidateQueries(
-          secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-        );
-        queryClient.invalidateQueries(
-          secretSnapshotKeys.list({ workspaceId, environment, directory: secretPath })
-        );
-        queryClient.invalidateQueries(
-          secretSnapshotKeys.count({ workspaceId, environment, directory: secretPath })
-        );
-        queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-        handlePopUpClose("secretDetail");
-        createNotification({
-          type: isProtectedBranch ? "info" : "success",
-          text: isProtectedBranch
-            ? "Requested changes have been sent for review"
-            : "Successfully saved secrets"
-        });
-      } catch (error) {
-        console.log(error);
-        createNotification({
-          type: "error",
-          text: "Failed to save secret"
-        });
-      }
-    },
-    [environment, secretPath, isProtectedBranch]
-  );
-
-  const handleSecretDelete = useCallback(async () => {
-    const { key, id: secretId } = popUp.deleteSecret?.data as SecretV3RawSanitized;
-    try {
-      await handleSecretOperation("delete", SecretType.Shared, key, { secretId });
-      // wrap this in another function and then reuse
-      queryClient.invalidateQueries(
-        dashboardKeys.getDashboardSecrets({ projectId: workspaceId, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretKeys.getProjectSecret({ workspaceId, environment, secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.list({ workspaceId, environment, directory: secretPath })
-      );
-      queryClient.invalidateQueries(
-        secretSnapshotKeys.count({ workspaceId, environment, directory: secretPath })
-      );
-      queryClient.invalidateQueries(secretApprovalRequestKeys.count({ workspaceId }));
-      handlePopUpClose("deleteSecret");
-      handlePopUpClose("secretDetail");
-      createNotification({
-        type: isProtectedBranch ? "info" : "success",
-        text: isProtectedBranch
-          ? "Requested changes have been sent for review"
-          : "Successfully deleted secret"
-      });
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to delete secret"
-      });
-    }
-  }, [(popUp.deleteSecret?.data as SecretV3RawSanitized)?.key, environment, secretPath]);
-
-  // for optimization on minimise re-rendering of secret items
-  const onCreateTag = useCallback(() => handlePopUpOpen("createTag"), []);
-  const onDeleteSecret = useCallback(
-    (sec: SecretV3RawSanitized) => handlePopUpOpen("deleteSecret", sec),
-    []
-  );
-  const onDetailViewSecret = useCallback(
-    (sec: SecretV3RawSanitized) => handlePopUpOpen("secretDetail", sec),
-    []
-  );
-
-  return (
-    <>
-      {FontAwesomeSpriteSymbols.map(({ icon, symbol }) => (
-        <FontAwesomeIcon icon={icon} symbol={symbol} key={`font-awesome-svg-spritie-${symbol}`} />
-      ))}
-      {secrets.map((secret) => (
-        <SecretItem
-          environment={environment}
-          secretPath={secretPath}
-          tags={wsTags}
-          isSelected={Boolean(selectedSecrets?.[secret.id])}
-          onToggleSecretSelect={toggleSelectedSecret}
-          isVisible={isVisible}
-          secret={secret}
-          key={secret.id}
-          onSaveSecret={handleSaveSecret}
-          onDeleteSecret={onDeleteSecret}
-          onDetailViewSecret={onDetailViewSecret}
-          onCreateTag={onCreateTag}
-          handleSecretShare={() =>
-            handlePopUpOpen("createSharedSecret", {
-              value: secret.valueOverride ?? secret.value
-            })
-          }
-        />
-      ))}
-      <DeleteActionModal
-        isOpen={popUp.deleteSecret.isOpen}
-        deleteKey={(popUp.deleteSecret?.data as SecretV3RawSanitized)?.key}
-        title="Do you want to delete this secret?"
-        onChange={(isOpen) => handlePopUpToggle("deleteSecret", isOpen)}
-        onDeleteApproved={handleSecretDelete}
-        buttonText="Delete Secret"
-      />
-      <SecretDetailSidebar
-        environment={environment}
-        secretPath={secretPath}
-        isOpen={popUp.secretDetail.isOpen}
-        onToggle={(isOpen) => handlePopUpToggle("secretDetail", isOpen)}
-        secret={popUp.secretDetail.data as SecretV3RawSanitized}
-        onDeleteSecret={() => handlePopUpOpen("deleteSecret", popUp.secretDetail.data)}
-        onClose={() => handlePopUpClose("secretDetail")}
-        onSaveSecret={handleSaveSecret}
-        tags={wsTags}
-        onCreateTag={() => handlePopUpOpen("createTag")}
-        handleSecretShare={(value: string) => handlePopUpOpen("createSharedSecret", { value })}
-      />
-      <CreateTagModal
-        isOpen={popUp.createTag.isOpen}
-        onToggle={(isOpen) => handlePopUpToggle("createTag", isOpen)}
-      />
-      <AddShareSecretModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts b/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts
deleted file mode 100644
index 5c4d59fff..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretListView.utils.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/* eslint-disable no-nested-ternary */
-import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
-import {
-  faCheck,
-  faClock,
-  faClone,
-  faClose,
-  faCodeBranch,
-  faComment,
-  faCopy,
-  faEllipsis,
-  faKey,
-  faLock,
-  faProjectDiagram,
-  faShare,
-  faTags
-} from "@fortawesome/free-solid-svg-icons";
-import { z } from "zod";
-
-export enum SecretActionType {
-  Created = "created",
-  Modified = "modified",
-  Deleted = "deleted"
-}
-
-export const formSchema = z.object({
-  key: z.string().trim().min(1, { message: "Secret key is required" }),
-  value: z
-    .string()
-    .transform((val) => (val.at(-1) === "\n" ? `${val.trim()}\n` : val.trim()))
-    .optional(),
-  idOverride: z.string().trim().optional(),
-  valueOverride: z
-    .string()
-    .optional()
-    .transform((val) =>
-      typeof val === "string" ? (val.at(-1) === "\n" ? `${val.trim()}\n` : val.trim()) : val
-    ),
-  overrideAction: z.string().trim().optional(),
-  comment: z.string().trim().optional(),
-  skipMultilineEncoding: z.boolean().optional(),
-
-  reminderRepeatDays: z
-    .number()
-    .min(1, { message: "Days must be between 1 and 365" })
-    .max(365, { message: "Days must be between 1 and 365" })
-    .nullable()
-    .optional(),
-  reminderNote: z.string().trim().nullable().optional(),
-
-  tags: z
-    .object({
-      id: z.string(),
-      slug: z.string(),
-      tagColor: z.string().optional()
-    })
-    .array()
-    .default([])
-    .optional()
-});
-
-export type TFormSchema = z.infer<typeof formSchema>;
-
-export enum FontAwesomeSpriteName {
-  SecretKey = "secret-key",
-  Check = "check",
-  ClipboardCopy = "clipboard-copy",
-  Tags = "secret-tags",
-  Clock = "reminder-clock",
-  Comment = "comment",
-  More = "more",
-  Override = "secret-override",
-  Close = "close",
-  CheckedCircle = "check-circle",
-  ReplicatedSecretKey = "secret-replicated",
-  ShareSecret = "share-secret",
-  KeyLock = "key-lock",
-  SecretReferenceTree = "secret-reference-tree"
-}
-
-// this is an optimization technique
-// https://docs.fontawesome.com/web/add-icons/svg-symbols
-export const FontAwesomeSpriteSymbols = [
-  { icon: faKey, symbol: FontAwesomeSpriteName.SecretKey },
-  { icon: faCheck, symbol: FontAwesomeSpriteName.Check },
-  { icon: faCopy, symbol: FontAwesomeSpriteName.ClipboardCopy },
-  { icon: faTags, symbol: FontAwesomeSpriteName.Tags },
-  { icon: faClock, symbol: FontAwesomeSpriteName.Clock },
-  { icon: faComment, symbol: FontAwesomeSpriteName.Comment },
-  { icon: faEllipsis, symbol: FontAwesomeSpriteName.More },
-  { icon: faCodeBranch, symbol: FontAwesomeSpriteName.Override },
-  { icon: faClose, symbol: FontAwesomeSpriteName.Close },
-  { icon: faCheckCircle, symbol: FontAwesomeSpriteName.CheckedCircle },
-  { icon: faClone, symbol: FontAwesomeSpriteName.ReplicatedSecretKey },
-  { icon: faShare, symbol: FontAwesomeSpriteName.ShareSecret },
-  { icon: faLock, symbol: FontAwesomeSpriteName.KeyLock },
-  { icon: faProjectDiagram, symbol: FontAwesomeSpriteName.SecretReferenceTree }
-];
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretNoAccessListView.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretNoAccessListView.tsx
deleted file mode 100644
index a2353d778..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/SecretNoAccessListView.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { FontAwesomeSymbol, Input, Tooltip } from "@app/components/v2";
-
-import { FontAwesomeSpriteName } from "./SecretListView.utils";
-
-type Props = {
-  count: number;
-};
-
-export const SecretNoAccessListView = ({ count }: Props) => {
-  return (
-    <>
-      {Array.from(Array(count)).map((_, i) => (
-        <Tooltip
-          className="max-w-sm"
-          asChild
-          content="You do not have permission to view this secret"
-          key={`no-access-secret-${i + 1}`}
-        >
-          <div className="flex border-b border-mineshaft-600 bg-mineshaft-800 shadow-none hover:bg-mineshaft-700">
-            <div className="flex h-11 w-11 items-center justify-center px-4 py-3">
-              <FontAwesomeSymbol
-                className="ml-3 block h-3.5 w-3.5"
-                symbolName={FontAwesomeSpriteName.KeyLock}
-              />
-            </div>
-
-            <div className="flex h-11 w-80 flex-shrink-0 items-center px-4 py-2">
-              <Input
-                autoComplete="off"
-                isReadOnly
-                variant="plain"
-                value="NO ACCESS"
-                isDisabled
-                className="w-full px-0 blur-sm placeholder:text-red-500 focus:text-bunker-100 focus:ring-transparent"
-              />
-            </div>
-            <div
-              className="flex w-80 flex-grow items-center border-x border-mineshaft-600 py-1 pl-4 pr-2"
-              tabIndex={0}
-              role="button"
-            >
-              <span className="blur">********</span>
-            </div>
-          </div>
-        </Tooltip>
-      ))}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretListView/index.tsx b/frontend-next/src/views/SecretMainPage/components/SecretListView/index.tsx
deleted file mode 100644
index e9e1f1fdd..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretListView/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { SecretListView } from "./SecretListView";
-export { SecretNoAccessListView } from "./SecretNoAccessListView";
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/SecretReferenceDetails.module.css b/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/SecretReferenceDetails.module.css
deleted file mode 100644
index c67fac928..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/SecretReferenceDetails.module.css
+++ /dev/null
@@ -1,127 +0,0 @@
-/* credits: https://iamkate.com/code/tree-views/ */
-.tree {
-  --spacing: 1.5rem;
-  --radius: 4px;
-}
-
-.tree li {
-  display: block;
-  position: relative;
-  padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
-}
-
-.tree ul {
-  margin-left: calc(var(--radius) - var(--spacing));
-  padding-left: 0;
-}
-
-.tree ul li {
-  border-left: 2px solid #888;
-  min-height: 2.5rem;
-}
-
-.tree ul li:last-child {
-  border-color: transparent;
-}
-
-.tree ul li::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: calc(var(--spacing) / -1);
-  left: -2px;
-  width: calc(var(--spacing) + 2px);
-  height: calc(var(--spacing) + 13px);
-  border: solid #888;
-  border-radius: 0 0 0 8px;
-  border-width: 0 0 2px 2px;
-  transition: all 200ms linear;
-}
-
-.details[open] summary ~ * {
-  animation: sweep .5s ease-in-out;
-}
-
-@keyframes sweep {
-  0%    {opacity: 0; margin-left: -10px}
-  100%  {opacity: 1; margin-left: 0px}
-}
-
-.tree summary {
-  display: block;
-  cursor: pointer;
-  min-height: 2.5rem;
-}
-
-.tree summary::marker,
-.tree summary::-webkit-details-marker {
-  display: none;
-}
-
-.tree summary:focus {
-  outline: none;
-}
-
-.tree summary:focus-visible {
-  outline: 1px dotted #000;
-}
-
-.tree li::after,
-.tree summary::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: calc(var(--spacing) / 2 - var(--radius));
-  left: calc(var(--spacing) - var(--radius) - 1px);
-  width: calc(2 * var(--radius));
-  height: calc(2 * var(--radius));
-  border-radius: 50%;
-  background: #ddd;
-}
-
-.tree summary::before {
-  z-index: 1;
-  background: #ddd 0 0;
-}
-
-.tree details[open] > summary::before {
-  background-position: calc(-2 * var(--radius)) 0;
-}
-
-.collapsibleContent {
-  /*overflow-y: hidden;*/
-}
-.collapsibleContent[data-state="open"] {
-  animation: slideDown 300ms ease-out;
-}
-.collapsibleContent[data-state="closed"] {
-  animation: slideUp 300ms ease-out;
-}
-
-@keyframes slideDown {
-  0% {
-    height: 0;
-    opacity: 0;
-  }
-  50% {
-    opacity: 0;
-  }
-  100% {
-    height: var(--radix-collapsible-content-height);
-    opacity: 1;
-  }
-}
-
-@keyframes slideUp {
-  0% {
-    height: var(--radix-collapsible-content-height);
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-  100% {
-    height: 0;
-    opacity: 0;
-  }
-}
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/SecretReferenceDetails.tsx b/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/SecretReferenceDetails.tsx
deleted file mode 100644
index 03336de01..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/SecretReferenceDetails.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { useState } from "react";
-import { faChevronRight, faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { twMerge } from "tailwind-merge";
-
-import { FormControl, FormLabel, SecretInput, Spinner, Tooltip } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useGetSecretReferenceTree } from "@app/hooks/api";
-import { TSecretReferenceTraceNode } from "@app/hooks/api/types";
-
-import style from "./SecretReferenceDetails.module.css";
-
-type Props = {
-  environment: string;
-  secretPath: string;
-  secretKey: string;
-};
-
-const INTERPOLATION_SYNTAX_REG = /\${([^}]+)}/;
-export const hasSecretReference = (value: string | undefined) =>
-  value ? INTERPOLATION_SYNTAX_REG.test(value) : false;
-
-export const SecretReferenceNode = ({
-  node,
-  isRoot,
-  secretKey
-}: {
-  node: TSecretReferenceTraceNode;
-  isRoot?: boolean;
-  secretKey?: string;
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const hasChildren = node.children.length > 0;
-
-  return (
-    <li>
-      <Collapsible.Root open={isOpen} className="" onOpenChange={setIsOpen}>
-        <Collapsible.Trigger
-          className={twMerge(
-            hasChildren && " decoration-bunker-4ø00 underline-offset-4 data-[state=open]:underline",
-            "[&>svg]:data-[state=open]:rotate-[90deg] [&>svg]:data-[state=open]:text-yellow-500"
-          )}
-          disabled={!hasChildren}
-        >
-          {hasChildren && (
-            <FontAwesomeIcon
-              icon={faChevronRight}
-              className=" d mr-2 text-mineshaft-400 transition-transform duration-300 ease-linear"
-              aria-hidden
-            />
-          )}
-          {isRoot
-            ? secretKey
-            : `${node.environment}${
-                node.secretPath === "/" ? "" : node.secretPath.split("/").join(".")
-              }.${node.key}`}
-          <Tooltip className="max-w-md break-words" content={node.value}>
-            <span
-              className={twMerge(
-                "ml-1 px-1 text-xs text-mineshaft-400",
-                !node.value && "text-red-400"
-              )}
-            >
-              <FontAwesomeIcon icon={node.value ? faEye : faEyeSlash} />
-            </span>
-          </Tooltip>
-        </Collapsible.Trigger>
-        <Collapsible.Content className={twMerge("mt-4", style.collapsibleContent)}>
-          {hasChildren && (
-            <ul>
-              {node.children.map((el, index) => (
-                <SecretReferenceNode node={el} key={`${el.key}-${index + 1}`} />
-              ))}
-            </ul>
-          )}
-        </Collapsible.Content>
-      </Collapsible.Root>
-    </li>
-  );
-};
-
-export const SecretReferenceTree = ({ secretPath, environment, secretKey }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const projectId = currentWorkspace?.id || "";
-
-  const { data, isLoading } = useGetSecretReferenceTree({
-    secretPath,
-    environmentSlug: environment,
-    projectId,
-    secretKey
-  });
-
-  const tree = data?.tree;
-  const secretValue = data?.value;
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-4">
-        <Spinner size="xs" />
-      </div>
-    );
-  }
-
-  return (
-    <div>
-      <FormControl label="Expanded value">
-        <SecretInput
-          key="value-overriden"
-          isReadOnly
-          value={secretValue}
-          containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-bunker-700 px-2 py-1.5"
-        />
-      </FormControl>
-      <FormLabel className="mb-2" label="Reference Tree" />
-      <div className="thin-scrollbar relative max-h-96 overflow-auto rounded-md border border-mineshaft-600 bg-bunker-700 py-6 text-sm text-mineshaft-200">
-        {tree && (
-          <ul className={style.tree}>
-            <SecretReferenceNode node={tree} isRoot secretKey={secretKey} />
-          </ul>
-        )}
-      </div>
-      <div className="mt-2 text-sm text-mineshaft-400">
-        Click a secret key to view its sub-references.
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/index.tsx b/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/index.tsx
deleted file mode 100644
index 6238ff612..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SecretReferenceDetails/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { hasSecretReference,SecretReferenceTree } from "./SecretReferenceDetails";
diff --git a/frontend-next/src/views/SecretMainPage/components/SnapshotView/SecretItem.tsx b/frontend-next/src/views/SecretMainPage/components/SnapshotView/SecretItem.tsx
deleted file mode 100644
index d6680bcef..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SnapshotView/SecretItem.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-import {
-  faChevronRight,
-  faKey,
-  faMinusSquare,
-  faPencilSquare,
-  faPlusSquare,
-  faSquare
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  SecretInput,
-  Table,
-  TableContainer,
-  Tag,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
-
-export enum TDiffModes {
-  NoChange = "no change",
-  Deleted = "deleted",
-  Modified = "modified",
-  Created = "created"
-}
-
-type Props = {
-  mode: TDiffModes;
-  preSecret?: SecretV3RawSanitized;
-  postSecret: SecretV3RawSanitized;
-};
-export type TDiffView<T> = {
-  mode: TDiffModes;
-  pre?: T;
-  post: T;
-};
-
-export const renderIcon = (mode: TDiffModes) => {
-  if (mode === TDiffModes.NoChange)
-    return <FontAwesomeIcon icon={faSquare} className="text-gray-700" size="lg" />;
-  if (mode === TDiffModes.Deleted)
-    return <FontAwesomeIcon icon={faMinusSquare} className="text-red-700" size="lg" />;
-  if (mode === TDiffModes.Modified)
-    return <FontAwesomeIcon icon={faPencilSquare} className="text-orange-700" size="lg" />;
-
-  return <FontAwesomeIcon icon={faPlusSquare} className="text-green-700" size="lg" />;
-};
-
-export const SecretItem = ({ mode, preSecret, postSecret }: Props) => {
-  const [isExpanded, setIsExpanded] = useToggle();
-
-  const isModified = mode === "modified";
-
-  return (
-    <>
-      <div
-        className="group flex cursor-pointer border-b border-mineshaft-600 hover:bg-mineshaft-700"
-        role="button"
-        tabIndex={0}
-        onClick={setIsExpanded.toggle}
-        onKeyDown={(evt) => {
-          if (evt.key === "Enter") setIsExpanded.toggle();
-        }}
-      >
-        <div className="w-12 flex-shrink-0 px-4 py-3">
-          <Tooltip content={mode}>{renderIcon(mode)}</Tooltip>
-        </div>
-        <div className="w-12 flex-shrink-0 px-4 py-3">
-          <FontAwesomeIcon icon={faKey} />
-        </div>
-        <div className="flex flex-grow items-center space-x-4 px-4 py-3">
-          {mode === "modified" ? (
-            <>
-              <div>{preSecret?.key}</div>
-              <div className="rounded-lg bg-primary px-1 py-0.5 text-xs font-bold text-black">
-                v{preSecret?.version}
-              </div>
-              <div>
-                <FontAwesomeIcon icon={faChevronRight} size="sm" className="text-orange-700" />
-              </div>
-              <div className="rounded-lg bg-primary px-1 py-0.5 text-xs font-bold text-black">
-                v{postSecret?.version}
-              </div>
-            </>
-          ) : (
-            postSecret.key
-          )}
-        </div>
-      </div>
-      {isExpanded && (
-        <div className="flex cursor-pointer bg-bunker-600 p-4">
-          <TableContainer>
-            <Table>
-              <THead>
-                <Th className="min-table-row min-w-[11rem] border-r border-mineshaft-600">Type</Th>
-                {isModified ? (
-                  <>
-                    <Th className="border-r border-mineshaft-600">Before rollback</Th>
-                    <Th>After rollback</Th>
-                  </>
-                ) : (
-                  <Th>Value</Th>
-                )}
-              </THead>
-              <TBody>
-                <Tr>
-                  <Td className="border-r border-mineshaft-600">Key</Td>
-                  {isModified && (
-                    <Td className="border-r border-mineshaft-600">{preSecret?.key}</Td>
-                  )}
-                  <Td>{postSecret.key}</Td>
-                </Tr>
-                <Tr>
-                  <Td className="border-r border-mineshaft-600">Value</Td>
-                  {isModified && (
-                    <Td className="border-r border-mineshaft-600">
-                      <SecretInput value={preSecret?.value} />
-                    </Td>
-                  )}
-                  <Td>
-                    <SecretInput value={postSecret?.value} />
-                  </Td>
-                </Tr>
-                {Boolean(preSecret?.idOverride || postSecret?.idOverride) && (
-                  <Tr>
-                    <Td className="border-r border-mineshaft-600">Override</Td>
-                    {isModified && (
-                      <Td className="border-r border-mineshaft-600">
-                        <SecretInput value={preSecret?.valueOverride} />
-                      </Td>
-                    )}
-                    <Td>
-                      <SecretInput value={postSecret?.valueOverride} />
-                    </Td>
-                  </Tr>
-                )}
-                <Tr>
-                  <Td className="border-r border-mineshaft-600">Comment</Td>
-                  {isModified && (
-                    <Td className="border-r border-mineshaft-600">{preSecret?.comment}</Td>
-                  )}
-                  <Td>{postSecret?.comment}</Td>
-                </Tr>
-                <Tr>
-                  <Td className="border-r border-mineshaft-600">Tags</Td>
-                  {isModified && (
-                    <Td className="border-r border-mineshaft-600">
-                      {preSecret?.tags?.map(({ slug, id: tagId, color }) => (
-                        <Tag
-                          className="flex w-min items-center space-x-2"
-                          key={`${preSecret.id}-${tagId}`}
-                        >
-                          <div
-                            className="h-3 w-3 rounded-full"
-                            style={{ backgroundColor: color || "#bec2c8" }}
-                          />
-                          <div className="text-sm">{slug}</div>
-                        </Tag>
-                      ))}
-                    </Td>
-                  )}
-                  <Td>
-                    {postSecret?.tags?.map(({ slug, id: tagId, color }) => (
-                      <Tag
-                        className="flex w-min items-center space-x-2"
-                        key={`${postSecret.id}-${tagId}`}
-                      >
-                        <div
-                          className="h-3 w-3 rounded-full"
-                          style={{ backgroundColor: color || "#bec2c8" }}
-                        />
-                        <div className="text-sm">{slug}</div>
-                      </Tag>
-                    ))}
-                  </Td>
-                </Tr>
-              </TBody>
-            </Table>
-          </TableContainer>
-        </div>
-      )}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SnapshotView/SnapshotView.tsx b/frontend-next/src/views/SecretMainPage/components/SnapshotView/SnapshotView.tsx
deleted file mode 100644
index 8658c0da2..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SnapshotView/SnapshotView.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-import { useMemo, useState } from "react";
-import {
-  faArrowLeft,
-  faChevronRight,
-  faCodeCommit,
-  faFolder,
-  faMagnifyingGlass,
-  faUndo
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, ContentLoader, Input, Tag, Tooltip } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useGetSnapshotSecrets, usePerformSecretRollback } from "@app/hooks/api";
-import { SecretV3RawSanitized, TSecretFolder } from "@app/hooks/api/types";
-
-import { renderIcon, SecretItem, TDiffModes, TDiffView } from "./SecretItem";
-
-type Props = {
-  snapshotId: string;
-  environment: string;
-  workspaceId: string;
-  secretPath?: string;
-  secrets?: SecretV3RawSanitized[];
-  folders?: TSecretFolder[];
-  snapshotCount?: number;
-  onGoBack: () => void;
-  onClickListSnapshot: () => void;
-};
-
-const LOADER_TEXT = ["Fetching your snapshot", "Creating the difference view"];
-
-const deepCompareSecrets = (lhs: SecretV3RawSanitized, rhs: SecretV3RawSanitized) =>
-  lhs.key === rhs.key &&
-  lhs.value === rhs.value &&
-  lhs.comment === rhs.comment &&
-  lhs?.valueOverride === rhs?.valueOverride &&
-  JSON.stringify(lhs.tags) === JSON.stringify(rhs.tags);
-
-export const SnapshotView = ({
-  snapshotId,
-  environment,
-  workspaceId,
-  secretPath,
-  secrets = [],
-  folders = [],
-  onGoBack,
-  snapshotCount,
-  onClickListSnapshot
-}: Props) => {
-  const [search, setSearch] = useState("");
-  const { mutateAsync: performRollback, isLoading: isRollingBack } = usePerformSecretRollback();
-
-  const { data: snapshotData, isLoading: isSnapshotLoading } = useGetSnapshotSecrets({
-    snapshotId,
-    env: environment
-  });
-
-  const rollingFolder = snapshotData?.folders || [];
-  const rollingSecrets = snapshotData?.secrets || [];
-
-  const folderDiffView = useMemo(() => {
-    const folderGroupById = folders.reduce<Record<string, TSecretFolder>>(
-      (prev, curr) => ({ ...prev, [curr.id]: curr }),
-      {}
-    );
-    const diffView: Array<TDiffView<TSecretFolder>> = [];
-    rollingFolder.forEach((rollFolder) => {
-      const { id, name } = rollFolder;
-      const doesExist = Boolean(folderGroupById?.[id]);
-      if (doesExist) {
-        diffView.push({
-          mode: name === folderGroupById[id].name ? TDiffModes.NoChange : TDiffModes.Modified,
-          pre: folderGroupById[id],
-          post: rollFolder
-        });
-        delete folderGroupById[id];
-      } else {
-        diffView.push({ mode: TDiffModes.Created, post: rollFolder });
-      }
-    });
-    Object.values(folderGroupById).forEach((folder) => {
-      diffView.push({ mode: TDiffModes.Deleted, post: folder });
-    });
-    return diffView;
-  }, [folders, rollingFolder]);
-
-  const secretDiffView = useMemo(() => {
-    const secretGroupById = secrets.reduce<Record<string, SecretV3RawSanitized>>(
-      (prev, curr) => ({ ...prev, [curr.id]: curr }),
-      {}
-    );
-    const diffView: Array<TDiffView<SecretV3RawSanitized>> = [];
-    rollingSecrets.forEach((rollSecret) => {
-      const { id } = rollSecret;
-      const doesExist = Boolean(secretGroupById?.[id]);
-      if (doesExist) {
-        diffView.push({
-          mode: deepCompareSecrets(rollSecret, secretGroupById[id])
-            ? TDiffModes.NoChange
-            : TDiffModes.Modified,
-          pre: secretGroupById[id],
-          post: rollSecret
-        });
-        delete secretGroupById[id];
-      } else {
-        diffView.push({ mode: TDiffModes.Created, post: rollSecret });
-      }
-    });
-    Object.values(secretGroupById).forEach((folder) => {
-      diffView.push({ mode: TDiffModes.Deleted, post: folder });
-    });
-    return diffView;
-  }, [secrets, rollingSecrets]);
-
-  const handleClickRollback = async () => {
-    if (!snapshotData?.id) {
-      createNotification({
-        text: "Failed to find secret version",
-        type: "success"
-      });
-      return;
-    }
-    try {
-      await performRollback({
-        workspaceId,
-        snapshotId: snapshotData.id,
-        environment,
-        directory: secretPath
-      });
-      createNotification({
-        text: "Successfully rollback secrets",
-        type: "success"
-      });
-      onGoBack();
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        text: "Failed to rollback secrets",
-        type: "error"
-      });
-    }
-  };
-
-  if (isSnapshotLoading) {
-    return <ContentLoader text={LOADER_TEXT} />;
-  }
-
-  return (
-    <>
-      <div className="flex items-center space-x-4">
-        <h6 className="text-2xl">Snapshot</h6>
-        <Tag colorSchema="green">{new Date(snapshotData?.createdAt || "").toLocaleString()}</Tag>
-      </div>
-      <div className="mt-4 flex items-center space-x-2">
-        <div className="w-2/5">
-          <Input
-            className="bg-mineshaft-800 placeholder-mineshaft-50 duration-200 focus:bg-mineshaft-700/80"
-            placeholder="Search by folder name, key name ..."
-            leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-            value={search}
-            onChange={(evt) => setSearch(evt.target.value)}
-          />
-        </div>
-        <div className="flex-grow" />
-        <div>
-          <Button
-            variant="outline_bg"
-            onClick={onClickListSnapshot}
-            leftIcon={<FontAwesomeIcon icon={faCodeCommit} />}
-            className="h-10"
-            isDisabled={isRollingBack}
-          >
-            {snapshotCount} Commits
-          </Button>
-        </div>
-        <div>
-          <Button
-            onClick={onGoBack}
-            variant="outline_bg"
-            leftIcon={<FontAwesomeIcon icon={faArrowLeft} />}
-            className="h-10"
-            isDisabled={isRollingBack}
-          >
-            Go Back
-          </Button>
-        </div>
-        <div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={ProjectPermissionSub.SecretRollback}
-          >
-            {(isAllowed) => (
-              <Button
-                onClick={handleClickRollback}
-                isDisabled={isRollingBack || !isAllowed}
-                isLoading={isRollingBack}
-                leftIcon={<FontAwesomeIcon icon={faUndo} />}
-                className="h-10"
-              >
-                Rollback
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </div>
-      <div className="mt-4 rounded-md bg-mineshaft-800 text-left text-sm text-bunker-300">
-        <div className="flex flex-col ">
-          <div className="flex border-b border-mineshaft-600 font-medium">
-            <div className="w-12 flex-shrink-0" />
-            <div className="w-12 flex-shrink-0" />
-            <div className="flex flex-grow items-center px-4 py-2">Changes</div>
-          </div>
-          {folderDiffView
-            .sort((a, b) => a.post.name.toLowerCase().localeCompare(b.post.name.toLowerCase()))
-            .filter((a) => a.post.name.toLowerCase().includes(search.toLowerCase()))
-            .map(({ mode, pre, post }, index) => (
-              <div
-                className="group flex cursor-pointer border-b border-mineshaft-600 hover:bg-mineshaft-700"
-                key={`folder-${mode}-${index + 1}`}
-              >
-                <div className="w-12 flex-shrink-0 px-4 py-3">
-                  <Tooltip content={mode}>{renderIcon(mode)}</Tooltip>
-                </div>
-                <div className="w-12 flex-shrink-0 px-4 py-3">
-                  <FontAwesomeIcon icon={faFolder} />
-                </div>
-                <div className="flex flex-grow items-center space-x-4 px-4 py-3">
-                  {mode === "modified" ? (
-                    <>
-                      <div>{pre?.name}</div>
-                      <div>
-                        <FontAwesomeIcon
-                          icon={faChevronRight}
-                          size="sm"
-                          className="text-orange-700"
-                        />
-                      </div>
-                      <div>{post?.name}</div>
-                    </>
-                  ) : (
-                    post.name
-                  )}
-                </div>
-              </div>
-            ))}
-          {secretDiffView
-            .sort((a, b) => a.post.key.toLowerCase().localeCompare(b.post.key.toLowerCase()))
-            .filter((a) => a.post.key.toLowerCase().includes(search.toLowerCase()))
-            .map(({ mode, pre, post }, index) => (
-              <SecretItem
-                key={`folder-${mode}-${index + 1}`}
-                mode={mode}
-                preSecret={pre}
-                postSecret={post}
-              />
-            ))}
-        </div>
-      </div>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretMainPage/components/SnapshotView/index.tsx b/frontend-next/src/views/SecretMainPage/components/SnapshotView/index.tsx
deleted file mode 100644
index 0f5774398..000000000
--- a/frontend-next/src/views/SecretMainPage/components/SnapshotView/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SnapshotView } from "./SnapshotView";
diff --git a/frontend-next/src/views/SecretMainPage/index.tsx b/frontend-next/src/views/SecretMainPage/index.tsx
deleted file mode 100644
index 6d8b45d23..000000000
--- a/frontend-next/src/views/SecretMainPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretMainPage } from "./SecretMainPage";
diff --git a/frontend-next/src/views/SecretOverviewPage/SecretOverviewPage.tsx b/frontend-next/src/views/SecretOverviewPage/SecretOverviewPage.tsx
deleted file mode 100644
index eee9adfee..000000000
--- a/frontend-next/src/views/SecretOverviewPage/SecretOverviewPage.tsx
+++ /dev/null
@@ -1,1158 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { subject } from "@casl/ability";
-import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
-import {
-  faAngleDown,
-  faArrowDown,
-  faArrowUp,
-  faFingerprint,
-  faFolder,
-  faFolderBlank,
-  faFolderPlus,
-  faKey,
-  faList,
-  faPlus
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import NavHeader from "@app/components/navigation/NavHeader";
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  Checkbox,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Modal,
-  ModalContent,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  TFoot,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useOrganization,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { useDebounce, usePagination, usePopUp, useResetPageHelper } from "@app/hooks";
-import {
-  useCreateFolder,
-  useCreateSecretV3,
-  useDeleteSecretV3,
-  useGetImportedSecretsAllEnvs,
-  useGetWsTags,
-  useUpdateSecretV3
-} from "@app/hooks/api";
-import { useGetProjectSecretsOverview } from "@app/hooks/api/dashboard/queries";
-import { DashboardSecretsOrderBy } from "@app/hooks/api/dashboard/types";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { useUpdateFolderBatch } from "@app/hooks/api/secretFolders/queries";
-import { TUpdateFolderBatchDTO } from "@app/hooks/api/secretFolders/types";
-import { SecretType, SecretV3RawSanitized, TSecretFolder } from "@app/hooks/api/types";
-import { ProjectType, ProjectVersion } from "@app/hooks/api/workspace/types";
-import { useDynamicSecretOverview, useFolderOverview, useSecretOverview } from "@app/hooks/utils";
-import { SecretOverviewDynamicSecretRow } from "@app/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow";
-import {
-  SecretNoAccessOverviewTableRow,
-  SecretOverviewTableRow
-} from "@app/views/SecretOverviewPage/components/SecretOverviewTableRow";
-import { SecretSearchInput } from "@app/views/SecretOverviewPage/components/SecretSearchInput";
-import { SecretTableResourceCount } from "@app/views/SecretOverviewPage/components/SecretTableResourceCount";
-
-import { FolderForm } from "../SecretMainPage/components/ActionBar/FolderForm";
-import { CreateSecretForm } from "./components/CreateSecretForm";
-import { FolderBreadCrumbs } from "./components/FolderBreadCrumbs";
-import { SecretOverviewFolderRow } from "./components/SecretOverviewFolderRow";
-import { SecretV2MigrationSection } from "./components/SecretV2MigrationSection";
-import { SelectionPanel } from "./components/SelectionPanel/SelectionPanel";
-
-export enum EntryType {
-  FOLDER = "folder",
-  SECRET = "secret"
-}
-
-enum RowType {
-  Folder = "folder",
-  DynamicSecret = "dynamic",
-  Secret = "secret"
-}
-
-type Filter = {
-  [key in RowType]: boolean;
-};
-
-const DEFAULT_FILTER_STATE = {
-  [RowType.Folder]: true,
-  [RowType.DynamicSecret]: true,
-  [RowType.Secret]: true
-};
-
-export const SecretOverviewPage = () => {
-  const { t } = useTranslation();
-
-  const router = useRouter();
-  const [scrollOffset, setScrollOffset] = useState(0);
-  const [debouncedScrollOffset] = useDebounce(scrollOffset);
-  const { permission } = useProjectPermission();
-
-  const { currentWorkspace, isLoading: isWorkspaceLoading } = useWorkspace();
-  const isProjectV3 = currentWorkspace?.version === ProjectVersion.V3;
-  const { currentOrg } = useOrganization();
-  const workspaceId = currentWorkspace?.id as string;
-  const projectSlug = currentWorkspace?.slug as string;
-  const [searchFilter, setSearchFilter] = useState("");
-  const [debouncedSearchFilter, setDebouncedSearchFilter] = useDebounce(searchFilter);
-  const secretPath = (router.query?.secretPath as string) || "/";
-
-  const [filter, setFilter] = useState<Filter>(DEFAULT_FILTER_STATE);
-  const [filterHistory, setFilterHistory] = useState<
-    Map<string, { filter: Filter; searchFilter: string }>
-  >(new Map());
-
-  const [selectedEntries, setSelectedEntries] = useState<{
-    // selectedEntries[name/key][envSlug][resource]
-    [EntryType.FOLDER]: Record<string, Record<string, TSecretFolder>>;
-    [EntryType.SECRET]: Record<string, Record<string, SecretV3RawSanitized>>;
-  }>({
-    [EntryType.FOLDER]: {},
-    [EntryType.SECRET]: {}
-  });
-
-  const {
-    offset,
-    limit,
-    orderDirection,
-    setOrderDirection,
-    setPage,
-    perPage,
-    page,
-    setPerPage,
-    orderBy
-  } = usePagination<DashboardSecretsOrderBy>(DashboardSecretsOrderBy.Name);
-
-  const resetSelectedEntries = useCallback(() => {
-    setSelectedEntries({
-      [EntryType.FOLDER]: {},
-      [EntryType.SECRET]: {}
-    });
-  }, []);
-
-  useEffect(() => {
-    const onRouteChangeStart = () => {
-      resetSelectedEntries();
-    };
-
-    router.events.on("routeChangeStart", onRouteChangeStart);
-
-    return () => {
-      router.events.off("routeChangeStart", onRouteChangeStart);
-    };
-  }, []);
-
-  useEffect(() => {
-    if (!isWorkspaceLoading && !workspaceId && router.isReady) {
-      router.push(`/org/${currentOrg?.id}/${ProjectType.SecretManager}/overview`);
-    }
-  }, [isWorkspaceLoading, workspaceId, router.isReady]);
-
-  const userAvailableEnvs = currentWorkspace?.environments || [];
-
-  const [visibleEnvs, setVisibleEnvs] = useState(userAvailableEnvs);
-
-  useEffect(() => {
-    setVisibleEnvs(userAvailableEnvs);
-  }, [userAvailableEnvs]);
-
-  const { isImportedSecretPresentInEnv, getImportedSecretByKey, getEnvImportedSecretKeyCount } =
-    useGetImportedSecretsAllEnvs({
-      projectId: workspaceId,
-      path: secretPath,
-      environments: (userAvailableEnvs || []).map(({ slug }) => slug)
-    });
-
-  const { isLoading: isOverviewLoading, data: overview } = useGetProjectSecretsOverview(
-    {
-      projectId: workspaceId,
-      environments: visibleEnvs.map((env) => env.slug),
-      secretPath,
-      orderDirection,
-      orderBy,
-      includeFolders: filter.folder,
-      includeDynamicSecrets: filter.dynamic,
-      includeSecrets: filter.secret,
-      search: debouncedSearchFilter,
-      limit,
-      offset
-    },
-    { enabled: isProjectV3 }
-  );
-
-  const {
-    secrets,
-    folders,
-    dynamicSecrets,
-    totalFolderCount,
-    totalSecretCount,
-    totalDynamicSecretCount,
-    totalCount = 0,
-    totalUniqueFoldersInPage,
-    totalUniqueSecretsInPage,
-    totalUniqueDynamicSecretsInPage
-  } = overview ?? {};
-
-  useResetPageHelper({
-    totalCount,
-    offset,
-    setPage
-  });
-
-  const { folderNames, getFolderByNameAndEnv, isFolderPresentInEnv } = useFolderOverview(folders);
-
-  const { dynamicSecretNames, isDynamicSecretPresentInEnv } =
-    useDynamicSecretOverview(dynamicSecrets);
-
-  const { secKeys, getSecretByKey, getEnvSecretKeyCount } = useSecretOverview(secrets);
-  const { data: tags } = useGetWsTags(
-    permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Tags) ? workspaceId : ""
-  );
-
-  const { mutateAsync: createSecretV3 } = useCreateSecretV3();
-  const { mutateAsync: updateSecretV3 } = useUpdateSecretV3();
-  const { mutateAsync: deleteSecretV3 } = useDeleteSecretV3();
-  const { mutateAsync: createFolder } = useCreateFolder();
-  const { mutateAsync: updateFolderBatch } = useUpdateFolderBatch();
-
-  const { handlePopUpOpen, handlePopUpToggle, handlePopUpClose, popUp } = usePopUp([
-    "addSecretsInAllEnvs",
-    "addFolder",
-    "misc",
-    "updateFolder"
-  ] as const);
-
-  const handleFolderCreate = async (folderName: string) => {
-    const promises = userAvailableEnvs.map((env) => {
-      const environment = env.slug;
-      return createFolder({
-        name: folderName,
-        path: secretPath,
-        environment,
-        projectId: workspaceId
-      });
-    });
-
-    const results = await Promise.allSettled(promises);
-    const isFoldersAdded = results.some((result) => result.status === "fulfilled");
-
-    if (isFoldersAdded) {
-      handlePopUpClose("addFolder");
-      createNotification({
-        type: "success",
-        text: "Successfully created folder"
-      });
-    } else {
-      createNotification({
-        type: "error",
-        text: "Failed to create folder"
-      });
-    }
-  };
-
-  const handleFolderUpdate = async (newFolderName: string) => {
-    const { name: oldFolderName } = popUp.updateFolder.data as TSecretFolder;
-
-    const updatedFolders: TUpdateFolderBatchDTO["folders"] = [];
-    userAvailableEnvs.forEach((env) => {
-      if (
-        permission.can(
-          ProjectPermissionActions.Edit,
-          subject(ProjectPermissionSub.SecretFolders, { environment: env.slug, secretPath })
-        )
-      ) {
-        const folder = getFolderByNameAndEnv(oldFolderName, env.slug);
-        if (folder) {
-          updatedFolders.push({
-            environment: env.slug,
-            name: newFolderName,
-            id: folder.id,
-            path: secretPath
-          });
-        }
-      }
-    });
-
-    if (updatedFolders.length === 0) {
-      createNotification({
-        type: "info",
-        text: "You don't have access to rename selected folder"
-      });
-
-      handlePopUpClose("updateFolder");
-      return;
-    }
-
-    try {
-      await updateFolderBatch({
-        projectSlug,
-        folders: updatedFolders,
-        projectId: workspaceId
-      });
-      createNotification({
-        type: "success",
-        text: "Successfully renamed folder across environments"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Failed to rename folder across environments"
-      });
-    } finally {
-      handlePopUpClose("updateFolder");
-    }
-  };
-
-  const handleSecretCreate = async (env: string, key: string, value: string) => {
-    try {
-      // create folder if not existing
-      if (secretPath !== "/") {
-        // /hello/world -> [hello","world"]
-        const pathSegment = secretPath.split("/").filter(Boolean);
-        const parentPath = `/${pathSegment.slice(0, -1).join("/")}`;
-        const folderName = pathSegment.at(-1);
-        if (folderName && parentPath) {
-          await createFolder({
-            projectId: workspaceId,
-            path: parentPath,
-            environment: env,
-            name: folderName
-          });
-        }
-      }
-      const result = await createSecretV3({
-        environment: env,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        secretValue: value,
-        secretComment: "",
-        type: SecretType.Shared
-      });
-
-      if ("approval" in result) {
-        createNotification({
-          type: "info",
-          text: "Requested change has been sent for review"
-        });
-      } else {
-        createNotification({
-          type: "success",
-          text: "Successfully created secret"
-        });
-      }
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to create secret"
-      });
-    }
-  };
-
-  const handleEnvSelect = (envId: string) => {
-    if (visibleEnvs.map((env) => env.id).includes(envId)) {
-      setVisibleEnvs(visibleEnvs.filter((env) => env.id !== envId));
-    } else {
-      setVisibleEnvs(visibleEnvs.concat(userAvailableEnvs.filter((env) => env.id === envId)));
-    }
-  };
-
-  const handleSecretUpdate = async (
-    env: string,
-    key: string,
-    value: string,
-    type = SecretType.Shared
-  ) => {
-    try {
-      const result = await updateSecretV3({
-        environment: env,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        secretValue: value,
-        type
-      });
-
-      if ("approval" in result) {
-        createNotification({
-          type: "info",
-          text: "Requested change has been sent for review"
-        });
-      } else {
-        createNotification({
-          type: "success",
-          text: "Successfully updated secret"
-        });
-      }
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to update secret"
-      });
-    }
-  };
-
-  const handleSecretDelete = async (env: string, key: string, secretId?: string) => {
-    try {
-      const result = await deleteSecretV3({
-        environment: env,
-        workspaceId,
-        secretPath,
-        secretKey: key,
-        secretId,
-        type: SecretType.Shared
-      });
-
-      if ("approval" in result) {
-        createNotification({
-          type: "info",
-          text: "Requested change has been sent for review"
-        });
-      } else {
-        createNotification({
-          type: "success",
-          text: "Successfully deleted secret"
-        });
-      }
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to delete secret"
-      });
-    }
-  };
-
-  const handleResetSearch = (path: string) => {
-    const restore = filterHistory.get(path);
-    setFilter(restore?.filter ?? DEFAULT_FILTER_STATE);
-    const search = restore?.searchFilter ?? "";
-    setSearchFilter(search);
-    setDebouncedSearchFilter(search);
-  };
-
-  const handleFolderClick = (path: string) => {
-    // store for breadcrumb nav to restore previously used filters
-    setFilterHistory((prev) => {
-      const curr = new Map(prev);
-      curr.set(secretPath, { filter, searchFilter });
-      return curr;
-    });
-
-    router
-      .push({
-        pathname: router.pathname,
-        query: {
-          ...router.query,
-          secretPath: `${router.query?.secretPath || ""}/${path}`
-        }
-      })
-      .then(() => {
-        setFilter(DEFAULT_FILTER_STATE);
-        setSearchFilter("");
-        setDebouncedSearchFilter("");
-      });
-  };
-
-  const handleExploreEnvClick = async (slug: string) => {
-    if (secretPath !== "/") {
-      const pathSegment = secretPath.split("/").filter(Boolean);
-      const parentPath = `/${pathSegment.slice(0, -1).join("/")}`;
-      const folderName = pathSegment.at(-1);
-      const canCreateFolder = permission.can(
-        ProjectPermissionActions.Create,
-        subject(ProjectPermissionSub.SecretFolders, {
-          environment: slug,
-          secretPath: parentPath
-        })
-      );
-      if (folderName && parentPath && canCreateFolder) {
-        await createFolder({
-          projectId: workspaceId,
-          environment: slug,
-          path: parentPath,
-          name: folderName
-        });
-      }
-    }
-
-    const query: Record<string, string> = { ...router.query, env: slug, searchFilter };
-    const envIndex = visibleEnvs.findIndex((el) => slug === el.slug);
-    if (envIndex !== -1) {
-      router.push({
-        pathname: `/${ProjectType.SecretManager}/[id]/secrets/[env]`,
-        query
-      });
-    }
-  };
-
-  const handleToggleRowType = useCallback(
-    (rowType: RowType) =>
-      setFilter((state) => {
-        return {
-          ...state,
-          [rowType]: !state[rowType]
-        };
-      }),
-    []
-  );
-
-  const allRowsSelectedOnPage = useMemo(() => {
-    if (!secrets?.length && !folders?.length) return { isChecked: false, isIndeterminate: false };
-
-    if (
-      (!secrets?.length ||
-        secrets?.every((secret) => selectedEntries[EntryType.SECRET][secret.key])) &&
-      (!folders?.length ||
-        folders?.every((folder) => selectedEntries[EntryType.FOLDER][folder.name]))
-    )
-      return { isChecked: true, isIndeterminate: false };
-
-    if (
-      secrets?.some((secret) => selectedEntries[EntryType.SECRET][secret.key]) ||
-      folders?.some((folder) => selectedEntries[EntryType.FOLDER][folder.name])
-    )
-      return { isChecked: true, isIndeterminate: true };
-
-    return { isChecked: false, isIndeterminate: false };
-  }, [selectedEntries, secrets, folders]);
-
-  const toggleSelectedEntry = useCallback(
-    (type: EntryType, key: string) => {
-      const isChecked = Boolean(selectedEntries[type]?.[key]);
-      const newChecks = { ...selectedEntries };
-
-      // remove selection if its present else add it
-      if (isChecked) {
-        delete newChecks[type][key];
-      } else {
-        newChecks[type][key] = {};
-        userAvailableEnvs.forEach((env) => {
-          const resource =
-            type === EntryType.SECRET
-              ? getSecretByKey(env.slug, key)
-              : getFolderByNameAndEnv(key, env.slug);
-
-          if (resource) newChecks[type][key][env.slug] = resource;
-        });
-      }
-
-      setSelectedEntries(newChecks);
-    },
-    [selectedEntries, getFolderByNameAndEnv, getSecretByKey]
-  );
-
-  const toggleSelectAllRows = () => {
-    const newChecks = { ...selectedEntries };
-
-    userAvailableEnvs.forEach((env) => {
-      secrets?.forEach((secret) => {
-        if (allRowsSelectedOnPage.isChecked) {
-          delete newChecks[EntryType.SECRET][secret.key];
-        } else {
-          if (!newChecks[EntryType.SECRET][secret.key])
-            newChecks[EntryType.SECRET][secret.key] = {};
-
-          const resource = getSecretByKey(env.slug, secret.key);
-
-          if (resource) newChecks[EntryType.SECRET][secret.key][env.slug] = resource;
-        }
-      });
-
-      folders?.forEach((folder) => {
-        if (allRowsSelectedOnPage.isChecked) {
-          delete newChecks[EntryType.FOLDER][folder.name];
-        } else {
-          if (!newChecks[EntryType.FOLDER][folder.name])
-            newChecks[EntryType.FOLDER][folder.name] = {};
-
-          const resource = getFolderByNameAndEnv(folder.name, env.slug);
-
-          if (resource) newChecks[EntryType.FOLDER][folder.name][env.slug] = resource;
-        }
-      });
-    });
-
-    setSelectedEntries(newChecks);
-  };
-
-  useEffect(() => {
-    if (router.query.search) {
-      const { search, ...query } = router.query;
-      // temp workaround until we transition state to query params
-      router.push({
-        pathname: router.pathname,
-        query
-      });
-      setFilter(DEFAULT_FILTER_STATE);
-      setSearchFilter(router.query.search as string);
-      setDebouncedSearchFilter(router.query.search as string);
-    }
-  }, [router.query.search]);
-
-  if (isWorkspaceLoading || (isProjectV3 && visibleEnvs.length > 0 && isOverviewLoading)) {
-    return (
-      <div className="container mx-auto flex h-screen w-full items-center justify-center px-8 text-mineshaft-50 dark:[color-scheme:dark]">
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          alt="loading animation"
-          decoding="async"
-          loading="lazy"
-        />
-      </div>
-    );
-  }
-
-  const canViewOverviewPage = Boolean(userAvailableEnvs.length);
-  // This is needed to also show imports from other paths – right now those are missing.
-  // const combinedKeys = [...secKeys, ...secretImports.map((impSecrets) => impSecrets?.data?.map((impSec) => impSec.secrets?.map((impSecKey) => impSecKey.key))).flat().flat()];
-
-  const isTableEmpty = totalCount === 0;
-
-  const isTableFiltered =
-    Boolean(Object.values(filter).filter((enabled) => !enabled).length) ||
-    userAvailableEnvs.length !== visibleEnvs.length;
-
-  if (!isProjectV3)
-    return (
-      <div className="flex h-full w-full flex-col items-center justify-center px-6 text-mineshaft-50 dark:[color-scheme:dark]">
-        <SecretV2MigrationSection />
-      </div>
-    );
-
-  return (
-    <>
-      <div className="container mx-auto px-6 text-mineshaft-50 dark:[color-scheme:dark]">
-        <div className="relative right-5 ml-4">
-          <NavHeader pageName={t("dashboard.title")} isProjectRelated />
-        </div>
-        <div className="space-y-8">
-          <div className="flex w-full items-baseline justify-between">
-            <div className="mt-6">
-              <p className="text-3xl font-semibold text-bunker-100">Secrets Overview</p>
-              <p className="text-md text-bunker-300">
-                Inject your secrets using
-                <a
-                  className="ml-1 text-mineshaft-300 underline decoration-primary-800 underline-offset-4 duration-200 hover:text-mineshaft-100 hover:decoration-primary-600"
-                  href="https://infisical.com/docs/cli/overview"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Infisical CLI
-                </a>
-                ,
-                <a
-                  className="ml-1 text-mineshaft-300 underline decoration-primary-800 underline-offset-4 duration-200 hover:text-mineshaft-100 hover:decoration-primary-600"
-                  href="https://infisical.com/docs/documentation/getting-started/api"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Infisical API
-                </a>
-                ,
-                <a
-                  className="ml-1 text-mineshaft-300 underline decoration-primary-800 underline-offset-4 duration-200 hover:text-mineshaft-100 hover:decoration-primary-600"
-                  href="https://infisical.com/docs/sdks/overview"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Infisical SDKs
-                </a>
-                , and
-                <a
-                  className="ml-1 text-mineshaft-300 underline decoration-primary-800 underline-offset-4 duration-200 hover:text-mineshaft-100 hover:decoration-primary-600"
-                  href="https://infisical.com/docs/documentation/getting-started/introduction"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  more
-                </a>
-                .
-              </p>
-            </div>
-          </div>
-          <div className="flex items-center justify-between">
-            <FolderBreadCrumbs secretPath={secretPath} onResetSearch={handleResetSearch} />
-            <div className="flex flex-row items-center justify-center space-x-2">
-              {userAvailableEnvs.length > 0 && (
-                <DropdownMenu>
-                  <DropdownMenuTrigger asChild>
-                    <IconButton
-                      ariaLabel="Environments"
-                      variant="plain"
-                      size="sm"
-                      className={twMerge(
-                        "flex h-10 w-11 items-center justify-center overflow-hidden border border-mineshaft-600 bg-mineshaft-800 p-0 transition-all hover:border-primary/60 hover:bg-primary/10",
-                        isTableFiltered && "border-primary/50 text-primary"
-                      )}
-                    >
-                      <Tooltip content="Choose visible environments" className="mb-2">
-                        <FontAwesomeIcon icon={faList} />
-                      </Tooltip>
-                    </IconButton>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent align="end">
-                    {/* <DropdownMenuItem className="px-1.5" asChild>
-                    <Button
-                      size="xs"
-                      className="w-full"
-                      colorSchema="primary"
-                      variant="outline_bg"
-                      leftIcon={<FontAwesomeIcon icon={faHockeyPuck} />}
-                      // onClick={onCreateTag}
-                    >
-                      Create an environment
-                    </Button>
-                  </DropdownMenuItem> */}
-                    <DropdownMenuLabel>Filter project resources</DropdownMenuLabel>
-                    <DropdownMenuItem
-                      onClick={(e) => {
-                        e.preventDefault();
-                        handleToggleRowType(RowType.Folder);
-                      }}
-                      icon={filter[RowType.Folder] && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      <div className="flex items-center gap-2">
-                        <FontAwesomeIcon icon={faFolder} className="text-yellow-700" />
-                        <span>Folders</span>
-                      </div>
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      onClick={(e) => {
-                        e.preventDefault();
-                        handleToggleRowType(RowType.DynamicSecret);
-                      }}
-                      icon={
-                        filter[RowType.DynamicSecret] && <FontAwesomeIcon icon={faCheckCircle} />
-                      }
-                      iconPos="right"
-                    >
-                      <div className="flex items-center gap-2">
-                        <FontAwesomeIcon icon={faFingerprint} className=" text-yellow-700" />
-                        <span>Dynamic Secrets</span>
-                      </div>
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      onClick={(e) => {
-                        e.preventDefault();
-                        handleToggleRowType(RowType.Secret);
-                      }}
-                      icon={filter[RowType.Secret] && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      <div className="flex items-center gap-2">
-                        <FontAwesomeIcon icon={faKey} className=" text-bunker-300" />
-                        <span>Secrets</span>
-                      </div>
-                    </DropdownMenuItem>
-                    <DropdownMenuLabel>Choose visible environments</DropdownMenuLabel>
-                    {userAvailableEnvs.map((availableEnv) => {
-                      const { id: envId, name } = availableEnv;
-
-                      const isEnvSelected = visibleEnvs.map((env) => env.id).includes(envId);
-                      return (
-                        <DropdownMenuItem
-                          onClick={(e) => {
-                            e.preventDefault();
-                            handleEnvSelect(envId);
-                          }}
-                          key={envId}
-                          disabled={visibleEnvs?.length === 1}
-                          icon={isEnvSelected && <FontAwesomeIcon icon={faCheckCircle} />}
-                          iconPos="right"
-                        >
-                          <div className="flex items-center">{name}</div>
-                        </DropdownMenuItem>
-                      );
-                    })}
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              )}
-              <SecretSearchInput
-                value={searchFilter}
-                tags={tags}
-                onChange={setSearchFilter}
-                environments={userAvailableEnvs}
-                projectId={currentWorkspace?.id!}
-              />
-              {userAvailableEnvs.length > 0 && (
-                <div>
-                  <Button
-                    variant="outline_bg"
-                    leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                    onClick={() => handlePopUpOpen("addSecretsInAllEnvs")}
-                    className="h-10 rounded-r-none"
-                  >
-                    Add Secret
-                  </Button>
-                  <DropdownMenu
-                    open={popUp.misc.isOpen}
-                    onOpenChange={(isOpen) => handlePopUpToggle("misc", isOpen)}
-                  >
-                    <DropdownMenuTrigger asChild>
-                      <IconButton
-                        ariaLabel="add-folder-or-import"
-                        variant="outline_bg"
-                        className="rounded-l-none bg-mineshaft-600 p-3"
-                      >
-                        <FontAwesomeIcon icon={faAngleDown} />
-                      </IconButton>
-                    </DropdownMenuTrigger>
-                    <DropdownMenuContent align="end">
-                      <div className="flex flex-col space-y-1 p-1.5">
-                        <ProjectPermissionCan
-                          I={ProjectPermissionActions.Create}
-                          a={ProjectPermissionSub.SecretFolders}
-                        >
-                          {(isAllowed) => (
-                            <Button
-                              leftIcon={<FontAwesomeIcon icon={faFolderPlus} />}
-                              onClick={() => {
-                                handlePopUpOpen("addFolder");
-                                handlePopUpClose("misc");
-                              }}
-                              isDisabled={!isAllowed}
-                              variant="outline_bg"
-                              className="h-10"
-                              isFullWidth
-                            >
-                              Add Folder
-                            </Button>
-                          )}
-                        </ProjectPermissionCan>
-                      </div>
-                    </DropdownMenuContent>
-                  </DropdownMenu>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-        <SelectionPanel
-          secretPath={secretPath}
-          selectedEntries={selectedEntries}
-          resetSelectedEntries={resetSelectedEntries}
-        />
-        <div className="thin-scrollbar mt-4">
-          <TableContainer
-            onScroll={(e) => setScrollOffset(e.currentTarget.scrollLeft)}
-            className="thin-scrollbar rounded-b-none"
-          >
-            <Table>
-              <THead>
-                <Tr className="sticky top-0 z-20 border-0">
-                  <Th className="sticky left-0 z-20 min-w-[20rem] border-b-0 p-0">
-                    <div className="flex items-center border-b border-r border-mineshaft-600 pr-5 pl-3 pt-3.5 pb-3">
-                      <Tooltip
-                        className="max-w-[20rem] whitespace-nowrap capitalize"
-                        content={
-                          totalCount > 0
-                            ? `${
-                                !allRowsSelectedOnPage.isChecked ? "Select" : "Unselect"
-                              } all folders and secrets on page`
-                            : ""
-                        }
-                      >
-                        <div className="mr-4 ml-2">
-                          <Checkbox
-                            isDisabled={totalCount === 0}
-                            id="checkbox-select-all-rows"
-                            isChecked={allRowsSelectedOnPage.isChecked}
-                            isIndeterminate={allRowsSelectedOnPage.isIndeterminate}
-                            onCheckedChange={toggleSelectAllRows}
-                          />
-                        </div>
-                      </Tooltip>
-                      Name
-                      <IconButton
-                        variant="plain"
-                        className="ml-2"
-                        ariaLabel="sort"
-                        onClick={() =>
-                          setOrderDirection((prev) =>
-                            prev === OrderByDirection.ASC
-                              ? OrderByDirection.DESC
-                              : OrderByDirection.ASC
-                          )
-                        }
-                      >
-                        <FontAwesomeIcon
-                          icon={orderDirection === "asc" ? faArrowDown : faArrowUp}
-                        />
-                      </IconButton>
-                    </div>
-                  </Th>
-                  {visibleEnvs?.map(({ name, slug }, index) => {
-                    const envSecKeyCount = getEnvSecretKeyCount(slug);
-                    const importedSecKeyCount = getEnvImportedSecretKeyCount(slug);
-                    const missingKeyCount = secKeys.length - envSecKeyCount - importedSecKeyCount;
-
-                    return (
-                      <Th
-                        className="min-table-row min-w-[11rem] border-b-0 p-0 text-center"
-                        key={`secret-overview-${name}-${index + 1}`}
-                      >
-                        <div className="flex items-center justify-center border-b border-mineshaft-600 px-5 pt-3.5 pb-[0.83rem]">
-                          <button
-                            type="button"
-                            className="text-sm font-medium duration-100 hover:text-mineshaft-100"
-                            onClick={() => handleExploreEnvClick(slug)}
-                          >
-                            {name}
-                          </button>
-                          {missingKeyCount > 0 && (
-                            <Tooltip
-                              className="max-w-none lowercase"
-                              content={`${missingKeyCount} secrets missing\n compared to other environments`}
-                            >
-                              <div className="ml-2 flex h-[1.1rem] cursor-default items-center justify-center rounded-sm border border-red-400 bg-red-600 p-1 text-xs font-medium text-bunker-100">
-                                <span className="text-bunker-100">{missingKeyCount}</span>
-                              </div>
-                            </Tooltip>
-                          )}
-                        </div>
-                      </Th>
-                    );
-                  })}
-                </Tr>
-              </THead>
-              <TBody>
-                {canViewOverviewPage && isOverviewLoading && (
-                  <TableSkeleton
-                    columns={visibleEnvs.length + 1}
-                    innerKey="secret-overview-loading"
-                    rows={5}
-                    className="bg-mineshaft-700"
-                  />
-                )}
-                {userAvailableEnvs.length > 0 && visibleEnvs.length === 0 && (
-                  <Tr>
-                    <Td colSpan={visibleEnvs.length + 1}>
-                      <EmptyState title="You have no visible environments" iconSize="3x" />
-                    </Td>
-                  </Tr>
-                )}
-                {userAvailableEnvs.length === 0 && (
-                  <Tr>
-                    <Td colSpan={visibleEnvs.length + 1}>
-                      <EmptyState
-                        title="You have no environments, start by adding some"
-                        iconSize="3x"
-                      >
-                        <Link
-                          href={{
-                            pathname: "/project/[id]/settings",
-                            query: { id: workspaceId },
-                            hash: "environments"
-                          }}
-                        >
-                          <Button
-                            className="mt-4"
-                            variant="outline_bg"
-                            colorSchema="primary"
-                            size="md"
-                          >
-                            Add environments
-                          </Button>
-                        </Link>
-                      </EmptyState>
-                    </Td>
-                  </Tr>
-                )}
-                {isTableEmpty && !isOverviewLoading && visibleEnvs.length > 0 && (
-                  <Tr>
-                    <Td colSpan={visibleEnvs.length + 1}>
-                      <EmptyState
-                        title={
-                          debouncedSearchFilter
-                            ? "No secret found for your search, add one now"
-                            : "Let's add some secrets"
-                        }
-                        icon={faFolderBlank}
-                        iconSize="3x"
-                      >
-                        <Button
-                          className="mt-4"
-                          variant="outline_bg"
-                          colorSchema="primary"
-                          size="md"
-                          onClick={() => handlePopUpOpen("addSecretsInAllEnvs")}
-                        >
-                          Add Secrets
-                        </Button>
-                      </EmptyState>
-                    </Td>
-                  </Tr>
-                )}
-                {!isOverviewLoading && visibleEnvs.length > 0 && (
-                  <>
-                    {folderNames.map((folderName, index) => (
-                      <SecretOverviewFolderRow
-                        folderName={folderName}
-                        isFolderPresentInEnv={isFolderPresentInEnv}
-                        isSelected={Boolean(selectedEntries.folder[folderName])}
-                        onToggleFolderSelect={() =>
-                          toggleSelectedEntry(EntryType.FOLDER, folderName)
-                        }
-                        environments={visibleEnvs}
-                        key={`overview-${folderName}-${index + 1}`}
-                        onClick={handleFolderClick}
-                        onToggleFolderEdit={(name: string) =>
-                          handlePopUpOpen("updateFolder", { name })
-                        }
-                      />
-                    ))}
-                    {dynamicSecretNames.map((dynamicSecretName, index) => (
-                      <SecretOverviewDynamicSecretRow
-                        dynamicSecretName={dynamicSecretName}
-                        isDynamicSecretInEnv={isDynamicSecretPresentInEnv}
-                        environments={visibleEnvs}
-                        key={`overview-${dynamicSecretName}-${index + 1}`}
-                      />
-                    ))}
-                    {secKeys.map((key, index) => (
-                      <SecretOverviewTableRow
-                        isSelected={Boolean(selectedEntries.secret[key])}
-                        onToggleSecretSelect={() => toggleSelectedEntry(EntryType.SECRET, key)}
-                        secretPath={secretPath}
-                        getImportedSecretByKey={getImportedSecretByKey}
-                        isImportedSecretPresentInEnv={isImportedSecretPresentInEnv}
-                        onSecretCreate={handleSecretCreate}
-                        onSecretDelete={handleSecretDelete}
-                        onSecretUpdate={handleSecretUpdate}
-                        key={`overview-${key}-${index + 1}`}
-                        environments={visibleEnvs}
-                        secretKey={key}
-                        getSecretByKey={getSecretByKey}
-                        scrollOffset={debouncedScrollOffset}
-                      />
-                    ))}
-                    <SecretNoAccessOverviewTableRow
-                      environments={visibleEnvs}
-                      count={Math.max(
-                        (page * perPage > totalCount ? totalCount % perPage : perPage) -
-                          (totalUniqueFoldersInPage || 0) -
-                          (totalUniqueDynamicSecretsInPage || 0) -
-                          (totalUniqueSecretsInPage || 0),
-                        0
-                      )}
-                    />
-                  </>
-                )}
-              </TBody>
-              <TFoot>
-                <Tr className="sticky bottom-0 z-10 border-0 bg-mineshaft-800">
-                  <Td className="sticky left-0 z-10 border-0 bg-mineshaft-800 p-0">
-                    <div
-                      className="w-full border-t border-r border-mineshaft-600"
-                      style={{ height: "45px" }}
-                    />
-                  </Td>
-                  {visibleEnvs?.map(({ name, slug }) => (
-                    <Td key={`explore-${name}-btn`} className="border-0 border-mineshaft-600 p-0">
-                      <div className="flex w-full items-center justify-center border-r border-t border-mineshaft-600 px-5 py-2">
-                        <Button
-                          size="xs"
-                          variant="outline_bg"
-                          isFullWidth
-                          onClick={() => handleExploreEnvClick(slug)}
-                        >
-                          Explore
-                        </Button>
-                      </div>
-                    </Td>
-                  ))}
-                </Tr>
-              </TFoot>
-            </Table>
-          </TableContainer>
-          {!isOverviewLoading && totalCount > 0 && (
-            <Pagination
-              startAdornment={
-                <SecretTableResourceCount
-                  dynamicSecretCount={totalDynamicSecretCount}
-                  secretCount={totalSecretCount}
-                  folderCount={totalFolderCount}
-                />
-              }
-              className="rounded-b-md border-t border-solid border-t-mineshaft-600"
-              count={totalCount}
-              page={page}
-              perPage={perPage}
-              onChangePage={(newPage) => setPage(newPage)}
-              onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-            />
-          )}
-        </div>
-      </div>
-      <Modal
-        isOpen={popUp.addSecretsInAllEnvs.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("addSecretsInAllEnvs", isOpen)}
-      >
-        <ModalContent
-          className="max-h-[80vh]"
-          bodyClassName="overflow-visible"
-          title="Create Secrets"
-          subTitle="Create a secret across multiple environments"
-          onPointerDownOutside={(e) => e.preventDefault()}
-        >
-          <CreateSecretForm
-            secretPath={secretPath}
-            onClose={() => handlePopUpClose("addSecretsInAllEnvs")}
-          />
-        </ModalContent>
-      </Modal>
-      <Modal
-        isOpen={popUp.addFolder.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("addFolder", isOpen)}
-      >
-        <ModalContent title="Create Folder">
-          <FolderForm onCreateFolder={handleFolderCreate} />
-        </ModalContent>
-      </Modal>
-      <Modal
-        isOpen={popUp.updateFolder.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("updateFolder", isOpen)}
-      >
-        <ModalContent title="Edit Folder Name">
-          <FolderForm
-            isEdit
-            defaultFolderName={(popUp.updateFolder?.data as Pick<TSecretFolder, "name">)?.name}
-            onUpdateFolder={handleFolderUpdate}
-          />
-        </ModalContent>
-      </Modal>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx b/frontend-next/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
deleted file mode 100644
index aabd7899e..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
+++ /dev/null
@@ -1,318 +0,0 @@
-import { ClipboardEvent, useRef } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FilterableSelect, FormControl, Input } from "@app/components/v2";
-import { CreatableSelect } from "@app/components/v2/CreatableSelect";
-import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { getKeyValue } from "@app/helpers/parseEnvVar";
-import { useCreateFolder, useCreateSecretV3, useCreateWsTag, useGetWsTags } from "@app/hooks/api";
-import { SecretType } from "@app/hooks/api/types";
-
-const typeSchema = z
-  .object({
-    key: z.string().trim().min(1, "Key is required"),
-    value: z.string().optional(),
-    environments: z.object({ name: z.string(), slug: z.string() }).array(),
-    tags: z.array(z.object({ label: z.string().trim(), value: z.string().trim() })).optional()
-  })
-  .refine((data) => data.key !== undefined, {
-    message: "Please enter secret name"
-  });
-
-type TFormSchema = z.infer<typeof typeSchema>;
-
-type Props = {
-  secretPath?: string;
-  // modal props
-  onClose: () => void;
-};
-
-export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
-  const {
-    register,
-    handleSubmit,
-    control,
-    reset,
-    setValue,
-    watch,
-    formState: { isSubmitting, errors }
-  } = useForm<TFormSchema>({ resolver: zodResolver(typeSchema) });
-
-  const { currentWorkspace } = useWorkspace();
-  const { permission } = useProjectPermission();
-  const canReadTags = permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Tags);
-  const workspaceId = currentWorkspace?.id || "";
-  const environments = currentWorkspace?.environments || [];
-
-  const { mutateAsync: createSecretV3 } = useCreateSecretV3();
-  const { mutateAsync: createFolder } = useCreateFolder();
-  const { data: projectTags, isLoading: isTagsLoading } = useGetWsTags(
-    canReadTags ? workspaceId : ""
-  );
-
-  const secretKeyInputRef = useRef<HTMLInputElement>(null);
-  const { ref: setSecretKeyHookRef, ...secretKeyRegisterRest } = register("key");
-
-  const secretKey = watch("key");
-
-  const handleFormSubmit = async ({ key, value, environments: selectedEnv, tags }: TFormSchema) => {
-    const promises = selectedEnv.map(async (env) => {
-      const environment = env.slug;
-      // create folder if not existing
-      if (secretPath !== "/") {
-        // /hello/world -> [hello","world"]
-        const pathSegment = secretPath.split("/").filter(Boolean);
-        const parentPath = `/${pathSegment.slice(0, -1).join("/")}`;
-        const folderName = pathSegment.at(-1);
-        const canCreateFolder = permission.can(
-          ProjectPermissionActions.Create,
-          subject(ProjectPermissionSub.SecretFolders, {
-            environment: env.slug,
-            secretPath: parentPath
-          })
-        );
-
-        if (folderName && parentPath && canCreateFolder) {
-          await createFolder({
-            projectId: workspaceId,
-            path: parentPath,
-            environment,
-            name: folderName
-          });
-        }
-      }
-
-      // TODO: add back ability to overwrite - need to fetch secrets by key to check for conflicts as previous method broke with pagination
-
-      return {
-        ...(await createSecretV3({
-          environment,
-          workspaceId,
-          secretPath,
-          secretKey: key,
-          secretValue: value || "",
-          secretComment: "",
-          type: SecretType.Shared,
-          tagIds: tags?.map((el) => el.value)
-        })),
-        environment
-      };
-    });
-
-    const results = await Promise.allSettled(promises);
-    const forApprovalEnvs = results
-      .map((result) =>
-        result.status === "fulfilled" && "approval" in result.value
-          ? result.value.environment
-          : undefined
-      )
-      .filter(Boolean) as string[];
-
-    const updatedEnvs = results
-      .map((result) =>
-        result.status === "fulfilled" && !("approval" in result.value)
-          ? result.value.environment
-          : undefined
-      )
-      .filter(Boolean) as string[];
-
-    if (forApprovalEnvs.length) {
-      createNotification({
-        type: "info",
-        text: `Change request submitted for ${
-          forApprovalEnvs.length > 1 ? "environments" : "environment"
-        }: ${forApprovalEnvs.join(", ")}`
-      });
-    }
-
-    if (updatedEnvs.length) {
-      createNotification({
-        type: "success",
-        text: `Secrets created in ${
-          updatedEnvs.length > 1 ? "environments" : "environment"
-        }: ${updatedEnvs.join(", ")}`
-      });
-    }
-
-    if (!updatedEnvs.length && !forApprovalEnvs.length) {
-      createNotification({
-        type: "error",
-        text: "Failed to create secrets"
-      });
-    } else {
-      onClose();
-      reset();
-    }
-  };
-
-  const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {
-    const delimitters = [":", "="];
-    const pastedContent = e.clipboardData.getData("text");
-    const { key, value } = getKeyValue(pastedContent, delimitters);
-
-    const isWholeKeyHighlighted =
-      secretKeyInputRef.current &&
-      secretKeyInputRef.current.selectionStart === 0 &&
-      secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length;
-
-    if (!secretKey || isWholeKeyHighlighted) {
-      e.preventDefault();
-
-      setValue("key", key);
-      if (value) {
-        setValue("value", value);
-      }
-    }
-  };
-
-  const createWsTag = useCreateWsTag();
-  const slugSchema = z.string().trim().toLowerCase().min(1);
-  const createNewTag = async (slug: string) => {
-    // TODO: Replace with slugSchema generic
-    try {
-      const parsedSlug = slugSchema.parse(slug);
-      await createWsTag.mutateAsync({
-        workspaceID: workspaceId,
-        tagSlug: parsedSlug,
-        tagColor: ""
-      });
-    } catch {
-      createNotification({
-        type: "error",
-        text: "Failed to create new tag"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleFormSubmit)} noValidate>
-      <FormControl
-        label="Key"
-        isRequired
-        isError={Boolean(errors?.key)}
-        errorText={errors?.key?.message}
-      >
-        <Input
-          {...secretKeyRegisterRest}
-          ref={(e) => {
-            setSecretKeyHookRef(e);
-            // @ts-expect-error this is for multiple ref single component
-            secretKeyInputRef.current = e;
-          }}
-          placeholder="Type your secret name"
-          onPaste={handlePaste}
-          autoCapitalization={currentWorkspace?.autoCapitalization}
-        />
-      </FormControl>
-      <Controller
-        control={control}
-        name="value"
-        render={({ field }) => (
-          <FormControl
-            label="Value"
-            isError={Boolean(errors?.value)}
-            errorText={errors?.value?.message}
-          >
-            <InfisicalSecretInput
-              {...field}
-              containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="tags"
-        render={({ field }) => (
-          <FormControl
-            label="Tags"
-            isError={Boolean(errors?.value)}
-            errorText={errors?.value?.message}
-            helperText={
-              !canReadTags ? (
-                <div className="flex items-center space-x-2">
-                  <FontAwesomeIcon icon={faTriangleExclamation} className="text-yellow-400" />
-                  <span>You do not have permission to read tags.</span>
-                </div>
-              ) : (
-                ""
-              )
-            }
-          >
-            <CreatableSelect
-              isMulti
-              className="w-full"
-              placeholder="Select tags to assign to secret..."
-              isValidNewOption={(v) => slugSchema.safeParse(v).success}
-              name="tagIds"
-              isDisabled={!canReadTags}
-              isLoading={isTagsLoading && canReadTags}
-              options={projectTags?.map((el) => ({ label: el.slug, value: el.id }))}
-              value={field.value}
-              onChange={field.onChange}
-              onCreateOption={createNewTag}
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        render={({ field: { value, onChange }, fieldState: { error } }) => (
-          <FormControl label="Environments" isError={Boolean(error)} errorText={error?.message}>
-            <FilterableSelect
-              isMulti
-              options={environments.filter((environment) =>
-                permission.can(
-                  ProjectPermissionActions.Create,
-                  subject(ProjectPermissionSub.Secrets, {
-                    environment: environment.slug,
-                    secretPath,
-                    secretName: "*",
-                    secretTags: ["*"]
-                  })
-                )
-              )}
-              value={value}
-              onChange={onChange}
-              placeholder="Select environments to create secret in..."
-              getOptionLabel={(option) => option.name}
-              getOptionValue={(option) => option.slug}
-            />
-          </FormControl>
-        )}
-        name="environments"
-      />
-      <div className="mt-7 flex items-center">
-        <Button
-          isDisabled={isSubmitting}
-          isLoading={isSubmitting}
-          key="layout-create-project-submit"
-          className="mr-4"
-          type="submit"
-        >
-          Create Secret
-        </Button>
-        <Button
-          key="layout-cancel-create-project"
-          onClick={onClose}
-          variant="plain"
-          colorSchema="secondary"
-        >
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/CreateSecretForm/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/CreateSecretForm/index.tsx
deleted file mode 100644
index a7851ed77..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/CreateSecretForm/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CreateSecretForm } from "./CreateSecretForm";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/FolderBreadCrumbs/FolderBreadCrumbs.tsx b/frontend-next/src/views/SecretOverviewPage/components/FolderBreadCrumbs/FolderBreadCrumbs.tsx
deleted file mode 100644
index 6317d4413..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/FolderBreadCrumbs/FolderBreadCrumbs.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { useRouter } from "next/router";
-import { faFolderOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-type Props = {
-  secretPath: string;
-  onResetSearch: (path: string) => void;
-};
-
-export const FolderBreadCrumbs = ({ secretPath = "/", onResetSearch }: Props) => {
-  const router = useRouter();
-
-  const onFolderCrumbClick = (index: number) => {
-    const newSecPath = `/${secretPath.split("/").filter(Boolean).slice(0, index).join("/")}`;
-    if (secretPath === newSecPath) return;
-    const query = { ...router.query, secretPath: newSecPath } as Record<string, string>;
-    // root condition
-    if (index === 0) delete query.secretPath;
-    router
-      .push({
-        pathname: router.pathname,
-        query
-      })
-      .then(() => onResetSearch(newSecPath));
-  };
-
-  return (
-    <div className="flex items-center space-x-2">
-      <div
-        className="breadcrumb relative z-20 border-solid border-mineshaft-600 bg-mineshaft-800 py-1 pl-5 pr-2 text-sm hover:bg-mineshaft-600"
-        onClick={() => onFolderCrumbClick(0)}
-        onKeyDown={() => null}
-        role="button"
-        tabIndex={0}
-      >
-        <FontAwesomeIcon icon={faFolderOpen} className="text-primary-700" />
-      </div>
-      {(secretPath || "")
-        .split("/")
-        .filter(Boolean)
-        .map((path, index, arr) => (
-          <div
-            key={`secret-path-${index + 1}`}
-            className={`breadcrumb relative z-20 ${
-              index + 1 === arr.length ? "cursor-default" : "cursor-pointer"
-            } border-solid border-mineshaft-600 py-1 pl-5 pr-2 text-sm text-mineshaft-200`}
-            onClick={() => onFolderCrumbClick(index + 1)}
-            onKeyDown={() => null}
-            role="button"
-            tabIndex={0}
-          >
-            {path}
-          </div>
-        ))}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/FolderBreadCrumbs/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/FolderBreadCrumbs/index.tsx
deleted file mode 100644
index 8224cdb25..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/FolderBreadCrumbs/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { FolderBreadCrumbs } from "./FolderBreadCrumbs";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow/SecretOverviewDynamicSecretRow.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow/SecretOverviewDynamicSecretRow.tsx
deleted file mode 100644
index f814b336b..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow/SecretOverviewDynamicSecretRow.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { faCheck, faFingerprint, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { Td, Tr } from "@app/components/v2";
-
-type Props = {
-  dynamicSecretName: string;
-  environments: { name: string; slug: string }[];
-  isDynamicSecretInEnv: (name: string, env: string) => boolean;
-};
-
-export const SecretOverviewDynamicSecretRow = ({
-  dynamicSecretName,
-  environments = [],
-  isDynamicSecretInEnv
-}: Props) => {
-  return (
-    <Tr isHoverable isSelectable className="group">
-      <Td className="sticky left-0 z-10 border-0 bg-mineshaft-800 bg-clip-padding p-0 group-hover:bg-mineshaft-700">
-        <div className="flex items-center space-x-5 border-r border-mineshaft-600 px-5 py-2.5">
-          <div className="text-yellow-700">
-            <FontAwesomeIcon icon={faFingerprint} />
-          </div>
-          <div>{dynamicSecretName}</div>
-        </div>
-      </Td>
-      {environments.map(({ slug }, i) => {
-        const isPresent = isDynamicSecretInEnv(dynamicSecretName, slug);
-
-        return (
-          <Td
-            key={`sec-overview-${slug}-${i + 1}-folder`}
-            className={twMerge(
-              "border-r border-mineshaft-600 py-3 group-hover:bg-mineshaft-700",
-              isPresent ? "text-green-600" : "text-red-600"
-            )}
-          >
-            <div className="flex justify-center">
-              <FontAwesomeIcon
-                // eslint-disable-next-line no-nested-ternary
-                icon={isPresent ? faCheck : faXmark}
-              />
-            </div>
-          </Td>
-        );
-      })}
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow/index.tsx
deleted file mode 100644
index f2375625b..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewDynamicSecretRow/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretOverviewDynamicSecretRow } from "./SecretOverviewDynamicSecretRow";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx
deleted file mode 100644
index 2625d14c6..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { faCheck, faFolder, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { Checkbox, IconButton, Td, Tr } from "@app/components/v2";
-
-type Props = {
-  folderName: string;
-  environments: { name: string; slug: string }[];
-  isFolderPresentInEnv: (name: string, env: string) => boolean;
-  onClick: (path: string) => void;
-  isSelected: boolean;
-  onToggleFolderSelect: (folderName: string) => void;
-  onToggleFolderEdit: (name: string) => void;
-};
-
-export const SecretOverviewFolderRow = ({
-  folderName,
-  environments = [],
-  isFolderPresentInEnv,
-  isSelected,
-  onToggleFolderSelect,
-  onToggleFolderEdit,
-  onClick
-}: Props) => {
-  return (
-    <Tr isHoverable isSelectable className="group" onClick={() => onClick(folderName)}>
-      <Td className="sticky left-0 z-10 border-0 bg-mineshaft-800 bg-clip-padding p-0 group-hover:bg-mineshaft-700">
-        <div className="flex items-center space-x-5 border-r border-mineshaft-600 px-5 py-2.5">
-          <div className="text-yellow-700">
-            <Checkbox
-              id={`checkbox-${folderName}`}
-              isChecked={isSelected}
-              onCheckedChange={() => {
-                onToggleFolderSelect(folderName);
-              }}
-              onClick={(e) => {
-                e.stopPropagation();
-              }}
-              className={twMerge("hidden group-hover:flex", isSelected && "flex")}
-            />
-            <FontAwesomeIcon
-              className={twMerge("block group-hover:hidden", isSelected && "hidden")}
-              icon={faFolder}
-            />
-          </div>
-          <div>{folderName}</div>
-          <IconButton
-            ariaLabel="edit-folder"
-            variant="plain"
-            size="sm"
-            className="p-0 opacity-0 group-hover:opacity-100"
-            onClick={(e) => {
-              onToggleFolderEdit(folderName);
-              e.stopPropagation();
-            }}
-          >
-            <FontAwesomeIcon icon={faPencil} size="sm" />
-          </IconButton>
-        </div>
-      </Td>
-      {environments.map(({ slug }, i) => {
-        const isPresent = isFolderPresentInEnv(folderName, slug);
-
-        return (
-          <Td
-            key={`sec-overview-${slug}-${i + 1}-folder`}
-            className={twMerge(
-              "border-r border-mineshaft-600 py-3 group-hover:bg-mineshaft-700",
-              isPresent ? "text-green-600" : "text-red-600"
-            )}
-          >
-            <div className="flex justify-center">
-              <FontAwesomeIcon
-                // eslint-disable-next-line no-nested-ternary
-                icon={isPresent ? faCheck : faXmark}
-              />
-            </div>
-          </Td>
-        );
-      })}
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewFolderRow/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewFolderRow/index.tsx
deleted file mode 100644
index 3b2b00ded..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewFolderRow/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretOverviewFolderRow } from "./SecretOverviewFolderRow";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretEditRow.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretEditRow.tsx
deleted file mode 100644
index 12b08c0bb..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretEditRow.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-import { useCallback, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import {
-  faCheck,
-  faCopy,
-  faProjectDiagram,
-  faTrash,
-  faXmark
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  IconButton,
-  Modal,
-  ModalContent,
-  ModalTrigger,
-  Tooltip
-} from "@app/components/v2";
-import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput";
-import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { SecretType } from "@app/hooks/api/types";
-import {
-  hasSecretReference,
-  SecretReferenceTree
-} from "@app/views/SecretMainPage/components/SecretReferenceDetails";
-
-type Props = {
-  defaultValue?: string | null;
-  secretName: string;
-  secretId?: string;
-  isOverride?: boolean;
-  isCreatable?: boolean;
-  isVisible?: boolean;
-  isImportedSecret: boolean;
-  environment: string;
-  secretPath: string;
-  onSecretCreate: (env: string, key: string, value: string) => Promise<void>;
-  onSecretUpdate: (
-    env: string,
-    key: string,
-    value: string,
-    type?: SecretType,
-    secretId?: string
-  ) => Promise<void>;
-  onSecretDelete: (env: string, key: string, secretId?: string) => Promise<void>;
-};
-
-export const SecretEditRow = ({
-  defaultValue,
-  isCreatable,
-  isOverride,
-  isImportedSecret,
-  onSecretUpdate,
-  secretName,
-  onSecretCreate,
-  onSecretDelete,
-  environment,
-  secretPath,
-  isVisible,
-  secretId
-}: Props) => {
-  const {
-    handleSubmit,
-    control,
-    reset,
-    getValues,
-    formState: { isDirty, isSubmitting }
-  } = useForm({
-    values: {
-      value: defaultValue || null
-    }
-  });
-  const [isDeleting, setIsDeleting] = useToggle();
-  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
-
-  const toggleModal = useCallback(() => {
-    setIsModalOpen((prev) => !prev);
-  }, []);
-
-  const handleFormReset = () => {
-    reset();
-  };
-
-  const handleCopySecretToClipboard = async () => {
-    const { value } = getValues();
-    if (value) {
-      try {
-        await window.navigator.clipboard.writeText(value);
-        createNotification({ type: "success", text: "Copied secret to clipboard" });
-      } catch (error) {
-        console.log(error);
-        createNotification({ type: "error", text: "Failed to copy secret to clipboard" });
-      }
-    }
-  };
-
-  const handleFormSubmit = async ({ value }: { value?: string | null }) => {
-    if ((value || value === "") && secretName) {
-      if (isCreatable) {
-        await onSecretCreate(environment, secretName, value);
-      } else {
-        await onSecretUpdate(
-          environment,
-          secretName,
-          value,
-          isOverride ? SecretType.Personal : SecretType.Shared,
-          secretId
-        );
-      }
-    }
-    reset({ value });
-  };
-
-  const handleDeleteSecret = useCallback(async () => {
-    setIsDeleting.on();
-    setIsModalOpen(false);
-
-    try {
-      await onSecretDelete(environment, secretName, secretId);
-      reset({ value: null });
-    } finally {
-      setIsDeleting.off();
-    }
-  }, [onSecretDelete, environment, secretName, secretId, reset, setIsDeleting]);
-
-  return (
-    <div className="group flex w-full cursor-text items-center space-x-2">
-      <DeleteActionModal
-        isOpen={isModalOpen}
-        onClose={toggleModal}
-        title="Do you want to delete the selected secret?"
-        deleteKey="delete"
-        onDeleteApproved={handleDeleteSecret}
-      />
-
-      <div className="flex-grow border-r border-r-mineshaft-600 pr-2 pl-1">
-        <Controller
-          disabled={isImportedSecret && !defaultValue}
-          control={control}
-          name="value"
-          render={({ field }) => (
-            <InfisicalSecretInput
-              {...field}
-              isReadOnly={isImportedSecret}
-              value={field.value as string}
-              key="secret-input"
-              isVisible={isVisible}
-              secretPath={secretPath}
-              environment={environment}
-              isImport={isImportedSecret}
-            />
-          )}
-        />
-      </div>
-      <div
-        className={twMerge(
-          "flex w-24 justify-center space-x-3 pl-2 transition-all",
-          isImportedSecret && "pointer-events-none opacity-0"
-        )}
-      >
-        {isDirty ? (
-          <>
-            <ProjectPermissionCan
-              I={isCreatable ? ProjectPermissionActions.Create : ProjectPermissionActions.Edit}
-              a={subject(ProjectPermissionSub.Secrets, {
-                environment,
-                secretPath,
-                secretName,
-                secretTags: ["*"]
-              })}
-            >
-              {(isAllowed) => (
-                <div>
-                  <Tooltip content="save">
-                    <IconButton
-                      variant="plain"
-                      ariaLabel="submit-value"
-                      className="h-full"
-                      isDisabled={isSubmitting || !isAllowed}
-                      onClick={handleSubmit(handleFormSubmit)}
-                    >
-                      <FontAwesomeIcon icon={faCheck} />
-                    </IconButton>
-                  </Tooltip>
-                </div>
-              )}
-            </ProjectPermissionCan>
-            <div>
-              <Tooltip content="cancel">
-                <IconButton
-                  variant="plain"
-                  colorSchema="danger"
-                  ariaLabel="reset-value"
-                  className="h-full"
-                  onClick={handleFormReset}
-                  isDisabled={isSubmitting}
-                >
-                  <FontAwesomeIcon icon={faXmark} className="hover:text-red" />
-                </IconButton>
-              </Tooltip>
-            </div>
-          </>
-        ) : (
-          <>
-            <div className="opacity-0 group-hover:opacity-100">
-              <Tooltip content="Copy Secret">
-                <IconButton
-                  ariaLabel="copy-value"
-                  onClick={handleCopySecretToClipboard}
-                  variant="plain"
-                  className="h-full"
-                >
-                  <FontAwesomeIcon icon={faCopy} />
-                </IconButton>
-              </Tooltip>
-            </div>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Read}
-              a={ProjectPermissionSub.Secrets}
-            >
-              {(isAllowed) => (
-                <div className="opacity-0 group-hover:opacity-100">
-                  <Modal>
-                    <ModalTrigger asChild>
-                      <div className="opacity-0 group-hover:opacity-100">
-                        <Tooltip
-                          content={
-                            hasSecretReference(defaultValue || "")
-                              ? "Secret Reference Tree"
-                              : "Secret does not contain references"
-                          }
-                        >
-                          <IconButton
-                            variant="plain"
-                            ariaLabel="reference-tree"
-                            className="h-full"
-                            isDisabled={!hasSecretReference(defaultValue || "") || !isAllowed}
-                          >
-                            <FontAwesomeIcon icon={faProjectDiagram} />
-                          </IconButton>
-                        </Tooltip>
-                      </div>
-                    </ModalTrigger>
-                    <ModalContent
-                      title="Secret Reference Details"
-                      subTitle="Visual breakdown of secrets referenced by this secret."
-                      onOpenAutoFocus={(e) => e.preventDefault()} // prevents secret input from displaying value on open
-                    >
-                      <SecretReferenceTree
-                        secretPath={secretPath}
-                        environment={environment}
-                        secretKey={secretName}
-                      />
-                    </ModalContent>
-                  </Modal>
-                </div>
-              )}
-            </ProjectPermissionCan>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Delete}
-              a={subject(ProjectPermissionSub.Secrets, {
-                environment,
-                secretPath,
-                secretName,
-                secretTags: ["*"]
-              })}
-            >
-              {(isAllowed) => (
-                <div className="opacity-0 group-hover:opacity-100">
-                  <Tooltip content="Delete">
-                    <IconButton
-                      variant="plain"
-                      ariaLabel="delete-value"
-                      className="h-full"
-                      onClick={toggleModal}
-                      isDisabled={isDeleting || !isAllowed}
-                    >
-                      <FontAwesomeIcon icon={faTrash} />
-                    </IconButton>
-                  </Tooltip>
-                </div>
-              )}
-            </ProjectPermissionCan>
-          </>
-        )}
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretNoAccessOverviewTableRow.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretNoAccessOverviewTableRow.tsx
deleted file mode 100644
index 459c25ddc..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretNoAccessOverviewTableRow.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { faCircle } from "@fortawesome/free-regular-svg-icons";
-import { faLock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Td, Tooltip, Tr } from "@app/components/v2";
-
-type Props = {
-  environments: { name: string; slug: string }[];
-  count: number;
-};
-
-export const SecretNoAccessOverviewTableRow = ({ environments = [], count }: Props) => {
-  return (
-    <>
-      {Array.from(Array(count)).map((_, j) => (
-        <Tr key={`no-access-secret-overview-${j + 1}`} isHoverable isSelectable className="group">
-          <Td className="sticky left-0 z-10 bg-mineshaft-800 bg-clip-padding py-0 px-0 group-hover:bg-mineshaft-700">
-            <div className="h-full w-full border-r border-mineshaft-600 py-2.5 px-5">
-              <Tooltip
-                asChild
-                content="You do not have permission to view this secret"
-                className="max-w-sm"
-              >
-                <div className="flex items-center space-x-5">
-                  <div className="text-bunker-300">
-                    <FontAwesomeIcon className="block" icon={faLock} />
-                  </div>
-                  <div className="blur-sm">NO ACCESS</div>
-                </div>
-              </Tooltip>
-            </div>
-          </Td>
-          {environments.map(({ slug }, i) => {
-            return (
-              <Td
-                key={`sec-overview-${slug}-${i + 1}-value`}
-                className="py-0 px-0 group-hover:bg-mineshaft-700"
-              >
-                <div className="h-full w-full border-r border-mineshaft-600 py-[0.85rem] px-5">
-                  <div className="flex justify-center">
-                    <FontAwesomeIcon icon={faCircle} />
-                  </div>
-                </div>
-              </Td>
-            );
-          })}
-        </Tr>
-      ))}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx
deleted file mode 100644
index 426e85584..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretOverviewTableRow.tsx
+++ /dev/null
@@ -1,251 +0,0 @@
-import { faCircle } from "@fortawesome/free-regular-svg-icons";
-import {
-  faAngleDown,
-  faCheck,
-  faEye,
-  faEyeSlash,
-  faFileImport,
-  faKey,
-  faXmark
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { Button, Checkbox, TableContainer, Td, Tooltip, Tr } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { SecretType, SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
-import { WorkspaceEnv } from "@app/hooks/api/types";
-
-import { SecretEditRow } from "./SecretEditRow";
-import SecretRenameRow from "./SecretRenameRow";
-
-type Props = {
-  secretKey: string;
-  secretPath: string;
-  environments: { name: string; slug: string }[];
-  isSelected: boolean;
-  onToggleSecretSelect: (key: string) => void;
-  getSecretByKey: (slug: string, key: string) => SecretV3RawSanitized | undefined;
-  onSecretCreate: (env: string, key: string, value: string) => Promise<void>;
-  onSecretUpdate: (
-    env: string,
-    key: string,
-    value: string,
-    type?: SecretType,
-    secretId?: string
-  ) => Promise<void>;
-  onSecretDelete: (env: string, key: string, secretId?: string) => Promise<void>;
-  isImportedSecretPresentInEnv: (env: string, secretName: string) => boolean;
-  getImportedSecretByKey: (
-    env: string,
-    secretName: string
-  ) => { secret?: SecretV3RawSanitized; environmentInfo?: WorkspaceEnv } | undefined;
-  scrollOffset: number;
-};
-
-export const SecretOverviewTableRow = ({
-  secretKey,
-  environments = [],
-  secretPath,
-  getSecretByKey,
-  onSecretUpdate,
-  onSecretCreate,
-  onSecretDelete,
-  isImportedSecretPresentInEnv,
-  getImportedSecretByKey,
-  scrollOffset,
-  onToggleSecretSelect,
-  isSelected
-}: Props) => {
-  const [isFormExpanded, setIsFormExpanded] = useToggle();
-  const totalCols = environments.length + 1; // secret key row
-  const [isSecretVisible, setIsSecretVisible] = useToggle();
-
-  return (
-    <>
-      <Tr isHoverable isSelectable onClick={() => setIsFormExpanded.toggle()} className="group">
-        <Td
-          className={`sticky left-0 z-10 bg-mineshaft-800 bg-clip-padding py-0 px-0 group-hover:bg-mineshaft-700 ${
-            isFormExpanded && "border-t-2 border-mineshaft-500"
-          }`}
-        >
-          <div className="h-full w-full border-r border-mineshaft-600 py-2.5 px-5">
-            <div className="flex items-center space-x-5">
-              <div className="text-bunker-300">
-                <Checkbox
-                  id={`checkbox-${secretKey}`}
-                  isChecked={isSelected}
-                  onCheckedChange={() => {
-                    onToggleSecretSelect(secretKey);
-                  }}
-                  onClick={(e) => {
-                    e.stopPropagation();
-                  }}
-                  className={twMerge("hidden group-hover:flex", isSelected && "flex")}
-                />
-                <FontAwesomeIcon
-                  className={twMerge("block group-hover:hidden", isSelected && "hidden")}
-                  icon={isFormExpanded ? faAngleDown : faKey}
-                />
-              </div>
-              <div title={secretKey}>{secretKey}</div>
-            </div>
-          </div>
-        </Td>
-        {environments.map(({ slug }, i) => {
-          const secret = getSecretByKey(slug, secretKey);
-
-          const isSecretImported = isImportedSecretPresentInEnv(slug, secretKey);
-
-          const isSecretPresent = Boolean(secret);
-          const isSecretEmpty = secret?.value === "";
-          return (
-            <Td
-              key={`sec-overview-${slug}-${i + 1}-value`}
-              className={twMerge(
-                "py-0 px-0 group-hover:bg-mineshaft-700",
-                isFormExpanded && "border-t-2 border-mineshaft-500",
-                (isSecretPresent && !isSecretEmpty) || isSecretImported ? "text-green-600" : "",
-                isSecretPresent && isSecretEmpty && !isSecretImported ? "text-yellow" : "",
-                !isSecretPresent && !isSecretEmpty && !isSecretImported ? "text-red-600" : ""
-              )}
-            >
-              <div className="h-full w-full border-r border-mineshaft-600 py-[0.85rem] px-5">
-                <div className="flex justify-center">
-                  {!isSecretEmpty && (
-                    <Tooltip
-                      center
-                      content={
-                        // eslint-disable-next-line no-nested-ternary
-                        isSecretPresent
-                          ? "Present secret"
-                          : isSecretImported
-                          ? "Imported secret"
-                          : "Missing secret"
-                      }
-                    >
-                      <FontAwesomeIcon
-                        // eslint-disable-next-line no-nested-ternary
-                        icon={isSecretPresent ? faCheck : isSecretImported ? faFileImport : faXmark}
-                      />
-                    </Tooltip>
-                  )}
-                  {isSecretEmpty && (
-                    <Tooltip content="Empty value">
-                      <FontAwesomeIcon icon={faCircle} />
-                    </Tooltip>
-                  )}
-                </div>
-              </div>
-            </Td>
-          );
-        })}
-      </Tr>
-      {isFormExpanded && (
-        <Tr>
-          <Td
-            colSpan={totalCols}
-            className={`bg-bunker-600 px-0 py-0 ${
-              isFormExpanded && "border-b-2 border-mineshaft-500"
-            }`}
-          >
-            <div
-              className="ml-2 p-2"
-              style={{
-                marginLeft: scrollOffset,
-                width: "calc(100vw - 300px)", // 300px accounts for sidebar and margin
-                maxWidth: "calc(1536px - 50px)" // tw container max width minus padding for uw displays
-              }}
-            >
-              <SecretRenameRow
-                secretKey={secretKey}
-                environments={environments}
-                secretPath={secretPath}
-                getSecretByKey={getSecretByKey}
-              />
-              <TableContainer>
-                <table className="secret-table">
-                  <thead>
-                    <tr className="h-10 border-b-2 border-mineshaft-600">
-                      <th
-                        style={{ padding: "0.5rem 1rem" }}
-                        className="min-table-row min-w-[11rem]"
-                      >
-                        Environment
-                      </th>
-                      <th style={{ padding: "0.5rem 1rem" }} className="border-none">
-                        Value
-                      </th>
-                      <div className="absolute top-0 right-0 ml-auto mt-1 mr-1 w-min">
-                        <Button
-                          variant="outline_bg"
-                          className="p-1"
-                          leftIcon={<FontAwesomeIcon icon={isSecretVisible ? faEyeSlash : faEye} />}
-                          onClick={() => setIsSecretVisible.toggle()}
-                        >
-                          {isSecretVisible ? "Hide Values" : "Reveal Values"}
-                        </Button>
-                      </div>
-                    </tr>
-                  </thead>
-                  <tbody className="border-t-2 border-mineshaft-600">
-                    {environments.map(({ name, slug }) => {
-                      const secret = getSecretByKey(slug, secretKey);
-                      const isCreatable = !secret;
-
-                      const isImportedSecret = isImportedSecretPresentInEnv(slug, secretKey);
-                      const importedSecret = getImportedSecretByKey(slug, secretKey);
-
-                      return (
-                        <tr
-                          key={`secret-expanded-${slug}-${secretKey}`}
-                          className="hover:bg-mineshaft-700"
-                        >
-                          <td
-                            className="flex h-full items-center"
-                            style={{ padding: "0.25rem 1rem" }}
-                          >
-                            <div title={name} className="flex h-8 w-[8rem] items-center space-x-2 ">
-                              <span className="truncate">{name}</span>
-                              {isImportedSecret && (
-                                <Tooltip
-                                  content={`Imported secret from the '${importedSecret?.environmentInfo?.name}' environment`}
-                                >
-                                  <FontAwesomeIcon icon={faFileImport} />
-                                </Tooltip>
-                              )}
-                            </div>
-                          </td>
-                          <td className="col-span-2 h-8 w-full">
-                            <SecretEditRow
-                              secretPath={secretPath}
-                              isVisible={isSecretVisible}
-                              secretName={secretKey}
-                              defaultValue={
-                                secret?.valueOverride ||
-                                secret?.value ||
-                                importedSecret?.secret?.value
-                              }
-                              secretId={secret?.id}
-                              isOverride={Boolean(secret?.valueOverride)}
-                              isImportedSecret={isImportedSecret}
-                              isCreatable={isCreatable}
-                              onSecretDelete={onSecretDelete}
-                              onSecretCreate={onSecretCreate}
-                              onSecretUpdate={onSecretUpdate}
-                              environment={slug}
-                            />
-                          </td>
-                        </tr>
-                      );
-                    })}
-                  </tbody>
-                </table>
-              </TableContainer>
-            </div>
-          </Td>
-        </Tr>
-      )}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx
deleted file mode 100644
index 785c4525e..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/SecretRenameRow.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { subject } from "@casl/ability";
-import { faCheck, faClose, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { AnimatePresence, motion } from "framer-motion";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { IconButton, Input, Spinner, Tooltip } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useUpdateSecretV3 } from "@app/hooks/api";
-import { SecretType, SecretV3RawSanitized } from "@app/hooks/api/types";
-import { SecretActionType } from "@app/views/SecretMainPage/components/SecretListView/SecretListView.utils";
-
-type Props = {
-  secretKey: string;
-  secretPath: string;
-  environments: { name: string; slug: string }[];
-  getSecretByKey: (slug: string, key: string) => SecretV3RawSanitized | undefined;
-};
-
-export const formSchema = z.object({
-  key: z.string().trim().min(1, { message: "Secret key is required" })
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-function SecretRenameRow({ environments, getSecretByKey, secretKey, secretPath }: Props) {
-  const { currentWorkspace } = useWorkspace();
-  const { permission } = useProjectPermission();
-
-  const secrets = environments.map((env) => getSecretByKey(env.slug, secretKey));
-
-  const isReadOnly = environments.some((env) => {
-    const environment = env.slug;
-    const secretDetails = getSecretByKey(environment, secretKey);
-    const secretPermissionSubject = subject(ProjectPermissionSub.Secrets, {
-      environment,
-      secretPath,
-      secretName: secretKey,
-      secretTags: (secretDetails?.tags || []).map((i) => i.slug)
-    });
-    const isSecretInEnvReadOnly =
-      permission.can(ProjectPermissionActions.Read, secretPermissionSubject) &&
-      permission.cannot(ProjectPermissionActions.Edit, secretPermissionSubject);
-    if (isSecretInEnvReadOnly) {
-      return true;
-    }
-    return false;
-  });
-
-  const isOverriden = secrets.some(
-    (secret) =>
-      secret?.overrideAction === SecretActionType.Created ||
-      secret?.overrideAction === SecretActionType.Modified
-  );
-  const workspaceId = currentWorkspace?.id || "";
-
-  const [isSecNameCopied, setIsSecNameCopied] = useToggle(false);
-
-  const { mutateAsync: updateSecretV3 } = useUpdateSecretV3();
-
-  const {
-    handleSubmit,
-    control,
-    reset,
-    trigger,
-    getValues,
-    formState: { isDirty, isSubmitting, errors }
-  } = useForm<TFormSchema>({
-    defaultValues: { key: secretKey },
-    values: { key: secretKey },
-    resolver: zodResolver(formSchema)
-  });
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isSecNameCopied) {
-      timer = setTimeout(() => setIsSecNameCopied.off(), 2000);
-    }
-    return () => clearTimeout(timer);
-  }, [isSecNameCopied]);
-
-  const handleFormSubmit = async (data: TFormSchema) => {
-    if (!data.key) {
-      createNotification({
-        type: "error",
-        text: "Secret name cannot be empty"
-      });
-      return;
-    }
-
-    const promises = secrets
-      .filter((secret) => !!secret)
-      .map((secret) => {
-        if (!secret) return null;
-
-        return updateSecretV3({
-          environment: secret?.env,
-          workspaceId,
-          secretPath,
-          secretKey: secret.key,
-          secretValue: secret.value || "",
-          type: SecretType.Shared,
-          tagIds: secret.tags?.map((tag) => tag.id),
-          secretComment: secret.comment,
-          secretReminderRepeatDays: secret.reminderRepeatDays,
-          secretReminderNote: secret.reminderNote,
-          skipMultilineEncoding: secret.skipMultilineEncoding,
-          newSecretName: data.key
-        });
-      });
-
-    await Promise.all(promises)
-      .then(() => {
-        createNotification({
-          type: "success",
-          text: "Successfully renamed the secret"
-        });
-      })
-      .catch(() => {
-        createNotification({
-          type: "error",
-          text: "Error renaming the secret"
-        });
-      });
-  };
-
-  const copyTokenToClipboard = () => {
-    const [key] = getValues(["key"]);
-    navigator.clipboard.writeText(key as string);
-    setIsSecNameCopied.on();
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(handleFormSubmit)}
-      className="secret-table relative mb-2 flex w-full flex-row items-center justify-between overflow-hidden rounded-lg border border-solid border-mineshaft-700 bg-mineshaft-800 font-inter"
-    >
-      <div className="flex h-11 flex-1 flex-shrink-0 items-center">
-        <span className="flex h-full min-w-[11rem] items-center justify-start border-r-2 border-mineshaft-600 px-4">
-          Key
-        </span>
-
-        <Controller
-          name="key"
-          control={control}
-          render={({ field, fieldState: { error } }) => (
-            <Input
-              autoComplete="off"
-              isReadOnly={isReadOnly}
-              autoCapitalization={currentWorkspace?.autoCapitalization}
-              variant="plain"
-              isDisabled={isOverriden}
-              placeholder={error?.message}
-              onKeyUp={() => trigger("key")}
-              isError={Boolean(error)}
-              {...field}
-              className="w-full px-2 placeholder:text-red-500 focus:text-bunker-100 focus:ring-transparent"
-            />
-          )}
-        />
-      </div>
-
-      {isReadOnly || isOverriden ? (
-        <span className="mr-5 rounded-md bg-mineshaft-500 px-2">Read Only</span>
-      ) : (
-        <div className="group flex w-20 items-center justify-center border-l border-mineshaft-500 py-1">
-          <AnimatePresence exitBeforeEnter>
-            {!isDirty ? (
-              <motion.div
-                key="options"
-                className="flex flex-shrink-0 items-center space-x-4 px-3"
-                initial={{ x: 0, opacity: 0 }}
-                animate={{ x: 0, opacity: 1 }}
-                exit={{ x: 10, opacity: 0 }}
-              >
-                <Tooltip content="Copy secret name">
-                  <IconButton
-                    ariaLabel="copy-value"
-                    variant="plain"
-                    size="sm"
-                    className="p-0 opacity-0 group-hover:opacity-100"
-                    onClick={copyTokenToClipboard}
-                  >
-                    <FontAwesomeIcon icon={isSecNameCopied ? faCheck : faCopy} />
-                  </IconButton>
-                </Tooltip>
-              </motion.div>
-            ) : (
-              <motion.div
-                key="options-save"
-                className="flex flex-shrink-0 items-center space-x-4 px-3"
-                initial={{ x: -10, opacity: 0 }}
-                animate={{ x: 0, opacity: 1 }}
-                exit={{ x: -10, opacity: 0 }}
-              >
-                <Tooltip content={errors.key ? errors.key.message : "Save"}>
-                  <IconButton
-                    ariaLabel="more"
-                    variant="plain"
-                    type="submit"
-                    size="md"
-                    className={twMerge(
-                      "p-0 text-primary opacity-0 group-hover:opacity-100",
-                      isDirty && "opacity-100"
-                    )}
-                    isDisabled={isSubmitting || Boolean(errors.key)}
-                  >
-                    {isSubmitting ? (
-                      <Spinner className="m-0 h-4 w-4 p-0" />
-                    ) : (
-                      <FontAwesomeIcon
-                        icon={faCheck}
-                        size="lg"
-                        className={twMerge("text-primary", errors.key && "text-mineshaft-400")}
-                      />
-                    )}
-                  </IconButton>
-                </Tooltip>
-                <Tooltip content="Cancel">
-                  <IconButton
-                    ariaLabel="more"
-                    variant="plain"
-                    size="md"
-                    className={twMerge(
-                      "p-0 opacity-0 group-hover:opacity-100",
-                      isDirty && "opacity-100"
-                    )}
-                    onClick={() => reset()}
-                    isDisabled={isSubmitting}
-                  >
-                    <FontAwesomeIcon icon={faClose} size="lg" />
-                  </IconButton>
-                </Tooltip>
-              </motion.div>
-            )}
-          </AnimatePresence>
-        </div>
-      )}
-    </form>
-  );
-}
-
-export default SecretRenameRow;
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/index.tsx
deleted file mode 100644
index 5b7f3847f..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretOverviewTableRow/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { SecretNoAccessOverviewTableRow } from "./SecretNoAccessOverviewTableRow";
-export { SecretOverviewTableRow } from "./SecretOverviewTableRow";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/SecretSearchInput.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/SecretSearchInput.tsx
deleted file mode 100644
index 1b9c5a966..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/SecretSearchInput.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { useState } from "react";
-import { faCircleXmark, faFolderTree, faSearch } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Combobox, Transition } from "@headlessui/react";
-import { twMerge } from "tailwind-merge";
-
-import { IconButton, Tooltip } from "@app/components/v2";
-
-import { QuickSearchModal, QuickSearchModalProps } from "./components";
-
-type ModalProps = Omit<
-  QuickSearchModalProps,
-  "isOpen" | "onClose" | "onOpenChange" | "initialValue"
-> & {
-  value: string;
-  onChange: (search: string) => void;
-  className?: string;
-};
-
-export const SecretSearchInput = ({
-  value,
-  onChange,
-  className,
-  isSingleEnv,
-  ...props
-}: ModalProps) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const hasSearch = Boolean(value.trim());
-
-  return (
-    <div className={twMerge("relative w-80", className)}>
-      <Combobox
-        // keeps combobox from internally controlling state, hacky use of combobox
-        value={undefined}
-      >
-        {({ activeIndex }) => (
-          <>
-            <div className="flex w-full items-center whitespace-nowrap">
-              <Tooltip content="Search Options">
-                <Combobox.Button className="button user-select-none relative inline-flex h-[2.42rem] cursor-pointer items-center justify-center rounded-md rounded-r-none border border-mineshaft-600 bg-mineshaft-600 p-3 font-inter text-sm font-medium text-bunker-200 transition-all duration-100 hover:border-primary-400/50 hover:bg-primary/[0.1] hover:text-bunker-100">
-                  <FontAwesomeIcon
-                    icon={faSearch}
-                    size="sm"
-                    className={hasSearch ? "text-primary" : ""}
-                    aria-hidden="true"
-                  />
-                </Combobox.Button>
-              </Tooltip>
-              <div className="relative inline-flex w-full items-center rounded-md rounded-l-none border border-mineshaft-500 bg-bunker-800 font-inter text-gray-400">
-                <Combobox.Input
-                  onKeyDown={(e) => {
-                    if (activeIndex === 0 && e.key === "Enter") setIsOpen(true);
-                  }}
-                  autoComplete="off"
-                  className="input text-md h-[2.3rem] w-full rounded-md rounded-l-none bg-mineshaft-800 py-[0.375rem] pr-8 pl-2.5 text-gray-400 placeholder-mineshaft-50 placeholder-opacity-50 outline-none duration-200 placeholder:text-sm hover:ring-bunker-400/60 focus:bg-mineshaft-700/80 focus:ring-1 focus:ring-primary-400/50"
-                  placeholder="Search by secret/folder name..."
-                  value={value}
-                  onChange={(e) => onChange(e.target.value)}
-                />
-                {hasSearch && (
-                  <IconButton
-                    isRounded
-                    variant="plain"
-                    onClick={() => onChange("")}
-                    className="absolute right-2 text-primary"
-                    ariaLabel="Clear search"
-                  >
-                    <FontAwesomeIcon icon={faCircleXmark} />
-                  </IconButton>
-                )}
-              </div>
-            </div>
-            <Transition
-              leave="transition ease-in duration-100"
-              leaveFrom="opacity-100"
-              leaveTo="opacity-0"
-            >
-              <Combobox.Options className="absolute z-30 mt-2 w-full min-w-[220px] overflow-y-auto rounded-md border border-mineshaft-600 bg-mineshaft-900 text-bunker-300 shadow focus:outline-none">
-                <Combobox.Option
-                  onClick={() => setIsOpen(true)}
-                  value={value}
-                  className={({ active }) =>
-                    `flex w-full cursor-pointer items-start rounded-sm px-4 py-2 font-inter text-sm text-mineshaft-200 outline-none hover:bg-mineshaft-400 ${
-                      active ? "bg-mineshaft-500" : ""
-                    }`
-                  }
-                >
-                  <FontAwesomeIcon icon={faFolderTree} className="mr-2 mt-1 text-yellow-700" />
-                  {value.trim()
-                    ? `Search for "${
-                        value.length > 10 ? `${value.substring(0, 10)}...` : value
-                      }" in all folders`
-                    : "Search in all folders"}
-                </Combobox.Option>
-              </Combobox.Options>
-            </Transition>
-          </>
-        )}
-      </Combobox>
-      <QuickSearchModal
-        isSingleEnv={isSingleEnv}
-        isOpen={isOpen}
-        onOpenChange={setIsOpen}
-        initialValue={value}
-        onClose={() => {
-          setIsOpen(false);
-          onChange("");
-        }}
-        {...props}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx
deleted file mode 100644
index 6977a60f1..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useRouter } from "next/router";
-import { faChevronRight, faFingerprint, faFolder } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Td, Tooltip, Tr } from "@app/components/v2";
-import { reverseTruncate } from "@app/helpers/reverseTruncate";
-import { TDashboardProjectSecretsQuickSearch } from "@app/hooks/api/dashboard/types";
-
-type Props = {
-  dynamicSecretGroup: TDashboardProjectSecretsQuickSearch["dynamicSecrets"][string];
-  onClose: () => void;
-};
-
-export const QuickSearchDynamicSecretItem = ({
-  dynamicSecretGroup,
-
-  onClose
-}: Props) => {
-  const router = useRouter();
-
-  const [groupDynamicSecret] = dynamicSecretGroup;
-
-  const handleNavigate = () => {
-    router.push({
-      pathname: window.location.pathname,
-      query: {
-        secretPath: groupDynamicSecret.path,
-        search: groupDynamicSecret.name
-      }
-    });
-    onClose();
-  };
-
-  return (
-    <Tr
-      className="hover cursor-pointer bg-mineshaft-700 hover:bg-mineshaft-600"
-      onClick={handleNavigate}
-    >
-      <Td className="w-full">
-        <div className="inline-flex max-w-[20rem] flex-col">
-          <span className="truncate">
-            <FontAwesomeIcon className="mr-2 self-center text-yellow-700" icon={faFingerprint} />
-            {groupDynamicSecret.name}
-          </span>
-          <span className="text-xs text-mineshaft-400">
-            <FontAwesomeIcon size="xs" className="mr-0.5 text-yellow-700" icon={faFolder} />{" "}
-            <Tooltip className="max-w-7xl" content={groupDynamicSecret.path}>
-              <span>{reverseTruncate(groupDynamicSecret.path)}</span>
-            </Tooltip>
-          </span>
-        </div>
-      </Td>
-      <Td />
-      <Td>
-        <FontAwesomeIcon icon={faChevronRight} />
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchFolderItem.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchFolderItem.tsx
deleted file mode 100644
index b3aeab62c..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchFolderItem.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useRouter } from "next/router";
-import { faChevronRight, faFolder } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Td, Tooltip, Tr } from "@app/components/v2";
-import { reverseTruncate } from "@app/helpers/reverseTruncate";
-import { TDashboardProjectSecretsQuickSearch } from "@app/hooks/api/dashboard/types";
-
-type Props = {
-  folderGroup: TDashboardProjectSecretsQuickSearch["folders"][string];
-  onClose: () => void;
-};
-
-export const QuickSearchFolderItem = ({ folderGroup, onClose }: Props) => {
-  const router = useRouter();
-
-  const [groupFolder] = folderGroup;
-
-  const handleNavigate = () => {
-    router.push({
-      pathname: window.location.pathname,
-      query: {
-        secretPath: groupFolder.path
-      }
-    });
-    onClose();
-  };
-
-  return (
-    <Tr
-      className="hover cursor-pointer bg-mineshaft-700 hover:bg-mineshaft-600"
-      onClick={handleNavigate}
-    >
-      <Td className="w-full whitespace-nowrap">
-        <FontAwesomeIcon className="text-yellow-700" icon={faFolder} />
-        <Tooltip content={groupFolder.path} className="max-w-7xl">
-          <div className="ml-2 inline-block">{reverseTruncate(groupFolder.path)}</div>
-        </Tooltip>
-      </Td>
-      <Td />
-      <Td>
-        <FontAwesomeIcon icon={faChevronRight} />
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx
deleted file mode 100644
index 1a23bd718..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx
+++ /dev/null
@@ -1,288 +0,0 @@
-import { useState } from "react";
-import {
-  faCheckCircle,
-  faChevronLeft,
-  faFilter,
-  faFingerprint,
-  faFolder,
-  faKey,
-  faMagnifyingGlass
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  DropdownSubMenu,
-  DropdownSubMenuContent,
-  DropdownSubMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Spinner,
-  Table,
-  TableContainer,
-  Tooltip
-} from "@app/components/v2";
-import { useDebounce } from "@app/hooks";
-import { useGetProjectSecretsQuickSearch } from "@app/hooks/api/dashboard";
-import { WsTag } from "@app/hooks/api/tags/types";
-import { WorkspaceEnv } from "@app/hooks/api/workspace/types";
-import { RowType } from "@app/views/SecretMainPage/SecretMainPage.types";
-
-import { QuickSearchDynamicSecretItem } from "./QuickSearchDynamicSecretItem";
-import { QuickSearchFolderItem } from "./QuickSearchFolderItem";
-import { QuickSearchSecretItem } from "./QuickSearchSecretItem";
-
-export type QuickSearchModalProps = {
-  environments: WorkspaceEnv[];
-  projectId: string;
-  tags?: WsTag[];
-  isSingleEnv?: boolean;
-  initialValue: string;
-  onClose: () => void;
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-};
-
-type ResourceType = RowType.Secret | RowType.DynamicSecret | RowType.Folder;
-
-const Content = ({
-  environments,
-  projectId,
-  onClose,
-  tags,
-  initialValue = "",
-  isSingleEnv
-}: Omit<QuickSearchModalProps, "isOpen" | "onOpenChange">) => {
-  const [search, setSearch] = useState(initialValue);
-  const [debouncedSearch] = useDebounce(search);
-  const [filterTags, setFilterTags] = useState<Record<string, boolean>>({});
-  const [showFilter, setShowFilter] = useState<Record<ResourceType, boolean>>({
-    [RowType.Secret]: true,
-    [RowType.Folder]: true,
-    [RowType.DynamicSecret]: true
-  });
-  const isEnabled = Boolean(search.trim()) || Boolean(Object.values(filterTags).length);
-  const { data, isLoading } = useGetProjectSecretsQuickSearch(
-    {
-      secretPath: "/",
-      environments: environments.map((env) => env.slug),
-      projectId,
-      search: debouncedSearch,
-      tags: filterTags
-    },
-    { enabled: isEnabled }
-  );
-
-  const { folders = {}, secrets = {}, dynamicSecrets = {} } = data ?? {};
-
-  const isEmpty =
-    (!showFilter[RowType.Folder] || Object.values(folders).length === 0) &&
-    (!showFilter[RowType.Secret] || Object.values(secrets).length === 0) &&
-    (!showFilter[RowType.DynamicSecret] || Object.values(dynamicSecrets).length === 0);
-
-  const handleToggleTag = (tag: string) => {
-    setFilterTags((prev) => {
-      const updated = { ...prev };
-      if (prev[tag]) delete updated[tag];
-      else updated[tag] = true;
-      return updated;
-    });
-  };
-
-  const handleToggleShowType = (type: ResourceType) => {
-    setShowFilter((prev) => ({
-      ...prev,
-      [type]: !prev[type]
-    }));
-  };
-
-  return (
-    <div className="min-h-[14.6rem]">
-      <div className="flex gap-2">
-        <Input
-          className="h-[2.3rem] bg-mineshaft-800 placeholder-mineshaft-50 duration-200 focus:bg-mineshaft-700/80"
-          placeholder="Search by secret, folder or tag name..."
-          value={search}
-          onChange={(e) => setSearch(e.target.value)}
-          leftIcon={
-            <FontAwesomeIcon icon={faMagnifyingGlass} className={search ? "text-primary" : ""} />
-          }
-        />
-        <DropdownMenu>
-          <Tooltip content="Search Filters">
-            <DropdownMenuTrigger asChild>
-              <IconButton
-                variant="outline_bg"
-                ariaLabel="Filter secrets by tag(s)"
-                className={twMerge(
-                  "transition-all",
-                  (Object.keys(filterTags).length ||
-                    Object.values(showFilter).some((show) => !show)) &&
-                    "border-primary/50 text-primary"
-                )}
-              >
-                <FontAwesomeIcon icon={faFilter} />
-              </IconButton>
-            </DropdownMenuTrigger>
-          </Tooltip>
-          <DropdownMenuContent align="end" className="p-0">
-            <DropdownMenuLabel>Filter By</DropdownMenuLabel>
-            <DropdownMenuItem
-              onClick={(e) => {
-                e.preventDefault();
-                handleToggleShowType(RowType.Folder);
-              }}
-              icon={showFilter[RowType.Folder] && <FontAwesomeIcon icon={faCheckCircle} />}
-              iconPos="right"
-            >
-              <div className="flex items-center gap-2">
-                <FontAwesomeIcon icon={faFolder} className="text-yellow-700" />
-                <span>Folders</span>
-              </div>
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onClick={(e) => {
-                e.preventDefault();
-                handleToggleShowType(RowType.DynamicSecret);
-              }}
-              icon={showFilter[RowType.DynamicSecret] && <FontAwesomeIcon icon={faCheckCircle} />}
-              iconPos="right"
-            >
-              <div className="flex items-center gap-2">
-                <FontAwesomeIcon icon={faFingerprint} className=" text-yellow-700" />
-                <span>Dynamic Secrets</span>
-              </div>
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onClick={(e) => {
-                e.preventDefault();
-                handleToggleShowType(RowType.Secret);
-              }}
-              icon={showFilter[RowType.Secret] && <FontAwesomeIcon icon={faCheckCircle} />}
-              iconPos="right"
-            >
-              <div className="flex items-center gap-2">
-                <FontAwesomeIcon icon={faKey} className=" text-bunker-300" />
-                <span>Secrets</span>
-              </div>
-            </DropdownMenuItem>
-            {tags && tags.length > 0 && (
-              <DropdownSubMenu>
-                <DropdownSubMenuTrigger
-                  iconPos="left"
-                  icon={<FontAwesomeIcon icon={faChevronLeft} size="sm" />}
-                >
-                  Tags
-                </DropdownSubMenuTrigger>
-                <DropdownSubMenuContent
-                  collisionPadding={{ right: Infinity }} // forces dropdown to left
-                  className="thin-scrollbar max-h-[20rem] overflow-y-auto rounded-r-none"
-                >
-                  <DropdownMenuLabel>Filter Secrets by Tag(s)</DropdownMenuLabel>
-                  {tags.map(({ id, slug, color }) => (
-                    <DropdownMenuItem
-                      onClick={(evt) => {
-                        evt.preventDefault();
-                        handleToggleTag(slug);
-                      }}
-                      key={id}
-                      icon={filterTags[slug] && <FontAwesomeIcon icon={faCheckCircle} />}
-                      iconPos="right"
-                    >
-                      <div className="flex items-center">
-                        <div
-                          className="mr-2 h-2 w-2 rounded-full"
-                          style={{ background: color || "#bec2c8" }}
-                        />
-                        {slug}
-                      </div>
-                    </DropdownMenuItem>
-                  ))}
-                </DropdownSubMenuContent>
-              </DropdownSubMenu>
-            )}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-
-      <div className=" mt-4 max-h-[19rem] min-h-[19rem] overflow-auto">
-        {/* eslint-disable-next-line no-nested-ternary */}
-        {isEnabled ? (
-          // eslint-disable-next-line no-nested-ternary
-          isLoading ? (
-            <Spinner size="lg" className="mx-auto mt-24 text-mineshaft-900" />
-          ) : isEmpty ? (
-            <EmptyState
-              className="mt-24"
-              title="No results match search."
-              icon={faMagnifyingGlass}
-            />
-          ) : (
-            <TableContainer className="thin-scrollbar h-full overflow-y-auto">
-              <Table>
-                {showFilter[RowType.Folder] &&
-                  Object.entries(folders).map(([key, folderGroup]) => (
-                    <QuickSearchFolderItem onClose={onClose} folderGroup={folderGroup} key={key} />
-                  ))}
-                {showFilter[RowType.DynamicSecret] &&
-                  Object.entries(dynamicSecrets).map(([key, dynamicSecretGroup]) => (
-                    <QuickSearchDynamicSecretItem
-                      onClose={onClose}
-                      dynamicSecretGroup={dynamicSecretGroup}
-                      key={key}
-                    />
-                  ))}
-                {showFilter[RowType.Secret] &&
-                  Object.entries(secrets).map(([key, secretGroup]) => (
-                    <QuickSearchSecretItem
-                      search={debouncedSearch}
-                      tags={Object.keys(filterTags)}
-                      isSingleEnv={isSingleEnv}
-                      environments={environments}
-                      onClose={onClose}
-                      secretGroup={secretGroup}
-                      key={key}
-                    />
-                  ))}
-              </Table>
-            </TableContainer>
-          )
-        ) : (
-          <EmptyState
-            className="mt-24"
-            title="Start typing to begin search..."
-            icon={faMagnifyingGlass}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export const QuickSearchModal = ({
-  isOpen,
-  isSingleEnv,
-  onOpenChange,
-  ...props
-}: QuickSearchModalProps) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        title={`Search All Folders${isSingleEnv ? " In Environment" : ""}`}
-        subTitle={`Search the ${
-          isSingleEnv ? "current environment" : "entire project"
-        } to quickly reference secrets and navigate deeply.`}
-      >
-        <Content isSingleEnv={isSingleEnv} {...props} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchSecretItem.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchSecretItem.tsx
deleted file mode 100644
index 2f0390467..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchSecretItem.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { useRouter } from "next/router";
-import {
-  faCheck,
-  faChevronRight,
-  faCopy,
-  faEye,
-  faFolder,
-  faKey,
-  faTags
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  IconButton,
-  Td,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { reverseTruncate } from "@app/helpers/reverseTruncate";
-import { useTimedReset } from "@app/hooks";
-import { TDashboardProjectSecretsQuickSearch } from "@app/hooks/api/dashboard/types";
-import { WorkspaceEnv } from "@app/hooks/api/workspace/types";
-
-type Props = {
-  environments: WorkspaceEnv[];
-  secretGroup: TDashboardProjectSecretsQuickSearch["secrets"][string];
-  onClose: () => void;
-  isSingleEnv?: boolean;
-  tags: string[];
-  search: string;
-};
-
-export const QuickSearchSecretItem = ({
-  secretGroup,
-  environments,
-  onClose,
-  tags,
-  isSingleEnv,
-  search
-}: Props) => {
-  const router = useRouter();
-  const envSlugMap = new Map(environments.map((env) => [env.slug, env]));
-  const [isUrlCopied, , setIsUrlCopied] = useTimedReset<boolean>({
-    initialState: false
-  });
-
-  const [groupSecret] = secretGroup;
-
-  const handleNavigate = () => {
-    router.push({
-      pathname: window.location.pathname,
-      query: {
-        secretPath: groupSecret.path,
-        search: groupSecret.key,
-        tags: tags.length ? tags.join(",") : undefined
-      }
-    });
-    onClose();
-  };
-
-  const handleCopy = (value: string, env: string) => {
-    navigator.clipboard.writeText(value);
-    createNotification({
-      type: "info",
-      title: isSingleEnv ? "Secret value copied." : `Secret value copied from ${env}.`,
-      text: ""
-    });
-    setIsUrlCopied(true);
-  };
-
-  const secretGroupTags = secretGroup.flatMap((secret) => secret.tags);
-
-  const tagMatch =
-    search.trim() &&
-    secretGroupTags?.find((tag) => tag && tag.slug.toLowerCase().includes(search.toLowerCase()));
-
-  return (
-    <Tr
-      className="hover cursor-pointer bg-mineshaft-700 hover:bg-mineshaft-600"
-      onClick={handleNavigate}
-    >
-      <Td className="w-full">
-        <div className="inline-flex max-w-[20rem] flex-col">
-          <span className="truncate">
-            <FontAwesomeIcon className="mr-2 self-center text-bunker-300" icon={faKey} />
-            {groupSecret.key}
-          </span>
-          <span className="text-xs text-mineshaft-400">
-            <FontAwesomeIcon size="xs" className="mr-0.5 text-yellow-700" icon={faFolder} />{" "}
-            <Tooltip className="max-w-7xl" content={groupSecret.path}>
-              <span>{reverseTruncate(groupSecret.path ?? "")}</span>
-            </Tooltip>
-          </span>
-        </div>
-      </Td>
-      <Td>
-        <div className="flex w-full items-center justify-end gap-4">
-          {tagMatch && (
-            <Badge variant="primary" className="flex items-center gap-1 whitespace-nowrap">
-              <FontAwesomeIcon size="xs" icon={faTags} />
-              {tagMatch.slug}
-            </Badge>
-          )}
-          {isSingleEnv ? (
-            <IconButton
-              size="md"
-              variant="plain"
-              colorSchema="secondary"
-              ariaLabel="Copy secret value"
-              onClick={(e) => {
-                e.stopPropagation();
-                handleCopy(groupSecret.value!, envSlugMap.get(groupSecret.env)?.name!);
-              }}
-            >
-              <FontAwesomeIcon icon={isUrlCopied ? faCheck : faCopy} />
-            </IconButton>
-          ) : (
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <IconButton
-                  size="md"
-                  variant="plain"
-                  colorSchema="secondary"
-                  ariaLabel="Copy secret value"
-                >
-                  <FontAwesomeIcon icon={isUrlCopied ? faCheck : faCopy} />
-                </IconButton>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuLabel>Copy Value From...</DropdownMenuLabel>
-                {secretGroup.map((secret) => (
-                  <DropdownMenuItem
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      handleCopy(secret.value!, envSlugMap.get(secret.env)?.name!);
-                    }}
-                    key={secret.id}
-                  >
-                    <p className="text-sm">{envSlugMap.get(secret.env)?.name}</p>
-                  </DropdownMenuItem>
-                ))}
-              </DropdownMenuContent>
-            </DropdownMenu>
-          )}
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <IconButton
-                size="md"
-                variant="plain"
-                colorSchema="secondary"
-                ariaLabel="View secret value"
-              >
-                <FontAwesomeIcon icon={faEye} />
-              </IconButton>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="end">
-              <DropdownMenuLabel>Hover to Reveal...</DropdownMenuLabel>
-              {secretGroup.map((secret) => (
-                <DropdownMenuItem
-                  className="group "
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    handleCopy(secret.value!, envSlugMap.get(secret.env)?.name!);
-                  }}
-                  key={secret.id}
-                >
-                  <Tooltip side="left" sideOffset={18} content="Click to copy to clipboard">
-                    <div>
-                      {!isSingleEnv && (
-                        <span className="text-xs text-mineshaft-400">
-                          {envSlugMap.get(secret.env)?.name}
-                        </span>
-                      )}
-                      <p
-                        className={twMerge(
-                          "hidden w-[12rem] max-w-[12rem] truncate  text-sm group-hover:block",
-                          !secret.value && "text-mineshaft-400"
-                        )}
-                      >
-                        {secret.value || "EMPTY"}
-                      </p>
-                      <p className="w-[12rem] text-sm  group-hover:hidden">
-                        ***************************
-                      </p>
-                    </div>
-                  </Tooltip>
-                </DropdownMenuItem>
-              ))}
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-      </Td>
-      <Td>
-        <FontAwesomeIcon icon={faChevronRight} />
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/index.tsx
deleted file mode 100644
index cc6805274..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/components/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from "./QuickSearchDynamicSecretItem";
-export * from "./QuickSearchFolderItem";
-export * from "./QuickSearchModal";
-export * from "./QuickSearchSecretItem";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/index.tsx
deleted file mode 100644
index 013b845ea..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretSearchInput/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretSearchInput } from "./SecretSearchInput";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx
deleted file mode 100644
index e1b94549c..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { faFileImport, faFingerprint, faFolder, faKey } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Tooltip } from "@app/components/v2";
-
-type Props = {
-  folderCount?: number;
-  importCount?: number;
-  secretCount?: number;
-  dynamicSecretCount?: number;
-};
-
-export const SecretTableResourceCount = ({
-  folderCount = 0,
-  dynamicSecretCount = 0,
-  secretCount = 0,
-  importCount = 0
-}: Props) => {
-  return (
-    <div className="flex items-center gap-2 divide-x divide-mineshaft-500 text-sm text-mineshaft-400">
-      {importCount > 0 && (
-        <Tooltip
-          className="max-w-sm"
-          content={
-            <p className="whitespace-nowrap text-center">
-              Total import count{" "}
-              <span className="text-center text-mineshaft-400">(matching filters)</span>
-            </p>
-          }
-        >
-          <div className="flex items-center gap-2">
-            <FontAwesomeIcon icon={faFileImport} className=" text-green-700" />
-            <span>{importCount}</span>
-          </div>
-        </Tooltip>
-      )}
-      {folderCount > 0 && (
-        <Tooltip
-          className="max-w-sm"
-          content={
-            <p className="whitespace-nowrap text-center">
-              Total folder count{" "}
-              <span className="text-center text-mineshaft-400">(matching filters)</span>
-            </p>
-          }
-        >
-          <div className="flex items-center gap-2 pl-2">
-            <FontAwesomeIcon icon={faFolder} className="text-yellow-700" />
-            <span>{folderCount}</span>
-          </div>
-        </Tooltip>
-      )}
-      {dynamicSecretCount > 0 && (
-        <Tooltip
-          className="max-w-sm"
-          content={
-            <p className="whitespace-nowrap text-center">
-              Total dynamic secret count{" "}
-              <span className="text-center text-mineshaft-400">(matching filters)</span>
-            </p>
-          }
-        >
-          <div className="flex items-center gap-2 pl-2">
-            <FontAwesomeIcon icon={faFingerprint} className="text-yellow-700" />
-            <span>{dynamicSecretCount}</span>
-          </div>
-        </Tooltip>
-      )}
-      {secretCount > 0 && (
-        <Tooltip
-          className="max-w-sm"
-          content={
-            <p className="whitespace-nowrap text-center">
-              Total secret count{" "}
-              <span className="text-center text-mineshaft-400">(matching filters)</span>
-            </p>
-          }
-        >
-          <div className="flex items-center gap-2 pl-2">
-            <FontAwesomeIcon icon={faKey} className="text-bunker-300" />
-            <span>{secretCount}</span>
-          </div>
-        </Tooltip>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretTableResourceCount/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretTableResourceCount/index.tsx
deleted file mode 100644
index d2b5705fa..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretTableResourceCount/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretTableResourceCount } from "./SecretTableResourceCount";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretV2MigrationSection/SecretV2MigrationSection.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretV2MigrationSection/SecretV2MigrationSection.tsx
deleted file mode 100644
index afea5305b..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretV2MigrationSection/SecretV2MigrationSection.tsx
+++ /dev/null
@@ -1,196 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faTriangleExclamation, faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useQueryClient } from "@tanstack/react-query";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Checkbox, Modal, ModalContent, Spinner } from "@app/components/v2";
-import { useProjectPermission, useWorkspace } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useGetWorkspaceById, useMigrateProjectToV3, workspaceKeys } from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { ProjectType, ProjectVersion } from "@app/hooks/api/workspace/types";
-
-enum ProjectUpgradeStatus {
-  InProgress = "IN_PROGRESS",
-  // Completed -> Will be null if completed. So a completed status is not needed
-  Failed = "FAILED"
-}
-
-const formSchema = z.object({
-  isCLIChecked: z.literal(true),
-  isOperatorChecked: z.literal(true),
-  shouldCloseOpenApprovals: z.literal(true)
-});
-
-export const SecretV2MigrationSection = () => {
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["migrationInfo"] as const);
-  const { currentWorkspace } = useWorkspace();
-  const queryClient = useQueryClient();
-  const { data: workspaceDetails, refetch } = useGetWorkspaceById(
-    // if v3 no need to fetch
-    currentWorkspace?.version === ProjectVersion.V3 ? "" : currentWorkspace?.id || "",
-    {
-      refetchInterval:
-        currentWorkspace?.upgradeStatus === ProjectUpgradeStatus.InProgress ? 2000 : false
-    }
-  );
-  const { membership } = useProjectPermission();
-  const migrateProjectToV3 = useMigrateProjectToV3();
-  const { handleSubmit, control, reset } = useForm({ resolver: zodResolver(formSchema) });
-  useEffect(() => {
-    if (!popUp.migrationInfo.isOpen) {
-      reset();
-    }
-  }, [popUp.migrationInfo.isOpen]);
-
-  const isProjectUpgraded = workspaceDetails?.version === ProjectVersion.V3;
-
-  useEffect(() => {
-    if (isProjectUpgraded && migrateProjectToV3.data) {
-      createNotification({ type: "success", text: "Project upgrade completed successfully" });
-      migrateProjectToV3.reset();
-      queryClient.invalidateQueries(workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager));
-    }
-  }, [isProjectUpgraded, Boolean(migrateProjectToV3.data)]);
-
-  if (isProjectUpgraded || currentWorkspace?.version === ProjectVersion.V3) return null;
-
-  const isUpgrading = workspaceDetails?.upgradeStatus === ProjectUpgradeStatus.InProgress;
-  const didProjectUpgradeFailed = workspaceDetails?.upgradeStatus === ProjectUpgradeStatus.Failed;
-
-  const handleMigrationSecretV2 = async () => {
-    try {
-      handlePopUpToggle("migrationInfo");
-      await migrateProjectToV3.mutateAsync({ workspaceId: currentWorkspace?.id || "" });
-      refetch();
-      createNotification({
-        text: "Project upgrade started",
-        type: "success"
-      });
-    } catch {
-      createNotification({
-        text: "Failed to upgrade project",
-        type: "error"
-      });
-    }
-  };
-
-  const isAdmin = membership?.roles.includes(ProjectMembershipRole.Admin);
-  return (
-    <div className="mt-4 flex max-w-2xl flex-col rounded-lg border border-primary/50 bg-primary/10 px-6 py-5">
-      {isUpgrading && (
-        <div className="absolute top-0 left-0 z-50 flex h-screen w-screen items-center justify-center bg-bunker-500 bg-opacity-80">
-          <Spinner size="lg" className="text-primary" />
-          <div className="ml-4 flex flex-col space-y-1">
-            <div className="text-3xl font-medium">Please wait</div>
-            <span className="inline-block">Upgrading secrets engine...</span>
-          </div>
-        </div>
-      )}
-      <div className="mb-4 flex items-start gap-2">
-        <FontAwesomeIcon icon={faWarning} size="xl" className="mt-1 text-primary" />
-        <p className="text-xl font-semibold">Upgrade secrets engine version</p>
-      </div>
-      <p className="mx-1 mb-4 leading-7 text-mineshaft-100">
-        Your existing workflows to fetch secrets will continue to work. However, viewing secrets on
-        the UI requires you to upgrade your project&apos;s secrets engine version.
-      </p>
-      <p className="mx-1 mb-4 leading-7 text-mineshaft-100">
-        Upgrading is free and enables the use of Infisical&apos;s new secrets engine, which is 10x
-        faster and allows you to encrypt secrets with your own KMS provider.
-      </p>
-      <p className="mx-1 mb-6 leading-7 text-mineshaft-100">
-        The upgrade takes only 1-2 minutes and will not cause any downtime.
-      </p>
-      <Button
-        onClick={() => handlePopUpOpen("migrationInfo")}
-        isDisabled={!isAdmin || isUpgrading}
-        isLoading={migrateProjectToV3.isLoading}
-        className="w-full "
-      >
-        {isAdmin ? "Upgrade Secrets Engine" : "Upgrade requires admin privilege"}
-      </Button>
-      {didProjectUpgradeFailed && (
-        <p className="mt-2 text-sm leading-7 text-red-400">
-          <FontAwesomeIcon icon={faTriangleExclamation} className="mr-2" />
-          Secrets engine upgrade unsuccessful. For assistance, please contact the Infisical support
-          team.
-        </p>
-      )}
-      <Modal
-        isOpen={popUp.migrationInfo.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("migrationInfo", isOpen)}
-      >
-        <ModalContent
-          title="Upgrade Checklist"
-          subTitle="To ensure smooth transition, please ensure the following requirements are met before upgrading this project."
-        >
-          <div>
-            <form onSubmit={handleSubmit(handleMigrationSecretV2)}>
-              <div className="flex flex-col space-y-4">
-                <Controller
-                  control={control}
-                  name="isCLIChecked"
-                  defaultValue={false}
-                  render={({ field: { onBlur, value, onChange }, fieldState: { error } }) => (
-                    <Checkbox
-                      id="is-cli-checked"
-                      isChecked={value}
-                      onCheckedChange={onChange}
-                      onBlur={onBlur}
-                      isError={Boolean(error?.message)}
-                    >
-                      Infisical CLI version is v0.25.0 or above.
-                    </Checkbox>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="isOperatorChecked"
-                  defaultValue={false}
-                  render={({ field: { onBlur, value, onChange }, fieldState: { error } }) => (
-                    <Checkbox
-                      id="is-operator-checked"
-                      isChecked={value}
-                      onCheckedChange={onChange}
-                      onBlur={onBlur}
-                      isError={Boolean(error?.message)}
-                    >
-                      Infisical Kubernetes Operator version is v0.7.0 or above.
-                    </Checkbox>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="shouldCloseOpenApprovals"
-                  defaultValue={false}
-                  render={({ field: { onBlur, value, onChange }, fieldState: { error } }) => (
-                    <Checkbox
-                      id="is-approvals-checked"
-                      isChecked={value}
-                      onCheckedChange={onChange}
-                      onBlur={onBlur}
-                      isError={Boolean(error?.message)}
-                    >
-                      Close/merge all open approval/access requests.
-                    </Checkbox>
-                  )}
-                />
-              </div>
-              <div className="mt-8 flex space-x-4">
-                <Button type="submit">Confirm Upgrade</Button>
-                <Button variant="outline_bg" onClick={() => handlePopUpToggle("migrationInfo")}>
-                  Cancel
-                </Button>
-              </div>
-            </form>
-          </div>
-        </ModalContent>
-      </Modal>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SecretV2MigrationSection/index.tsx b/frontend-next/src/views/SecretOverviewPage/components/SecretV2MigrationSection/index.tsx
deleted file mode 100644
index 71c7bdc9c..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SecretV2MigrationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretV2MigrationSection } from "./SecretV2MigrationSection";
diff --git a/frontend-next/src/views/SecretOverviewPage/components/SelectionPanel/SelectionPanel.tsx b/frontend-next/src/views/SecretOverviewPage/components/SelectionPanel/SelectionPanel.tsx
deleted file mode 100644
index d1d2f2ce0..000000000
--- a/frontend-next/src/views/SecretOverviewPage/components/SelectionPanel/SelectionPanel.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { subject } from "@casl/ability";
-import { faMinusSquare, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, DeleteActionModal, IconButton, Tooltip } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteFolder, useDeleteSecretBatch } from "@app/hooks/api";
-import {
-  SecretType,
-  SecretV3RawSanitized,
-  TDeleteSecretBatchDTO,
-  TSecretFolder
-} from "@app/hooks/api/types";
-
-export enum EntryType {
-  FOLDER = "folder",
-  SECRET = "secret"
-}
-
-type Props = {
-  secretPath: string;
-  resetSelectedEntries: () => void;
-  selectedEntries: {
-    [EntryType.FOLDER]: Record<string, Record<string, TSecretFolder>>;
-    [EntryType.SECRET]: Record<string, Record<string, SecretV3RawSanitized>>;
-  };
-};
-
-export const SelectionPanel = ({ secretPath, resetSelectedEntries, selectedEntries }: Props) => {
-  const { permission } = useProjectPermission();
-
-  const { handlePopUpOpen, handlePopUpToggle, handlePopUpClose, popUp } = usePopUp([
-    "bulkDeleteEntries"
-  ] as const);
-
-  const selectedFolderCount = Object.keys(selectedEntries.folder).length;
-  const selectedKeysCount = Object.keys(selectedEntries.secret).length;
-  const selectedCount = selectedFolderCount + selectedKeysCount;
-
-  const { currentWorkspace } = useWorkspace();
-  const workspaceId = currentWorkspace?.id || "";
-  const userAvailableEnvs = currentWorkspace?.environments || [];
-  const { mutateAsync: deleteBatchSecretV3 } = useDeleteSecretBatch();
-  const { mutateAsync: deleteFolder } = useDeleteFolder();
-
-  const isMultiSelectActive = selectedCount > 0;
-
-  // user should have the ability to delete secrets/folders in at least one of the envs
-  const shouldShowDelete = userAvailableEnvs.some((env) =>
-    permission.can(
-      ProjectPermissionActions.Delete,
-      subject(ProjectPermissionSub.Secrets, {
-        environment: env.slug,
-        secretPath,
-        secretName: "*",
-        secretTags: ["*"]
-      })
-    )
-  );
-
-  const getDeleteModalTitle = () => {
-    if (selectedFolderCount > 0 && selectedKeysCount > 0) {
-      return "Do you want to delete the selected secrets and folders across environments?";
-    }
-    if (selectedKeysCount > 0) {
-      return "Do you want to delete the selected secrets across environments?";
-    }
-    return "Do you want to delete the selected folders across environments?";
-  };
-
-  const handleBulkDelete = async () => {
-    let processedEntries = 0;
-
-    const promises = userAvailableEnvs.map(async (env) => {
-      // additional check: ensure that bulk delete is only executed on envs that user has access to
-
-      if (
-        permission.can(
-          ProjectPermissionActions.Delete,
-          subject(ProjectPermissionSub.SecretFolders, { environment: env.slug, secretPath })
-        )
-      ) {
-        await Promise.all(
-          Object.values(selectedEntries.folder).map(async (folderRecord) => {
-            const folder = folderRecord[env.slug];
-            if (folder) {
-              processedEntries += 1;
-              await deleteFolder({
-                folderId: folder?.id,
-                path: secretPath,
-                environment: env.slug,
-                projectId: workspaceId
-              });
-            }
-          })
-        );
-      }
-
-      const secretsToDelete = Object.values(selectedEntries.secret).reduce(
-        (accum: TDeleteSecretBatchDTO["secrets"], secretRecord) => {
-          const entry = secretRecord[env.slug];
-          const canDeleteSecret = permission.can(
-            ProjectPermissionActions.Delete,
-            subject(ProjectPermissionSub.Secrets, {
-              environment: env.slug,
-              secretPath,
-              secretName: entry.key,
-              secretTags: (entry?.tags || []).map((i) => i.slug)
-            })
-          );
-
-          if (entry && canDeleteSecret) {
-            return [
-              ...accum,
-              {
-                secretKey: entry.key,
-                type: SecretType.Shared
-              }
-            ];
-          }
-          return accum;
-        },
-        []
-      );
-
-      if (secretsToDelete.length > 0) {
-        processedEntries += secretsToDelete.length;
-        await deleteBatchSecretV3({
-          secretPath,
-          workspaceId,
-          environment: env.slug,
-          secrets: secretsToDelete
-        });
-      }
-    });
-
-    const results = await Promise.allSettled(promises);
-    const areEntriesDeleted = results.some((result) => result.status === "fulfilled");
-    if (processedEntries === 0) {
-      handlePopUpClose("bulkDeleteEntries");
-      createNotification({
-        type: "info",
-        text: "You don't have access to delete selected items"
-      });
-    } else if (areEntriesDeleted) {
-      handlePopUpClose("bulkDeleteEntries");
-      resetSelectedEntries();
-      createNotification({
-        type: "success",
-        text: "Successfully deleted selected secrets and folders"
-      });
-    } else {
-      createNotification({
-        type: "error",
-        text: "Failed to delete selected secrets and folders"
-      });
-    }
-  };
-
-  return (
-    <>
-      <div
-        className={twMerge(
-          "h-0 flex-shrink-0 overflow-hidden transition-all",
-          isMultiSelectActive && "h-16"
-        )}
-      >
-        <div className="mt-3.5 flex items-center rounded-md border border-mineshaft-600 bg-mineshaft-800 py-2 px-4 text-bunker-300">
-          <Tooltip content="Clear">
-            <IconButton variant="plain" ariaLabel="clear-selection" onClick={resetSelectedEntries}>
-              <FontAwesomeIcon icon={faMinusSquare} size="lg" />
-            </IconButton>
-          </Tooltip>
-          <div className="ml-1 flex-grow px-2 text-sm">{selectedCount} Selected</div>
-          {shouldShowDelete && (
-            <Button
-              variant="outline_bg"
-              colorSchema="danger"
-              leftIcon={<FontAwesomeIcon icon={faTrash} />}
-              className="ml-4"
-              onClick={() => handlePopUpOpen("bulkDeleteEntries")}
-              size="xs"
-            >
-              Delete
-            </Button>
-          )}
-        </div>
-      </div>
-      <DeleteActionModal
-        isOpen={popUp.bulkDeleteEntries.isOpen}
-        deleteKey="delete"
-        title={getDeleteModalTitle()}
-        onChange={(isOpen) => handlePopUpToggle("bulkDeleteEntries", isOpen)}
-        onDeleteApproved={handleBulkDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/SecretOverviewPage/index.tsx b/frontend-next/src/views/SecretOverviewPage/index.tsx
deleted file mode 100644
index 886222512..000000000
--- a/frontend-next/src/views/SecretOverviewPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretOverviewPage } from "./SecretOverviewPage";
diff --git a/frontend-next/src/views/SecretRotationPage/SecretRotationPage.tsx b/frontend-next/src/views/SecretRotationPage/SecretRotationPage.tsx
deleted file mode 100644
index 535fe1bf0..000000000
--- a/frontend-next/src/views/SecretRotationPage/SecretRotationPage.tsx
+++ /dev/null
@@ -1,367 +0,0 @@
-import Link from "next/link";
-import {
-  faArrowsSpin,
-  faArrowUpRightFromSquare,
-  faExclamationTriangle,
-  faFolder,
-  faInfoCircle,
-  faPlus,
-  faRotate,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { formatDistance } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Skeleton,
-  Spinner,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import {
-  useDeleteSecretRotation,
-  useGetSecretRotationProviders,
-  useGetSecretRotations,
-  useRestartSecretRotation
-} from "@app/hooks/api";
-import { TSecretRotationProviderTemplate } from "@app/hooks/api/types";
-
-import { CreateRotationForm } from "./components/CreateRotationForm";
-
-export const SecretRotationPage = withProjectPermission(
-  () => {
-    const { currentWorkspace } = useWorkspace();
-    const { permission } = useProjectPermission();
-
-    const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-      "createRotation",
-      "activeBot",
-      "deleteRotation",
-      "upgradePlan"
-    ] as const);
-    const workspaceId = currentWorkspace?.id || "";
-    const canCreateRotation = permission.can(
-      ProjectPermissionActions.Create,
-      ProjectPermissionSub.SecretRotation
-    );
-    const { subscription } = useSubscription();
-
-    const { data: secretRotationProviders, isLoading: isRotationProviderLoading } =
-      useGetSecretRotationProviders({ workspaceId });
-    const { data: secretRotations, isLoading: isRotationLoading } = useGetSecretRotations({
-      workspaceId
-    });
-
-    const {
-      mutateAsync: deleteSecretRotation,
-      variables: deleteSecretRotationVars,
-      isLoading: isDeletingRotation
-    } = useDeleteSecretRotation();
-    const {
-      mutateAsync: restartSecretRotation,
-      variables: restartSecretRotationVar,
-      isLoading: isRestartingRotation
-    } = useRestartSecretRotation();
-
-    const handleDeleteRotation = async () => {
-      const { id } = popUp.deleteRotation.data as { id: string };
-      try {
-        await deleteSecretRotation({
-          id,
-          workspaceId
-        });
-        handlePopUpClose("deleteRotation");
-        createNotification({
-          type: "success",
-          text: "Successfully removed rotation"
-        });
-      } catch (error) {
-        console.log(error);
-        createNotification({
-          type: "error",
-          text: "Failed to remove rotation"
-        });
-      }
-    };
-
-    const handleRestartRotation = async (id: string) => {
-      try {
-        await restartSecretRotation({
-          id,
-          workspaceId
-        });
-        createNotification({
-          type: "success",
-          text: "Secret rotation  initiated"
-        });
-      } catch (error) {
-        console.log(error);
-        createNotification({
-          type: "error",
-          text: "Failed to restart rotation"
-        });
-      }
-    };
-
-    const handleCreateRotation = async (provider: TSecretRotationProviderTemplate) => {
-      if (subscription && !subscription?.secretRotation) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-      if (!canCreateRotation) {
-        createNotification({ type: "error", text: "Access permission denied!!" });
-        return;
-      }
-      handlePopUpOpen("createRotation", provider);
-    };
-
-    return (
-      <div className="container mx-auto h-full w-full max-w-7xl bg-bunker-800 px-6 text-white">
-        <div className="flex items-center justify-between py-6">
-          <div className="flex w-full flex-col">
-            <h2 className="text-3xl font-semibold text-gray-200">Secret Rotation</h2>
-            <p className="text-bunker-300">
-              Stop manually rotating secrets and automate credential rotation.
-            </p>
-          </div>
-          <div className="flex w-max justify-center">
-            <Link href="https://infisical.com/docs/documentation/platform/secret-rotation/overview">
-              <span className="w-max cursor-pointer rounded-md border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 text-mineshaft-200 duration-200 hover:border-primary/40 hover:bg-primary/10 hover:text-white">
-                Documentation{" "}
-                <FontAwesomeIcon
-                  icon={faArrowUpRightFromSquare}
-                  className="mb-[0.06rem] ml-1 text-xs"
-                />
-              </span>
-            </Link>
-          </div>
-        </div>
-        <div className="mb-6">
-          <div className="mb-2 mt-6 text-xl font-semibold text-gray-200">Rotated Secrets</div>
-          <div className="flex flex-col space-y-2">
-            <TableContainer>
-              <Table>
-                <THead>
-                  <Tr>
-                    <Th>Secret Name</Th>
-                    <Th>Environment</Th>
-                    <Th>Provider</Th>
-                    <Th>Status</Th>
-                    <Th>Last Rotation</Th>
-                    <Th className="text-right">Action</Th>
-                  </Tr>
-                </THead>
-                <TBody>
-                  {isRotationLoading && (
-                    <TableSkeleton
-                      innerKey="secret-rotation-loading"
-                      columns={6}
-                      className="bg-mineshaft-700"
-                    />
-                  )}
-                  {!isRotationLoading && secretRotations?.length === 0 && (
-                    <Tr>
-                      <Td colSpan={6}>
-                        <EmptyState title="No rotation strategy found" icon={faArrowsSpin} />
-                      </Td>
-                    </Tr>
-                  )}
-                  {secretRotations?.map(
-                    ({
-                      environment,
-                      secretPath,
-                      outputs,
-                      provider,
-                      id,
-                      lastRotatedAt,
-                      status,
-                      statusMessage
-                    }) => {
-                      const isDeleting = deleteSecretRotationVars?.id === id && isDeletingRotation;
-                      const isRestarting =
-                        restartSecretRotationVar?.id === id && isRestartingRotation;
-                      return (
-                        <Tr key={id}>
-                          <Td>
-                            {outputs
-                              .map(({ key }) => key)
-                              .join(",")
-                              .toUpperCase()}
-                          </Td>
-                          <Td>
-                            <div className="flex w-min items-center rounded border border-bunker-400 p-1 px-2">
-                              <div>{environment.slug}</div>
-                              <div className="ml-1 flex items-center border-l border-bunker-400 pl-1 text-xs">
-                                <FontAwesomeIcon icon={faFolder} className="mr-1" />
-                                {secretPath}
-                              </div>
-                            </div>
-                          </Td>
-                          <Td>{provider}</Td>
-                          <Td>
-                            <div className="flex items-center">
-                              {status}
-                              {status === "failed" && (
-                                <Tooltip content={statusMessage}>
-                                  <FontAwesomeIcon
-                                    icon={faExclamationTriangle}
-                                    size="sm"
-                                    className="ml-2 text-red"
-                                  />
-                                </Tooltip>
-                              )}
-                            </div>
-                          </Td>
-                          <Td>
-                            {lastRotatedAt
-                              ? formatDistance(new Date(lastRotatedAt), new Date())
-                              : "-"}
-                          </Td>
-                          <Td>
-                            <div className="flex justify-end space-x-2">
-                              <ProjectPermissionCan
-                                I={ProjectPermissionActions.Edit}
-                                a={ProjectPermissionSub.SecretRotation}
-                                allowedLabel="Rotate now"
-                                renderTooltip
-                              >
-                                {(isAllowed) => (
-                                  <IconButton
-                                    variant="plain"
-                                    colorSchema="danger"
-                                    ariaLabel="delete-rotation"
-                                    isDisabled={isDeleting || !isAllowed}
-                                    onClick={() => handleRestartRotation(id)}
-                                  >
-                                    {isRestarting ? (
-                                      <Spinner size="xs" />
-                                    ) : (
-                                      <FontAwesomeIcon icon={faRotate} />
-                                    )}
-                                  </IconButton>
-                                )}
-                              </ProjectPermissionCan>
-                              <ProjectPermissionCan
-                                I={ProjectPermissionActions.Delete}
-                                a={ProjectPermissionSub.SecretRotation}
-                                allowedLabel="Rotate now"
-                                renderTooltip
-                              >
-                                {(isAllowed) => (
-                                  <IconButton
-                                    variant="plain"
-                                    colorSchema="danger"
-                                    ariaLabel="delete-rotation"
-                                    isDisabled={isDeleting || !isAllowed}
-                                    onClick={() => handlePopUpOpen("deleteRotation", { id })}
-                                  >
-                                    {isDeleting ? (
-                                      <Spinner size="xs" />
-                                    ) : (
-                                      <FontAwesomeIcon icon={faTrash} />
-                                    )}
-                                  </IconButton>
-                                )}
-                              </ProjectPermissionCan>
-                            </div>
-                          </Td>
-                        </Tr>
-                      );
-                    }
-                  )}
-                </TBody>
-              </Table>
-            </TableContainer>
-          </div>
-        </div>
-        <div className="mb-2 mt-12 text-xl font-semibold text-gray-200">
-          Infisical Rotation Providers
-        </div>
-        <div className="grid grid-cols-2 gap-4 lg:grid-cols-3 2xl:grid-cols-4">
-          {isRotationProviderLoading &&
-            Array.from({ length: 12 }).map((_, index) => (
-              <Skeleton className="h-32" key={`rotation-provider-skeleton-${index + 1}`} />
-            ))}
-          {!isRotationProviderLoading &&
-            secretRotationProviders?.providers.map((provider) => (
-              <div
-                className="group relative flex h-32 cursor-pointer flex-row items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4 hover:border-primary/40 hover:bg-primary/10"
-                key={`infisical-rotation-provider-${provider.name}`}
-                tabIndex={0}
-                role="button"
-                onKeyDown={(evt) => {
-                  if (evt.key === "Enter") handlePopUpOpen("createRotation", provider);
-                }}
-                onClick={() => handleCreateRotation(provider)}
-              >
-                <img
-                  src={`/images/secretRotation/${provider.image}`}
-                  className="max-h-16"
-                  style={{ maxWidth: "6rem" }}
-                  alt="rotation provider logo"
-                />
-                <div className="ml-4 max-w-xs text-xl font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-                  {provider.title}
-                </div>
-                <div className="absolute top-1 right-1.5 opacity-0 transition-all group-hover:opacity-100">
-                  <Tooltip content={provider.description} sideOffset={10}>
-                    <FontAwesomeIcon icon={faInfoCircle} className="text-primary" />
-                  </Tooltip>
-                </div>
-              </div>
-            ))}
-          <Link href="https://github.com/Infisical/infisical/issues">
-            <div className="group relative flex h-32 cursor-pointer flex-row items-center rounded-md border border-mineshaft-600 bg-mineshaft-800 p-4 hover:border-primary/40 hover:bg-primary/10">
-              <FontAwesomeIcon icon={faPlus} className="pl-3 pr-2 text-3xl text-gray-300" />
-              <div className="ml-4 max-w-xs text-xl font-semibold text-gray-300 duration-200 group-hover:text-gray-200">
-                Request or create your own template
-              </div>
-            </div>
-          </Link>
-        </div>
-        <CreateRotationForm
-          isOpen={popUp.createRotation.isOpen}
-          workspaceId={workspaceId}
-          onToggle={(isOpen) => handlePopUpToggle("createRotation", isOpen)}
-          provider={(popUp.createRotation.data as TSecretRotationProviderTemplate) || {}}
-        />
-        <DeleteActionModal
-          isOpen={popUp.deleteRotation.isOpen}
-          title="Are you sure want to delete this rotation?"
-          subTitle="This will stop the rotation from dynamically changing. Secret won't be deleted"
-          onChange={(isOpen) => handlePopUpToggle("deleteRotation", isOpen)}
-          deleteKey="delete"
-          onDeleteApproved={handleDeleteRotation}
-        />
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text="You can add secret rotation if you switch to Infisical's Team plan."
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.SecretRotation }
-);
diff --git a/frontend-next/src/views/SecretRotationPage/SecretRotationPage.utils.ts b/frontend-next/src/views/SecretRotationPage/SecretRotationPage.utils.ts
deleted file mode 100644
index 6dd346f8e..000000000
--- a/frontend-next/src/views/SecretRotationPage/SecretRotationPage.utils.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { UserWsKeyPair } from "@app/hooks/api/types";
-
-import {
-  decryptAssymmetric,
-  encryptAssymmetric
-} from "../../components/utilities/cryptography/crypto";
-
-// refactor these to common function in frontend
-export const generateBotKey = (botPublicKey: string, latestKey: UserWsKeyPair) => {
-  const PRIVATE_KEY = localStorage.getItem("PRIVATE_KEY");
-
-  if (!PRIVATE_KEY) {
-    throw new Error("Private Key missing");
-  }
-
-  const WORKSPACE_KEY = decryptAssymmetric({
-    ciphertext: latestKey.encryptedKey,
-    nonce: latestKey.nonce,
-    publicKey: latestKey.sender.publicKey,
-    privateKey: PRIVATE_KEY
-  });
-
-  const { ciphertext, nonce } = encryptAssymmetric({
-    plaintext: WORKSPACE_KEY,
-    publicKey: botPublicKey,
-    privateKey: PRIVATE_KEY
-  });
-
-  return { encryptedKey: ciphertext, nonce };
-};
diff --git a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx b/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx
deleted file mode 100644
index cdaeb32c4..000000000
--- a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useRef, useState } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { createNotification } from "@app/components/notifications";
-import { Modal, ModalContent, Step, Stepper } from "@app/components/v2";
-import { useCreateSecretRotation } from "@app/hooks/api";
-import { TSecretRotationProviderTemplate } from "@app/hooks/api/types";
-
-import { RotationInputForm } from "./steps/RotationInputForm";
-import {
-  RotationOutputForm,
-  TFormSchema as TRotationOutputSchema
-} from "./steps/RotationOutputForm";
-
-const WIZARD_STEPS = [
-  {
-    title: "Inputs",
-    description: "Provider secrets"
-  },
-  {
-    title: "Outputs",
-    description: "Map rotated secrets to keys"
-  }
-];
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-  customProvider?: string;
-  workspaceId: string;
-  provider: TSecretRotationProviderTemplate;
-};
-
-export const CreateRotationForm = ({
-  isOpen,
-  onToggle,
-  provider,
-  workspaceId,
-  customProvider
-}: Props) => {
-  const [wizardStep, setWizardStep] = useState(0);
-  const wizardData = useRef<{
-    input?: Record<string, string>;
-    output?: TRotationOutputSchema;
-  }>({});
-  
-
-  const { mutateAsync: createSecretRotation } = useCreateSecretRotation();
-
-  const handleFormCancel = () => {
-    onToggle(false);
-    setWizardStep(0);
-    wizardData.current = {};
-  };
-
-  const handleFormSubmit = async () => {
-    if (!wizardData.current.input || !wizardData.current.output) return;
-    try {
-      await createSecretRotation({
-        workspaceId,
-        provider: provider.name,
-        customProvider,
-        secretPath: wizardData.current.output.secretPath,
-        environment: wizardData.current.output.environment,
-        interval: wizardData.current.output.interval,
-        inputs: wizardData.current.input,
-        outputs: wizardData.current.output.secrets
-      });
-      setWizardStep(0);
-      onToggle(false);
-      wizardData.current = {};
-    } catch (error) {
-      console.log(error);
-      createNotification({
-        type: "error",
-        text: "Failed to create secret rotation"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onOpenChange={(state) => {
-        onToggle(state);
-        setWizardStep(0);
-        wizardData.current = {};
-      }}
-    >
-      <ModalContent
-        title={`Secret rotation for ${provider.name}`}
-        subTitle="Provide the required inputs needed for the rotation"
-        className="my-4 max-h-screen max-w-2xl overflow-scroll"
-      >
-        <Stepper activeStep={wizardStep} direction="horizontal" className="mb-4">
-          {WIZARD_STEPS.map(({ title, description }, index) => (
-            <Step
-              title={title}
-              description={description}
-              key={`wizard-stepper-rotation-${index + 1}`}
-            />
-          ))}
-        </Stepper>
-        <AnimatePresence exitBeforeEnter>
-          {wizardStep === 0 && (
-            <motion.div
-              key="input-step"
-              transition={{ duration: 0.1 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: -30 }}
-            >
-              <RotationInputForm
-                onCancel={handleFormCancel}
-                onSubmit={(data) => {
-                  wizardData.current.input = data;
-                  setWizardStep((state) => state + 1);
-                }}
-                inputSchema={provider.template?.inputs || {}}
-              />
-            </motion.div>
-          )}
-          {wizardStep === 1 && (
-            <motion.div
-              key="output-step"
-              transition={{ duration: 0.1 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: -30 }}
-            >
-              <RotationOutputForm
-                outputSchema={provider.template?.outputs || {}}
-                onCancel={handleFormCancel}
-                onSubmit={async (data) => {
-                  wizardData.current.output = data;
-                  await handleFormSubmit();
-                }}
-              />
-            </motion.div>
-          )}
-        </AnimatePresence>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/index.tsx b/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/index.tsx
deleted file mode 100644
index 8392c4cdb..000000000
--- a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CreateRotationForm } from "./CreateRotationForm";
diff --git a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx b/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx
deleted file mode 100644
index 3b336a750..000000000
--- a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { Button, FormControl, FormLabel, SecretInput, Tooltip } from "@app/components/v2";
-
-type Props = {
-  onSubmit: (data: Record<string, string>) => void;
-  onCancel: () => void;
-  inputSchema: {
-    properties: Record<string, { type: string; desc?: string; default?: string }>;
-    required: string[];
-  };
-};
-
-const formSchema = z.record(z.string().trim().optional());
-
-export const RotationInputForm = ({ onSubmit, onCancel, inputSchema }: Props) => {
-  const {
-    control,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<Record<string, string>>({
-    resolver: zodResolver(formSchema)
-  });
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      {Object.keys(inputSchema.properties || {}).map((inputName) => (
-        <Controller
-          control={control}
-          name={inputName}
-          key={`provider-input-${inputName}`}
-          defaultValue={inputSchema.properties[inputName]?.default}
-          render={({ field }) => (
-            <FormControl
-              key={`provider-input-${inputName}`}
-              label={
-                <div className="flex items-center space-x-2">
-                  <FormLabel className="mb-0 uppercase" label={inputName.replaceAll("_", " ")} />
-                  {Boolean(inputSchema.properties[inputName]?.desc) && (
-                    <Tooltip
-                      className="max-w-xs"
-                      content={inputSchema.properties[inputName]?.desc}
-                      position="right"
-                    >
-                      <FontAwesomeIcon
-                        icon={faQuestionCircle}
-                        size="xs"
-                        className="text-bunker-300"
-                      />
-                    </Tooltip>
-                  )}
-                </div>
-              }
-            >
-              <SecretInput
-                {...field}
-                containerClassName="normal-case text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-bunker-800  px-2 py-1.5"
-                required={inputSchema.required.includes(inputName)}
-              />
-            </FormControl>
-          )}
-        />
-      ))}
-      <div className="mt-8 flex items-center space-x-4">
-        <Button type="submit" isLoading={isSubmitting} isDisabled={isSubmitting}>
-          Next
-        </Button>
-        <Button onClick={onCancel} colorSchema="secondary" variant="plain">
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationOutputForm.tsx b/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationOutputForm.tsx
deleted file mode 100644
index dab99faac..000000000
--- a/frontend-next/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationOutputForm.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { Button, FormControl, Input, Select, SelectItem, Spinner } from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { useWorkspace } from "@app/context";
-import { useGetProjectSecrets } from "@app/hooks/api";
-
-const formSchema = z.object({
-  environment: z.string().trim(),
-  secretPath: z.string().trim().default("/"),
-  interval: z.number().min(1),
-  secrets: z.record(z.string())
-});
-
-export type TFormSchema = z.infer<typeof formSchema>;
-type Props = {
-  outputSchema: Record<string, unknown>;
-  onSubmit: (data: TFormSchema) => void;
-  onCancel: () => void;
-};
-
-export const RotationOutputForm = ({ onSubmit, onCancel, outputSchema = {} }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const environments = currentWorkspace?.environments || [];
-  const workspaceId = currentWorkspace?.id || "";
-  const {
-    control,
-    handleSubmit,
-    watch,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const environment = watch("environment", environments?.[0]?.slug);
-  const secretPath = watch("secretPath");
-  const selectedSecrets = watch("secrets");
-
-  const { data: secrets, isLoading: isSecretsLoading } = useGetProjectSecrets({
-    workspaceId,
-    environment,
-    secretPath
-  });
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <Controller
-        control={control}
-        name="environment"
-        defaultValue={environments?.[0]?.slug}
-        render={({ field: { value, onChange } }) => (
-          <FormControl label="Environment">
-            <Select
-              value={value}
-              onValueChange={(val) => onChange(val)}
-              className="w-full border border-mineshaft-500"
-              defaultValue={environments?.[0]?.slug}
-              position="popper"
-            >
-              {environments.map((sourceEnvironment) => (
-                <SelectItem
-                  value={sourceEnvironment.slug}
-                  key={`source-environment-${sourceEnvironment.slug}`}
-                >
-                  {sourceEnvironment.name}
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="secretPath"
-        defaultValue="/"
-        render={({ field }) => (
-          <FormControl className="capitalize" label="Secret path">
-            <SecretPathInput {...field} environment={environment} />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="interval"
-        defaultValue={15}
-        render={({ field }) => (
-          <FormControl className="capitalize" label="Rotation Interval (Days)">
-            <Input
-              {...field}
-              min={1}
-              type="number"
-              onChange={(evt) => field.onChange(parseInt(evt.target.value, 10))}
-            />
-          </FormControl>
-        )}
-      />
-      <div className="mt-4 mb-2 flex flex-col border-t border-bunker-300/30 pt-4">
-        <div>Mapping</div>
-        <div className="text-sm text-bunker-300">Select keys for rotated value to get saved</div>
-      </div>
-      {Object.keys(outputSchema).map((outputName) => (
-        <Controller
-          key={`provider-output-${outputName}`}
-          control={control}
-          name={`secrets.${outputName}`}
-          render={({ field: { value, onChange } }) => (
-            <FormControl className="uppercase" label={outputName.replaceAll("_", " ")} isRequired>
-              <Select
-                value={value}
-                onValueChange={(val) => onChange(val)}
-                className="w-full border border-mineshaft-500"
-                position="popper"
-              >
-                {!isSecretsLoading &&
-                  secrets
-                    ?.filter(
-                      ({ id }) => value === id || !Object.values(selectedSecrets || {}).includes(id)
-                    )
-                    ?.map(({ key, id }) => (
-                      <SelectItem value={id} key={id}>
-                        {key}
-                      </SelectItem>
-                    ))}
-                {isSecretsLoading && (
-                  <SelectItem value="Loading" isDisabled>
-                    <Spinner size="xs" />
-                  </SelectItem>
-                )}
-                {!isSecretsLoading && secrets?.length === 0 && (
-                  <SelectItem value="Empty" isDisabled>
-                    No secrets found
-                  </SelectItem>
-                )}
-              </Select>
-            </FormControl>
-          )}
-        />
-      ))}
-      <div className="mt-8 flex items-center space-x-4">
-        <Button type="submit" isLoading={isSubmitting} isDisabled={isSubmitting}>
-          Submit
-        </Button>
-        <Button onClick={onCancel} colorSchema="secondary" variant="plain">
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/SecretRotationPage/index.tsx b/frontend-next/src/views/SecretRotationPage/index.tsx
deleted file mode 100644
index c2f41e76e..000000000
--- a/frontend-next/src/views/SecretRotationPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretRotationPage } from "./SecretRotationPage";
diff --git a/frontend-next/src/views/SecretScanning/components/RiskStatusSelection.tsx b/frontend-next/src/views/SecretScanning/components/RiskStatusSelection.tsx
deleted file mode 100644
index 36cf8fb9d..000000000
--- a/frontend-next/src/views/SecretScanning/components/RiskStatusSelection.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import updateRiskStatus, { RiskStatus } from "@app/pages/api/secret-scanning/updateRiskStatus";
-
-export const RiskStatusSelection = ({
-  riskId,
-  currentSelection
-}: {
-  riskId: any;
-  currentSelection: any;
-}) => {
-  const [selectedRiskStatus, setSelectedRiskStatus] = useState(currentSelection);
-  useEffect(() => {
-    if (currentSelection !== selectedRiskStatus) {
-      const updateSelection = async () => {
-        await updateRiskStatus(
-          String(localStorage.getItem("orgData.id")),
-          riskId,
-          selectedRiskStatus
-        );
-      };
-      updateSelection();
-    }
-  }, [selectedRiskStatus]);
-
-  return (
-    <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.SecretScanning}>
-      {(isAllowed) => (
-        <select
-          disabled={!isAllowed}
-          value={selectedRiskStatus}
-          onChange={(e) => setSelectedRiskStatus(e.target.value)}
-          className="block w-full rounded-md py-2 px-3 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-blue-500"
-        >
-          <option>Unresolved</option>
-          <option value={RiskStatus.RESOLVED_FALSE_POSITIVE}>
-            This is a false positive, resolved
-          </option>
-          <option value={RiskStatus.RESOLVED_REVOKED}>I have rotated the secret, resolved</option>
-          <option value={RiskStatus.RESOLVED_NOT_REVOKED}>No rotate needed, resolved</option>
-        </select>
-      )}
-    </OrgPermissionCan>
-  );
-};
diff --git a/frontend-next/src/views/SecretScanning/components/SecretScanningLogsTable.tsx b/frontend-next/src/views/SecretScanning/components/SecretScanningLogsTable.tsx
deleted file mode 100644
index ad60f9a7f..000000000
--- a/frontend-next/src/views/SecretScanning/components/SecretScanningLogsTable.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import { useEffect, useState } from "react";
-import { faCheck } from "@fortawesome/free-solid-svg-icons";
-
-import {
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import timeSince from "@app/ee/utilities/timeSince";
-import getRisksByOrganization, {
-  IGitRisks
-} from "@app/pages/api/secret-scanning/getRisksByOrganization";
-
-import { RiskStatusSelection } from "./RiskStatusSelection";
-
-export const SecretScanningLogsTable = () => {
-  const [isLoading, setIsLoading] = useState(false);
-  const [gitRisks, setGitRisks] = useState<IGitRisks[]>([]);
-
-  useEffect(() => {
-    const fetchRisks = async () => {
-      setIsLoading(true);
-      const risks = await getRisksByOrganization(String(localStorage.getItem("orgData.id")));
-      setGitRisks(risks);
-      setIsLoading(false);
-    };
-
-    fetchRisks();
-  }, []);
-
-  return (
-    <TableContainer className="mt-8">
-      <Table>
-        <THead>
-          <Tr>
-            <Th className="flex-1">Date</Th>
-            <Th className="flex-1">Secret Type</Th>
-            <Th className="flex-1">View Risk</Th>
-            <Th className="flex-1">Info</Th>
-            <Th className="flex-1">Status</Th>
-            <Th className="flex-1">Action</Th>
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {!isLoading &&
-            gitRisks &&
-            gitRisks?.map((risk) => {
-              return (
-                <Tr key={risk.ruleID} className="h-10">
-                  <Td>{timeSince(new Date(risk.createdAt))}</Td>
-                  <Td>{risk.ruleID}</Td>
-                  <Td>
-                    <a
-                      href={`https://github.com/${risk.repositoryFullName}/blob/${risk.commit}/${risk.file}#L${risk.startLine}-L${risk.endLine}`}
-                      target="_blank"
-                      className="text-red-500"
-                      rel="noreferrer"
-                    >
-                      View Exposed Secret
-                    </a>
-                  </Td>
-                  <Td>
-                    <div className="font-bold">
-                      <a href={`https://github.com/${risk.repositoryFullName}`}>
-                        {risk.repositoryFullName}
-                      </a>
-                    </div>
-                    <div className="text-xs">
-                      <span>{risk.file}</span>
-                      <br />
-                      <br />
-                      <span className="font-bold">{risk.author}</span>
-                      <br />
-                      <span>{risk.email}</span>
-                    </div>
-                  </Td>
-                  <Td>{risk.isResolved ? "Resolved" : "Needs Attention"}</Td>
-                  <Td>
-                    <RiskStatusSelection riskId={risk.id} currentSelection={risk.status} />
-                  </Td>
-                </Tr>
-              );
-            })}
-          {isLoading && <TableSkeleton columns={7} innerKey="gitRisks" />}
-          {!isLoading && gitRisks && gitRisks?.length === 0 && (
-            <Tr>
-              <Td colSpan={7}>
-                <EmptyState title="No risks detected." icon={faCheck} />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/SecretScanning/components/index.tsx b/frontend-next/src/views/SecretScanning/components/index.tsx
deleted file mode 100644
index 52f516593..000000000
--- a/frontend-next/src/views/SecretScanning/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretScanningLogsTable } from "./SecretScanningLogsTable";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx
deleted file mode 100644
index da0c4f764..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-import { BillingTabGroup } from "./components";
-
-export const BillingSettingsPage = () => {
-  const { t } = useTranslation();
-  return (
-    <div className="flex h-full w-full justify-center bg-bunker-800 text-white">
-      <div className="w-full max-w-7xl px-6">
-        <div className="my-6">
-          <p className="text-3xl font-semibold text-gray-200">{t("billing.title")}</p>
-          <div />
-        </div>
-        <BillingTabGroup />
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/BillingCloudTab.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/BillingCloudTab.tsx
deleted file mode 100644
index 6085b90c6..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/BillingCloudTab.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CurrentPlanSection } from "./CurrentPlanSection";
-import { PreviewSection } from "./PreviewSection";
-
-export const BillingCloudTab = () => {
-  return (
-    <div>
-      <PreviewSection />
-      <CurrentPlanSection />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/CurrentPlanSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/CurrentPlanSection.tsx
deleted file mode 100644
index a3135d85f..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/CurrentPlanSection.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { faCircleCheck, faCircleXmark, faFileInvoice } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useGetOrgPlanTable } from "@app/hooks/api";
-
-export const CurrentPlanSection = () => {
-  const { currentOrg } = useOrganization();
-  const { data, isLoading } = useGetOrgPlanTable(currentOrg?.id ?? "");
-
-  const displayCell = (value: null | number | string | boolean) => {
-    if (value === null) return "-";
-
-    if (typeof value === "boolean") {
-      if (value) return <FontAwesomeIcon icon={faCircleCheck} color="#2ecc71" />;
-
-      return <FontAwesomeIcon icon={faCircleXmark} color="#e74c3c" />;
-    }
-
-    return value;
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <h2 className="mb-8 flex-1 text-xl font-semibold text-white">Current usage</h2>
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-1/3">Feature</Th>
-              <Th className="w-1/3">Allowed</Th>
-              <Th className="w-1/3">Used</Th>
-            </Tr>
-          </THead>
-          <TBody>
-            {!isLoading &&
-              data &&
-              data?.rows?.length > 0 &&
-              data.rows.map(({ name, allowed, used }) => {
-                return (
-                  <Tr key={`current-plan-row-${name}`} className="h-12">
-                    <Td>{name}</Td>
-                    <Td>{displayCell(allowed)}</Td>
-                    <Td>{used}</Td>
-                  </Tr>
-                );
-              })}
-            {isLoading && <TableSkeleton columns={5} innerKey="invoices" />}
-            {!isLoading && data && data?.rows?.length === 0 && (
-              <Tr>
-                <Td colSpan={3}>
-                  <EmptyState title="No plan details found" icon={faFileInvoice} />
-                </Td>
-              </Tr>
-            )}
-          </TBody>
-        </Table>
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/ManagePlansModal.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/ManagePlansModal.tsx
deleted file mode 100644
index 453404d35..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/ManagePlansModal.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Fragment } from "react";
-import { Tab } from "@headlessui/react";
-
-import { Modal, ModalContent } from "@app/components/v2";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { ManagePlansTable } from "./ManagePlansTable";
-
-type Props = {
-  popUp: UsePopUpState<["managePlan"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["managePlan"]>, state?: boolean) => void;
-};
-
-export const ManagePlansModal = ({ popUp, handlePopUpToggle }: Props) => {
-  return (
-    <Modal
-      isOpen={popUp?.managePlan?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("managePlan", isOpen);
-      }}
-    >
-      <ModalContent className="max-w-screen-lg" title="Infisical Cloud Plans">
-        <Tab.Group>
-          <Tab.List className="max-w-screen-lg border-b-2 border-mineshaft-600">
-            <Tab as={Fragment}>
-              {({ selected }) => (
-                <button
-                  type="button"
-                  className={`p-4 ${
-                    selected ? "border-b-2 border-white text-white" : "text-mineshaft-400"
-                  } w-30 font-semibold outline-none`}
-                >
-                  Bill monthly
-                </button>
-              )}
-            </Tab>
-            <Tab as={Fragment}>
-              {({ selected }) => (
-                <button
-                  type="button"
-                  className={`p-4 ${
-                    selected ? "border-b-2 border-white text-white" : "text-mineshaft-400"
-                  } w-30 font-semibold outline-none`}
-                >
-                  Bill yearly
-                </button>
-              )}
-            </Tab>
-          </Tab.List>
-          <Tab.Panels className="mt-4">
-            <Tab.Panel>
-              <ManagePlansTable billingCycle="monthly" />
-            </Tab.Panel>
-            <Tab.Panel>
-              <ManagePlansTable billingCycle="yearly" />
-            </Tab.Panel>
-          </Tab.Panels>
-        </Tab.Group>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/ManagePlansTable.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/ManagePlansTable.tsx
deleted file mode 100644
index b37c22012..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/ManagePlansTable.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { faCircleCheck, faCircleXmark, faFileInvoice } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  Button,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization, useSubscription } from "@app/context";
-import { useCreateCustomerPortalSession, useGetOrgPlansTable } from "@app/hooks/api";
-
-type Props = {
-  billingCycle: "monthly" | "yearly";
-};
-
-export const ManagePlansTable = ({ billingCycle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-  const { data: tableData, isLoading: isTableDataLoading } = useGetOrgPlansTable({
-    organizationId: currentOrg?.id ?? "",
-    billingCycle
-  });
-  const createCustomerPortalSession = useCreateCustomerPortalSession();
-
-  const displayCell = (value: null | number | string | boolean) => {
-    if (value === null) return "Unlimited";
-
-    if (typeof value === "boolean") {
-      if (value) return <FontAwesomeIcon icon={faCircleCheck} color="#2ecc71" />;
-
-      return <FontAwesomeIcon icon={faCircleXmark} color="#e74c3c" />;
-    }
-
-    return value;
-  };
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          {subscription && !isTableDataLoading && tableData && (
-            <Tr>
-              <Th className="">Feature / Limit</Th>
-              {tableData.head.map(({ name, priceLine }) => {
-                return (
-                  <Th
-                    key={`plans-feature-head-${billingCycle}-${name}`}
-                    className="flex-1 text-center"
-                  >
-                    <p>{name}</p>
-                    <p>{priceLine}</p>
-                  </Th>
-                );
-              })}
-            </Tr>
-          )}
-        </THead>
-        <TBody>
-          {subscription &&
-            !isTableDataLoading &&
-            tableData &&
-            tableData.rows.map(({ name, starter, pro, enterprise }) => {
-              return (
-                <Tr className="h-12" key={`plans-feature-row-${billingCycle}-${name}`}>
-                  <Td>{displayCell(name)}</Td>
-                  <Td className="text-center">{displayCell(starter)}</Td>
-                  <Td className="text-center">{displayCell(pro)}</Td>
-                  <Td className="text-center">{displayCell(enterprise)}</Td>
-                </Tr>
-              );
-            })}
-          {isTableDataLoading && <TableSkeleton columns={5} innerKey="cloud-products" />}
-          {!isTableDataLoading && tableData?.rows.length === 0 && (
-            <Tr>
-              <Td colSpan={5}>
-                <EmptyState title="No cloud product details found" icon={faFileInvoice} />
-              </Td>
-            </Tr>
-          )}
-          {subscription && !isTableDataLoading && tableData && (
-            <Tr className="h-12">
-              <Td />
-              {tableData.head.map(({ slug, tier }) => {
-                const isCurrentPlan = slug === subscription.slug;
-                let subscriptionText = "Upgrade";
-
-                if (subscription.tier > tier) {
-                  subscriptionText = "Downgrade";
-                }
-
-                if (tier === 3) {
-                  subscriptionText = "Contact sales";
-                }
-
-                return isCurrentPlan ? (
-                  <Td>
-                    <Button colorSchema="secondary" className="w-full" isDisabled>
-                      Current
-                    </Button>
-                  </Td>
-                ) : (
-                  <Td>
-                    <Button
-                      onClick={async () => {
-                        if (!currentOrg?.id) return;
-
-                        if (tier !== 3) {
-                          const { url } = await createCustomerPortalSession.mutateAsync(
-                            currentOrg.id
-                          );
-                          window.location.href = url;
-                          return;
-                        }
-
-                        window.location.href = "https://infisical.com/scheduledemo";
-                      }}
-                      color="mineshaft"
-                      className="w-full"
-                    >
-                      {subscriptionText}
-                    </Button>
-                  </Td>
-                );
-              })}
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/PreviewSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/PreviewSection.tsx
deleted file mode 100644
index 58c2b07d0..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/PreviewSection.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import Link from "next/link";
-import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import {
-  useCreateCustomerPortalSession,
-  useGetOrgPlanBillingInfo,
-  useGetOrgTrialUrl
-} from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { ManagePlansModal } from "./ManagePlansModal";
-
-export const PreviewSection = () => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-  const { data, isLoading } = useGetOrgPlanBillingInfo(currentOrg?.id ?? "");
-  const getOrgTrialUrl = useGetOrgTrialUrl();
-  const createCustomerPortalSession = useCreateCustomerPortalSession();
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["managePlan"] as const);
-
-  const formatAmount = (amount: number) => {
-    const formattedTotal = (Math.floor(amount) / 100).toLocaleString("en-US", {
-      style: "currency",
-      currency: "USD"
-    });
-
-    return formattedTotal;
-  };
-
-  const formatDate = (date: number) => {
-    const createdDate = new Date(date * 1000);
-    const day: number = createdDate.getDate();
-    const month: number = createdDate.getMonth() + 1;
-    const year: number = createdDate.getFullYear();
-    const formattedDate: string = `${day}/${month}/${year}`;
-
-    return formattedDate;
-  };
-
-  function formatPlanSlug(slug: string) {
-    return slug.replace(/(\b[a-z])/g, (match) => match.toUpperCase()).replace(/-/g, " ");
-  }
-
-  const handleUpgradeBtnClick = async () => {
-    try {
-      if (!subscription || !currentOrg) return;
-
-      if (!subscription.has_used_trial) {
-        // direct user to start pro trial
-        const url = await getOrgTrialUrl.mutateAsync({
-          orgId: currentOrg.id,
-          success_url: window.location.href
-        });
-
-        window.location.href = url;
-      } else {
-        // open compare plans modal
-        handlePopUpOpen("managePlan");
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div>
-      {subscription &&
-        subscription?.slug !== "enterprise" &&
-        subscription?.slug !== "pro" &&
-        subscription?.slug !== "pro-annual" && (
-          <div className="flex flex-row space-x-6">
-            <div className="mb-6 flex flex-1 items-center rounded-lg border border-primary/40 bg-primary/10 p-4">
-              <div className="flex-1">
-                <h2 className="text-xl font-medium text-mineshaft-100">
-                  Unleash the full power of{" "}
-                  <span className="bg-gradient-to-r from-primary-500 to-yellow bg-clip-text font-semibold text-transparent">
-                    Infisical
-                  </span>
-                </h2>
-                <p className="mt-4 text-gray-400">
-                  Get unlimited members, projects, RBAC, smart alerts, and so much more.
-                </p>
-              </div>
-              <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Billing}>
-                {(isAllowed) => (
-                  <Button
-                    onClick={() => handleUpgradeBtnClick()}
-                    color="mineshaft"
-                    isDisabled={!isAllowed}
-                  >
-                    {!subscription.has_used_trial ? "Start Pro Free Trial" : "Upgrade Plan"}
-                  </Button>
-                )}
-              </OrgPermissionCan>
-            </div>
-            <div className="mb-6 flex flex w-full max-w-[12rem] flex-col items-start items-center rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4">
-              <div className="mb-4 flex w-full justify-center font-semibold text-mineshaft-200">
-                Want to learn more?{" "}
-              </div>
-              <div className="flex w-full justify-center">
-                <Link href="https://infisical.com/schedule-demo">
-                  <span className="cursor-pointer rounded-full border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 duration-200 hover:border-primary/40 hover:bg-primary/10">
-                    Book a demo{" "}
-                    <FontAwesomeIcon
-                      icon={faArrowUpRightFromSquare}
-                      className="mb-[0.06rem] ml-1 text-xs"
-                    />
-                  </span>
-                </Link>
-              </div>
-            </div>
-          </div>
-        )}
-      {!isLoading && subscription && data && (
-        <div className="mb-6 flex">
-          <div className="mr-4 flex-1 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-            <p className="mb-2 text-gray-400">Current plan</p>
-            <p className="mb-8 text-2xl font-semibold text-mineshaft-50">
-              {`${formatPlanSlug(subscription.slug)} ${
-                subscription.status === "trialing" ? "(Trial)" : ""
-              }`}
-            </p>
-            <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Billing}>
-              {(isAllowed) => (
-                <button
-                  type="button"
-                  onClick={async () => {
-                    if (!currentOrg?.id) return;
-                    const { url } = await createCustomerPortalSession.mutateAsync(currentOrg.id);
-                    window.location.href = url;
-                  }}
-                  disabled={!isAllowed}
-                  className="text-primary"
-                >
-                  Manage plan &rarr;
-                </button>
-              )}
-            </OrgPermissionCan>
-          </div>
-          <div className="mr-4 flex-1 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-            <p className="mb-2 text-gray-400">Price</p>
-            <p className="mb-8 text-2xl font-semibold text-mineshaft-50">
-              {subscription.status === "trialing"
-                ? "$0.00 / month"
-                : `${formatAmount(data.amount)} / ${data.interval}`}
-            </p>
-          </div>
-          <div className="flex-1 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-            <p className="mb-2 text-gray-400">Subscription renews on</p>
-            <p className="mb-8 text-2xl font-semibold text-mineshaft-50">
-              {formatDate(data.currentPeriodEnd)}
-            </p>
-          </div>
-        </div>
-      )}
-      <ManagePlansModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/index.tsx
deleted file mode 100644
index 341251e99..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingCloudTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BillingCloudTab } from "./BillingCloudTab";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/BillingDetailsTab.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/BillingDetailsTab.tsx
deleted file mode 100644
index f422fe046..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/BillingDetailsTab.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CompanyNameSection } from "./CompanyNameSection";
-import { InvoiceEmailSection } from "./InvoiceEmailSection";
-import { PmtMethodsSection } from "./PmtMethodsSection";
-import { TaxIDSection } from "./TaxIDSection";
-
-export const BillingDetailsTab = () => {
-  return (
-    <>
-      <CompanyNameSection />
-      <InvoiceEmailSection />
-      <PmtMethodsSection />
-      <TaxIDSection />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/CompanyNameSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/CompanyNameSection.tsx
deleted file mode 100644
index bf0b5c56a..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/CompanyNameSection.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { useGetOrgBillingDetails, useUpdateOrgBillingDetails } from "@app/hooks/api";
-
-const schema = yup
-  .object({
-    name: yup.string().required("Company name is required")
-  })
-  .required();
-
-export const CompanyNameSection = () => {
-  
-  const { currentOrg } = useOrganization();
-  const { reset, control, handleSubmit } = useForm({
-    defaultValues: {
-      name: ""
-    },
-    resolver: yupResolver(schema)
-  });
-  const { data } = useGetOrgBillingDetails(currentOrg?.id ?? "");
-  const { mutateAsync, isLoading } = useUpdateOrgBillingDetails();
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        name: data?.name ?? ""
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({ name }: { name: string }) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (name === "") return;
-      await mutateAsync({
-        name,
-        organizationId: currentOrg.id
-      });
-
-      createNotification({
-        text: "Successfully updated business name",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update business name",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <h2 className="mb-8 flex-1 text-xl font-semibold text-mineshaft-100">Business name</h2>
-      <div className="max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input placeholder="Acme Corp" {...field} className="bg-mineshaft-800" />
-            </FormControl>
-          )}
-          control={control}
-          name="name"
-        />
-      </div>
-      <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Billing}>
-        {(isAllowed) => (
-          <Button
-            type="submit"
-            colorSchema="secondary"
-            isLoading={isLoading}
-            isDisabled={isLoading || !isAllowed}
-          >
-            Save
-          </Button>
-        )}
-      </OrgPermissionCan>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/InvoiceEmailSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/InvoiceEmailSection.tsx
deleted file mode 100644
index d1fcf1180..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/InvoiceEmailSection.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { useGetOrgBillingDetails, useUpdateOrgBillingDetails } from "@app/hooks/api";
-
-const schema = yup
-  .object({
-    email: yup.string().required("Email is required")
-  })
-  .required();
-
-export const InvoiceEmailSection = () => {
-  
-  const { currentOrg } = useOrganization();
-  const { reset, control, handleSubmit } = useForm({
-    defaultValues: {
-      email: ""
-    },
-    resolver: yupResolver(schema)
-  });
-  const { data } = useGetOrgBillingDetails(currentOrg?.id ?? "");
-  const { mutateAsync, isLoading } = useUpdateOrgBillingDetails();
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        email: data?.email ?? ""
-      });
-    }
-  }, [data]);
-
-  const onFormSubmit = async ({ email }: { email: string }) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (email === "") return;
-
-      await mutateAsync({
-        email,
-        organizationId: currentOrg.id
-      });
-
-      createNotification({
-        text: "Successfully updated invoice email recipient",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update invoice email recipient",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <h2 className="mb-8 flex-1 text-xl font-semibold text-white">Invoice email recipient</h2>
-      <div className="max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input placeholder="jane@acme.com" {...field} className="bg-mineshaft-800" />
-            </FormControl>
-          )}
-          control={control}
-          name="email"
-        />
-      </div>
-      <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Billing}>
-        {(isAllowed) => (
-          <Button
-            type="submit"
-            colorSchema="secondary"
-            isLoading={isLoading}
-            isDisabled={isLoading || !isAllowed}
-          >
-            Save
-          </Button>
-        )}
-      </OrgPermissionCan>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsSection.tsx
deleted file mode 100644
index 266e52999..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsSection.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { useAddOrgPmtMethod } from "@app/hooks/api";
-
-import { PmtMethodsTable } from "./PmtMethodsTable";
-
-export const PmtMethodsSection = () => {
-  const { currentOrg } = useOrganization();
-  const { mutateAsync, isLoading } = useAddOrgPmtMethod();
-
-  const handleAddPmtMethodBtnClick = async () => {
-    if (!currentOrg?.id) return;
-    const url = await mutateAsync({
-      organizationId: currentOrg.id,
-      success_url: window.location.href,
-      cancel_url: window.location.href
-    });
-
-    window.location.href = url;
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-8 flex items-center">
-        <h2 className="flex-1 text-xl font-semibold text-white">Payment methods</h2>
-        <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Billing}>
-          {(isAllowed) => (
-            <Button
-              onClick={handleAddPmtMethodBtnClick}
-              colorSchema="secondary"
-              isLoading={isLoading}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              isDisabled={!isAllowed}
-            >
-              Add method
-            </Button>
-          )}
-        </OrgPermissionCan>
-      </div>
-      <PmtMethodsTable />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsTable.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsTable.tsx
deleted file mode 100644
index 8dfe7e605..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsTable.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { faCreditCard, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteOrgPmtMethod, useGetOrgPmtMethods } from "@app/hooks/api";
-
-export const PmtMethodsTable = () => {
-  const { currentOrg } = useOrganization();
-  const { data, isLoading } = useGetOrgPmtMethods(currentOrg?.id ?? "");
-  const deleteOrgPmtMethod = useDeleteOrgPmtMethod();
-  const { handlePopUpOpen, handlePopUpClose, handlePopUpToggle, popUp } = usePopUp([
-    "removeCard"
-  ] as const);
-
-  const pmtMethodToRemove = popUp.removeCard.data as { id: string; last4: string } | undefined;
-
-  const handleDeletePmtMethodBtnClick = async () => {
-    if (!currentOrg?.id || !pmtMethodToRemove) return;
-    try {
-      await deleteOrgPmtMethod.mutateAsync({
-        organizationId: currentOrg.id,
-        pmtMethodId: pmtMethodToRemove.id
-      });
-      createNotification({
-        type: "success",
-        text: "Successfully removed payment method"
-      });
-      handlePopUpClose("removeCard");
-    } catch (error: any) {
-      createNotification({
-        type: "error",
-        text: error.message ?? "Error removing payment method"
-      });
-    }
-  };
-
-  return (
-    <>
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="flex-1">Brand</Th>
-              <Th className="flex-1">Type</Th>
-              <Th className="flex-1">Last 4 Digits</Th>
-              <Th className="flex-1">Expiration</Th>
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {!isLoading &&
-              data &&
-              data?.length > 0 &&
-              data.map(({ _id: id, brand, exp_month, exp_year, funding, last4 }) => (
-                <Tr key={`pmt-method-${id}`} className="h-10">
-                  <Td>{brand.charAt(0).toUpperCase() + brand.slice(1)}</Td>
-                  <Td>{funding.charAt(0).toUpperCase() + funding.slice(1)}</Td>
-                  <Td>{last4}</Td>
-                  <Td>{`${exp_month}/${exp_year}`}</Td>
-                  <Td>
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Delete}
-                      a={OrgPermissionSubjects.Billing}
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          onClick={() => handlePopUpOpen("removeCard", { id, last4 })}
-                          size="lg"
-                          isDisabled={!isAllowed}
-                          colorSchema="danger"
-                          variant="plain"
-                          ariaLabel="update"
-                        >
-                          <FontAwesomeIcon icon={faXmark} />
-                        </IconButton>
-                      )}
-                    </OrgPermissionCan>
-                  </Td>
-                </Tr>
-              ))}
-            {isLoading && <TableSkeleton columns={5} innerKey="pmt-methods" />}
-            {!isLoading && data && data?.length === 0 && (
-              <Tr>
-                <Td colSpan={5}>
-                  <EmptyState title="No payment methods on file" icon={faCreditCard} />
-                </Td>
-              </Tr>
-            )}
-          </TBody>
-        </Table>
-      </TableContainer>
-      <DeleteActionModal
-        isOpen={popUp.removeCard.isOpen}
-        deleteKey="confirm"
-        onChange={(isOpen) => handlePopUpToggle("removeCard", isOpen)}
-        title={`Remove payment method ending in *${pmtMethodToRemove?.last4}?`}
-        onDeleteApproved={handleDeletePmtMethodBtnClick}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDModal.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDModal.tsx
deleted file mode 100644
index 15bfdf35b..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDModal.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useAddOrgTaxId } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const taxIDTypes = [
-  { label: "Australia ABN", value: "au_abn" },
-  { label: "Australia ARN", value: "au_arn" },
-  { label: "Bulgaria UIC", value: "bg_uic" },
-  { label: "Brazil CNPJ", value: "br_cnpj" },
-  { label: "Brazil CPF", value: "br_cpf" },
-  { label: "Canada BN", value: "ca_bn" },
-  { label: "Canada GST/HST", value: "ca_gst_hst" },
-  { label: "Canada PST BC", value: "ca_pst_bc" },
-  { label: "Canada PST MB", value: "ca_pst_mb" },
-  { label: "Canada PST SK", value: "ca_pst_sk" },
-  { label: "Canada QST", value: "ca_qst" },
-  { label: "Switzerland VAT", value: "ch_vat" },
-  { label: "Chile TIN", value: "cl_tin" },
-  { label: "Egypt TIN", value: "eg_tin" },
-  { label: "Spain CIF", value: "es_cif" },
-  { label: "EU OSS VAT", value: "eu_oss_vat" },
-  { label: "EU VAT", value: "eu_vat" },
-  { label: "GB VAT", value: "gb_vat" },
-  { label: "Georgia VAT", value: "ge_vat" },
-  { label: "Hong Kong BR", value: "hk_br" },
-  { label: "Hungary TIN", value: "hu_tin" },
-  { label: "Indonesia NPWP", value: "id_npwp" },
-  { label: "Israel VAT", value: "il_vat" },
-  { label: "India GST", value: "in_gst" },
-  { label: "Iceland VAT", value: "is_vat" },
-  { label: "Japan CN", value: "jp_cn" },
-  { label: "Japan RN", value: "jp_rn" },
-  { label: "Japan TRN", value: "jp_trn" },
-  { label: "Kenya PIN", value: "ke_pin" },
-  { label: "South Korea BRN", value: "kr_brn" },
-  { label: "Liechtenstein UID", value: "li_uid" },
-  { label: "Mexico RFC", value: "mx_rfc" },
-  { label: "Malaysia FRP", value: "my_frp" },
-  { label: "Malaysia ITN", value: "my_itn" },
-  { label: "Malaysia SST", value: "my_sst" },
-  { label: "Norway VAT", value: "no_vat" },
-  { label: "New Zealand GST", value: "nz_gst" },
-  { label: "Philippines TIN", value: "ph_tin" },
-  { label: "Russia INN", value: "ru_inn" },
-  { label: "Russia KPP", value: "ru_kpp" },
-  { label: "Saudi Arabia VAT", value: "sa_vat" },
-  { label: "Singapore GST", value: "sg_gst" },
-  { label: "Singapore UEN", value: "sg_uen" },
-  { label: "Slovenia TIN", value: "si_tin" },
-  { label: "Thailand VAT", value: "th_vat" },
-  { label: "Turkey TIN", value: "tr_tin" },
-  { label: "Taiwan VAT", value: "tw_vat" },
-  { label: "Ukraine VAT", value: "ua_vat" },
-  { label: "US EIN", value: "us_ein" },
-  { label: "South Africa VAT", value: "za_vat" }
-];
-
-const schema = yup
-  .object({
-    type: yup.string().required("Tax ID type is required"),
-    value: yup.string().required("Tax ID value is required")
-  })
-  .required();
-
-export type AddTaxIDFormData = yup.InferType<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["addTaxID"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["addTaxID"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addTaxID"]>, state?: boolean) => void;
-};
-
-export const TaxIDModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  
-  const { currentOrg } = useOrganization();
-  const addOrgTaxId = useAddOrgTaxId();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<AddTaxIDFormData>({
-    resolver: yupResolver(schema)
-  });
-
-  const onTaxIDModalSubmit = async ({ type, value }: AddTaxIDFormData) => {
-    try {
-      if (!currentOrg?.id) return;
-      await addOrgTaxId.mutateAsync({
-        organizationId: currentOrg.id,
-        type,
-        value
-      });
-
-      createNotification({
-        text: "Successfully added Tax ID",
-        type: "success"
-      });
-      handlePopUpClose("addTaxID");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to add Tax ID",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.addTaxID?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addTaxID", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Add Tax ID">
-        <form onSubmit={handleSubmit(onTaxIDModalSubmit)}>
-          <Controller
-            control={control}
-            name="type"
-            defaultValue="eu_vat"
-            render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-              <FormControl label="Type" errorText={error?.message} isError={Boolean(error)}>
-                <Select
-                  defaultValue={field.value}
-                  {...field}
-                  onValueChange={(e) => onChange(e)}
-                  className="w-full"
-                >
-                  {taxIDTypes.map(({ label, value }) => (
-                    <SelectItem value={String(value || "")} key={label}>
-                      {label}
-                    </SelectItem>
-                  ))}
-                </Select>
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="value"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Value" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="DE000000000" />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isSubmitting}
-              isDisabled={isSubmitting}
-            >
-              Add
-            </Button>
-            <Button colorSchema="secondary" variant="plain">
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDSection.tsx
deleted file mode 100644
index ecb876aa5..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDSection.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { TaxIDModal } from "./TaxIDModal";
-import { TaxIDTable } from "./TaxIDTable";
-
-export const TaxIDSection = () => {
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addTaxID"
-  ] as const);
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-8 flex items-center">
-        <h2 className="flex-1 text-xl font-semibold text-white">Tax ID</h2>
-        <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Billing}>
-          {(isAllowed) => (
-            <Button
-              onClick={() => handlePopUpOpen("addTaxID")}
-              colorSchema="secondary"
-              isDisabled={!isAllowed}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-            >
-              Add method
-            </Button>
-          )}
-        </OrgPermissionCan>
-      </div>
-      <TaxIDTable />
-      <TaxIDModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDTable.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDTable.tsx
deleted file mode 100644
index 7a6362da2..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDTable.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import { faFileInvoice, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { useDeleteOrgTaxId, useGetOrgTaxIds } from "@app/hooks/api";
-
-const taxIDTypeLabelMap: { [key: string]: string } = {
-  au_abn: "Australia ABN",
-  au_arn: "Australia ARN",
-  bg_uic: "Bulgaria UIC",
-  br_cnpj: "Brazil CNPJ",
-  br_cpf: "Brazil CPF",
-  ca_bn: "Canada BN",
-  ca_gst_hst: "Canada GST/HST",
-  ca_pst_bc: "Canada PST BC",
-  ca_pst_mb: "Canada PST MB",
-  ca_pst_sk: "Canada PST SK",
-  ca_qst: "Canada QST",
-  ch_vat: "Switzerland VAT",
-  cl_tin: "Chile TIN",
-  eg_tin: "Egypt TIN",
-  es_cif: "Spain CIF",
-  eu_oss_vat: "EU OSS VAT",
-  eu_vat: "EU VAT",
-  gb_vat: "GB VAT",
-  ge_vat: "Georgia VAT",
-  hk_br: "Hong Kong BR",
-  hu_tin: "Hungary TIN",
-  id_npwp: "Indonesia NPWP",
-  il_vat: "Israel VAT",
-  in_gst: "India GST",
-  is_vat: "Iceland VAT",
-  jp_cn: "Japan CN",
-  jp_rn: "Japan RN",
-  jp_trn: "Japan TRN",
-  ke_pin: "Kenya PIN",
-  kr_brn: "South Korea BRN",
-  li_uid: "Liechtenstein UID",
-  mx_rfc: "Mexico RFC",
-  my_frp: "Malaysia FRP",
-  my_itn: "Malaysia ITN",
-  my_sst: "Malaysia SST",
-  no_vat: "Norway VAT",
-  nz_gst: "New Zealand GST",
-  ph_tin: "Philippines TIN",
-  ru_inn: "Russia INN",
-  ru_kpp: "Russia KPP",
-  sa_vat: "Saudi Arabia VAT",
-  sg_gst: "Singapore GST",
-  sg_uen: "Singapore UEN",
-  si_tin: "Slovenia TIN",
-  th_vat: "Thailand VAT",
-  tr_tin: "Turkey TIN",
-  tw_vat: "Taiwan VAT",
-  ua_vat: "Ukraine VAT",
-  us_ein: "US EIN",
-  za_vat: "South Africa VAT"
-};
-
-export const TaxIDTable = () => {
-  const { currentOrg } = useOrganization();
-  const { data, isLoading } = useGetOrgTaxIds(currentOrg?.id ?? "");
-  const deleteOrgTaxId = useDeleteOrgTaxId();
-
-  const handleDeleteTaxIdBtnClick = async (taxId: string) => {
-    if (!currentOrg?.id) return;
-    await deleteOrgTaxId.mutateAsync({
-      organizationId: currentOrg.id,
-      taxId
-    });
-  };
-
-  return (
-    <TableContainer className="mt-4">
-      <Table>
-        <THead>
-          <Tr>
-            <Th className="flex-1">Type</Th>
-            <Th className="flex-1">Value</Th>
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {!isLoading &&
-            data &&
-            data?.length > 0 &&
-            data.map(({ id, type, value }) => (
-              <Tr key={`tax-id-${id}`} className="h-10">
-                <Td>{taxIDTypeLabelMap[type]}</Td>
-                <Td>{value}</Td>
-                <Td>
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Delete}
-                    a={OrgPermissionSubjects.Billing}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        onClick={async () => {
-                          await handleDeleteTaxIdBtnClick(id);
-                        }}
-                        size="lg"
-                        colorSchema="danger"
-                        variant="plain"
-                        ariaLabel="update"
-                        isDisabled={!isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faXmark} />
-                      </IconButton>
-                    )}
-                  </OrgPermissionCan>
-                </Td>
-              </Tr>
-            ))}
-          {isLoading && <TableSkeleton columns={3} innerKey="tax-ids" />}
-          {!isLoading && data && data?.length === 0 && (
-            <Tr>
-              <Td colSpan={5}>
-                <EmptyState title="No Tax IDs on file" icon={faFileInvoice} />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/index.tsx
deleted file mode 100644
index 346c0f7d3..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BillingDetailsTab } from "./BillingDetailsTab";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/BillingReceiptsTab.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/BillingReceiptsTab.tsx
deleted file mode 100644
index 0ae6d2c77..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/BillingReceiptsTab.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { InvoicesTable } from "./InvoicesTable";
-
-export const BillingReceiptsTab = () => {
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <h2 className="flex-1 text-xl font-semibold text-white">Invoices</h2>
-      <InvoicesTable />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/InvoicesTable.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/InvoicesTable.tsx
deleted file mode 100644
index bc6032a67..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/InvoicesTable.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { faDownload, faFileInvoice } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useGetOrgInvoices } from "@app/hooks/api";
-
-export const InvoicesTable = () => {
-  const { currentOrg } = useOrganization();
-  const { data, isLoading } = useGetOrgInvoices(currentOrg?.id ?? "");
-  return (
-    <TableContainer className="mt-8">
-      <Table>
-        <THead>
-          <Tr>
-            <Th className="flex-1">Invoice #</Th>
-            <Th className="flex-1">Date</Th>
-            <Th className="flex-1">Status</Th>
-            <Th className="flex-1">Amount</Th>
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {!isLoading &&
-            data &&
-            data?.length > 0 &&
-            data.map(({ id, created, paid, number, total, invoice_pdf }) => {
-              const formattedTotal = (Math.floor(total) / 100).toLocaleString("en-US", {
-                style: "currency",
-                currency: "USD"
-              });
-              const createdDate = new Date(created * 1000);
-              const day: number = createdDate.getDate();
-              const month: number = createdDate.getMonth() + 1;
-              const year: number = createdDate.getFullYear();
-              const formattedDate: string = `${day}/${month}/${year}`;
-
-              return (
-                <Tr key={`invoice-${id}`} className="h-10">
-                  <Td>{number}</Td>
-                  <Td>{formattedDate}</Td>
-                  <Td>{paid ? "Paid" : "Not Paid"}</Td>
-                  <Td>{formattedTotal}</Td>
-                  <Td>
-                    <IconButton
-                      onClick={async () => window.open(invoice_pdf)}
-                      size="lg"
-                      variant="plain"
-                      ariaLabel="update"
-                    >
-                      <FontAwesomeIcon icon={faDownload} />
-                    </IconButton>
-                  </Td>
-                </Tr>
-              );
-            })}
-          {isLoading && <TableSkeleton columns={5} innerKey="invoices" />}
-          {!isLoading && data && data?.length === 0 && (
-            <Tr>
-              <Td colSpan={5}>
-                <EmptyState title="No invoices on file" icon={faFileInvoice} />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/index.tsx
deleted file mode 100644
index eec019952..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BillingReceiptsTab } from "./BillingReceiptsTab";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/BillingSelfHostedTab.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/BillingSelfHostedTab.tsx
deleted file mode 100644
index c5a8d8f94..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/BillingSelfHostedTab.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { LicensesSection } from "./LicensesSection";
-
-export const BillingSelfHostedTab = () => {
-  return (
-    <div>
-      <LicensesSection />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/LicensesSection.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/LicensesSection.tsx
deleted file mode 100644
index 919d8eabb..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/LicensesSection.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { faFileContract } from "@fortawesome/free-solid-svg-icons";
-
-import {
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useGetOrgLicenses } from "@app/hooks/api";
-
-export const LicensesSection = () => {
-  const { currentOrg } = useOrganization();
-  const { data, isLoading } = useGetOrgLicenses(currentOrg?.id ?? "");
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <h2 className="mb-8 flex-1 text-xl font-semibold text-white">Enterprise licenses</h2>
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th>License Key</Th>
-              <Th>Status</Th>
-              <Th>Issued Date</Th>
-              <Th>Expiry Date</Th>
-            </Tr>
-          </THead>
-          <TBody>
-            {!isLoading &&
-              data &&
-              data?.length > 0 &&
-              data.map(({ id, licenseKey, isActivated, createdAt, expiresAt }) => {
-                const formattedCreatedAt = new Date(createdAt).toISOString().split("T")[0];
-                const formattedExpiresAt = new Date(expiresAt).toISOString().split("T")[0];
-                return (
-                  <Tr key={`license-${id}`} className="h-10">
-                    <Td>{licenseKey}</Td>
-                    <Td>{isActivated ? "Active" : "Inactive"}</Td>
-                    <Td>{formattedCreatedAt}</Td>
-                    <Td>{formattedExpiresAt}</Td>
-                  </Tr>
-                );
-              })}
-            {isLoading && <TableSkeleton columns={4} innerKey="licenses" />}
-            {!isLoading && data && data?.length === 0 && (
-              <Tr>
-                <Td colSpan={4}>
-                  <EmptyState title="No enterprise licenses on file" icon={faFileContract} />
-                </Td>
-              </Tr>
-            )}
-          </TBody>
-        </Table>
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/index.tsx
deleted file mode 100644
index da9282157..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingSelfHostedTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./BillingSelfHostedTab";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/BillingTabGroup.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/BillingTabGroup.tsx
deleted file mode 100644
index e7b26c8e1..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/BillingTabGroup.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Fragment } from "react";
-import { Tab } from "@headlessui/react";
-
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { withPermission } from "@app/hoc";
-
-import { BillingCloudTab } from "../BillingCloudTab";
-import { BillingDetailsTab } from "../BillingDetailsTab";
-import { BillingReceiptsTab } from "../BillingReceiptsTab";
-import { BillingSelfHostedTab } from "../BillingSelfHostedTab";
-
-const tabs = [
-  { name: "Infisical Cloud", key: "tab-infisical-cloud" },
-  { name: "Infisical Self-Hosted", key: "tab-infisical-self-hosted" },
-  { name: "Receipts", key: "tab-receipts" },
-  { name: "Billing details", key: "tab-billing-details" }
-];
-
-export const BillingTabGroup = withPermission(
-  () => {
-    return (
-      <Tab.Group>
-        <Tab.List className="mt-8 mb-6 border-b-2 border-mineshaft-800">
-          {tabs.map((tab) => (
-            <Tab as={Fragment} key={tab.key}>
-              {({ selected }) => (
-                <button
-                  type="button"
-                  className={`w-30 mx-2 mr-4 py-2 text-sm font-medium outline-none ${
-                    selected ? "border-b border-white text-white" : "text-mineshaft-400"
-                  }`}
-                >
-                  {tab.name}
-                </button>
-              )}
-            </Tab>
-          ))}
-        </Tab.List>
-        <Tab.Panels>
-          <Tab.Panel>
-            <BillingCloudTab />
-          </Tab.Panel>
-          <Tab.Panel>
-            <BillingSelfHostedTab />
-          </Tab.Panel>
-          <Tab.Panel>
-            <BillingReceiptsTab />
-          </Tab.Panel>
-          <Tab.Panel>
-            <BillingDetailsTab />
-          </Tab.Panel>
-        </Tab.Panels>
-      </Tab.Group>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Billing }
-);
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/index.tsx
deleted file mode 100644
index 8ad1fb5b8..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BillingTabGroup } from "./BillingTabGroup";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/components/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/components/index.tsx
deleted file mode 100644
index 8ad1fb5b8..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BillingTabGroup } from "./BillingTabGroup";
diff --git a/frontend-next/src/views/Settings/BillingSettingsPage/index.tsx b/frontend-next/src/views/Settings/BillingSettingsPage/index.tsx
deleted file mode 100644
index cf076dae8..000000000
--- a/frontend-next/src/views/Settings/BillingSettingsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BillingSettingsPage } from "./BillingSettingsPage";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/OrgSettingsPage.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/OrgSettingsPage.tsx
deleted file mode 100644
index cfabf2ebd..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/OrgSettingsPage.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-import { OrgTabGroup } from "./components";
-
-export const OrgSettingsPage = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="flex w-full justify-center bg-bunker-800 py-6 text-white">
-      <div className="w-full max-w-7xl px-6">
-        <div className="mb-4">
-          <p className="text-3xl font-semibold text-gray-200">{t("settings.org.title")}</p>
-        </div>
-        <OrgTabGroup />
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/AppConnectionsTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/AppConnectionsTab.tsx
deleted file mode 100644
index f0aa81160..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/AppConnectionsTab.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import Link from "next/link";
-import {
-  faArrowUpRightFromSquare,
-  faBookOpen,
-  faPlus,
-  faWrench
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useSubscription } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-
-import { AddAppConnectionModal, AppConnectionsTable } from "./components";
-
-export const AppConnectionsTab = withPermission(
-  () => {
-    const { subscription } = useSubscription();
-
-    const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["addConnection"] as const);
-
-    // TODO: remove once live
-    if (!subscription?.appConnections)
-      return (
-        <div className="m-auto mt-40 flex w-full max-w-2xl flex-col items-center rounded-md bg-mineshaft-800 px-2 pt-4 text-bunker-300">
-          <FontAwesomeIcon icon={faWrench} size="2xl" />
-          <div className="flex flex-col items-center py-4">
-            <div className="text-lg text-mineshaft-200">
-              App Connections are currently unavailable.
-            </div>
-            <span className="text-mineshaft-300">Check back soon.</span>
-          </div>
-        </div>
-      );
-
-    return (
-      <div>
-        <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-          <div className="mb-4 flex items-center">
-            <div>
-              <div className="flex items-start gap-1">
-                <p className="text-xl font-semibold text-mineshaft-100">App Connections</p>
-                <Link
-                  href="https://infisical.com/docs/integrations/app-connections/overview"
-                  passHref
-                >
-                  <a target="_blank" rel="noopener noreferrer">
-                    <div className="ml-1 mt-[0.32rem] inline-block rounded-md bg-yellow/20 px-1.5 text-sm text-yellow opacity-80 hover:opacity-100">
-                      <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                      <span>Docs</span>
-                      <FontAwesomeIcon
-                        icon={faArrowUpRightFromSquare}
-                        className="ml-1.5 mb-[0.07rem] text-[10px]"
-                      />
-                    </div>
-                  </a>
-                </Link>
-              </div>
-              <p className="text-sm text-bunker-300">
-                Create and configure connections with third-party apps for re-use across Infisical
-                projects
-              </p>
-            </div>
-            <OrgPermissionCan
-              I={OrgPermissionActions.Create}
-              a={OrgPermissionSubjects.AppConnections}
-            >
-              {(isAllowed) => (
-                <Button
-                  colorSchema="secondary"
-                  type="submit"
-                  leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                  onClick={() => {
-                    handlePopUpOpen("addConnection");
-                  }}
-                  isDisabled={!isAllowed}
-                  className="ml-auto"
-                >
-                  Add Connection
-                </Button>
-              )}
-            </OrgPermissionCan>
-          </div>
-          <AppConnectionsTable />
-          <AddAppConnectionModal
-            isOpen={popUp.addConnection.isOpen}
-            onOpenChange={(isOpen) => handlePopUpToggle("addConnection", isOpen)}
-          />
-        </div>
-      </div>
-    );
-  },
-  {
-    action: OrgPermissionActions.Read,
-    subject: OrgPermissionSubjects.AppConnections
-  }
-);
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AddAppConnectionModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AddAppConnectionModal.tsx
deleted file mode 100644
index c74985a3f..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AddAppConnectionModal.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useState } from "react";
-
-import { Modal, ModalContent } from "@app/components/v2";
-import { TAppConnection } from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-import { AppConnectionForm } from "./AppConnectionForm";
-import { AppConnectionsSelect } from "./AppConnectionList";
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-};
-
-type ContentProps = {
-  onComplete: (appConnection: TAppConnection) => void;
-};
-
-const Content = ({ onComplete }: ContentProps) => {
-  const [selectedApp, setSelectedApp] = useState<AppConnection | null>(null);
-
-  if (selectedApp) {
-    return (
-      <AppConnectionForm
-        onComplete={onComplete}
-        onBack={() => setSelectedApp(null)}
-        app={selectedApp}
-      />
-    );
-  }
-
-  return <AppConnectionsSelect onSelect={setSelectedApp} />;
-};
-
-export const AddAppConnectionModal = ({ isOpen, onOpenChange }: Props) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        className="max-w-2xl"
-        title="Add Connection"
-        subTitle="Select a third-party app to connect to."
-      >
-        <Content onComplete={() => onOpenChange(false)} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/AppConnectionForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/AppConnectionForm.tsx
deleted file mode 100644
index ba0f343f9..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/AppConnectionForm.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { APP_CONNECTION_MAP } from "@app/helpers/appConnections";
-import {
-  TAppConnection,
-  useCreateAppConnection,
-  useUpdateAppConnection
-} from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import { DiscriminativePick } from "@app/lib/types";
-
-import { AppConnectionHeader } from "../AppConnectionHeader";
-import { AwsConnectionForm } from "./AwsConnectionForm";
-import { GitHubConnectionForm } from "./GitHubConnectionForm";
-
-type FormProps = {
-  onComplete: (appConnection: TAppConnection) => void;
-} & ({ appConnection: TAppConnection } | { app: AppConnection });
-
-type CreateFormProps = FormProps & { app: AppConnection };
-type UpdateFormProps = FormProps & {
-  appConnection: TAppConnection;
-};
-
-const CreateForm = ({ app, onComplete }: CreateFormProps) => {
-  const createAppConnection = useCreateAppConnection();
-  const { name: appName } = APP_CONNECTION_MAP[app];
-
-  const onSubmit = async (
-    formData: DiscriminativePick<TAppConnection, "method" | "name" | "app" | "credentials">
-  ) => {
-    try {
-      const connection = await createAppConnection.mutateAsync(formData);
-      createNotification({
-        text: `Successfully added ${appName} Connection`,
-        type: "success"
-      });
-      onComplete(connection);
-    } catch (err: any) {
-      console.error(err);
-      createNotification({
-        title: `Failed to add ${appName} Connection`,
-        text: err.message,
-        type: "error"
-      });
-    }
-  };
-
-  switch (app) {
-    case AppConnection.AWS:
-      return <AwsConnectionForm onSubmit={onSubmit} />;
-    case AppConnection.GitHub:
-      return <GitHubConnectionForm />;
-    default:
-      throw new Error(`Unhandled App ${app}`);
-  }
-};
-
-const UpdateForm = ({ appConnection, onComplete }: UpdateFormProps) => {
-  const updateAppConnection = useUpdateAppConnection();
-  const { name: appName } = APP_CONNECTION_MAP[appConnection.app];
-
-  const onSubmit = async (
-    formData: DiscriminativePick<TAppConnection, "method" | "name" | "app" | "credentials">
-  ) => {
-    try {
-      const connection = await updateAppConnection.mutateAsync({
-        connectionId: appConnection.id,
-        ...formData
-      });
-      createNotification({
-        text: `Successfully updated ${appName} Connection`,
-        type: "success"
-      });
-      onComplete(connection);
-    } catch (err: any) {
-      console.error(err);
-      createNotification({
-        title: `Failed to update ${appName} Connection`,
-        text: err.message,
-        type: "error"
-      });
-    }
-  };
-
-  switch (appConnection.app) {
-    case AppConnection.AWS:
-      return <AwsConnectionForm appConnection={appConnection} onSubmit={onSubmit} />;
-    case AppConnection.GitHub:
-      return <GitHubConnectionForm appConnection={appConnection} />;
-    default:
-      throw new Error(`Unhandled App ${(appConnection as TAppConnection).app}`);
-  }
-};
-
-type Props = { onBack?: () => void } & Pick<FormProps, "onComplete"> &
-  (
-    | { app: AppConnection; appConnection?: undefined }
-    | { app?: undefined; appConnection: TAppConnection }
-  );
-export const AppConnectionForm = ({ onBack, ...props }: Props) => {
-  const { app, appConnection } = props;
-
-  return (
-    <div>
-      <AppConnectionHeader
-        isConnected={Boolean(appConnection)}
-        app={appConnection?.app ?? app!}
-        onBack={onBack}
-      />
-      {appConnection ? (
-        <UpdateForm {...props} appConnection={appConnection} />
-      ) : (
-        <CreateForm {...props} app={app} />
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/AwsConnectionForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/AwsConnectionForm.tsx
deleted file mode 100644
index d1137a887..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/AwsConnectionForm.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import { Controller, FormProvider, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import {
-  Button,
-  FormControl,
-  Input,
-  ModalClose,
-  SecretInput,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { APP_CONNECTION_MAP, getAppConnectionMethodDetails } from "@app/helpers/appConnections";
-import { AwsConnectionMethod, TAwsConnection } from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-import {
-  genericAppConnectionFieldsSchema,
-  GenericAppConnectionsFields
-} from "./GenericAppConnectionFields";
-
-type Props = {
-  appConnection?: TAwsConnection;
-  onSubmit: (formData: FormData) => void;
-};
-
-const rootSchema = genericAppConnectionFieldsSchema.extend({
-  app: z.literal(AppConnection.AWS)
-});
-
-const formSchema = z.discriminatedUnion("method", [
-  rootSchema.extend({
-    method: z.literal(AwsConnectionMethod.AssumeRole),
-    credentials: z.object({
-      roleArn: z.string().trim().min(1, "Role ARN required")
-    })
-  }),
-  rootSchema.extend({
-    method: z.literal(AwsConnectionMethod.AccessKey),
-    credentials: z.object({
-      accessKeyId: z.string().trim().min(1, "Access Key ID required"),
-      secretAccessKey: z.string().trim().min(1, "Secret Access Key required")
-    })
-  })
-]);
-
-type FormData = z.infer<typeof formSchema>;
-
-export const AwsConnectionForm = ({ appConnection, onSubmit }: Props) => {
-  const isUpdate = Boolean(appConnection);
-
-  const form = useForm<FormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: appConnection ?? {
-      app: AppConnection.AWS,
-      method: AwsConnectionMethod.AssumeRole
-    }
-  });
-
-  const {
-    handleSubmit,
-    control,
-    watch,
-    formState: { isSubmitting, isDirty }
-  } = form;
-
-  const selectedMethod = watch("method");
-
-  return (
-    <FormProvider {...form}>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        {!isUpdate && <GenericAppConnectionsFields />}
-        <Controller
-          name="method"
-          control={control}
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              tooltipText={`The method you would like to use to connect with ${
-                APP_CONNECTION_MAP[AppConnection.AWS].name
-              }. This field cannot be changed after creation.`}
-              errorText={error?.message}
-              isError={Boolean(error?.message)}
-              label="Method"
-            >
-              <Select
-                isDisabled={isUpdate}
-                value={value}
-                onValueChange={(val) => onChange(val)}
-                className="w-full border border-mineshaft-500"
-                position="popper"
-                dropdownContainerClassName="max-w-none"
-              >
-                {Object.values(AwsConnectionMethod).map((method) => {
-                  return (
-                    <SelectItem value={method} key={method}>
-                      {getAppConnectionMethodDetails(method).name}{" "}
-                      {method === AwsConnectionMethod.AssumeRole ? " (Recommended)" : ""}
-                    </SelectItem>
-                  );
-                })}
-              </Select>
-            </FormControl>
-          )}
-        />
-        {selectedMethod === AwsConnectionMethod.AssumeRole ? (
-          <Controller
-            name="credentials.roleArn"
-            control={control}
-            shouldUnregister
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                errorText={error?.message}
-                isError={Boolean(error?.message)}
-                label="Role ARN"
-                className="group"
-              >
-                <SecretInput
-                  containerClassName="text-gray-400 group-focus-within:!border-primary-400/50 border border-mineshaft-500 bg-mineshaft-900 px-2.5 py-1.5"
-                  value={value}
-                  onChange={(e) => onChange(e.target.value)}
-                />
-              </FormControl>
-            )}
-          />
-        ) : (
-          <>
-            <Controller
-              name="credentials.accessKeyId"
-              control={control}
-              shouldUnregister
-              render={({ field: { value, onChange }, fieldState: { error } }) => (
-                <FormControl
-                  errorText={error?.message}
-                  isError={Boolean(error?.message)}
-                  label="Access Key ID"
-                >
-                  <Input
-                    placeholder={"*".repeat(20)}
-                    value={value}
-                    onChange={(e) => onChange(e.target.value)}
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              name="credentials.secretAccessKey"
-              control={control}
-              shouldUnregister
-              render={({ field: { value, onChange }, fieldState: { error } }) => (
-                <FormControl
-                  errorText={error?.message}
-                  isError={Boolean(error?.message)}
-                  label="Secret Access Key"
-                  className="group"
-                >
-                  <SecretInput
-                    containerClassName="text-gray-400 group-focus-within:!border-primary-400/50 border border-mineshaft-500 bg-mineshaft-900 px-2.5 py-1.5"
-                    value={value}
-                    onChange={(e) => onChange(e.target.value)}
-                  />
-                </FormControl>
-              )}
-            />
-          </>
-        )}
-        <div className="mt-8 flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            colorSchema="secondary"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting || !isDirty}
-          >
-            {isUpdate ? "Update Credentials" : "Connect to AWS"}
-          </Button>
-          <ModalClose asChild>
-            <Button colorSchema="secondary" variant="plain">
-              Cancel
-            </Button>
-          </ModalClose>
-        </div>
-      </form>
-    </FormProvider>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GenericAppConnectionFields.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GenericAppConnectionFields.tsx
deleted file mode 100644
index d9e25a0a7..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GenericAppConnectionFields.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useFormContext } from "react-hook-form";
-import { z } from "zod";
-
-import { FormControl, Input, TextArea } from "@app/components/v2";
-import { slugSchema } from "@app/lib/schemas";
-
-export const genericAppConnectionFieldsSchema = z.object({
-  name: slugSchema({ min: 1, max: 32, field: "Name" }),
-  description: z.string().trim().max(256, "Description cannot exceed 256 characters").nullish()
-});
-
-export const GenericAppConnectionsFields = () => {
-  const {
-    register,
-    formState: { errors }
-  } = useFormContext<{ name: string; description?: string | null }>();
-
-  return (
-    <>
-      <FormControl
-        helperText="Name must be slug-friendly"
-        errorText={errors.name?.message}
-        isError={Boolean(errors.name?.message)}
-        label="Name"
-      >
-        <Input autoFocus placeholder="my-app-connection" {...register("name")} />
-      </FormControl>
-      <FormControl
-        errorText={errors.description?.message}
-        isError={Boolean(errors.description?.message)}
-        label="Description"
-        isOptional
-      >
-        <TextArea
-          className="h-20 !resize-none"
-          placeholder="Connection description..."
-          {...register("description")}
-        />
-      </FormControl>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GitHubConnectionForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GitHubConnectionForm.tsx
deleted file mode 100644
index 346eeb954..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GitHubConnectionForm.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import crypto from "crypto";
-
-import { useState } from "react";
-import { Controller, FormProvider, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { Button, FormControl, ModalClose, Select, SelectItem } from "@app/components/v2";
-import { APP_CONNECTION_MAP, getAppConnectionMethodDetails } from "@app/helpers/appConnections";
-import { isInfisicalCloud } from "@app/helpers/platform";
-import {
-  GitHubConnectionMethod,
-  TGitHubConnection,
-  useGetAppConnectionOption
-} from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-import {
-  genericAppConnectionFieldsSchema,
-  GenericAppConnectionsFields
-} from "./GenericAppConnectionFields";
-
-type Props = {
-  appConnection?: TGitHubConnection;
-};
-
-const formSchema = genericAppConnectionFieldsSchema.extend({
-  app: z.literal(AppConnection.GitHub),
-  method: z.nativeEnum(GitHubConnectionMethod)
-});
-
-type FormData = z.infer<typeof formSchema>;
-
-export const GitHubConnectionForm = ({ appConnection }: Props) => {
-  const isUpdate = Boolean(appConnection);
-  const [isRedirecting, setIsRedirecting] = useState(false);
-
-  const {
-    option: { oauthClientId, appClientSlug },
-    isLoading
-  } = useGetAppConnectionOption(AppConnection.GitHub);
-
-  const form = useForm<FormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: appConnection ?? {
-      app: AppConnection.GitHub,
-      method: GitHubConnectionMethod.App
-    }
-  });
-
-  const {
-    handleSubmit,
-    control,
-    watch,
-    formState: { isSubmitting, isDirty }
-  } = form;
-
-  const selectedMethod = watch("method");
-
-  const onSubmit = (formData: FormData) => {
-    setIsRedirecting(true);
-    const state = crypto.randomBytes(16).toString("hex");
-    localStorage.setItem("latestCSRFToken", state);
-    localStorage.setItem(
-      "githubConnectionFormData",
-      JSON.stringify({ ...formData, connectionId: appConnection?.id })
-    );
-
-    switch (formData.method) {
-      case GitHubConnectionMethod.App:
-        window.location.assign(
-          `https://github.com/apps/${appClientSlug}/installations/new?state=${state}`
-        );
-        break;
-      case GitHubConnectionMethod.OAuth:
-        window.location.assign(
-          `https://github.com/login/oauth/authorize?client_id=${oauthClientId}&response_type=code&scope=repo,admin:org&redirect_uri=${window.location.origin}/app-connections/github/oauth/callback&state=${state}`
-        );
-        break;
-      default:
-        throw new Error(`Unhandled GitHub Connection method: ${(formData as FormData).method}`);
-    }
-  };
-
-  let isMissingConfig: boolean;
-
-  switch (selectedMethod) {
-    case GitHubConnectionMethod.OAuth:
-      isMissingConfig = !oauthClientId;
-      break;
-    case GitHubConnectionMethod.App:
-      isMissingConfig = !appClientSlug;
-      break;
-    default:
-      throw new Error(`Unhandled GitHub Connection method: ${selectedMethod}`);
-  }
-
-  const methodDetails = getAppConnectionMethodDetails(selectedMethod);
-
-  return (
-    <FormProvider {...form}>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        {!isUpdate && <GenericAppConnectionsFields />}
-        <Controller
-          name="method"
-          control={control}
-          render={({ field: { value, onChange }, fieldState: { error } }) => (
-            <FormControl
-              tooltipText={`The method you would like to use to connect with ${
-                APP_CONNECTION_MAP[AppConnection.GitHub].name
-              }. This field cannot be changed after creation.`}
-              errorText={
-                !isLoading && isMissingConfig
-                  ? `Environment variables have not been configured. ${
-                      isInfisicalCloud()
-                        ? "Please contact Infisical."
-                        : `See Docs to configure GitHub ${methodDetails.name} Connections.`
-                    }`
-                  : error?.message
-              }
-              isError={Boolean(error?.message) || isMissingConfig}
-              label="Method"
-            >
-              <Select
-                isDisabled={isUpdate}
-                value={value}
-                onValueChange={(val) => onChange(val)}
-                className="w-full border border-mineshaft-500"
-                position="popper"
-                dropdownContainerClassName="max-w-none"
-              >
-                {Object.values(GitHubConnectionMethod).map((method) => {
-                  return (
-                    <SelectItem value={method} key={method}>
-                      {methodDetails.name}{" "}
-                      {method === GitHubConnectionMethod.App ? " (Recommended)" : ""}
-                    </SelectItem>
-                  );
-                })}
-              </Select>
-            </FormControl>
-          )}
-        />
-        <div className="mt-8 flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            colorSchema="secondary"
-            isLoading={isSubmitting || isRedirecting}
-            isDisabled={isSubmitting || (!isUpdate && !isDirty) || isMissingConfig || isRedirecting}
-          >
-            {isUpdate ? "Reconnect to GitHub" : "Connect to GitHub"}
-          </Button>
-          <ModalClose asChild>
-            <Button colorSchema="secondary" variant="plain">
-              Cancel
-            </Button>
-          </ModalClose>
-        </div>
-      </form>
-    </FormProvider>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/index.ts b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/index.ts
deleted file mode 100644
index bcf3de7c4..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionForm/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./AppConnectionForm";
-export * from "./GenericAppConnectionFields";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionHeader.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionHeader.tsx
deleted file mode 100644
index 7b46e1ad3..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionHeader.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { APP_CONNECTION_MAP } from "@app/helpers/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-type Props = {
-  app: AppConnection;
-  isConnected: boolean;
-  onBack?: () => void;
-};
-
-export const AppConnectionHeader = ({ app, isConnected, onBack }: Props) => {
-  const appDetails = APP_CONNECTION_MAP[app];
-
-  return (
-    <div className="mb-4 flex w-full items-start gap-2 border-b border-mineshaft-500 pb-4">
-      <img
-        alt={`${appDetails.name} logo`}
-        src={`/images/integrations/${appDetails.image}`}
-        className="h-12 w-12 rounded-md bg-bunker-500 p-2"
-      />
-      <div>
-        <div className="flex items-center text-mineshaft-300">
-          {appDetails.name}
-          <Link href={`https://infisical.com/docs/integrations/app-connections/${app}`} passHref>
-            <a target="_blank" className="ml-1 mb-1" rel="noopener noreferrer">
-              <div className="inline-block rounded-md bg-yellow/20 px-1.5 text-sm text-yellow opacity-80 hover:opacity-100">
-                <FontAwesomeIcon icon={faBookOpen} className="mr-1 mb-[0.03rem] text-[12px]" />
-                <span>Docs</span>
-                <FontAwesomeIcon
-                  icon={faArrowUpRightFromSquare}
-                  className="ml-1 mb-[0.07rem] text-[10px]"
-                />
-              </div>
-            </a>
-          </Link>
-        </div>
-        <p className="text-sm leading-4 text-mineshaft-400">
-          {isConnected ? `${appDetails.name} Connection` : `Connect to ${appDetails.name}`}
-        </p>
-      </div>
-      {onBack && (
-        <button
-          type="button"
-          className="ml-auto mt-1 text-xs text-mineshaft-400 underline underline-offset-2 hover:text-mineshaft-300"
-          onClick={onBack}
-        >
-          Select another App
-        </button>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionList.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionList.tsx
deleted file mode 100644
index 5072db7ac..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionList.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { faWrench } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Spinner, Tooltip } from "@app/components/v2";
-import { APP_CONNECTION_MAP } from "@app/helpers/appConnections";
-import { useAppConnectionOptions } from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-
-type Props = {
-  onSelect: (app: AppConnection) => void;
-};
-
-export const AppConnectionsSelect = ({ onSelect }: Props) => {
-  const { isLoading, data: appConnectionOptions } = useAppConnectionOptions();
-
-  if (isLoading) {
-    return (
-      <div className="flex h-full flex-col items-center justify-center py-2.5">
-        <Spinner size="lg" className="text-mineshaft-500" />
-        <p className="mt-4 text-sm text-mineshaft-400">Loading options...</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="grid grid-cols-5 gap-2">
-      {appConnectionOptions?.map((option) => (
-        <button
-          type="button"
-          key={option.app}
-          onClick={() => onSelect(option.app)}
-          className="group relative flex h-28 cursor-pointer flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-700 p-4 duration-200 hover:bg-mineshaft-600"
-        >
-          <img
-            src={`/images/integrations/${APP_CONNECTION_MAP[option.app].image}`}
-            height={50}
-            width={50}
-            className="mt-auto"
-            alt={`${APP_CONNECTION_MAP[option.app].name} logo`}
-          />
-          <div className="mt-auto max-w-xs text-center text-sm font-medium text-gray-300 duration-200 group-hover:text-gray-200">
-            {APP_CONNECTION_MAP[option.app].name}
-          </div>
-        </button>
-      ))}
-      <Tooltip
-        side="bottom"
-        className="max-w-sm py-4"
-        content={
-          <>
-            <p className="mb-2">Infisical is constantly adding support for more connections.</p>
-            <p>
-              {`If you don't see the third-party
-            app you're looking for,`}{" "}
-              <a
-                target="_blank"
-                className="underline hover:text-mineshaft-300"
-                href="https://infisical.com/slack"
-                rel="noopener noreferrer"
-              >
-                let us know on Slack
-              </a>{" "}
-              or{" "}
-              <a
-                target="_blank"
-                className="underline hover:text-mineshaft-300"
-                href="https://github.com/Infisical/infisical/discussions"
-                rel="noopener noreferrer"
-              >
-                make a request on GitHub
-              </a>
-              .
-            </p>
-          </>
-        }
-      >
-        <div className="group relative flex h-28 flex-col items-center justify-center rounded-md border border-dashed border-mineshaft-600 bg-mineshaft-800 p-4">
-          <FontAwesomeIcon className="mt-auto text-xl" icon={faWrench} />
-          <div className="mt-auto max-w-xs text-center text-sm font-medium text-gray-300 duration-200 group-hover:text-gray-200">
-            Coming Soon
-          </div>
-        </div>
-      </Tooltip>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionRow.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionRow.tsx
deleted file mode 100644
index ea53778ba..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionRow.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { useCallback } from "react";
-import {
-  faAsterisk,
-  faCheck,
-  faCopy,
-  faEdit,
-  faEllipsisV,
-  faInfoCircle,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  IconButton,
-  Td,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { APP_CONNECTION_MAP, getAppConnectionMethodDetails } from "@app/helpers/appConnections";
-import { useToggle } from "@app/hooks";
-import { TAppConnection } from "@app/hooks/api/appConnections";
-
-type Props = {
-  appConnection: TAppConnection;
-  onDelete: (appConnection: TAppConnection) => void;
-  onEditCredentials: (appConnection: TAppConnection) => void;
-  onEditDetails: (appConnection: TAppConnection) => void;
-};
-
-export const AppConnectionRow = ({
-  appConnection,
-  onDelete,
-  onEditCredentials,
-  onEditDetails
-}: Props) => {
-  const { id, name, method, app, description } = appConnection;
-
-  const [isIdCopied, setIsIdCopied] = useToggle(false);
-
-  const handleCopyId = useCallback(() => {
-    setIsIdCopied.on();
-    navigator.clipboard.writeText(id);
-
-    createNotification({
-      text: "Connection ID copied to clipboard",
-      type: "info"
-    });
-
-    const timer = setTimeout(() => setIsIdCopied.off(), 2000);
-
-    // eslint-disable-next-line consistent-return
-    return () => clearTimeout(timer);
-  }, [isIdCopied]);
-
-  const methodDetails = getAppConnectionMethodDetails(method);
-
-  return (
-    <Tr
-      className={twMerge("group h-12 transition-colors duration-100 hover:bg-mineshaft-700")}
-      key={`app-connection-${id}`}
-    >
-      <Td>
-        <div className="flex items-center gap-2">
-          <img
-            alt={`${APP_CONNECTION_MAP[app].name} integration`}
-            src={`/images/integrations/${APP_CONNECTION_MAP[app].image}`}
-            className="mr-0.5 h-5 w-5"
-          />
-          <span className="hidden lg:inline">{APP_CONNECTION_MAP[app].name}</span>
-        </div>
-      </Td>
-      <Td className="!min-w-[8rem] max-w-0">
-        <div className="flex w-full items-center">
-          <p className="truncate">{name}</p>
-          {description && (
-            <Tooltip content={description}>
-              <FontAwesomeIcon icon={faInfoCircle} className="ml-1 text-mineshaft-400" />
-            </Tooltip>
-          )}
-        </div>
-      </Td>
-      <Td className="!min-w-[8rem] max-w-0">
-        <p className="truncate">
-          <FontAwesomeIcon
-            size="sm"
-            className="mr-1.5 text-mineshaft-300/75"
-            icon={methodDetails.icon}
-          />
-          {methodDetails.name}
-        </p>
-      </Td>
-
-      <Td>
-        <Tooltip className="max-w-sm text-center" content="Options">
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <IconButton
-                ariaLabel="Options"
-                colorSchema="secondary"
-                className="w-6"
-                variant="plain"
-              >
-                <FontAwesomeIcon icon={faEllipsisV} />
-              </IconButton>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="end">
-              <DropdownMenuItem
-                icon={<FontAwesomeIcon icon={isIdCopied ? faCheck : faCopy} />}
-                onClick={() => handleCopyId()}
-              >
-                Copy Connection ID
-              </DropdownMenuItem>
-              <OrgPermissionCan
-                I={OrgPermissionActions.Edit}
-                a={OrgPermissionSubjects.AppConnections}
-              >
-                {(isAllowed: boolean) => (
-                  <DropdownMenuItem
-                    isDisabled={!isAllowed}
-                    icon={<FontAwesomeIcon icon={faEdit} />}
-                    onClick={() => onEditDetails(appConnection)}
-                  >
-                    Edit Details
-                  </DropdownMenuItem>
-                )}
-              </OrgPermissionCan>
-              <OrgPermissionCan
-                I={OrgPermissionActions.Edit}
-                a={OrgPermissionSubjects.AppConnections}
-              >
-                {(isAllowed: boolean) => (
-                  <DropdownMenuItem
-                    isDisabled={!isAllowed}
-                    icon={<FontAwesomeIcon icon={faAsterisk} />}
-                    onClick={() => onEditCredentials(appConnection)}
-                  >
-                    Edit Credentials
-                  </DropdownMenuItem>
-                )}
-              </OrgPermissionCan>
-              <OrgPermissionCan
-                I={OrgPermissionActions.Delete}
-                a={OrgPermissionSubjects.AppConnections}
-              >
-                {(isAllowed: boolean) => (
-                  <DropdownMenuItem
-                    isDisabled={!isAllowed}
-                    icon={<FontAwesomeIcon icon={faTrash} />}
-                    onClick={() => onDelete(appConnection)}
-                  >
-                    Delete Connection
-                  </DropdownMenuItem>
-                )}
-              </OrgPermissionCan>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </Tooltip>
-      </Td>
-    </Tr>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionsTable.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionsTable.tsx
deleted file mode 100644
index ed9a35d39..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/AppConnectionsTable.tsx
+++ /dev/null
@@ -1,321 +0,0 @@
-import { useMemo, useState } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faCheckCircle,
-  faFilter,
-  faMagnifyingGlass,
-  faPlug,
-  faSearch
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useSubscription } from "@app/context";
-import { APP_CONNECTION_MAP, getAppConnectionMethodDetails } from "@app/helpers/appConnections";
-import { usePagination, usePopUp, useResetPageHelper } from "@app/hooks";
-import { TAppConnection, useListAppConnections } from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-
-import { AppConnectionRow } from "./AppConnectionRow";
-import { DeleteAppConnectionModal } from "./DeleteAppConnectionModal";
-import { EditAppConnectionCredentialsModal } from "./EditAppConnectionCredentialsModal";
-import { EditAppConnectionDetailsModal } from "./EditAppConnectionDetailsModal";
-
-enum AppConnectionsOrderBy {
-  App = "app",
-  Name = "name",
-  Method = "method"
-}
-
-type AppConnectionFilters = {
-  apps: AppConnection[];
-};
-
-export const AppConnectionsTable = () => {
-  const { subscription } = useSubscription();
-
-  const { isLoading, data: appConnections = [] } = useListAppConnections({
-    enabled: subscription?.appConnections
-  });
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "deleteConnection",
-    "editCredentials",
-    "editDetails"
-  ] as const);
-
-  const [filters, setFilters] = useState<AppConnectionFilters>({
-    apps: []
-  });
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection,
-    orderBy,
-    setOrderDirection,
-    setOrderBy
-  } = usePagination<AppConnectionsOrderBy>(AppConnectionsOrderBy.App, { initPerPage: 20 });
-
-  const filteredAppConnections = useMemo(
-    () =>
-      appConnections
-        .filter((appConnection) => {
-          const { app, method, name } = appConnection;
-
-          if (filters.apps.length && !filters.apps.includes(app)) return false;
-
-          const searchValue = search.trim().toLowerCase();
-
-          return (
-            APP_CONNECTION_MAP[app].name.toLowerCase().includes(searchValue) ||
-            getAppConnectionMethodDetails(method).name.toLowerCase().includes(searchValue) ||
-            name.toLowerCase().includes(searchValue)
-          );
-        })
-        .sort((a, b) => {
-          const [connectionOne, connectionTwo] =
-            orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          switch (orderBy) {
-            case AppConnectionsOrderBy.Name:
-              return connectionOne.name
-                .toLowerCase()
-                .localeCompare(connectionTwo.name.toLowerCase());
-            case AppConnectionsOrderBy.Method:
-              return getAppConnectionMethodDetails(connectionOne.method)
-                .name.toLowerCase()
-                .localeCompare(
-                  getAppConnectionMethodDetails(connectionTwo.method).name.toLowerCase()
-                );
-            case AppConnectionsOrderBy.App:
-            default:
-              return APP_CONNECTION_MAP[connectionOne.app].name
-                .toLowerCase()
-                .localeCompare(APP_CONNECTION_MAP[connectionTwo.app].name.toLowerCase());
-          }
-        }),
-    [appConnections, orderDirection, search, orderBy, filters]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredAppConnections.length,
-    offset,
-    setPage
-  });
-
-  const handleSort = (column: AppConnectionsOrderBy) => {
-    if (column === orderBy) {
-      toggleOrderDirection();
-      return;
-    }
-
-    setOrderBy(column);
-    setOrderDirection(OrderByDirection.ASC);
-  };
-
-  const getClassName = (col: AppConnectionsOrderBy) =>
-    twMerge("ml-2", orderBy === col ? "" : "opacity-30");
-
-  const getColSortIcon = (col: AppConnectionsOrderBy) =>
-    orderDirection === OrderByDirection.DESC && orderBy === col ? faArrowUp : faArrowDown;
-
-  const isTableFiltered = Boolean(filters.apps.length);
-
-  const handleDelete = (appConnection: TAppConnection) =>
-    handlePopUpOpen("deleteConnection", appConnection);
-
-  const handleEditCredentials = (appConnection: TAppConnection) =>
-    handlePopUpOpen("editCredentials", appConnection);
-
-  const handleEditDetails = (appConnection: TAppConnection) =>
-    handlePopUpOpen("editDetails", appConnection);
-
-  return (
-    <div>
-      <div className="flex gap-2">
-        <Input
-          value={search}
-          onChange={(e) => setSearch(e.target.value)}
-          leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-          placeholder="Search integrations..."
-          className="flex-1"
-        />
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <IconButton
-              ariaLabel="Filter Connections"
-              variant="plain"
-              size="sm"
-              className={twMerge(
-                "flex h-10 w-11 items-center justify-center overflow-hidden border border-mineshaft-600 bg-mineshaft-800 p-0 transition-all hover:border-primary/60 hover:bg-primary/10",
-                isTableFiltered && "border-primary/50 text-primary"
-              )}
-            >
-              <FontAwesomeIcon icon={faFilter} />
-            </IconButton>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent className="thin-scrollbar max-h-[70vh] overflow-y-auto" align="end">
-            <DropdownMenuLabel>Filter by Apps</DropdownMenuLabel>
-            {appConnections.length ? (
-              [...new Set(appConnections.map(({ app }) => app))].map((app) => (
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.preventDefault();
-                    setFilters((prev) => ({
-                      ...prev,
-                      apps: prev.apps.includes(app)
-                        ? prev.apps.filter((a) => a !== app)
-                        : [...prev.apps, app]
-                    }));
-                  }}
-                  key={app}
-                  icon={
-                    filters.apps.includes(app) && (
-                      <FontAwesomeIcon className="text-primary" icon={faCheckCircle} />
-                    )
-                  }
-                  iconPos="right"
-                >
-                  <div className="flex items-center gap-2">
-                    <img
-                      alt={`${APP_CONNECTION_MAP[app].name} integration`}
-                      src={`/images/integrations/${APP_CONNECTION_MAP[app].image}`}
-                      className="h-4 w-4"
-                    />
-                    <span>{APP_CONNECTION_MAP[app].name}</span>
-                  </div>
-                </DropdownMenuItem>
-              ))
-            ) : (
-              <DropdownMenuItem isDisabled>No Connections Configured</DropdownMenuItem>
-            )}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-1/4">
-                <div className="flex items-center">
-                  App
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(AppConnectionsOrderBy.App)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(AppConnectionsOrderBy.App)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(AppConnectionsOrderBy.App)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th className="w-1/3">
-                <div className="flex items-center">
-                  Name
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(AppConnectionsOrderBy.Name)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(AppConnectionsOrderBy.Name)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(AppConnectionsOrderBy.Name)} />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th>
-                <div className="flex items-center">
-                  Method
-                  <IconButton
-                    variant="plain"
-                    className={getClassName(AppConnectionsOrderBy.Method)}
-                    ariaLabel="sort"
-                    onClick={() => handleSort(AppConnectionsOrderBy.Method)}
-                  >
-                    <FontAwesomeIcon icon={getColSortIcon(AppConnectionsOrderBy.Method)} />
-                  </IconButton>
-                </div>
-              </Th>
-
-              <Th className="w-5" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && (
-              <TableSkeleton innerKey="app-connections-table" columns={4} key="app-connections" />
-            )}
-            {filteredAppConnections.slice(offset, perPage * page).map((connection) => (
-              <AppConnectionRow
-                appConnection={connection}
-                key={connection.id}
-                onDelete={handleDelete}
-                onEditCredentials={handleEditCredentials}
-                onEditDetails={handleEditDetails}
-              />
-            ))}
-          </TBody>
-        </Table>
-        {Boolean(filteredAppConnections.length) && (
-          <Pagination
-            count={filteredAppConnections.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredAppConnections?.length && (
-          <EmptyState
-            title={
-              appConnections.length
-                ? "No App Connections match search..."
-                : "No App Connections have been configured"
-            }
-            icon={appConnections.length ? faSearch : faPlug}
-          />
-        )}
-      </TableContainer>
-      <DeleteAppConnectionModal
-        isOpen={popUp.deleteConnection.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("deleteConnection", isOpen)}
-        appConnection={popUp.deleteConnection.data}
-      />
-      <EditAppConnectionCredentialsModal
-        isOpen={popUp.editCredentials.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("editCredentials", isOpen)}
-        appConnection={popUp.editCredentials.data}
-      />
-      <EditAppConnectionDetailsModal
-        isOpen={popUp.editDetails.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("editDetails", isOpen)}
-        appConnection={popUp.editDetails.data}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/DeleteAppConnectionModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/DeleteAppConnectionModal.tsx
deleted file mode 100644
index fc42f6a4c..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/DeleteAppConnectionModal.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal } from "@app/components/v2";
-import { APP_CONNECTION_MAP } from "@app/helpers/appConnections";
-import { TAppConnection, useDeleteAppConnection } from "@app/hooks/api/appConnections";
-
-type Props = {
-  appConnection?: TAppConnection;
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-};
-
-export const DeleteAppConnectionModal = ({ isOpen, onOpenChange, appConnection }: Props) => {
-  const deleteAppConnection = useDeleteAppConnection();
-
-  if (!appConnection) return null;
-
-  const { id: connectionId, name, app } = appConnection;
-
-  const handleDeleteAppConnection = async () => {
-    try {
-      await deleteAppConnection.mutateAsync({
-        connectionId,
-        app
-      });
-
-      createNotification({
-        text: `Successfully removed ${APP_CONNECTION_MAP[app].name} connection`,
-        type: "success"
-      });
-
-      onOpenChange(false);
-    } catch (err) {
-      console.error(err);
-
-      createNotification({
-        text: `Failed remove ${APP_CONNECTION_MAP[app].name} connection`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <DeleteActionModal
-      isOpen={isOpen}
-      onChange={onOpenChange}
-      title={`Are you sure want to delete ${name}?`}
-      deleteKey="confirm"
-      onDeleteApproved={handleDeleteAppConnection}
-    />
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/EditAppConnectionCredentialsModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/EditAppConnectionCredentialsModal.tsx
deleted file mode 100644
index 70fd323e7..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/EditAppConnectionCredentialsModal.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Modal, ModalContent } from "@app/components/v2";
-import { APP_CONNECTION_MAP } from "@app/helpers/appConnections";
-import { TAppConnection } from "@app/hooks/api/appConnections";
-
-import { AppConnectionForm } from "./AppConnectionForm";
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  appConnection?: TAppConnection;
-};
-
-export const EditAppConnectionCredentialsModal = ({
-  isOpen,
-  onOpenChange,
-  appConnection
-}: Props) => {
-  if (!appConnection) return null;
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        className="max-w-2xl"
-        title="Edit Connection Credentials"
-        subTitle={`Update the credentials for this ${
-          appConnection ? APP_CONNECTION_MAP[appConnection.app].name : "App"
-        } Connection.`}
-      >
-        <AppConnectionForm onComplete={() => onOpenChange(false)} appConnection={appConnection} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/EditAppConnectionDetailsModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/EditAppConnectionDetailsModal.tsx
deleted file mode 100644
index 160f05f02..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/EditAppConnectionDetailsModal.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { FormProvider, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, Modal, ModalClose, ModalContent } from "@app/components/v2";
-import { APP_CONNECTION_MAP } from "@app/helpers/appConnections";
-import { TAppConnection, useUpdateAppConnection } from "@app/hooks/api/appConnections";
-import { AppConnection } from "@app/hooks/api/appConnections/enums";
-import { DiscriminativePick } from "@app/lib/types";
-
-import { genericAppConnectionFieldsSchema, GenericAppConnectionsFields } from "./AppConnectionForm";
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  appConnection?: TAppConnection;
-};
-
-const formSchema = genericAppConnectionFieldsSchema.extend({
-  app: z.nativeEnum(AppConnection)
-});
-
-type FormData = z.infer<typeof formSchema>;
-
-type ContentProps = { appConnection: TAppConnection; onComplete: () => void };
-
-const Content = ({ appConnection, onComplete }: ContentProps) => {
-  const updateAppConnection = useUpdateAppConnection();
-  const { name: appName } = APP_CONNECTION_MAP[appConnection.app];
-
-  const form = useForm<FormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      name: appConnection.name,
-      app: appConnection.app,
-      description: appConnection.description
-    }
-  });
-
-  const {
-    handleSubmit,
-    formState: { isSubmitting, isDirty }
-  } = form;
-
-  const onSubmit = async (formData: DiscriminativePick<TAppConnection, "name" | "app">) => {
-    try {
-      await updateAppConnection.mutateAsync({
-        connectionId: appConnection.id,
-        ...formData
-      });
-      createNotification({
-        text: `Successfully updated ${appName} Connection`,
-        type: "success"
-      });
-      onComplete();
-    } catch (err: any) {
-      console.error(err);
-      createNotification({
-        title: `Failed to update ${appName} Connection`,
-        text: err.message,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <FormProvider {...form}>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <GenericAppConnectionsFields />
-        <div className="mt-8 flex items-center">
-          <Button
-            className="mr-4"
-            size="sm"
-            type="submit"
-            colorSchema="secondary"
-            isLoading={isSubmitting}
-            isDisabled={isSubmitting || !isDirty}
-          >
-            Update Details
-          </Button>
-          <ModalClose asChild>
-            <Button colorSchema="secondary" variant="plain">
-              Cancel
-            </Button>
-          </ModalClose>
-        </div>
-      </form>
-    </FormProvider>
-  );
-};
-
-export const EditAppConnectionDetailsModal = ({ isOpen, onOpenChange, appConnection }: Props) => {
-  if (!appConnection) return null;
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        className="max-w-2xl"
-        title="Edit Connection Name"
-        subTitle={`Update the name for this ${
-          appConnection ? APP_CONNECTION_MAP[appConnection.app].name : "App"
-        } Connection.`}
-      >
-        <Content appConnection={appConnection} onComplete={() => onOpenChange(false)} />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/index.tsx
deleted file mode 100644
index 37ebe74fd..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/components/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./AddAppConnectionModal";
-export * from "./AppConnectionsTable";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/index.tsx
deleted file mode 100644
index 79649edaf..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AppConnectionsTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AppConnectionsTab } from "./AppConnectionsTab";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/AuditLogStreamForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/AuditLogStreamForm.tsx
deleted file mode 100644
index 18bfa6340..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/AuditLogStreamForm.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, FormLabel, IconButton, Input, Spinner } from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import {
-	useCreateAuditLogStream,
-	useGetAuditLogStreamDetails,
-	useUpdateAuditLogStream
-} from "@app/hooks/api";
-
-type Props = {
-	id?: string;
-	onClose: () => void;
-};
-
-const formSchema = z.object({
-	url: z.string().url().min(1),
-	headers: z
-		.object({
-			key: z.string(),
-			value: z.string()
-		})
-		.array()
-		.optional()
-});
-type TForm = z.infer<typeof formSchema>;
-
-export const AuditLogStreamForm = ({ id = "", onClose }: Props) => {
-	const isEdit = Boolean(id);
-	const { currentOrg } = useOrganization();
-	const orgId = currentOrg?.id || "";
-
-	const auditLogStream = useGetAuditLogStreamDetails(id);
-	const createAuditLogStream = useCreateAuditLogStream();
-	const updateAuditLogStream = useUpdateAuditLogStream();
-
-	const {
-		handleSubmit,
-		control,
-		setValue,
-		getValues,
-		formState: { isSubmitting }
-	} = useForm<TForm>({
-		values: auditLogStream?.data,
-		defaultValues: {
-			headers: [{ key: "", value: "" }]
-		}
-	});
-
-	const headerFields = useFieldArray({
-		control,
-		name: "headers"
-	});
-
-	const handleAuditLogStreamEdit = async ({ headers, url }: TForm) => {
-		if (!id) return;
-		try {
-			await updateAuditLogStream.mutateAsync({
-				id,
-				orgId,
-				headers,
-				url
-			});
-			createNotification({
-				type: "success",
-				text: "Successfully updated stream"
-			});
-			onClose();
-		} catch (err) {
-			console.log(err);
-			createNotification({
-				type: "error",
-				text: "Failed to update stream"
-			});
-		}
-	};
-
-	const handleFormSubmit = async ({ headers = [], url }: TForm) => {
-		if (isSubmitting) return;
-		const sanitizedHeaders = headers.filter(({ key, value }) => Boolean(key) && Boolean(value));
-		const streamHeaders = sanitizedHeaders.length ? sanitizedHeaders : undefined;
-		if (isEdit) {
-			await handleAuditLogStreamEdit({ headers: streamHeaders, url });
-			return;
-		}
-		try {
-			await createAuditLogStream.mutateAsync({
-				orgId,
-				headers: streamHeaders,
-				url
-			});
-			createNotification({
-				type: "success",
-				text: "Successfully created stream"
-			});
-			onClose();
-		} catch (err) {
-			console.log(err);
-			createNotification({
-				type: "error",
-				text: "Failed to create stream"
-			});
-		}
-	};
-
-	if (isEdit && auditLogStream.isLoading) {
-		return (
-			<div className="flex items-center justify-center p-8">
-				<Spinner size="lg" />
-			</div>
-		);
-	}
-
-	return (
-		<form onSubmit={handleSubmit(handleFormSubmit)} autoComplete="off">
-			<div>
-				<Controller
-					control={control}
-					name="url"
-					render={({ field, fieldState: { error } }) => (
-						<FormControl
-							label="Endpoint URL"
-							isError={Boolean(error?.message)}
-							errorText={error?.message}
-						>
-							<Input {...field} />
-						</FormControl>
-					)}
-				/>
-				<FormLabel label="Headers" isOptional />
-				{headerFields.fields.map(({ id: headerFieldId }, i) => (
-					<div key={headerFieldId} className="flex space-x-2">
-						<Controller
-							control={control}
-							name={`headers.${i}.key`}
-							render={({ field, fieldState: { error } }) => (
-								<FormControl
-									isError={Boolean(error?.message)}
-									errorText={error?.message}
-									className="w-1/3"
-								>
-									<Input {...field} placeholder="Authorization" />
-								</FormControl>
-							)}
-						/>
-						<Controller
-							control={control}
-							name={`headers.${i}.value`}
-							render={({ field, fieldState: { error } }) => (
-								<FormControl
-									isError={Boolean(error?.message)}
-									errorText={error?.message}
-									className="flex-grow"
-								>
-									<Input
-										{...field}
-										type="password"
-										placeholder="Bearer <token>"
-										autoComplete="new-password"
-									/>
-								</FormControl>
-							)}
-						/>
-						<IconButton
-							ariaLabel="delete key"
-							className="h-9"
-							variant="outline_bg"
-							onClick={() => {
-								const header = getValues("headers");
-								if (header && header?.length > 1) {
-									headerFields.remove(i);
-								} else {
-									setValue("headers", [{ key: "", value: "" }]);
-								}
-							}}
-						>
-							<FontAwesomeIcon icon={faTrash} />
-						</IconButton>
-					</div>
-				))}
-				<div>
-					<Button
-						leftIcon={<FontAwesomeIcon icon={faPlus} />}
-						size="xs"
-						variant="outline_bg"
-						onClick={() => headerFields.append({ value: "", key: "" })}
-					>
-						Add Key
-					</Button>
-				</div>
-			</div>
-			<div className="mt-8 flex items-center">
-				<Button className="mr-4" type="submit" isLoading={isSubmitting}>
-					{isEdit ? "Save" : "Create"}
-				</Button>
-				<Button variant="plain" colorSchema="secondary" onClick={onClose}>
-					Cancel
-				</Button>
-			</div>
-		</form>
-	);
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/AuditLogStreamTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/AuditLogStreamTab.tsx
deleted file mode 100644
index 7590d4002..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/AuditLogStreamTab.tsx
+++ /dev/null
@@ -1,197 +0,0 @@
-import { faPlug, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-	Button,
-	DeleteActionModal,
-	EmptyState,
-	Modal,
-	ModalContent,
-	Table,
-	TableContainer,
-	TableSkeleton,
-	TBody,
-	Td,
-	THead,
-	Tr,
-	UpgradePlanModal
-} from "@app/components/v2";
-import {
-	OrgPermissionActions,
-	OrgPermissionSubjects,
-	useOrganization,
-	useSubscription
-} from "@app/context";
-import { withPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import { useDeleteAuditLogStream, useGetAuditLogStreams } from "@app/hooks/api";
-
-import { AuditLogStreamForm } from "./AuditLogStreamForm";
-
-export const AuditLogStreamsTab = withPermission(
-	() => {
-		const { currentOrg } = useOrganization();
-		const orgId = currentOrg?.id || "";
-		const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-			"auditLogStreamForm",
-			"deleteAuditLogStream",
-			"upgradePlan"
-		] as const);
-		const { subscription } = useSubscription();
-
-		const { data: auditLogStreams, isLoading: isAuditLogStreamsLoading } =
-			useGetAuditLogStreams(orgId);
-
-		// mutation
-		const { mutateAsync: deleteAuditLogStream } = useDeleteAuditLogStream();
-
-		const handleAuditLogStreamDelete = async () => {
-			try {
-				const auditLogStreamId = popUp?.deleteAuditLogStream?.data as string;
-				await deleteAuditLogStream({
-					id: auditLogStreamId,
-					orgId
-				});
-				handlePopUpClose("deleteAuditLogStream");
-				createNotification({
-					type: "success",
-					text: "Successfully deleted stream"
-				});
-			} catch (err) {
-				console.log(err);
-				createNotification({
-					type: "error",
-					text: "Failed to delete stream"
-				});
-			}
-		};
-
-		return (
-			<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-				<div className="flex justify-between">
-					<p className="text-xl font-semibold text-mineshaft-100">Audit Log Streams</p>
-					<OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Settings}>
-						{(isAllowed) => (
-							<Button
-								onClick={() => {
-									if (subscription && !subscription?.auditLogStreams) {
-										handlePopUpOpen("upgradePlan");
-										return;
-									}
-									handlePopUpOpen("auditLogStreamForm");
-								}}
-								leftIcon={<FontAwesomeIcon icon={faPlus} />}
-								isDisabled={!isAllowed}
-							>
-								Create
-							</Button>
-						)}
-					</OrgPermissionCan>
-				</div>
-				<p className="mb-8 text-gray-400">
-					Send audit logs from Infisical to external logging providers via HTTP
-				</p>
-				<div>
-					<TableContainer>
-						<Table>
-							<THead>
-								<Tr>
-									<Td>URL</Td>
-									<Td className="text-right">Action</Td>
-								</Tr>
-							</THead>
-							<TBody>
-								{isAuditLogStreamsLoading && (
-									<TableSkeleton columns={2} innerKey="stream-loading" />
-								)}
-								{!isAuditLogStreamsLoading && auditLogStreams && auditLogStreams?.length === 0 && (
-									<Tr>
-										<Td colSpan={5}>
-											<EmptyState title="No audit log streams found" icon={faPlug} />
-										</Td>
-									</Tr>
-								)}
-								{!isAuditLogStreamsLoading &&
-									auditLogStreams?.map(({ id, url }) => (
-										<Tr key={id}>
-											<Td className="max-w-xs overflow-hidden text-ellipsis hover:overflow-auto hover:break-all">
-												{url}
-											</Td>
-											<Td>
-												<div className="flex items-center justify-end space-x-2">
-													<OrgPermissionCan
-														I={OrgPermissionActions.Edit}
-														a={OrgPermissionSubjects.Settings}
-													>
-														{(isAllowed) => (
-															<Button
-																variant="outline_bg"
-																size="xs"
-																isDisabled={!isAllowed}
-																onClick={() => handlePopUpOpen("auditLogStreamForm", id)}
-															>
-																Edit
-															</Button>
-														)}
-													</OrgPermissionCan>
-													<OrgPermissionCan
-														I={OrgPermissionActions.Delete}
-														a={OrgPermissionSubjects.Settings}
-													>
-														{(isAllowed) => (
-															<Button
-																variant="outline_bg"
-																className="border-red-800 bg-red-800 hover:border-red-700 hover:bg-red-700"
-																colorSchema="danger"
-																size="xs"
-																isDisabled={!isAllowed}
-																onClick={() => handlePopUpOpen("deleteAuditLogStream", id)}
-															>
-																Delete
-															</Button>
-														)}
-													</OrgPermissionCan>
-												</div>
-											</Td>
-										</Tr>
-									))}
-							</TBody>
-						</Table>
-					</TableContainer>
-				</div>
-				<Modal
-					isOpen={popUp.auditLogStreamForm.isOpen}
-					onOpenChange={(isModalOpen) => {
-						handlePopUpToggle("auditLogStreamForm", isModalOpen);
-					}}
-				>
-					<ModalContent
-						title={`${popUp?.auditLogStreamForm?.data ? "Update" : "Create"} Audit Log Stream `}
-						subTitle="Continuously stream logs from Infisical to third-party logging providers."
-					>
-						<AuditLogStreamForm
-							id={popUp?.auditLogStreamForm?.data as string}
-							onClose={() => handlePopUpToggle("auditLogStreamForm")}
-						/>
-					</ModalContent>
-				</Modal>
-				<UpgradePlanModal
-					isOpen={popUp.upgradePlan.isOpen}
-					onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-					text="You can add audit log streams if you switch to Infisical's Enterprise  plan."
-				/>
-				<DeleteActionModal
-					isOpen={popUp.deleteAuditLogStream.isOpen}
-					deleteKey="delete"
-					title="Are you sure you want to remove this stream?"
-					onChange={(isOpen) => handlePopUpToggle("deleteAuditLogStream", isOpen)}
-					onClose={() => handlePopUpClose("deleteAuditLogStream")}
-					onDeleteApproved={handleAuditLogStreamDelete}
-				/>
-			</div>
-		);
-	},
-	{ action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Settings }
-);
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/index.tsx
deleted file mode 100644
index ecce21f3b..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/AuditLogStreamTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AuditLogStreamsTab } from "./AuditLogStreamTab";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/ImportTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/ImportTab.tsx
deleted file mode 100644
index 41020d730..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/ImportTab.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button } from "@app/components/v2";
-import { useOrgPermission } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-
-import { SelectImportFromPlatformModal } from "./components/SelectImportFromPlatformModal";
-
-export const ImportTab = () => {
-  const { membership } = useOrgPermission();
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["selectImportPlatform"] as const);
-
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex justify-between">
-        <div className="flex items-center gap-2">
-          <p className="text-xl font-semibold text-mineshaft-100">Import from external source</p>
-
-          <div>
-            <Link
-              href="https://infisical.com/docs/documentation/guides/migrating-from-envkey"
-              passHref
-            >
-              <a target="_blank" rel="noopener noreferrer">
-                <div className="ml-2 inline-block rounded-md bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm text-yellow opacity-80 hover:opacity-100">
-                  <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                  Docs
-                  <FontAwesomeIcon
-                    icon={faArrowUpRightFromSquare}
-                    className="ml-1.5 mb-[0.07rem] text-xxs"
-                  />
-                </div>
-              </a>
-            </Link>
-          </div>
-        </div>
-
-        <Button
-          onClick={() => {
-            handlePopUpOpen("selectImportPlatform");
-          }}
-          isDisabled={membership?.role !== ProjectMembershipRole.Admin}
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-        >
-          Import
-        </Button>
-      </div>
-      <p className="mb-4 text-gray-400">Import data from another platform to Infisical.</p>
-
-      <SelectImportFromPlatformModal
-        isOpen={popUp.selectImportPlatform.isOpen}
-        onToggle={(state) => handlePopUpToggle("selectImportPlatform", state)}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/components/EnvKeyPlatformModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/components/EnvKeyPlatformModal.tsx
deleted file mode 100644
index 4d6220cc0..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/components/EnvKeyPlatformModal.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { useRef } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useImportEnvKey } from "@app/hooks/api/migration/mutations";
-import { GenericDropzone } from "@app/views/SecretMainPage/components/SecretDropzone/GenericDropzone";
-
-type Props = {
-  id?: string;
-  onClose: () => void;
-};
-
-export const EnvKeyPlatformModal = ({ onClose }: Props) => {
-  const formSchema = z.object({
-    encryptionKey: z.string().min(1),
-    file: z.instanceof(File)
-  });
-  type TFormData = z.infer<typeof formSchema>;
-
-  const fileUploadRef = useRef<HTMLInputElement>(null);
-
-  const { mutateAsync: importEnvKey } = useImportEnvKey();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    setValue,
-    setError,
-    formState: { isLoading, isDirty, isSubmitting, isValid }
-  } = useForm<TFormData>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const onSubmit = async (data: TFormData) => {
-    if (!data.file) {
-      setError("file", {
-        type: "required",
-        message: "File is required"
-      });
-      return;
-    }
-
-    try {
-      await importEnvKey({
-        file: data.file,
-        decryptionKey: data.encryptionKey
-      });
-      createNotification({
-        title: "Import started",
-        text: "Your data is being imported. You will receive an email when the import is complete or if the import fails. This may take up to 10 minutes.",
-        type: "info"
-      });
-
-      onClose();
-      reset();
-
-      if (fileUploadRef.current) {
-        fileUploadRef.current.value = "";
-      }
-    } catch {
-      reset();
-    }
-  };
-
-  const onImportFileDrop = (file?: File) => {
-    if (!file) {
-      createNotification({
-        text: "No file selected.",
-        type: "error"
-      });
-      return;
-    }
-
-    setValue("file", file, { shouldDirty: true, shouldValidate: true });
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)} autoComplete="off">
-      <Controller
-        control={control}
-        name="encryptionKey"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Encryption key"
-            isRequired
-            errorText={error?.message}
-            isError={Boolean(error)}
-          >
-            <Input type="password" placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-
-      <GenericDropzone
-        ref={fileUploadRef}
-        text="Select Env Key export file"
-        onData={onImportFileDrop}
-        isSmaller
-      />
-
-      <div className="mt-6 flex items-center space-x-4">
-        <Button
-          type="submit"
-          isLoading={isLoading}
-          isDisabled={!isDirty || isSubmitting || isLoading || !isValid}
-        >
-          Import data
-        </Button>
-        <Button variant="outline_bg" onClick={onClose}>
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/components/SelectImportFromPlatformModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/components/SelectImportFromPlatformModal.tsx
deleted file mode 100644
index 3dfbd9b7b..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/components/SelectImportFromPlatformModal.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { useState } from "react";
-import { faKey } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { Modal, ModalContent } from "@app/components/v2";
-
-import { EnvKeyPlatformModal } from "./EnvKeyPlatformModal";
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-};
-
-enum WizardSteps {
-  SelectPlatform = "select-platform",
-  PlatformInputs = "platform-inputs"
-}
-
-const PLATFORM_LIST = [
-  {
-    icon: faKey,
-    platform: "env-key",
-    title: "Env Key"
-  }
-] as const;
-
-export const SelectImportFromPlatformModal = ({ isOpen, onToggle }: Props) => {
-  const [wizardStep, setWizardStep] = useState(WizardSteps.SelectPlatform);
-  const [selectedPlatform, setSelectedPlatform] = useState<(typeof PLATFORM_LIST)[number] | null>(
-    null
-  );
-
-  const handleFormReset = (state: boolean = false) => {
-    onToggle(state);
-    setWizardStep(WizardSteps.SelectPlatform);
-    setSelectedPlatform(null);
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={(state) => handleFormReset(state)}>
-      <ModalContent
-        title={
-          selectedPlatform ? `Import from ${selectedPlatform.title}` : "Import from external source"
-        }
-        className="my-4"
-      >
-        <AnimatePresence exitBeforeEnter>
-          {wizardStep === WizardSteps.SelectPlatform && (
-            <motion.div
-              key="select-type-step"
-              transition={{ duration: 0.1 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: -30 }}
-            >
-              <div className="mb-4 text-sm text-mineshaft-300">
-                Select a platform to import from
-              </div>
-              <div className="flex items-center space-x-4">
-                {PLATFORM_LIST.map((platform, idx) => (
-                  <div
-                    key={`platform-${idx + 1}`}
-                    className="flex h-28 w-32 cursor-pointer flex-col items-center space-y-4 rounded border border-mineshaft-500 bg-bunker-600 p-6 transition-all hover:border-primary/70 hover:bg-primary/10 hover:text-white"
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => {
-                      setSelectedPlatform(platform);
-                      setWizardStep(WizardSteps.PlatformInputs);
-                    }}
-                    onKeyDown={(evt) => {
-                      if (evt.key === "Enter") {
-                        setSelectedPlatform(platform);
-                        setWizardStep(WizardSteps.PlatformInputs);
-                      }
-                    }}
-                  >
-                    <FontAwesomeIcon icon={platform.icon} size="lg" />
-                    <div className="whitespace-pre-wrap text-center text-sm">{platform.title}</div>
-                  </div>
-                ))}
-              </div>
-            </motion.div>
-          )}
-          {wizardStep === WizardSteps.PlatformInputs &&
-            selectedPlatform?.platform === "env-key" && (
-              <motion.div
-                key="env-key-step"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <EnvKeyPlatformModal onClose={() => handleFormReset(false)} />
-              </motion.div>
-            )}
-        </AnimatePresence>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/index.tsx
deleted file mode 100644
index 0679ab33f..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ImportTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ImportTab } from "./ImportTab";
\ No newline at end of file
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ExternalGroupOrgRoleMappings.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ExternalGroupOrgRoleMappings.tsx
deleted file mode 100644
index 8fa0d42c4..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ExternalGroupOrgRoleMappings.tsx
+++ /dev/null
@@ -1,213 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FormControl,
-  FormLabel,
-  IconButton,
-  Input,
-  Select,
-  SelectItem,
-  Spinner
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useOrgPermission
-} from "@app/context";
-import { isCustomOrgRole } from "@app/helpers/roles";
-import { useGetOrgRoles } from "@app/hooks/api";
-import {
-  useGetExternalGroupOrgRoleMappings,
-  useUpdateExternalGroupOrgRoleMappings
-} from "@app/hooks/api/externalGroupOrgRoleMappings";
-
-const formSchema = z.object({
-  mappings: z
-    .object({
-      groupName: z.string().trim().min(1, { message: "Group name is required" }),
-      roleSlug: z.string()
-    })
-    .array()
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-export const ExternalGroupOrgRoleMappings = () => {
-  const { currentOrg } = useOrganization();
-  const { data: roles, isLoading: isRolesLoading } = useGetOrgRoles(currentOrg?.id!);
-  const { data: mappings } = useGetExternalGroupOrgRoleMappings();
-  const updateMappings = useUpdateExternalGroupOrgRoleMappings();
-  const { permission } = useOrgPermission();
-
-  const {
-    control,
-    formState: { isDirty },
-    handleSubmit,
-    reset
-  } = useForm<TForm>({
-    defaultValues: { mappings: [] },
-    resolver: zodResolver(formSchema)
-  });
-
-  useEffect(() => {
-    if (!mappings || !roles) return;
-
-    reset({
-      mappings: mappings.map((mapping) => ({
-        groupName: mapping.groupName,
-        roleSlug:
-          mapping.role === "custom"
-            ? roles.find((role) => mapping.roleId === role.id)!.slug
-            : mapping.role
-      }))
-    });
-  }, [mappings, roles]);
-
-  const mappingField = useFieldArray({ control, name: "mappings" });
-
-  const handleUpdateMappings = async (form: TForm) => {
-    try {
-      await updateMappings.mutateAsync(form);
-      createNotification({
-        text: "Group organization role mappings updated.",
-        type: "success"
-      });
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        text: "Failed to update group organization role mappings.",
-        type: "error"
-      });
-    }
-  };
-
-  const disableScimEdit = permission.cannot(OrgPermissionActions.Edit, OrgPermissionSubjects.Scim);
-
-  return (
-    <div className="py-4">
-      <h2 className="text-md text-mineshaft-100">SCIM Group to Organization Role Mappings</h2>
-      <p className="text-sm text-mineshaft-300">
-        Assign newly provisioned users a default organization role based on their SCIM group.
-      </p>
-      <form onSubmit={handleSubmit(handleUpdateMappings)} className="pt-4">
-        {isRolesLoading || isRolesLoading ? (
-          <Spinner className="self-center" size="sm" />
-        ) : (
-          <div className="mb-2 flex flex-col space-y-2">
-            {mappingField.fields.map(({ id: scopeFieldId }, i) => (
-              <div key={scopeFieldId} className="flex items-end space-x-2">
-                <div className="flex-grow">
-                  {i === 0 && (
-                    <FormLabel
-                      label="SCIM Group Name"
-                      className="text-xs text-mineshaft-400"
-                      tooltipClassName="max-w-md whitespace-pre-line"
-                      tooltipText="The name associated with this group in your SCIM provider"
-                    />
-                  )}
-                  <Controller
-                    control={control}
-                    name={`mappings.${i}.groupName`}
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        className="mb-0 flex-grow"
-                      >
-                        <Input
-                          isDisabled={disableScimEdit}
-                          {...field}
-                          placeholder="SCIM group identifier..."
-                        />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <div className="flex-1">
-                  {i === 0 && (
-                    <span className="text-xs text-mineshaft-400">
-                      Role to Assign Users in this Group
-                    </span>
-                  )}
-                  <Controller
-                    control={control}
-                    name={`mappings.${i}.roleSlug`}
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error?.message)}
-                        errorText={error?.message}
-                        className="mb-0 flex-grow"
-                      >
-                        <Select
-                          isDisabled={disableScimEdit}
-                          {...field}
-                          onValueChange={(e) => field.onChange(e)}
-                          className="w-full"
-                        >
-                          {roles?.map((role) => (
-                            <SelectItem value={role.slug} key={`role-${role.id}`}>
-                              {role.name}
-                            </SelectItem>
-                          ))}
-                        </Select>
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <IconButton
-                  ariaLabel="delete key"
-                  className="bottom-0.5 h-9"
-                  variant="outline_bg"
-                  isDisabled={disableScimEdit}
-                  onClick={() => {
-                    mappingField.remove(i);
-                  }}
-                >
-                  <FontAwesomeIcon icon={faTrash} />
-                </IconButton>
-              </div>
-            ))}
-            <div>
-              <Button
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                size="xs"
-                variant="outline_bg"
-                isDisabled={disableScimEdit}
-                onClick={() =>
-                  mappingField.append({
-                    groupName: "",
-                    roleSlug: isCustomOrgRole(currentOrg!.defaultMembershipRole)
-                      ? roles?.find((role) => currentOrg?.defaultMembershipRole === role.id)?.slug!
-                      : currentOrg!.defaultMembershipRole
-                  })
-                }
-              >
-                Add Mapping
-              </Button>
-            </div>
-            {isDirty && (
-              <div className="flex w-full justify-end">
-                <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Scim}>
-                  {(isAllowed) => (
-                    <Button isDisabled={!isAllowed} colorSchema="secondary" type="submit">
-                      Update Mappings
-                    </Button>
-                  )}
-                </OrgPermissionCan>
-              </div>
-            )}
-          </div>
-        )}
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/LDAPGroupMapModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/LDAPGroupMapModal.tsx
deleted file mode 100644
index 8377c0e4d..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/LDAPGroupMapModal.tsx
+++ /dev/null
@@ -1,289 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { faUsers, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import {
-  useCreateLDAPGroupMapping,
-  useDeleteLDAPGroupMapping,
-  useGetLDAPConfig,
-  useGetLDAPGroupMaps,
-  useGetOrganizationGroups
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = z.object({
-  ldapGroupCN: z.string().min(1, "LDAP Group CN is required"),
-  groupSlug: z.string().min(1, "Group Slug is required")
-});
-
-export type TFormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["ldapGroupMap", "deleteLdapGroupMap"]>;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteLdapGroupMap"]>,
-    data?: {
-      ldapGroupMapId: string;
-      ldapGroupCN: string;
-    }
-  ) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["ldapGroupMap", "deleteLdapGroupMap"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const LDAPGroupMapModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-
-  const { data: ldapConfig } = useGetLDAPConfig(currentOrg?.id ?? "");
-  const { data: groups } = useGetOrganizationGroups(currentOrg?.id ?? "");
-  const { data: groupMaps, isLoading } = useGetLDAPGroupMaps(ldapConfig?.id ?? "");
-  const { mutateAsync: createLDAPGroupMapping, isLoading: createIsLoading } =
-    useCreateLDAPGroupMapping();
-  const { mutateAsync: deleteLDAPGroupMapping } = useDeleteLDAPGroupMapping();
-  const router = useRouter();
-
-  const { control, handleSubmit, reset, setValue } = useForm<TFormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      ldapGroupCN: "",
-      groupSlug: ""
-    }
-  });
-
-  const onFormSubmit = async ({ groupSlug, ldapGroupCN }: TFormData) => {
-    try {
-      if (!ldapConfig) return;
-
-      await createLDAPGroupMapping({
-        ldapConfigId: ldapConfig.id,
-        groupSlug,
-        ldapGroupCN
-      });
-
-      reset();
-
-      createNotification({
-        text: `Successfully added LDAP group mapping for ${ldapGroupCN}`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to add LDAP group mapping for ${ldapGroupCN}`,
-        type: "error"
-      });
-    }
-  };
-
-  const onDeleteGroupMapSubmit = async ({
-    ldapConfigId,
-    ldapGroupMapId,
-    ldapGroupCN
-  }: {
-    ldapConfigId: string;
-    ldapGroupMapId: string;
-    ldapGroupCN: string;
-  }) => {
-    try {
-      await deleteLDAPGroupMapping({
-        ldapConfigId,
-        ldapGroupMapId
-      });
-
-      handlePopUpToggle("deleteLdapGroupMap", false);
-
-      createNotification({
-        text: `Successfully deleted LDAP group mapping ${ldapGroupCN}`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to delete LDAP group mapping ${ldapGroupCN}`,
-        type: "error"
-      });
-    }
-  };
-
-  useEffect(() => {
-    if (groups && groups.length > 0) {
-      setValue("groupSlug", groups[0].slug);
-    }
-  }, [groups, popUp.ldapGroupMap.isOpen]);
-
-  return (
-    <Modal
-      isOpen={popUp?.ldapGroupMap?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("ldapGroupMap", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Manage LDAP Group Mappings">
-        {groups && groups.length > 0 && (
-          <>
-            <h2 className="mb-4">New Group Mapping</h2>
-            <form onSubmit={handleSubmit(onFormSubmit)} className="mb-8">
-              <div className="flex">
-                <Controller
-                  control={control}
-                  name="ldapGroupCN"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="LDAP Group CN"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input {...field} placeholder="Engineering" />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="groupSlug"
-                  defaultValue=""
-                  render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                    <FormControl
-                      label="Infisical Group"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                      className="ml-4 w-full"
-                    >
-                      <div className="flex">
-                        <Select
-                          defaultValue={field.value}
-                          {...field}
-                          onValueChange={(e) => onChange(e)}
-                          className="w-full"
-                        >
-                          {(groups || []).map(({ name, id, slug }) => (
-                            <SelectItem value={slug} key={`internal-group-${id}`}>
-                              {name}
-                            </SelectItem>
-                          ))}
-                        </Select>
-                        <Button
-                          className="ml-4"
-                          size="sm"
-                          type="submit"
-                          isLoading={createIsLoading}
-                        >
-                          Add mapping
-                        </Button>
-                      </div>
-                    </FormControl>
-                  )}
-                />
-              </div>
-            </form>
-            <h2 className="mb-4">Group Mappings</h2>
-            <TableContainer>
-              <Table>
-                <THead>
-                  <Tr>
-                    <Th>LDAP Group CN</Th>
-                    <Th>Infisical Group</Th>
-                    <Th className="w-5" />
-                  </Tr>
-                </THead>
-                <TBody>
-                  {isLoading && <TableSkeleton columns={3} innerKey="ldap-group-maps" />}
-                  {!isLoading &&
-                    groupMaps?.map(({ id, ldapGroupCN, group }) => {
-                      return (
-                        <Tr className="h-10 items-center" key={`ldap-group-map-${id}`}>
-                          <Td>{ldapGroupCN}</Td>
-                          <Td>{group.name}</Td>
-                          <Td>
-                            <IconButton
-                              onClick={() => {
-                                handlePopUpOpen("deleteLdapGroupMap", {
-                                  ldapGroupMapId: id,
-                                  ldapGroupCN
-                                });
-                              }}
-                              size="lg"
-                              colorSchema="danger"
-                              variant="plain"
-                              ariaLabel="update"
-                            >
-                              <FontAwesomeIcon icon={faXmark} />
-                            </IconButton>
-                          </Td>
-                        </Tr>
-                      );
-                    })}
-                </TBody>
-              </Table>
-              {groupMaps?.length === 0 && (
-                <EmptyState title="No LDAP group mappings found" icon={faUsers} />
-              )}
-            </TableContainer>
-            <DeleteActionModal
-              isOpen={popUp.deleteLdapGroupMap.isOpen}
-              title={`Are you sure want to delete the group mapping for ${
-                (popUp?.deleteLdapGroupMap?.data as { ldapGroupCN: string })?.ldapGroupCN || ""
-              }?`}
-              onChange={(isOpen) => handlePopUpToggle("deleteLdapGroupMap", isOpen)}
-              deleteKey="confirm"
-              onDeleteApproved={() => {
-                const deleteLdapGroupMapData = popUp?.deleteLdapGroupMap?.data as {
-                  ldapGroupMapId: string;
-                  ldapGroupCN: string;
-                };
-                return onDeleteGroupMapSubmit({
-                  ldapConfigId: ldapConfig?.id ?? "",
-                  ldapGroupMapId: deleteLdapGroupMapData.ldapGroupMapId,
-                  ldapGroupCN: deleteLdapGroupMapData.ldapGroupCN
-                });
-              }}
-            />
-          </>
-        )}
-        {groups && groups.length === 0 && (
-          <div>
-            <div>
-              You do not have any Infisical groups in your organization. Create one in order to
-              proceed.
-            </div>
-            <Button
-              className="mt-4"
-              size="sm"
-              onClick={() => router.push(`/org/${currentOrg?.id}/members`)}
-            >
-              Create
-            </Button>
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/LDAPModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/LDAPModal.tsx
deleted file mode 100644
index 865be26e9..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/LDAPModal.tsx
+++ /dev/null
@@ -1,371 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DeleteActionModal,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  TextArea
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useToggle } from "@app/hooks";
-import {
-  useCreateLDAPConfig,
-  useGetLDAPConfig,
-  useTestLDAPConnection,
-  useUpdateLDAPConfig
-} from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const LDAPFormSchema = z.object({
-  url: z.string().default(""),
-  bindDN: z.string().default(""),
-  bindPass: z.string().default(""),
-  searchBase: z.string().default(""),
-  searchFilter: z.string().default(""),
-  uniqueUserAttribute: z.string().default(""),
-  groupSearchBase: z.string().default(""),
-  groupSearchFilter: z.string().default(""),
-  caCert: z.string().optional()
-});
-
-export type TLDAPFormData = z.infer<typeof LDAPFormSchema>;
-
-type Props = {
-  popUp: UsePopUpState<["addLDAP"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["addLDAP"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addLDAP"]>, state?: boolean) => void;
-  hideDelete?: boolean;
-};
-
-export const LDAPModal = ({ popUp, handlePopUpClose, handlePopUpToggle, hideDelete }: Props) => {
-  const { currentOrg } = useOrganization();
-
-  const { mutateAsync: createMutateAsync, isLoading: createIsLoading } = useCreateLDAPConfig();
-  const { mutateAsync: updateMutateAsync, isLoading: updateIsLoading } = useUpdateLDAPConfig();
-  const { mutateAsync: testLDAPConnection } = useTestLDAPConnection();
-  const { data } = useGetLDAPConfig(currentOrg?.id ?? "");
-
-  const { control, handleSubmit, reset, watch } = useForm<TLDAPFormData>({
-    resolver: zodResolver(LDAPFormSchema)
-  });
-
-  const [isDeletePopupOpen, setIsDeletePopupOpen] = useToggle();
-
-  const handleLdapSoftDelete = async () => {
-    if (!currentOrg) {
-      return;
-    }
-    try {
-      await updateMutateAsync({
-        organizationId: currentOrg.id,
-        isActive: false,
-        url: "",
-        bindDN: "",
-        bindPass: "",
-        searchBase: "",
-        searchFilter: "",
-        uniqueUserAttribute: "",
-        groupSearchBase: "",
-        groupSearchFilter: "",
-        caCert: ""
-      });
-
-      createNotification({
-        text: "Successfully deleted OIDC configuration.",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed deleting OIDC configuration.",
-        type: "error"
-      });
-    }
-  };
-
-  const watchUrl = watch("url");
-  const watchBindDN = watch("bindDN");
-  const watchBindPass = watch("bindPass");
-  const watchSearchBase = watch("searchBase");
-  const watchSearchFilter = watch("searchFilter");
-  const watchGroupSearchBase = watch("groupSearchBase");
-  const watchGroupSearchFilter = watch("groupSearchFilter");
-  const watchCaCert = watch("caCert");
-  const watchUniqueUserAttribute = watch("uniqueUserAttribute");
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        url: data?.url ?? "",
-        bindDN: data?.bindDN ?? "",
-        bindPass: data?.bindPass ?? "",
-        searchBase: data?.searchBase ?? "",
-        searchFilter: data?.searchFilter ?? "",
-        groupSearchBase: data?.groupSearchBase ?? "",
-        groupSearchFilter: data?.groupSearchFilter ?? "",
-        caCert: data?.caCert ?? "",
-        uniqueUserAttribute: data?.uniqueUserAttribute ?? ""
-      });
-    }
-  }, [data]);
-
-  const onSSOModalSubmit = async ({
-    url,
-    bindDN,
-    bindPass,
-    uniqueUserAttribute,
-    searchBase,
-    searchFilter,
-    groupSearchBase,
-    groupSearchFilter,
-    caCert,
-    shouldCloseModal = true
-  }: TLDAPFormData & { shouldCloseModal?: boolean }) => {
-    try {
-      if (!currentOrg) return;
-
-      if (!data) {
-        await createMutateAsync({
-          organizationId: currentOrg.id,
-          isActive: false,
-          url,
-          bindDN,
-          bindPass,
-          searchBase,
-          searchFilter,
-          uniqueUserAttribute,
-          groupSearchBase,
-          groupSearchFilter,
-          caCert
-        });
-      } else {
-        await updateMutateAsync({
-          organizationId: currentOrg.id,
-          isActive: false,
-          url,
-          bindDN,
-          bindPass,
-          searchBase,
-          searchFilter,
-          uniqueUserAttribute,
-          groupSearchBase,
-          groupSearchFilter,
-          caCert
-        });
-      }
-
-      if (shouldCloseModal) {
-        handlePopUpClose("addLDAP");
-      }
-
-      createNotification({
-        text: `Successfully ${!data ? "added" : "updated"} LDAP configuration`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${!data ? "add" : "update"} LDAP configuration`,
-        type: "error"
-      });
-    }
-  };
-
-  const handleTestLDAPConnection = async () => {
-    try {
-      await onSSOModalSubmit({
-        url: watchUrl,
-        bindDN: watchBindDN,
-        bindPass: watchBindPass,
-        searchBase: watchSearchBase,
-        searchFilter: watchSearchFilter,
-        groupSearchBase: watchGroupSearchBase,
-        groupSearchFilter: watchGroupSearchFilter,
-        uniqueUserAttribute: watchUniqueUserAttribute,
-        caCert: watchCaCert,
-        shouldCloseModal: false
-      });
-
-      if (!data) return;
-
-      const result = await testLDAPConnection(data.id);
-
-      if (!result) {
-        createNotification({
-          text: "Failed to test the LDAP connection: Bind operation was unsuccessful",
-          type: "error"
-        });
-        return;
-      }
-
-      createNotification({
-        text: "Successfully tested the LDAP connection: Bind operation was successful",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to test the LDAP connection",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <>
-      <Modal
-        isOpen={popUp?.addLDAP?.isOpen}
-        onOpenChange={(isOpen) => {
-          handlePopUpToggle("addLDAP", isOpen);
-          reset();
-        }}
-      >
-        <ModalContent title="Manage LDAP configuration">
-          <form onSubmit={handleSubmit(onSSOModalSubmit)}>
-            <Controller
-              control={control}
-              name="url"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="URL" errorText={error?.message} isError={Boolean(error)}>
-                  <Input {...field} placeholder="ldaps://ldap.myorg.com:636" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="bindDN"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Bind DN" errorText={error?.message} isError={Boolean(error)}>
-                  <Input {...field} placeholder="cn=infisical,ou=Users,dc=example,dc=com" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="bindPass"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Bind Pass" errorText={error?.message} isError={Boolean(error)}>
-                  <Input {...field} type="password" placeholder="********" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="searchBase"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="User Search Base / User DN"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input {...field} placeholder="ou=people,dc=acme,dc=com" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="uniqueUserAttribute"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Unique User Attribute (Optional)"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input {...field} placeholder="uidNumber" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="searchFilter"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="User Search Filter (Optional)"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input {...field} placeholder="(uid={{username}})" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="groupSearchBase"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Group Search Base / Group DN (Optional)"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input {...field} placeholder="ou=groups,dc=acme,dc=com" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="groupSearchFilter"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Group Filter (Optional)"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input
-                    {...field}
-                    placeholder="(&(objectClass=posixGroup)(memberUid={{.Username}}))"
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="caCert"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="CA Certificate"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <TextArea {...field} placeholder="-----BEGIN CERTIFICATE----- ..." />
-                </FormControl>
-              )}
-            />
-            <div className="mt-8 flex justify-between">
-              <div className="flex items-center">
-                <Button
-                  className="mr-4"
-                  size="sm"
-                  type="submit"
-                  isLoading={createIsLoading || updateIsLoading}
-                >
-                  {!data ? "Add" : "Update"}
-                </Button>
-                <Button colorSchema="secondary" onClick={handleTestLDAPConnection}>
-                  Test Connection
-                </Button>
-              </div>
-              {!hideDelete && (
-                <Button colorSchema="danger" onClick={() => setIsDeletePopupOpen.on()}>
-                  Delete
-                </Button>
-              )}
-            </div>
-          </form>
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={isDeletePopupOpen}
-        title="Are you sure want to delete LDAP?"
-        onChange={() => setIsDeletePopupOpen.toggle()}
-        deleteKey="confirm"
-        onDeleteApproved={handleLdapSoftDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OIDCModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OIDCModal.tsx
deleted file mode 100644
index 53aab635d..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OIDCModal.tsx
+++ /dev/null
@@ -1,458 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DeleteActionModal,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useGetOIDCConfig } from "@app/hooks/api";
-import { useCreateOIDCConfig, useUpdateOIDCConfig } from "@app/hooks/api/oidcConfig/mutations";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-enum ConfigurationType {
-  CUSTOM = "custom",
-  DISCOVERY_URL = "discoveryURL"
-}
-
-type Props = {
-  popUp: UsePopUpState<["addOIDC"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["addOIDC"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addOIDC"]>, state?: boolean) => void;
-  hideDelete?: boolean;
-};
-
-const schema = z
-  .object({
-    configurationType: z.string(),
-    issuer: z.string().optional(),
-    discoveryURL: z.string().optional(),
-    authorizationEndpoint: z.string().optional(),
-    jwksUri: z.string().optional(),
-    tokenEndpoint: z.string().optional(),
-    userinfoEndpoint: z.string().optional(),
-    clientId: z.string().min(1),
-    clientSecret: z.string().min(1),
-    allowedEmailDomains: z.string().optional()
-  })
-  .superRefine((data, ctx) => {
-    if (data.configurationType === ConfigurationType.CUSTOM) {
-      if (!data.issuer) {
-        ctx.addIssue({
-          path: ["issuer"],
-          message: "Issuer is required",
-          code: z.ZodIssueCode.custom
-        });
-      }
-      if (!data.authorizationEndpoint) {
-        ctx.addIssue({
-          path: ["authorizationEndpoint"],
-          message: "Authorization endpoint is required",
-          code: z.ZodIssueCode.custom
-        });
-      }
-      if (!data.jwksUri) {
-        ctx.addIssue({
-          path: ["jwksUri"],
-          message: "JWKS URI is required",
-          code: z.ZodIssueCode.custom
-        });
-      }
-      if (!data.tokenEndpoint) {
-        ctx.addIssue({
-          path: ["tokenEndpoint"],
-          message: "Token endpoint is required",
-          code: z.ZodIssueCode.custom
-        });
-      }
-      if (!data.userinfoEndpoint) {
-        ctx.addIssue({
-          path: ["userinfoEndpoint"],
-          message: "Userinfo endpoint is required",
-          code: z.ZodIssueCode.custom
-        });
-      }
-    } else {
-      // eslint-disable-next-line no-lonely-if
-      if (!data.discoveryURL) {
-        ctx.addIssue({
-          path: ["discoveryURL"],
-          message: "Discovery URL is required",
-          code: z.ZodIssueCode.custom
-        });
-      }
-    }
-  });
-
-export type OIDCFormData = z.infer<typeof schema>;
-
-export const OIDCModal = ({ popUp, handlePopUpClose, handlePopUpToggle, hideDelete }: Props) => {
-  const { currentOrg } = useOrganization();
-
-  const { mutateAsync: createMutateAsync, isLoading: createIsLoading } = useCreateOIDCConfig();
-  const { mutateAsync: updateMutateAsync, isLoading: updateIsLoading } = useUpdateOIDCConfig();
-  const [isDeletePopupOpen, setIsDeletePopupOpen] = useToggle(false);
-
-  const { data } = useGetOIDCConfig(currentOrg?.slug ?? "");
-
-  const { control, handleSubmit, reset, setValue, watch } = useForm<OIDCFormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      configurationType: ConfigurationType.DISCOVERY_URL
-    }
-  });
-
-  const [isClientIdFocused, setIsClientIdFocused] = useToggle();
-  const [isClientSecretFocused, setIsClientSecretFocused] = useToggle();
-
-  const configurationTypeValue = watch("configurationType");
-  const handleOidcSoftDelete = async () => {
-    if (!currentOrg) {
-      return;
-    }
-    try {
-      await updateMutateAsync({
-        issuer: "",
-        discoveryURL: "",
-        authorizationEndpoint: "",
-        allowedEmailDomains: "",
-        jwksUri: "",
-        tokenEndpoint: "",
-        userinfoEndpoint: "",
-        clientId: "",
-        clientSecret: "",
-        isActive: false,
-        orgSlug: currentOrg.slug
-      });
-
-      createNotification({
-        text: "Successfully deleted OIDC configuration.",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed deleting OIDC configuration.",
-        type: "error"
-      });
-    }
-  };
-
-  useEffect(() => {
-    if (data) {
-      setValue("issuer", data.issuer);
-      setValue("authorizationEndpoint", data.authorizationEndpoint);
-      setValue("jwksUri", data.jwksUri);
-      setValue("tokenEndpoint", data.tokenEndpoint);
-      setValue("userinfoEndpoint", data.userinfoEndpoint);
-      setValue("discoveryURL", data.discoveryURL);
-      setValue("clientId", data.clientId);
-      setValue("clientSecret", data.clientSecret);
-      setValue("allowedEmailDomains", data.allowedEmailDomains);
-      setValue("configurationType", data.configurationType);
-    }
-  }, [data]);
-
-  const onOIDCModalSubmit = async ({
-    issuer,
-    authorizationEndpoint,
-    allowedEmailDomains,
-    jwksUri,
-    tokenEndpoint,
-    userinfoEndpoint,
-    configurationType,
-    discoveryURL,
-    clientId,
-    clientSecret
-  }: OIDCFormData) => {
-    try {
-      if (!currentOrg) {
-        return;
-      }
-
-      if (!data) {
-        await createMutateAsync({
-          issuer,
-          configurationType,
-          discoveryURL,
-          authorizationEndpoint,
-          allowedEmailDomains,
-          jwksUri,
-          tokenEndpoint,
-          userinfoEndpoint,
-          clientId,
-          clientSecret,
-          isActive: true,
-          orgSlug: currentOrg.slug
-        });
-      } else {
-        await updateMutateAsync({
-          issuer,
-          configurationType,
-          discoveryURL,
-          authorizationEndpoint,
-          allowedEmailDomains,
-          jwksUri,
-          tokenEndpoint,
-          userinfoEndpoint,
-          clientId,
-          clientSecret,
-          isActive: true,
-          orgSlug: currentOrg.slug
-        });
-      }
-
-      handlePopUpClose("addOIDC");
-
-      createNotification({
-        text: `Successfully ${!data ? "added" : "updated"} OIDC SSO configuration`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${!data ? "add" : "update"} OIDC SSO configuration`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <>
-      <Modal
-        isOpen={popUp?.addOIDC?.isOpen}
-        onOpenChange={(isOpen) => {
-          handlePopUpToggle("addOIDC", isOpen);
-          reset();
-        }}
-      >
-        <ModalContent title="Manage OIDC configuration">
-          <form onSubmit={handleSubmit(onOIDCModalSubmit)}>
-            <Controller
-              control={control}
-              name="configurationType"
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Configuration Type"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    className="w-full"
-                    defaultValue="discoveryURL"
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                  >
-                    <SelectItem value={ConfigurationType.DISCOVERY_URL}>Discovery URL</SelectItem>
-                    <SelectItem value={ConfigurationType.CUSTOM}>Custom</SelectItem>
-                  </Select>
-                </FormControl>
-              )}
-            />
-            {configurationTypeValue === ConfigurationType.DISCOVERY_URL && (
-              <Controller
-                control={control}
-                name="discoveryURL"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    label="Discovery Document URL"
-                    errorText={error?.message}
-                    isError={Boolean(error)}
-                  >
-                    <Input
-                      {...field}
-                      placeholder="https://accounts.google.com/.well-known/openid-configuration"
-                      autoComplete="off"
-                    />
-                  </FormControl>
-                )}
-              />
-            )}
-            {configurationTypeValue === ConfigurationType.CUSTOM && (
-              <>
-                <Controller
-                  control={control}
-                  name="issuer"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl label="Issuer" errorText={error?.message} isError={Boolean(error)}>
-                      <Input
-                        {...field}
-                        placeholder="https://accounts.google.com"
-                        autoComplete="off"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="authorizationEndpoint"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Authorization Endpoint"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder="https://accounts.google.com/o/oauth2/v2/auth"
-                        autoComplete="off"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="tokenEndpoint"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Token Endpoint"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder="https://oauth2.googleapis.com/token"
-                        autoComplete="off"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="userinfoEndpoint"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="User info endpoint"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder="https://openidconnect.googleapis.com/v1/userinfo"
-                        autoComplete="off"
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="jwksUri"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="JWKS URI"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder="https://www.googleapis.com/oauth2/v3/certs"
-                        autoComplete="off"
-                      />
-                    </FormControl>
-                  )}
-                />
-              </>
-            )}
-            <Controller
-              control={control}
-              name="allowedEmailDomains"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Allowed Email Domains (defaults to any)"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input {...field} placeholder="infisical.com, google.com" autoComplete="off" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="clientId"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Client ID" errorText={error?.message} isError={Boolean(error)}>
-                  <Input
-                    placeholder="Client ID"
-                    type={isClientIdFocused ? "text" : "password"}
-                    onFocus={() => setIsClientIdFocused.on()}
-                    {...field}
-                    onBlur={() => {
-                      field.onBlur();
-                      setIsClientIdFocused.off();
-                    }}
-                    autoComplete="off"
-                    className="bg-mineshaft-800"
-                  />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="clientSecret"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Client Secret"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Input
-                    {...field}
-                    placeholder="Client Secret"
-                    type={isClientSecretFocused ? "text" : "password"}
-                    autoComplete="off"
-                    onFocus={() => setIsClientSecretFocused.on()}
-                    onBlur={() => {
-                      field.onBlur();
-                      setIsClientSecretFocused.off();
-                    }}
-                    className="bg-mineshaft-800"
-                  />
-                </FormControl>
-              )}
-            />
-            <div className="mt-8 flex justify-between">
-              <div className="flex items-center">
-                <Button
-                  className="mr-4"
-                  size="sm"
-                  type="submit"
-                  isLoading={createIsLoading || updateIsLoading}
-                >
-                  {!data ? "Add" : "Update"}
-                </Button>
-                <Button
-                  colorSchema="secondary"
-                  variant="plain"
-                  onClick={() => handlePopUpClose("addOIDC")}
-                >
-                  Cancel
-                </Button>
-              </div>
-              {!hideDelete && (
-                <Button colorSchema="danger" onClick={() => setIsDeletePopupOpen.on()}>
-                  Delete
-                </Button>
-              )}
-            </div>
-          </form>
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={isDeletePopupOpen}
-        title="Are you sure want to delete OIDC?"
-        onChange={() => setIsDeletePopupOpen.toggle()}
-        deleteKey="confirm"
-        onDeleteApproved={handleOidcSoftDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgAuthTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgAuthTab.tsx
deleted file mode 100644
index c0ff17ae6..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgAuthTab.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-import { twMerge } from "tailwind-merge";
-
-import { Button, ContentLoader, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useServerConfig,
-  useSubscription
-} from "@app/context";
-import { withPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import { useGetLDAPConfig, useGetOIDCConfig, useGetSSOConfig } from "@app/hooks/api";
-import { LoginMethod } from "@app/hooks/api/admin/types";
-
-import { LDAPModal } from "./LDAPModal";
-import { OIDCModal } from "./OIDCModal";
-import { OrgGeneralAuthSection } from "./OrgGeneralAuthSection";
-import { OrgGenericAuthSection } from "./OrgGenericAuthSection";
-import { OrgLDAPSection } from "./OrgLDAPSection";
-import { OrgOIDCSection } from "./OrgOIDCSection";
-import { OrgScimSection } from "./OrgSCIMSection";
-import { OrgSSOSection } from "./OrgSSOSection";
-import { SSOModal } from "./SSOModal";
-
-export const OrgAuthTab = withPermission(
-  () => {
-    const {
-      config: { enabledLoginMethods }
-    } = useServerConfig();
-    const { currentOrg } = useOrganization();
-    const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-      "addLDAP",
-      "addSSO",
-      "addOIDC",
-      "upgradePlan"
-    ] as const);
-
-    const { subscription } = useSubscription();
-
-    const { data: oidcConfig, isLoading: isLoadingOidcConfig } = useGetOIDCConfig(
-      currentOrg?.slug ?? ""
-    );
-    const { data: samlConfig, isLoading: isLoadingSamlConfig } = useGetSSOConfig(
-      currentOrg?.id ?? ""
-    );
-    const { data: ldapConfig, isLoading: isLoadingLdapConfig } = useGetLDAPConfig(
-      currentOrg?.id ?? ""
-    );
-    const areConfigsLoading = isLoadingOidcConfig || isLoadingSamlConfig || isLoadingLdapConfig;
-
-    const shouldDisplaySection = (method: LoginMethod) =>
-      !enabledLoginMethods || enabledLoginMethods.includes(method);
-
-    const isOidcConfigured = oidcConfig && (oidcConfig.discoveryURL || oidcConfig.issuer);
-    const isSamlConfigured = samlConfig && samlConfig.entryPoint;
-    const isLdapConfigured = ldapConfig && ldapConfig.url;
-
-    const shouldShowCreateIdentityProviderView =
-      !isOidcConfigured && !isSamlConfigured && !isLdapConfigured;
-
-    const createIdentityProviderView = (shouldDisplaySection(LoginMethod.SAML) ||
-      shouldDisplaySection(LoginMethod.OIDC) ||
-      shouldDisplaySection(LoginMethod.LDAP)) && (
-      <>
-        <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-          <p className="text-xl font-semibold text-gray-200">Connect an Identity Provider</p>
-          <p className="mb-2 mt-1 text-gray-400">
-            Connect your identity provider to simplify user management
-          </p>
-          {shouldDisplaySection(LoginMethod.SAML) && (
-            <div
-              className={twMerge(
-                "mt-4 flex items-center justify-between",
-                (shouldDisplaySection(LoginMethod.OIDC) ||
-                  shouldDisplaySection(LoginMethod.LDAP)) &&
-                  "border-b border-mineshaft-500 pb-4"
-              )}
-            >
-              <p className="text-lg text-gray-200">SAML</p>
-              <Button
-                colorSchema="secondary"
-                onClick={() => {
-                  if (!subscription?.samlSSO) {
-                    handlePopUpOpen("upgradePlan", { feature: "SAML SSO", plan: "Pro" });
-                    return;
-                  }
-
-                  handlePopUpOpen("addSSO");
-                }}
-              >
-                Connect
-              </Button>
-            </div>
-          )}
-          {shouldDisplaySection(LoginMethod.OIDC) && (
-            <div
-              className={twMerge(
-                "mt-4 flex items-center justify-between",
-                shouldDisplaySection(LoginMethod.LDAP) && "border-b border-mineshaft-500 pb-4"
-              )}
-            >
-              <p className="text-lg text-gray-200">OIDC</p>
-              <Button
-                colorSchema="secondary"
-                onClick={() => {
-                  if (!subscription?.oidcSSO) {
-                    handlePopUpOpen("upgradePlan", { feature: "OIDC SSO", plan: "Pro" });
-                    return;
-                  }
-
-                  handlePopUpOpen("addOIDC");
-                }}
-              >
-                Connect
-              </Button>
-            </div>
-          )}
-          {shouldDisplaySection(LoginMethod.LDAP) && (
-            <div className="mt-4 flex items-center justify-between">
-              <p className="text-lg text-gray-200">LDAP</p>
-              <Button
-                colorSchema="secondary"
-                onClick={() => {
-                  if (!subscription?.ldap) {
-                    handlePopUpOpen("upgradePlan", { feature: "LDAP", plan: "Enterprise" });
-                    return;
-                  }
-
-                  handlePopUpOpen("addLDAP");
-                }}
-              >
-                Connect
-              </Button>
-            </div>
-          )}
-        </div>
-        <SSOModal
-          hideDelete
-          popUp={popUp}
-          handlePopUpClose={handlePopUpClose}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-        <OIDCModal
-          hideDelete
-          popUp={popUp}
-          handlePopUpClose={handlePopUpClose}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-        <LDAPModal
-          hideDelete
-          popUp={popUp}
-          handlePopUpClose={handlePopUpClose}
-          handlePopUpToggle={handlePopUpToggle}
-        />
-      </>
-    );
-
-    if (areConfigsLoading) {
-      return <ContentLoader />;
-    }
-
-    return (
-      <>
-        <OrgGenericAuthSection />
-        {shouldShowCreateIdentityProviderView ? (
-          createIdentityProviderView
-        ) : (
-          <>
-            {isSamlConfigured && shouldDisplaySection(LoginMethod.SAML) && (
-              <div className="mb-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-                <OrgGeneralAuthSection />
-                <OrgSSOSection />
-              </div>
-            )}
-            {isOidcConfigured && shouldDisplaySection(LoginMethod.OIDC) && <OrgOIDCSection />}
-            {isLdapConfigured && shouldDisplaySection(LoginMethod.LDAP) && <OrgLDAPSection />}
-          </>
-        )}
-        <OrgScimSection />
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text={`You can use ${
-            (popUp.upgradePlan.data as { feature: string })?.feature
-          } if you switch to Infisical's ${
-            (popUp.upgradePlan.data as { plan: string })?.plan
-          } plan.`}
-        />
-      </>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Sso }
-);
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx
deleted file mode 100644
index 778215f07..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Switch, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useLogoutUser, useUpdateOrg } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-export const OrgGeneralAuthSection = () => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["upgradePlan"] as const);
-
-  const { mutateAsync } = useUpdateOrg();
-
-  const logout = useLogoutUser();
-
-  const handleEnforceOrgAuthToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.samlSSO) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        authEnforced: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enforced" : "un-enforced"} org-level auth`,
-        type: "success"
-      });
-
-      if (value) {
-        await logout.mutateAsync();
-        window.open(`/api/v1/sso/redirect/saml2/organizations/${currentOrg.slug}`);
-        window.close();
-      }
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <>
-      {/* <div className="py-4">
-                <div className="mb-2 flex justify-between">
-                    <h3 className="text-md text-mineshaft-100">Allow users to send invites</h3>
-                    <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Sso}>
-                        {(isAllowed) => (
-                            <Switch
-                                id="allow-org-invites"
-                                onCheckedChange={(value) => handleEnforceOrgAuthToggle(value)}
-                                isChecked={currentOrg?.authEnforced ?? false}
-                                isDisabled={!isAllowed}
-                            />
-                        )}
-                    </OrgPermissionCan>
-                </div>
-                <p className="text-sm text-mineshaft-300">Allow members to invite new users to this organization</p>
-            </div> */}
-      <div className="py-4">
-        <div className="mb-2 flex justify-between">
-          <h3 className="text-md text-mineshaft-100">Enforce SAML SSO</h3>
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Sso}>
-            {(isAllowed) => (
-              <Switch
-                id="enforce-org-auth"
-                onCheckedChange={(value) => handleEnforceOrgAuthToggle(value)}
-                isChecked={currentOrg?.authEnforced ?? false}
-                isDisabled={!isAllowed}
-              />
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="text-sm text-mineshaft-300">
-          Enforce members to authenticate via SAML to access this organization
-        </p>
-      </div>
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can enforce SAML SSO if you switch to Infisical's Pro plan."
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgGenericAuthSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgGenericAuthSection.tsx
deleted file mode 100644
index 9b9aa6553..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgGenericAuthSection.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { FormControl, Select, SelectItem, Switch, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useUpdateOrg } from "@app/hooks/api";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-export const OrgGenericAuthSection = () => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["upgradePlan"] as const);
-
-  const { mutateAsync } = useUpdateOrg();
-
-  const handleEnforceMfaToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.enforceMfa) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        enforceMfa: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enforced" : "un-enforced"} MFA`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
-      });
-    }
-  };
-
-  const handleUpdateSelectedMfa = async (selectedMfaMethod: MfaMethod) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.enforceMfa) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        selectedMfaMethod
-      });
-
-      createNotification({
-        text: "Successfully updated selected MFA method",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-      <div className="py-4">
-        <div className="mb-2 flex justify-between">
-          <h3 className="text-md text-mineshaft-100">Enforce Multi-factor Authentication</h3>
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Sso}>
-            {(isAllowed) => (
-              <Switch
-                id="enforce-org-mfa"
-                onCheckedChange={(value) => handleEnforceMfaToggle(value)}
-                isChecked={currentOrg?.enforceMfa ?? false}
-                isDisabled={!isAllowed}
-              />
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="text-sm text-mineshaft-300">
-          Enforce members to authenticate with MFA in order to access the organization
-        </p>
-        {currentOrg?.enforceMfa && (
-          <FormControl label="Selected 2FA method" className="mt-3">
-            <Select
-              className="min-w-[20rem] border border-mineshaft-500"
-              onValueChange={handleUpdateSelectedMfa}
-              defaultValue={currentOrg.selectedMfaMethod ?? MfaMethod.EMAIL}
-            >
-              <SelectItem value={MfaMethod.EMAIL} key="mfa-method-email">
-                Email
-              </SelectItem>
-              <SelectItem value={MfaMethod.TOTP} key="mfa-method-totp">
-                Mobile Authenticator
-              </SelectItem>
-            </Select>
-          </FormControl>
-        )}
-      </div>
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can enforce user MFA if you switch to Infisical's Pro plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgLDAPSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgLDAPSection.tsx
deleted file mode 100644
index 49e07f861..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgLDAPSection.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, Switch, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useCreateLDAPConfig, useGetLDAPConfig, useUpdateLDAPConfig } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { LDAPGroupMapModal } from "./LDAPGroupMapModal";
-import { LDAPModal } from "./LDAPModal";
-
-export const OrgLDAPSection = (): JSX.Element => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-
-  const { data } = useGetLDAPConfig(currentOrg?.id ?? "");
-
-  const { mutateAsync } = useUpdateLDAPConfig();
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addLDAP",
-    "ldapGroupMap",
-    "deleteLdapGroupMap",
-    "upgradePlan"
-  ] as const);
-
-  const { mutateAsync: createMutateAsync } = useCreateLDAPConfig();
-
-  const handleLDAPToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.ldap) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        isActive: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} LDAP`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${value ? "enable" : "disable"} LDAP`,
-        type: "error"
-      });
-    }
-  };
-
-  const addLDAPBtnClick = async () => {
-    try {
-      if (subscription?.ldap && currentOrg) {
-        if (!data) {
-          // case: LDAP is not configured
-          // -> initialize empty LDAP configuration
-          await createMutateAsync({
-            organizationId: currentOrg.id,
-            isActive: false,
-            url: "",
-            bindDN: "",
-            bindPass: "",
-            uniqueUserAttribute: "",
-            searchBase: "",
-            searchFilter: "",
-            groupSearchBase: "",
-            groupSearchFilter: ""
-          });
-        }
-
-        handlePopUpOpen("addLDAP");
-      } else {
-        handlePopUpOpen("upgradePlan");
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const openLDAPGroupMapModal = () => {
-    if (!subscription?.ldap) {
-      handlePopUpOpen("upgradePlan");
-      return;
-    }
-
-    handlePopUpOpen("ldapGroupMap");
-  };
-
-  return (
-    <div className="mb-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">LDAP</h2>
-          <div className="flex">
-            <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Ldap}>
-              {(isAllowed) => (
-                <Button onClick={addLDAPBtnClick} colorSchema="secondary" isDisabled={!isAllowed}>
-                  Manage
-                </Button>
-              )}
-            </OrgPermissionCan>
-          </div>
-        </div>
-        <p className="text-sm text-mineshaft-300">Manage LDAP authentication configuration</p>
-      </div>
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">LDAP Group Mappings</h2>
-          <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Ldap}>
-            {(isAllowed) => (
-              <Button
-                onClick={openLDAPGroupMapModal}
-                colorSchema="secondary"
-                isDisabled={!isAllowed}
-              >
-                Manage
-              </Button>
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="text-sm text-mineshaft-300">
-          Manage how LDAP groups are mapped to internal groups in Infisical
-        </p>
-      </div>
-      {data && (
-        <div className="py-4">
-          <div className="mb-2 flex items-center justify-between">
-            <h2 className="text-md text-mineshaft-100">Enable LDAP</h2>
-            <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Ldap}>
-              {(isAllowed) => (
-                <Switch
-                  id="enable-saml-sso"
-                  onCheckedChange={(value) => handleLDAPToggle(value)}
-                  isChecked={data ? data.isActive : false}
-                  isDisabled={!isAllowed}
-                >
-                  Enable
-                </Switch>
-              )}
-            </OrgPermissionCan>
-          </div>
-          <p className="text-sm text-mineshaft-300">
-            Allow members to authenticate into Infisical with LDAP
-          </p>
-        </div>
-      )}
-      <LDAPModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <LDAPGroupMapModal
-        popUp={popUp}
-        handlePopUpOpen={handlePopUpOpen}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use LDAP authentication if you switch to Infisical's Enterprise plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx
deleted file mode 100644
index c277e90f1..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, Switch, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useGetOIDCConfig, useLogoutUser, useUpdateOrg } from "@app/hooks/api";
-import { useUpdateOIDCConfig } from "@app/hooks/api/oidcConfig/mutations";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { OIDCModal } from "./OIDCModal";
-
-export const OrgOIDCSection = (): JSX.Element => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-
-  const { data, isLoading } = useGetOIDCConfig(currentOrg?.slug ?? "");
-  const { mutateAsync } = useUpdateOIDCConfig();
-  const { mutateAsync: updateOrg } = useUpdateOrg();
-
-  const logout = useLogoutUser();
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addOIDC",
-    "upgradePlan"
-  ] as const);
-
-  const handleOIDCToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      if (!subscription?.oidcSSO) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgSlug: currentOrg?.slug,
-        isActive: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} OIDC SSO`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const handleEnforceOrgAuthToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.oidcSSO) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await updateOrg({
-        orgId: currentOrg?.id,
-        authEnforced: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enforced" : "un-enforced"} org-level auth`,
-        type: "success"
-      });
-
-      if (value) {
-        await logout.mutateAsync();
-        window.open(`/api/v1/sso/oidc/login?orgSlug=${currentOrg.slug}`);
-        window.close();
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const addOidcButtonClick = async () => {
-    if (subscription?.oidcSSO && currentOrg) {
-      handlePopUpOpen("addOIDC");
-    } else {
-      handlePopUpOpen("upgradePlan");
-    }
-  };
-
-  return (
-    <div className="mb-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">OIDC</h2>
-          {!isLoading && (
-            <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Sso}>
-              {(isAllowed) => (
-                <Button
-                  onClick={addOidcButtonClick}
-                  colorSchema="secondary"
-                  isDisabled={!isAllowed}
-                >
-                  Manage
-                </Button>
-              )}
-            </OrgPermissionCan>
-          )}
-        </div>
-        <p className="text-sm text-mineshaft-300">Manage OIDC authentication configuration</p>
-      </div>
-      {data && (
-        <div className="py-4">
-          <div className="mb-2 flex items-center justify-between">
-            <h2 className="text-md text-mineshaft-100">Enable OIDC</h2>
-            {!isLoading && (
-              <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Sso}>
-                {(isAllowed) => (
-                  <Switch
-                    id="enable-oidc-sso"
-                    onCheckedChange={(value) => handleOIDCToggle(value)}
-                    isChecked={data ? data.isActive : false}
-                    isDisabled={!isAllowed}
-                  />
-                )}
-              </OrgPermissionCan>
-            )}
-          </div>
-          <p className="text-sm text-mineshaft-300">
-            Allow members to authenticate into Infisical with OIDC
-          </p>
-        </div>
-      )}
-      <div className="py-4">
-        <div className="mb-2 flex justify-between">
-          <h3 className="text-md text-mineshaft-100">Enforce OIDC SSO</h3>
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Sso}>
-            {(isAllowed) => (
-              <Switch
-                id="enforce-org-auth"
-                isChecked={currentOrg?.authEnforced ?? false}
-                onCheckedChange={(value) => handleEnforceOrgAuthToggle(value)}
-                isDisabled={!isAllowed}
-              />
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="text-sm text-mineshaft-300">
-          Enforce members to authenticate via OIDC to access this organization
-        </p>
-      </div>
-      <OIDCModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use OIDC SSO if you switch to Infisical's Pro plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgSCIMSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgSCIMSection.tsx
deleted file mode 100644
index 30cb16293..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgSCIMSection.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, Switch, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useUpdateOrg } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { ExternalGroupOrgRoleMappings } from "@app/views/Settings/OrgSettingsPage/components/OrgAuthTab/ExternalGroupOrgRoleMappings";
-
-import { ScimTokenModal } from "./ScimTokenModal";
-
-export const OrgScimSection = () => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "scimToken",
-    "deleteScimToken",
-    "upgradePlan"
-  ] as const);
-
-  const { mutateAsync } = useUpdateOrg();
-
-  const addScimTokenBtnClick = () => {
-    if (subscription?.scim) {
-      handlePopUpOpen("scimToken");
-    } else {
-      handlePopUpOpen("upgradePlan");
-    }
-  };
-
-  const handleEnableSCIMToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.scim) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        scimEnabled: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} SCIM provisioning`,
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-      <p className="text-xl font-semibold text-gray-200">Provision users via SCIM</p>
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">SCIM</h2>
-          <OrgPermissionCan I={OrgPermissionActions.Read} a={OrgPermissionSubjects.Scim}>
-            {(isAllowed) => (
-              <Button
-                onClick={addScimTokenBtnClick}
-                colorSchema="secondary"
-                isDisabled={!isAllowed}
-              >
-                Configure
-              </Button>
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="text-sm text-mineshaft-300">Manage SCIM configuration</p>
-      </div>
-      <ExternalGroupOrgRoleMappings />
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">Enable SCIM</h2>
-          <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Scim}>
-            {(isAllowed) => (
-              <Switch
-                id="enable-scim"
-                onCheckedChange={(value) => {
-                  if (subscription?.scim) {
-                    handleEnableSCIMToggle(value);
-                  } else {
-                    handlePopUpOpen("upgradePlan");
-                  }
-                }}
-                isChecked={currentOrg?.scimEnabled ?? false}
-                isDisabled={!isAllowed}
-              />
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="text-sm text-mineshaft-300">
-          Allow member provisioning/deprovisioning with SCIM
-        </p>
-      </div>
-      <ScimTokenModal
-        popUp={popUp}
-        handlePopUpOpen={handlePopUpOpen}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use SCIM Provisioning if you switch to Infisical's Enterprise plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgSSOSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgSSOSection.tsx
deleted file mode 100644
index 3e5d77842..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgSSOSection.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, Switch, UpgradePlanModal } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { useCreateSSOConfig, useGetSSOConfig, useUpdateSSOConfig } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { SSOModal } from "./SSOModal";
-
-export const OrgSSOSection = (): JSX.Element => {
-  const { currentOrg } = useOrganization();
-  const { subscription } = useSubscription();
-
-  const { data, isLoading } = useGetSSOConfig(currentOrg?.id ?? "");
-  const { mutateAsync } = useUpdateSSOConfig();
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "upgradePlan",
-    "addSSO"
-  ] as const);
-
-  const { mutateAsync: createMutateAsync } = useCreateSSOConfig();
-
-  const handleSamlSSOToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      if (!subscription?.samlSSO) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        isActive: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} SAML SSO`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${value ? "enable" : "disable"} SAML SSO`,
-        type: "error"
-      });
-    }
-  };
-
-  const addSSOBtnClick = async () => {
-    try {
-      if (subscription?.samlSSO && currentOrg) {
-        if (!data) {
-          // case: SAML SSO is not configured
-          // -> initialize empty SAML SSO configuration
-          await createMutateAsync({
-            organizationId: currentOrg.id,
-            authProvider: "okta-saml",
-            isActive: false,
-            entryPoint: "",
-            issuer: "",
-            cert: ""
-          });
-        }
-
-        handlePopUpOpen("addSSO");
-      } else {
-        handlePopUpOpen("upgradePlan");
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <>
-      <hr className="border-mineshaft-600" />
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">SAML</h2>
-          {!isLoading && (
-            <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Sso}>
-              {(isAllowed) => (
-                <Button onClick={addSSOBtnClick} colorSchema="secondary" isDisabled={!isAllowed}>
-                  Manage
-                </Button>
-              )}
-            </OrgPermissionCan>
-          )}
-        </div>
-        <p className="text-sm text-mineshaft-300">Manage SAML authentication configuration</p>
-      </div>
-      <div className="py-4">
-        <div className="mb-2 flex items-center justify-between">
-          <h2 className="text-md text-mineshaft-100">Enable SAML</h2>
-          {!isLoading && (
-            <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Sso}>
-              {(isAllowed) => (
-                <Switch
-                  id="enable-saml-sso"
-                  onCheckedChange={(value) => handleSamlSSOToggle(value)}
-                  isChecked={data ? data.isActive : false}
-                  isDisabled={!isAllowed}
-                />
-              )}
-            </OrgPermissionCan>
-          )}
-        </div>
-        <p className="text-sm text-mineshaft-300">
-          Allow members to authenticate into Infisical with SAML
-        </p>
-      </div>
-      <SSOModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can use SAML SSO if you switch to Infisical's Pro plan."
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/SSOModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/SSOModal.tsx
deleted file mode 100644
index 7686d7b4f..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/SSOModal.tsx
+++ /dev/null
@@ -1,343 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DeleteActionModal,
-  FormControl,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem,
-  TextArea
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useCreateSSOConfig, useGetSSOConfig, useUpdateSSOConfig } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-enum AuthProvider {
-  OKTA_SAML = "okta-saml",
-  AZURE_SAML = "azure-saml",
-  JUMPCLOUD_SAML = "jumpcloud-saml",
-  KEYCLOAK_SAML = "keycloak-saml",
-  GOOGLE_SAML = "google-saml"
-}
-
-const ssoAuthProviders = [
-  { label: "Okta SAML", value: AuthProvider.OKTA_SAML },
-  { label: "Azure / Entra SAML", value: AuthProvider.AZURE_SAML },
-  { label: "JumpCloud SAML", value: AuthProvider.JUMPCLOUD_SAML },
-  { label: "Keycloak SAML", value: AuthProvider.KEYCLOAK_SAML },
-  { label: "Google SAML", value: AuthProvider.GOOGLE_SAML }
-];
-
-const schema = z
-  .object({
-    authProvider: z.string().min(1, "SSO Type is required"),
-    entryPoint: z.string().default(""),
-    issuer: z.string().default(""),
-    cert: z.string().default("")
-  })
-  .required();
-
-export type AddSSOFormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["addSSO"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["addSSO"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addSSO"]>, state?: boolean) => void;
-  hideDelete?: boolean;
-};
-
-export const SSOModal = ({ popUp, handlePopUpClose, handlePopUpToggle, hideDelete }: Props) => {
-  const { currentOrg } = useOrganization();
-
-  const { mutateAsync: createMutateAsync, isLoading: createIsLoading } = useCreateSSOConfig();
-  const { mutateAsync: updateMutateAsync, isLoading: updateIsLoading } = useUpdateSSOConfig();
-  const [isDeletePopupOpen, setIsDeletePopupOpen] = useToggle();
-  const { data } = useGetSSOConfig(currentOrg?.id ?? "");
-
-  const { control, handleSubmit, reset, watch, setValue, getValues } = useForm<AddSSOFormData>({
-    defaultValues: {
-      authProvider: AuthProvider.OKTA_SAML
-    },
-    resolver: zodResolver(schema)
-  });
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        authProvider: data?.authProvider ?? "",
-        entryPoint: data?.entryPoint ?? "",
-        issuer: data?.issuer ?? "",
-        cert: data?.cert ?? ""
-      });
-    }
-  }, [data]);
-
-  const handleSamlSoftDelete = async () => {
-    if (!currentOrg) {
-      return;
-    }
-    try {
-      await updateMutateAsync({
-        organizationId: currentOrg.id,
-        isActive: false,
-        entryPoint: "",
-        issuer: "",
-        cert: ""
-      });
-
-      createNotification({
-        text: "Successfully deleted SAML SSO configuration.",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed deleting SAML SSO configuration.",
-        type: "error"
-      });
-    }
-  };
-
-  const onSSOModalSubmit = async ({ authProvider, entryPoint, issuer, cert }: AddSSOFormData) => {
-    try {
-      if (!currentOrg) return;
-
-      if (!data) {
-        await createMutateAsync({
-          organizationId: currentOrg.id,
-          authProvider,
-          isActive: false,
-          entryPoint,
-          issuer,
-          cert
-        });
-      } else {
-        await updateMutateAsync({
-          organizationId: currentOrg.id,
-          authProvider,
-          isActive: false,
-          entryPoint,
-          issuer,
-          cert
-        });
-      }
-
-      handlePopUpClose("addSSO");
-
-      createNotification({
-        text: `Successfully ${!data ? "added" : "updated"} SAML SSO configuration`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${!data ? "add" : "update"} SAML SSO configuration`,
-        type: "error"
-      });
-    }
-  };
-
-  const renderLabels = (authProvider: string) => {
-    switch (authProvider) {
-      case AuthProvider.OKTA_SAML:
-        return {
-          acsUrl: "Single sign-on URL",
-          entityId: "Audience URI (SP Entity ID)",
-          entryPoint: "Identity Provider Single Sign-On URL",
-          entryPointPlaceholder: "https://your-domain.okta.com/app/app-name/xxx/sso/saml",
-          issuer: "Identity Provider Issuer",
-          issuerPlaceholder: "http://www.okta.com/xxx"
-        };
-      case AuthProvider.AZURE_SAML:
-        return {
-          acsUrl: "Reply URL (Assertion Consumer Service URL)",
-          entityId: "Identifier (Entity ID)",
-          entryPoint: "Login URL",
-          entryPointPlaceholder: "https://login.microsoftonline.com/xxx/saml2",
-          issuer: "Azure / Entra Application ID",
-          issuerPlaceholder: "abc-def-ghi-jkl-mno"
-        };
-      case AuthProvider.JUMPCLOUD_SAML:
-        return {
-          acsUrl: "ACS URL",
-          entityId: "SP Entity ID",
-          entryPoint: "IDP URL",
-          entryPointPlaceholder: "https://sso.jumpcloud.com/saml2/xxx",
-          issuer: "IdP Entity ID",
-          issuerPlaceholder: "xxx"
-        };
-      case AuthProvider.KEYCLOAK_SAML:
-        return {
-          acsUrl: "Valid redirect URI",
-          entityId: "SP Entity ID",
-          entryPoint: "IDP URL",
-          entryPointPlaceholder: "https://keycloak.mysite.com/realms/myrealm/protocol/saml",
-          issuer: "Client ID",
-          issuerPlaceholder: window.origin
-        };
-      case AuthProvider.GOOGLE_SAML:
-        return {
-          acsUrl: "ACS URL",
-          entityId: "SP Entity ID",
-          entryPoint: "SSO URL",
-          entryPointPlaceholder: "https://accounts.google.com/o/saml2/idp?idpid=xxx",
-          issuer: "Issuer",
-          issuerPlaceholder: window.origin
-        };
-      default:
-        return {
-          acsUrl: "ACS URL",
-          entityId: "Entity ID",
-          entryPoint: "Entrypoint",
-          entryPointPlaceholder: "Enter entrypoint...",
-          issuer: "Issuer",
-          issuerPlaceholder: "Enter placeholder..."
-        };
-    }
-  };
-
-  const authProvider = watch("authProvider");
-  useEffect(() => {
-    if (authProvider === AuthProvider.GOOGLE_SAML && getValues("issuer") === "") {
-      setValue("issuer", window.origin);
-    }
-  }, [authProvider]);
-
-  return (
-    <>
-      <Modal
-        isOpen={popUp?.addSSO?.isOpen}
-        onOpenChange={(isOpen) => {
-          handlePopUpToggle("addSSO", isOpen);
-          reset();
-        }}
-      >
-        <ModalContent title="Manage SAML configuration">
-          <form onSubmit={handleSubmit(onSSOModalSubmit)}>
-            <Controller
-              control={control}
-              name="authProvider"
-              defaultValue="okta-saml"
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl label="Type" errorText={error?.message} isError={Boolean(error)}>
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {ssoAuthProviders.map(({ label, value }) => (
-                      <SelectItem value={String(value || "")} key={label}>
-                        {label}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            {authProvider && data && (
-              <>
-                <div className="mb-4">
-                  <h3 className="text-sm text-mineshaft-400">
-                    {renderLabels(authProvider).acsUrl}
-                  </h3>
-                  <p className="text-md break-all text-gray-400">{`${window.origin}/api/v1/sso/saml2/${data.id}`}</p>
-                </div>
-                <div className="mb-4">
-                  <h3 className="text-sm text-mineshaft-400">
-                    {renderLabels(authProvider).entityId}
-                  </h3>
-                  <p className="text-md text-gray-400">{window.origin}</p>
-                </div>
-                <Controller
-                  control={control}
-                  name="entryPoint"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label={renderLabels(authProvider).entryPoint}
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder={renderLabels(authProvider).entryPointPlaceholder}
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="issuer"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label={renderLabels(authProvider).issuer}
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input
-                        {...field}
-                        placeholder={renderLabels(authProvider).issuerPlaceholder}
-                      />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="cert"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Certificate"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <TextArea {...field} placeholder="-----BEGIN CERTIFICATE----- ..." />
-                    </FormControl>
-                  )}
-                />
-              </>
-            )}
-
-            <div className="mt-8 flex justify-between">
-              <div className="flex items-center">
-                <Button
-                  className="mr-4"
-                  size="sm"
-                  type="submit"
-                  isLoading={createIsLoading || updateIsLoading}
-                >
-                  {!data ? "Add" : "Update"}
-                </Button>
-                <Button
-                  colorSchema="secondary"
-                  variant="plain"
-                  onClick={() => handlePopUpClose("addSSO")}
-                >
-                  Cancel
-                </Button>
-              </div>
-              {!hideDelete && (
-                <Button colorSchema="danger" onClick={() => setIsDeletePopupOpen.on()}>
-                  Delete
-                </Button>
-              )}
-            </div>
-          </form>
-        </ModalContent>
-      </Modal>
-      <DeleteActionModal
-        isOpen={isDeletePopupOpen}
-        title="Are you sure want to delete SAML SSO?"
-        onChange={() => setIsDeletePopupOpen.toggle()}
-        deleteKey="confirm"
-        onDeleteApproved={handleSamlSoftDelete}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ScimTokenModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ScimTokenModal.tsx
deleted file mode 100644
index 0f92729c8..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ScimTokenModal.tsx
+++ /dev/null
@@ -1,318 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { faCheck, faCopy, faKey, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { format } from "date-fns";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useCreateScimToken, useDeleteScimToken, useGetScimTokens } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const schema = yup.object({
-  description: yup.string(),
-  ttlDays: yup.string().required("TTL is required")
-});
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["scimToken", "deleteScimToken"]>;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteScimToken"]>,
-    data?: {
-      scimTokenId: string;
-    }
-  ) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["scimToken", "deleteScimToken"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const ScimTokenModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Props) => {
-  const { currentOrg } = useOrganization();
-  const { t } = useTranslation();
-  
-  const [token, setToken] = useState("");
-
-  const [isScimUrlCopied, setIsScimUrlCopied] = useToggle(false);
-  const [isScimTokenCopied, setIsScimTokenCopied] = useToggle(false);
-
-  const { data, isLoading } = useGetScimTokens(currentOrg?.id ?? "");
-  const { mutateAsync: createScimTokenMutateAsync } = useCreateScimToken();
-  const { mutateAsync: deleteScimTokenMutateAsync } = useDeleteScimToken();
-
-  const {
-    control,
-    handleSubmit,
-    reset,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      description: "",
-      ttlDays: "365"
-    }
-  });
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    if (isScimUrlCopied) {
-      timer = setTimeout(() => setIsScimUrlCopied.off(), 2000);
-    }
-
-    if (isScimTokenCopied) {
-      timer = setTimeout(() => setIsScimTokenCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [isScimTokenCopied, isScimUrlCopied]);
-
-  const onFormSubmit = async ({ description, ttlDays }: FormData) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      const { scimToken } = await createScimTokenMutateAsync({
-        organizationId: currentOrg.id,
-        description,
-        ttlDays: Number(ttlDays)
-      });
-
-      setToken(scimToken);
-
-      createNotification({
-        text: "Successfully created SCIM token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create SCIM token",
-        type: "error"
-      });
-    }
-  };
-
-  const onDeleteScimTokenSubmit = async (scimTokenId: string) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      await deleteScimTokenMutateAsync({
-        organizationId: currentOrg.id,
-        scimTokenId
-      });
-
-      handlePopUpToggle("deleteScimToken", false);
-
-      createNotification({
-        text: "Successfully deleted SCIM token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete SCIM token",
-        type: "error"
-      });
-    }
-  };
-
-  const hasToken = Boolean(token);
-  const scimUrl = `${window.origin}/api/v1/scim`;
-
-  return (
-    <Modal
-      isOpen={popUp?.scimToken?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("scimToken", isOpen);
-        reset();
-        setToken("");
-      }}
-    >
-      <ModalContent title="Manage SCIM credentials">
-        <h2 className="mb-4">SCIM URL</h2>
-        <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-          <p className="mr-4 break-all">{scimUrl}</p>
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative"
-            onClick={() => {
-              navigator.clipboard.writeText(scimUrl);
-              setIsScimUrlCopied.on();
-            }}
-          >
-            <FontAwesomeIcon icon={isScimUrlCopied ? faCheck : faCopy} />
-            <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-              {t("common.click-to-copy")}
-            </span>
-          </IconButton>
-        </div>
-        <h2 className="mb-4">New SCIM Token</h2>
-        {hasToken ? (
-          <div>
-            <div className="mb-4 flex items-center justify-between">
-              <p>We will only show this token once</p>
-              <Button
-                colorSchema="secondary"
-                type="submit"
-                onClick={() => {
-                  reset();
-                  setToken("");
-                }}
-              >
-                Got it
-              </Button>
-            </div>
-            <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-              <p className="mr-4 break-all">{token}</p>
-              <IconButton
-                ariaLabel="copy icon"
-                colorSchema="secondary"
-                className="group relative"
-                onClick={() => {
-                  navigator.clipboard.writeText(token);
-                  setIsScimTokenCopied.on();
-                }}
-              >
-                <FontAwesomeIcon icon={isScimTokenCopied ? faCheck : faCopy} />
-                <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-                  {t("common.click-to-copy")}
-                </span>
-              </IconButton>
-            </div>
-          </div>
-        ) : (
-          <form onSubmit={handleSubmit(onFormSubmit)} className="mb-8">
-            <Controller
-              control={control}
-              defaultValue=""
-              name="description"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Description (optional)"
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <Input {...field} placeholder="Description" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              defaultValue="365"
-              name="ttlDays"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="TTL (days)" isError={Boolean(error)} errorText={error?.message}>
-                  <div className="flex">
-                    <Input {...field} placeholder="0" type="number" min="0" step="1" />
-                    <Button
-                      className="ml-4"
-                      size="sm"
-                      type="submit"
-                      isLoading={isSubmitting}
-                      isDisabled={isSubmitting}
-                    >
-                      Create
-                    </Button>
-                  </div>
-                </FormControl>
-              )}
-            />
-          </form>
-        )}
-        <h2 className="mb-4">SCIM Tokens</h2>
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th>Description</Th>
-                <Th>Expires At</Th>
-                <Th>Created At</Th>
-                <Th className="w-5" />
-              </Tr>
-            </THead>
-            <TBody>
-              {isLoading && <TableSkeleton columns={4} innerKey="org-scim-tokens" />}
-              {!isLoading &&
-                data &&
-                data.length > 0 &&
-                data.map(({ id, description, ttlDays, createdAt }) => {
-                  let expiresAt;
-                  if (ttlDays > 0) {
-                    expiresAt = new Date(new Date(createdAt).getTime() + ttlDays * 86400 * 1000);
-                  }
-
-                  return (
-                    <Tr className="h-10 items-center" key={`mi-client-secret-${id}`}>
-                      <Td>{description === "" ? "-" : description}</Td>
-                      <Td>{expiresAt ? format(expiresAt, "yyyy-MM-dd HH:mm:ss") : "-"}</Td>
-                      <Td>{format(new Date(createdAt), "yyyy-MM-dd HH:mm:ss")}</Td>
-                      <Td>
-                        <IconButton
-                          onClick={() => {
-                            handlePopUpOpen("deleteScimToken", {
-                              scimTokenId: id
-                            });
-                          }}
-                          size="lg"
-                          colorSchema="primary"
-                          variant="plain"
-                          ariaLabel="update"
-                        >
-                          <FontAwesomeIcon icon={faXmark} />
-                        </IconButton>
-                      </Td>
-                    </Tr>
-                  );
-                })}
-              {!isLoading && data && data?.length === 0 && (
-                <Tr>
-                  <Td colSpan={4}>
-                    <EmptyState title="No SCIM tokens have been created yet" icon={faKey} />
-                  </Td>
-                </Tr>
-              )}
-            </TBody>
-          </Table>
-        </TableContainer>
-        <DeleteActionModal
-          isOpen={popUp.deleteScimToken.isOpen}
-          title="Are you sure want to delete the SCIM token?"
-          onChange={(isOpen) => handlePopUpToggle("scimToken", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={() => {
-            const deleteScimTokenData = popUp?.deleteScimToken?.data as {
-              scimTokenId: string;
-            };
-
-            return onDeleteScimTokenSubmit(deleteScimTokenData.scimTokenId);
-          }}
-        />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/index.tsx
deleted file mode 100644
index 537be9831..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgAuthTab } from "./OrgAuthTab";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgDeleteSection/OrgDeleteSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgDeleteSection/OrgDeleteSection.tsx
deleted file mode 100644
index e76b39aa3..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgDeleteSection/OrgDeleteSection.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { useRouter } from "next/router";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { useOrganization, useOrgPermission } from "@app/context";
-import { useDeleteOrgById } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-import { navigateUserToOrg } from "@app/views/Login/Login.utils";
-
-export const OrgDeleteSection = () => {
-  const router = useRouter();
-  const { currentOrg } = useOrganization();
-  
-  const { membership } = useOrgPermission();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteOrg"
-  ] as const);
-
-  const { mutateAsync, isLoading } = useDeleteOrgById();
-
-  const handleDeleteOrgSubmit = async () => {
-    try {
-      if (!currentOrg?.id) return;
-
-      await mutateAsync({
-        organizationId: currentOrg?.id
-      });
-
-      createNotification({
-        text: "Successfully deleted organization",
-        type: "success"
-      });
-
-      await navigateUserToOrg(router);
-
-      handlePopUpClose("deleteOrg");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete organization",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <>
-      <hr className="border-mineshaft-600" />
-      <div className="py-4">
-        <p className="text-md mb-4 text-mineshaft-100">Danger Zone</p>
-        <Button
-          isLoading={isLoading}
-          colorSchema="danger"
-          variant="outline_bg"
-          type="submit"
-          onClick={() => handlePopUpOpen("deleteOrg")}
-          isDisabled={Boolean(membership && membership.role !== "admin")}
-        >
-          {`Delete ${currentOrg?.name}`}
-        </Button>
-      </div>
-      <DeleteActionModal
-        isOpen={popUp.deleteOrg.isOpen}
-        title="Are you sure want to delete this organization?"
-        subTitle={`Permanently remove ${currentOrg?.name} and all of its data. This action is not reversible, so please be careful.`}
-        onChange={(isOpen) => handlePopUpToggle("deleteOrg", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={handleDeleteOrgSubmit}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgDeleteSection/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgDeleteSection/index.tsx
deleted file mode 100644
index 3ab22f286..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgDeleteSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgDeleteSection } from "./OrgDeleteSection";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AddExternalKmsForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AddExternalKmsForm.tsx
deleted file mode 100644
index 131a23442..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AddExternalKmsForm.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { useState } from "react";
-import { faAws, faGoogle } from "@fortawesome/free-brands-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { Modal, ModalContent } from "@app/components/v2";
-import { ExternalKmsProvider } from "@app/hooks/api/kms/types";
-
-import { AwsKmsForm } from "./AwsKmsForm";
-import { GcpKmsForm } from "./GcpKmsForm";
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-};
-
-enum WizardSteps {
-  SelectProvider = "select-provider",
-  ProviderInputs = "provider-inputs"
-}
-
-const EXTERNAL_KMS_LIST = [
-  {
-    icon: faAws,
-    provider: ExternalKmsProvider.Aws,
-    title: "AWS KMS"
-  },
-  {
-    icon: faGoogle,
-    provider: ExternalKmsProvider.Gcp,
-    title: "GCP KMS"
-  }
-];
-
-export const AddExternalKmsForm = ({ isOpen, onToggle }: Props) => {
-  const [wizardStep, setWizardStep] = useState(WizardSteps.SelectProvider);
-  const [selectedProvider, setSelectedProvider] = useState<string | null>(null);
-
-  const handleFormReset = (state: boolean = false) => {
-    onToggle(state);
-    setWizardStep(WizardSteps.SelectProvider);
-    setSelectedProvider(null);
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={(state) => handleFormReset(state)}>
-      <ModalContent
-        title="Add a Key Management System"
-        subTitle="Configure an external key management system (KMS)"
-        className="my-4"
-        bodyClassName="overflow-visible"
-      >
-        <AnimatePresence exitBeforeEnter>
-          {wizardStep === WizardSteps.SelectProvider && (
-            <motion.div
-              key="select-type-step"
-              transition={{ duration: 0.1 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: -30 }}
-            >
-              <div className="mb-4 text-mineshaft-300">Select a KMS Provider</div>
-              <div className="flex items-center space-x-4">
-                {EXTERNAL_KMS_LIST.map(({ icon, provider, title }) => (
-                  <div
-                    key={`kms-${provider}`}
-                    className="flex h-28 w-32 cursor-pointer flex-col items-center space-y-4 rounded border border-mineshaft-500 bg-bunker-600 p-6 transition-all hover:border-primary/70 hover:bg-primary/10 hover:text-white"
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => {
-                      setSelectedProvider(provider);
-                      setWizardStep(WizardSteps.ProviderInputs);
-                    }}
-                    onKeyDown={(evt) => {
-                      if (evt.key === "Enter") {
-                        setSelectedProvider(provider);
-                        setWizardStep(WizardSteps.ProviderInputs);
-                      }
-                    }}
-                  >
-                    <FontAwesomeIcon icon={icon} size="lg" />
-                    <div className="whitespace-pre-wrap text-center text-sm">{title}</div>
-                  </div>
-                ))}
-              </div>
-            </motion.div>
-          )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === ExternalKmsProvider.Aws && (
-              <motion.div
-                key="kms-aws"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <AwsKmsForm onCancel={() => onToggle(false)} onCompleted={() => onToggle(false)} />
-              </motion.div>
-            )}
-          {wizardStep === WizardSteps.ProviderInputs &&
-            selectedProvider === ExternalKmsProvider.Gcp && (
-              <motion.div
-                key="kms-gcp"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <GcpKmsForm onCancel={() => onToggle(false)} onCompleted={() => onToggle(false)} />
-              </motion.div>
-            )}
-        </AnimatePresence>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AwsKmsForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AwsKmsForm.tsx
deleted file mode 100644
index b8ba6d984..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AwsKmsForm.tsx
+++ /dev/null
@@ -1,273 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Badge, Button, FormControl, Input, Select, SelectItem } from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useAddExternalKms, useUpdateExternalKms } from "@app/hooks/api";
-import {
-  AddExternalKmsSchema,
-  AddExternalKmsType,
-  ExternalKmsProvider,
-  Kms,
-  KmsAwsCredentialType
-} from "@app/hooks/api/kms/types";
-
-const AWS_REGIONS = [
-  { name: "US East (Ohio)", slug: "us-east-2" },
-  { name: "US East (N. Virginia)", slug: "us-east-1" },
-  { name: "US West (N. California)", slug: "us-west-1" },
-  { name: "US West (Oregon)", slug: "us-west-2" },
-  { name: "Africa (Cape Town)", slug: "af-south-1" },
-  { name: "Asia Pacific (Hong Kong)", slug: "ap-east-1" },
-  { name: "Asia Pacific (Hyderabad)", slug: "ap-south-2" },
-  { name: "Asia Pacific (Jakarta)", slug: "ap-southeast-3" },
-  { name: "Asia Pacific (Melbourne)", slug: "ap-southeast-4" },
-  { name: "Asia Pacific (Mumbai)", slug: "ap-south-1" },
-  { name: "Asia Pacific (Osaka)", slug: "ap-northeast-3" },
-  { name: "Asia Pacific (Seoul)", slug: "ap-northeast-2" },
-  { name: "Asia Pacific (Singapore)", slug: "ap-southeast-1" },
-  { name: "Asia Pacific (Sydney)", slug: "ap-southeast-2" },
-  { name: "Asia Pacific (Tokyo)", slug: "ap-northeast-1" },
-  { name: "Canada (Central)", slug: "ca-central-1" },
-  { name: "Europe (Frankfurt)", slug: "eu-central-1" },
-  { name: "Europe (Ireland)", slug: "eu-west-1" },
-  { name: "Europe (London)", slug: "eu-west-2" },
-  { name: "Europe (Milan)", slug: "eu-south-1" },
-  { name: "Europe (Paris)", slug: "eu-west-3" },
-  { name: "Europe (Spain)", slug: "eu-south-2" },
-  { name: "Europe (Stockholm)", slug: "eu-north-1" },
-  { name: "Europe (Zurich)", slug: "eu-central-2" },
-  { name: "Middle East (Bahrain)", slug: "me-south-1" },
-  { name: "Middle East (UAE)", slug: "me-central-1" },
-  { name: "South America (Sao Paulo)", slug: "sa-east-1" },
-  { name: "AWS GovCloud (US-East)", slug: "us-gov-east-1" },
-  { name: "AWS GovCloud (US-West)", slug: "us-gov-west-1" }
-];
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  kms?: Kms;
-};
-
-export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
-  const {
-    control,
-    handleSubmit,
-    watch,
-    setValue,
-    formState: { isSubmitting }
-  } = useForm<AddExternalKmsType>({
-    resolver: zodResolver(AddExternalKmsSchema),
-    defaultValues: {
-      name: kms?.name,
-      description: kms?.description ?? "",
-      provider: {
-        type: ExternalKmsProvider.Aws,
-        inputs: {
-          credential: {
-            type: kms?.external?.providerInput?.credential?.type,
-            data: {
-              accessKey: kms?.external?.providerInput?.credential?.data?.accessKey,
-              secretKey: kms?.external?.providerInput?.credential?.data?.secretKey,
-              assumeRoleArn: kms?.external?.providerInput?.credential?.data?.assumeRoleArn,
-              externalId: kms?.external?.providerInput?.credential?.data?.externalId
-            }
-          },
-          awsRegion: kms?.external?.providerInput?.awsRegion,
-          kmsKeyId: kms?.external?.providerInput?.kmsKeyId
-        }
-      }
-    }
-  });
-
-  const { currentOrg } = useOrganization();
-  const { mutateAsync: addAwsExternalKms } = useAddExternalKms(currentOrg?.id!);
-  const { mutateAsync: updateAwsExternalKms } = useUpdateExternalKms(currentOrg?.id!);
-
-  const selectedAwsAuthType = watch("provider.inputs.credential.type");
-
-  const handleAwsKmsFormSubmit = async (data: AddExternalKmsType) => {
-    const { name, description, provider } = data;
-    try {
-      if (kms) {
-        await updateAwsExternalKms({
-          kmsId: kms.id,
-          name,
-          description,
-          provider
-        });
-
-        createNotification({
-          text: "Successfully updated AWS External KMS",
-          type: "success"
-        });
-      } else {
-        await addAwsExternalKms({
-          name,
-          description,
-          provider
-        });
-
-        createNotification({
-          text: "Successfully added AWS External KMS",
-          type: "success"
-        });
-      }
-
-      onCompleted();
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleAwsKmsFormSubmit)} autoComplete="off">
-      <Controller
-        control={control}
-        name="name"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Alias" errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="description"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Description" errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="provider.inputs.credential.type"
-        defaultValue={KmsAwsCredentialType.AssumeRole}
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl
-            label="Authentication Mode"
-            errorText={error?.message}
-            isError={Boolean(error)}
-          >
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => {
-                setValue("provider.inputs.credential.data.accessKey", "");
-                setValue("provider.inputs.credential.data.secretKey", "");
-                setValue("provider.inputs.credential.data.assumeRoleArn", "");
-                setValue("provider.inputs.credential.data.externalId", "");
-
-                onChange(e);
-              }}
-              className="w-full"
-            >
-              <SelectItem value={KmsAwsCredentialType.AssumeRole}>AWS Assume Role</SelectItem>
-              <SelectItem value={KmsAwsCredentialType.AccessKey}>Access Key</SelectItem>
-            </Select>
-          </FormControl>
-        )}
-      />
-
-      {selectedAwsAuthType === KmsAwsCredentialType.AccessKey ? (
-        <>
-          <Controller
-            control={control}
-            name="provider.inputs.credential.data.accessKey"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Access Key ID"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input placeholder="" {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="provider.inputs.credential.data.secretKey"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Secret Access Key"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input type="password" autoComplete="new-password" placeholder="" {...field} />
-              </FormControl>
-            )}
-          />
-        </>
-      ) : (
-        <>
-          <Controller
-            control={control}
-            name="provider.inputs.credential.data.assumeRoleArn"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="IAM Role ARN For Role Assumption"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input placeholder="" {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            name="provider.inputs.credential.data.externalId"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Assume Role External ID"
-                errorText={error?.message}
-                isError={Boolean(error)}
-              >
-                <Input placeholder="" {...field} />
-              </FormControl>
-            )}
-          />
-        </>
-      )}
-      <Controller
-        control={control}
-        name="provider.inputs.awsRegion"
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="AWS Region" errorText={error?.message} isError={Boolean(error)}>
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => onChange(e)}
-              className="w-full border border-mineshaft-500"
-            >
-              {AWS_REGIONS.map((awsRegion) => (
-                <SelectItem value={awsRegion.slug} key={`kms-aws-region-${awsRegion.slug}`}>
-                  {awsRegion.name} <Badge variant="success">{awsRegion.slug}</Badge>
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="provider.inputs.kmsKeyId"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="AWS KMS Key ID" errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      <div className="mt-6 flex items-center space-x-4">
-        <Button type="submit" isLoading={isSubmitting}>
-          Save
-        </Button>
-        <Button variant="outline_bg" onClick={onCancel}>
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/GcpKmsForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/GcpKmsForm.tsx
deleted file mode 100644
index 35bcf00d4..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/GcpKmsForm.tsx
+++ /dev/null
@@ -1,360 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Badge, Button, FilterableSelect, FormControl, Input } from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import {
-  useAddExternalKms,
-  useExternalKmsFetchGcpKeys,
-  useUpdateExternalKms
-} from "@app/hooks/api";
-import {
-  AddExternalKmsGcpFormSchema,
-  AddExternalKmsGcpFormSchemaType,
-  ExternalKmsGcpCredentialSchema,
-  ExternalKmsGcpCredentialSchemaType,
-  ExternalKmsProvider,
-  Kms
-} from "@app/hooks/api/kms/types";
-
-type Props = {
-  onCompleted: () => void;
-  onCancel: () => void;
-  kms?: Kms;
-};
-
-const GCP_REGIONS = [
-  { label: "Johannesburg", value: "africa-south1" },
-  { label: "Taiwan", value: "asia-east1" },
-  { label: "Hong Kong", value: "asia-east2" },
-  { label: "Tokyo", value: "asia-northeast1" },
-  { label: "Osaka", value: "asia-northeast2" },
-  { label: "Seoul", value: "asia-northeast3" },
-  { label: "Mumbai", value: "asia-south1" },
-  { label: "Delhi", value: "asia-south2" },
-  { label: "Singapore", value: "asia-southeast1" },
-  { label: "Jakarta", value: "asia-southeast2" },
-  { label: "Sydney", value: "australia-southeast1" },
-  { label: "Melbourne", value: "australia-southeast2" },
-  { label: "Warsaw", value: "europe-central2" },
-  { label: "Finland", value: "europe-north1" },
-  { label: "Belgium", value: "europe-west1" },
-  { label: "London", value: "europe-west2" },
-  { label: "Frankfurt", value: "europe-west3" },
-  { label: "Netherlands", value: "europe-west4" },
-  { label: "Zurich", value: "europe-west6" },
-  { label: "Milan", value: "europe-west8" },
-  { label: "Paris", value: "europe-west9" },
-  { label: "Berlin", value: "europe-west10" },
-  { label: "Turin", value: "europe-west12" },
-  { label: "Madrid", value: "europe-southwest1" },
-  { label: "Doha", value: "me-central1" },
-  { label: "Dammam", value: "me-central2" },
-  { label: "Tel Aviv", value: "me-west1" },
-  { label: "Montréal", value: "northamerica-northeast1" },
-  { label: "Toronto", value: "northamerica-northeast2" },
-  { label: "São Paulo", value: "southamerica-east1" },
-  { label: "Santiago", value: "southamerica-west1" },
-  { label: "Iowa", value: "us-central1" },
-  { label: "South Carolina", value: "us-east1" },
-  { label: "North Virginia", value: "us-east4" },
-  { label: "Columbus", value: "us-east5" },
-  { label: "Dallas", value: "us-south1" },
-  { label: "Oregon", value: "us-west1" },
-  { label: "Los Angeles", value: "us-west2" },
-  { label: "Salt Lake City", value: "us-west3" },
-  { label: "Las Vegas", value: "us-west4" }
-];
-
-const formatOptionLabel = ({ value, label }: { value: string; label: string }) => (
-  <div className="flex w-full flex-row items-center justify-between">
-    <span>{label}</span>
-    <Badge variant="success">{value}</Badge>
-  </div>
-);
-
-export const GcpKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
-  const [isCredentialValid, setIsCredentialValid] = useState<boolean>(false);
-  const [keys, setKeys] = useState<{ value: string; label: string }[]>([]);
-
-  const {
-    control,
-    handleSubmit,
-    setError,
-    clearErrors,
-    getValues,
-    resetField,
-    setValue,
-    formState: { isSubmitting }
-  } = useForm<AddExternalKmsGcpFormSchemaType>({
-    resolver: zodResolver(AddExternalKmsGcpFormSchema),
-    defaultValues: {
-      formType: kms ? "updateGcpKms" : "newGcpKms",
-      name: kms?.name ?? "",
-      description: kms?.description ?? "",
-      gcpRegion: kms
-        ? {
-            label:
-              GCP_REGIONS.find((r) => r.value === kms.external.providerInput.gcpRegion)?.label ??
-              "",
-            value: kms.external.providerInput.gcpRegion
-          }
-        : undefined,
-      keyObject: undefined
-    }
-  });
-
-  const { currentOrg } = useOrganization();
-  const { mutateAsync: addGcpExternalKms } = useAddExternalKms(currentOrg?.id!);
-  const { mutateAsync: updateGcpExternalKms } = useUpdateExternalKms(currentOrg?.id!);
-  const { mutateAsync: fetchGcpKeys, isLoading: isFetchGcpKeysLoading } =
-    useExternalKmsFetchGcpKeys(currentOrg?.id!);
-
-  // transforms the credential file into a JSON object
-  async function getCredentialFileJson(): Promise<ExternalKmsGcpCredentialSchemaType | null> {
-    const files = getValues("credentialFile");
-    if (!files || !files.length) {
-      return null;
-    }
-    const file = files[0];
-    if (file.type !== "application/json") {
-      setError("credentialFile", {
-        message: "Only .json files are accepted."
-      });
-      return null;
-    }
-    const jsonContents = await file.text();
-    const parsedJson = ExternalKmsGcpCredentialSchema.safeParse(JSON.parse(jsonContents));
-    if (!parsedJson.success) {
-      setError("credentialFile", {
-        message: "Invalid Service Account credential JSON."
-      });
-      return null;
-    }
-    clearErrors("credentialFile");
-    return parsedJson.data;
-  }
-
-  // handles the form submission
-  const handleGcpKmsFormSubmit = async (data: AddExternalKmsGcpFormSchemaType) => {
-    const { name, description, gcpRegion: gcpRegionObject, keyObject } = data;
-    const gcpRegion = gcpRegionObject.value;
-    if (!keys.find((k) => k.value === keyObject?.value)) {
-      setError("keyObject", {
-        message: "Please select a valid key."
-      });
-      resetField("keyObject");
-      return;
-    }
-
-    try {
-      if (kms) {
-        await updateGcpExternalKms({
-          kmsId: kms.id,
-          name,
-          description,
-          provider: {
-            type: ExternalKmsProvider.Gcp,
-            inputs: {
-              gcpRegion,
-              keyName: keyObject?.value
-            }
-          }
-        });
-
-        createNotification({
-          text: "Successfully updated GCP External KMS",
-          type: "success"
-        });
-      } else {
-        const credentialJson = await getCredentialFileJson();
-        if (!credentialJson) {
-          return;
-        }
-        await addGcpExternalKms({
-          name,
-          description,
-          provider: {
-            type: ExternalKmsProvider.Gcp,
-            inputs: {
-              gcpRegion,
-              keyName: keyObject?.value,
-              credential: credentialJson
-            }
-          }
-        });
-
-        createNotification({
-          text: "Successfully added GCP External KMS",
-          type: "success"
-        });
-      }
-
-      onCompleted();
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const fetchGCPKeys = async () => {
-    // @ts-expect-error - issue with the way react-select renders the placeholder. We need to set the value to null explicitly otherwise it will not re-render
-    setValue("keyObject", null);
-    setKeys([]);
-
-    const credentialJson = kms ? undefined : await getCredentialFileJson();
-    if (!kms && !credentialJson) {
-      return;
-    }
-    const gcpRegion = getValues("gcpRegion").value;
-    if (!gcpRegion.length) {
-      setError("gcpRegion", {
-        message: "Please select a GCP region to fetch GCP Keys."
-      });
-      return;
-    }
-    const res = await fetchGcpKeys({
-      gcpRegion,
-      ...(kms ? { kmsId: kms.id } : { credential: credentialJson! })
-    });
-    setIsCredentialValid(!!res.keys);
-    const returnedKeys = res.keys.map((key) => {
-      const parts = key.split("/");
-      const keyLabel = `${parts[5]}/${parts[7]}`;
-      return {
-        value: key,
-        label: keyLabel
-      };
-    });
-
-    setKeys(returnedKeys);
-    if (kms) {
-      const existingKey = returnedKeys.find((k) => k.value === kms.external.providerInput.keyName);
-      if (existingKey) {
-        setValue("keyObject", existingKey);
-      }
-    }
-  };
-
-  const getPlaceholderText = () => {
-    if (isFetchGcpKeysLoading) {
-      return "Loading keys in this region...";
-    }
-    if (!isCredentialValid) {
-      return "Upload a valid credential file";
-    }
-    if (keys.length) {
-      return "Select a key";
-    }
-
-    return "No valid keys found in this region";
-  };
-
-  useEffect(() => {
-    if (kms && !isCredentialValid) {
-      fetchGCPKeys();
-    }
-  }, [kms]);
-
-  return (
-    <form onSubmit={handleSubmit(handleGcpKmsFormSubmit)} autoComplete="off">
-      <Controller
-        control={control}
-        name="name"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Alias" errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="description"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Description" errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="gcpRegion"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="GCP Region" errorText={error?.message} isError={Boolean(error)}>
-            <FilterableSelect
-              className="w-full"
-              placeholder="Select a GCP region"
-              name="gcpRegion"
-              options={GCP_REGIONS}
-              value={field.value}
-              onChange={(e) => {
-                resetField("keyObject");
-                field.onChange(e);
-                fetchGCPKeys();
-              }}
-              formatOptionLabel={formatOptionLabel}
-            />
-          </FormControl>
-        )}
-      />
-      {!kms && (
-        <Controller
-          control={control}
-          name="credentialFile"
-          render={({ field: { value, onChange, ref, ...rest }, fieldState: { error } }) => (
-            <FormControl
-              label="Service Account Credential JSON"
-              errorText={error?.message}
-              isError={Boolean(error)}
-            >
-              <Input
-                {...rest}
-                ref={ref}
-                type="file"
-                accept=".json"
-                placeholder=""
-                value={value?.filename}
-                onChange={(e) => {
-                  onChange(e.target.files);
-                  fetchGCPKeys();
-                }}
-              />
-            </FormControl>
-          )}
-        />
-      )}
-      <Controller
-        control={control}
-        name="keyObject"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="GCP Key Name" errorText={error?.message} isError={Boolean(error)}>
-            <FilterableSelect
-              className="w-full"
-              placeholder={getPlaceholderText()}
-              isDisabled={!isCredentialValid || !keys.length}
-              name="key"
-              options={keys}
-              value={field.value}
-              onChange={field.onChange}
-            />
-          </FormControl>
-        )}
-      />
-      {kms && (
-        <span className="text-xs text-mineshaft-300">
-          To change your GCP credentials, create a new external KMS and assign it to project you
-          want to use it with.
-        </span>
-      )}
-      <div className="mt-6 flex items-center space-x-4">
-        <Button type="submit" isLoading={isSubmitting}>
-          Save
-        </Button>
-        <Button variant="outline_bg" onClick={onCancel}>
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/OrgEncryptionTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/OrgEncryptionTab.tsx
deleted file mode 100644
index 1bdf2757d..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/OrgEncryptionTab.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import { faAws, faGoogle } from "@fortawesome/free-brands-svg-icons";
-import { faEllipsis, faLock, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  THead,
-  Tr,
-  UpgradePlanModal
-} from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useSubscription
-} from "@app/context";
-import { withPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import { useGetExternalKmsList, useRemoveExternalKms } from "@app/hooks/api";
-import { ExternalKmsProvider } from "@app/hooks/api/kms/types";
-
-import { AddExternalKmsForm } from "./AddExternalKmsForm";
-import { UpdateExternalKmsForm } from "./UpdateExternalKmsForm";
-
-export const OrgEncryptionTab = withPermission(
-  () => {
-    const { currentOrg } = useOrganization();
-    const { subscription } = useSubscription();
-    const orgId = currentOrg?.id || "";
-    const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-      "upgradePlan",
-      "addExternalKms",
-      "editExternalKms",
-      "removeExternalKms"
-    ] as const);
-    const { data: externalKmsList, isLoading: isExternalKmsListLoading } =
-      useGetExternalKmsList(orgId);
-
-    const { mutateAsync: removeExternalKms } = useRemoveExternalKms(currentOrg?.id!);
-
-    const handleRemoveExternalKms = async () => {
-      const { kmsId } = popUp?.removeExternalKms?.data as {
-        kmsId: string;
-      };
-
-      try {
-        await removeExternalKms(kmsId);
-
-        createNotification({
-          text: "Successfully deleted external KMS",
-          type: "success"
-        });
-
-        handlePopUpToggle("removeExternalKms", false);
-      } catch (err) {
-        console.error(err);
-      }
-    };
-
-    return (
-      <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="flex justify-between">
-          <p className="text-xl font-semibold text-mineshaft-100">Key Management System (KMS)</p>
-          <OrgPermissionCan I={OrgPermissionActions.Create} an={OrgPermissionSubjects.Kms}>
-            {(isAllowed) => (
-              <Button
-                onClick={() => {
-                  if (subscription && !subscription?.externalKms) {
-                    handlePopUpOpen("upgradePlan");
-                    return;
-                  }
-                  handlePopUpOpen("addExternalKms");
-                }}
-                isDisabled={!isAllowed}
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              >
-                Add
-              </Button>
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="mb-4 text-gray-400">
-          Encrypt your organization&apos;s data with external KMS.
-        </p>
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Td>Provider</Td>
-                <Td>Alias</Td>
-              </Tr>
-            </THead>
-            <TBody>
-              {isExternalKmsListLoading && <TableSkeleton columns={2} innerKey="kms-loading" />}
-              {!isExternalKmsListLoading && externalKmsList && externalKmsList?.length === 0 && (
-                <Tr>
-                  <Td colSpan={5}>
-                    <EmptyState title="No external KMS found" icon={faLock} />
-                  </Td>
-                </Tr>
-              )}
-              {!isExternalKmsListLoading &&
-                externalKmsList?.map((kms) => (
-                  <Tr key={kms.id}>
-                    <Td className="flex max-w-xs items-center overflow-hidden text-ellipsis hover:overflow-auto hover:break-all">
-                      {kms.externalKms.provider === ExternalKmsProvider.Aws && (
-                        <FontAwesomeIcon icon={faAws} />
-                      )}
-                      {kms.externalKms.provider === ExternalKmsProvider.Gcp && (
-                        <FontAwesomeIcon icon={faGoogle} />
-                      )}
-                      <div className="ml-2">{kms.externalKms.provider.toUpperCase()}</div>
-                    </Td>
-                    <Td>{kms.name}</Td>
-                    <Td>
-                      <DropdownMenu>
-                        <DropdownMenuTrigger asChild className="rounded-lg">
-                          <div className="flex justify-end hover:text-primary-400 data-[state=open]:text-primary-400">
-                            <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                          </div>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent align="start" className="p-1">
-                          <OrgPermissionCan
-                            I={OrgPermissionActions.Edit}
-                            an={OrgPermissionSubjects.Kms}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                disabled={!isAllowed}
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  if (subscription && !subscription?.externalKms) {
-                                    handlePopUpOpen("upgradePlan");
-                                    return;
-                                  }
-
-                                  handlePopUpOpen("editExternalKms", {
-                                    kmsId: kms.id
-                                  });
-                                }}
-                              >
-                                Edit
-                              </DropdownMenuItem>
-                            )}
-                          </OrgPermissionCan>
-                          <OrgPermissionCan
-                            I={OrgPermissionActions.Delete}
-                            an={OrgPermissionSubjects.Kms}
-                          >
-                            {(isAllowed) => (
-                              <DropdownMenuItem
-                                disabled={!isAllowed}
-                                className={twMerge(
-                                  !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                                )}
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  handlePopUpOpen("removeExternalKms", {
-                                    name: kms.name,
-                                    kmsId: kms.id,
-                                    provider: kms.externalKms.provider
-                                  });
-                                }}
-                              >
-                                Delete
-                              </DropdownMenuItem>
-                            )}
-                          </OrgPermissionCan>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-                    </Td>
-                  </Tr>
-                ))}
-            </TBody>
-          </Table>
-        </TableContainer>
-        <UpgradePlanModal
-          isOpen={popUp.upgradePlan.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-          text="You can configure external KMS if you switch to Infisical's Enterprise plan."
-        />
-        <AddExternalKmsForm
-          isOpen={popUp.addExternalKms.isOpen}
-          onToggle={(state) => handlePopUpToggle("addExternalKms", state)}
-        />
-        <UpdateExternalKmsForm
-          isOpen={popUp.editExternalKms.isOpen}
-          kmsId={(popUp.editExternalKms.data as { kmsId: string })?.kmsId}
-          onOpenChange={(state) => handlePopUpToggle("editExternalKms", state)}
-        />
-        <DeleteActionModal
-          isOpen={popUp.removeExternalKms.isOpen}
-          title={`Are you sure want to remove ${
-            (popUp?.removeExternalKms?.data as { slug: string })?.slug || ""
-          } from ${(popUp?.removeExternalKms?.data as { provider: string })?.provider || ""}?`}
-          onChange={(isOpen) => handlePopUpToggle("removeExternalKms", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={handleRemoveExternalKms}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Kms }
-);
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/UpdateExternalKmsForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/UpdateExternalKmsForm.tsx
deleted file mode 100644
index bc2e85558..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/UpdateExternalKmsForm.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ContentLoader, Modal, ModalContent } from "@app/components/v2";
-import { useGetExternalKmsById } from "@app/hooks/api";
-import { ExternalKmsProvider } from "@app/hooks/api/kms/types";
-
-import { AwsKmsForm } from "./AwsKmsForm";
-import { GcpKmsForm } from "./GcpKmsForm";
-
-type Props = {
-  isOpen: boolean;
-  kmsId: string;
-  onOpenChange: (state: boolean) => void;
-};
-
-export const UpdateExternalKmsForm = ({ isOpen, kmsId, onOpenChange }: Props) => {
-  const { data: externalKms, isLoading } = useGetExternalKmsById(kmsId);
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title="Edit configuration" bodyClassName="overflow-visible">
-        {isLoading && <ContentLoader />}
-        {externalKms?.external?.provider === ExternalKmsProvider.Aws && (
-          <AwsKmsForm
-            kms={externalKms}
-            onCancel={() => onOpenChange(false)}
-            onCompleted={() => onOpenChange(false)}
-          />
-        )}
-        {externalKms?.external?.provider === ExternalKmsProvider.Gcp && (
-          <GcpKmsForm
-            kms={externalKms}
-            onCancel={() => onOpenChange(false)}
-            onCompleted={() => onOpenChange(false)}
-          />
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/index.tsx
deleted file mode 100644
index c32c02d76..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgEncryptionTab } from "./OrgEncryptionTab";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgGeneralTab/OrgGeneralTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgGeneralTab/OrgGeneralTab.tsx
deleted file mode 100644
index 917d08be9..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgGeneralTab/OrgGeneralTab.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useOrgPermission } from "@app/context";
-
-import { OrgDeleteSection } from "../OrgDeleteSection";
-import { OrgIncidentContactsSection } from "../OrgIncidentContactsSection";
-import { OrgNameChangeSection } from "../OrgNameChangeSection";
-
-export const OrgGeneralTab = () => {
-  const { membership } = useOrgPermission();
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
-      <OrgNameChangeSection />
-      <OrgIncidentContactsSection />
-      {membership && membership.role === "admin" && <OrgDeleteSection />}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgGeneralTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgGeneralTab/index.tsx
deleted file mode 100644
index 46db8314d..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgGeneralTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgGeneralTab } from "./OrgGeneralTab";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/AddOrgIncidentContactModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/AddOrgIncidentContactModal.tsx
deleted file mode 100644
index c45e47a5f..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/AddOrgIncidentContactModal.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useAddIncidentContact } from "@app/hooks/api";
-import { useFetchServerStatus } from "@app/hooks/api/serverDetails";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const addContactFormSchema = yup.object({
-  email: yup.string().email().required().label("Email").trim()
-});
-
-type TAddContactForm = yup.InferType<typeof addContactFormSchema>;
-
-type Props = {
-  popUp: UsePopUpState<["addContact"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["addContact"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addContact"]>, state?: boolean) => void;
-};
-
-export const AddOrgIncidentContactModal = ({
-  popUp,
-  handlePopUpClose,
-  handlePopUpToggle
-}: Props) => {
-  
-  const { currentOrg } = useOrganization();
-  const { data: serverDetails } = useFetchServerStatus();
-  const { control, handleSubmit, reset } = useForm<TAddContactForm>({
-    resolver: yupResolver(addContactFormSchema)
-  });
-
-  const { mutateAsync, isLoading } = useAddIncidentContact();
-
-  const onFormSubmit = async ({ email }: TAddContactForm) => {
-    try {
-      if (!currentOrg?.id) return;
-
-      await mutateAsync({
-        orgId: currentOrg.id,
-        email
-      });
-
-      createNotification({
-        text: "Successfully added incident contact",
-        type: "success"
-      });
-
-      if (serverDetails?.emailConfigured) {
-        handlePopUpClose("addContact");
-      }
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to add incident contact",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.addContact?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addContact", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent
-        title="Add an Incident Contact"
-        subTitle="This contact will be notified in the unlikely event of a severe incident."
-      >
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="email"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Email" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center space-x-4">
-            <Button size="sm" type="submit" isLoading={isLoading} isDisabled={isLoading}>
-              Add Incident Contact
-            </Button>
-            <Button
-              colorSchema="secondary"
-              variant="plain"
-              onClick={() => handlePopUpClose("addContact")}
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/OrgIncidentContactsSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/OrgIncidentContactsSection.tsx
deleted file mode 100644
index 61639f524..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/OrgIncidentContactsSection.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan, PermissionDeniedBanner } from "@app/components/permissions";
-import { Button } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrgPermission } from "@app/context";
-import { usePopUp } from "@app/hooks";
-
-import { AddOrgIncidentContactModal } from "./AddOrgIncidentContactModal";
-import { OrgIncidentContactsTable } from "./OrgIncidentContactsTable";
-
-export const OrgIncidentContactsSection = () => {
-  const { t } = useTranslation();
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "addContact"
-  ] as const);
-  const { permission } = useOrgPermission();
-
-  return (
-    <>
-      <hr className="border-mineshaft-600" />
-      <div className="flex items-center justify-between pt-4">
-        <p className="text-md text-mineshaft-100">{t("section.incident.incident-contacts")}</p>
-        <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.IncidentAccount}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="secondary"
-              type="submit"
-              isDisabled={!isAllowed}
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => handlePopUpOpen("addContact")}
-            >
-              Add contact
-            </Button>
-          )}
-        </OrgPermissionCan>
-      </div>
-      <div className="py-4">
-        {permission.can(OrgPermissionActions.Read, OrgPermissionSubjects.IncidentAccount) ? (
-          <OrgIncidentContactsTable />
-        ) : (
-          <PermissionDeniedBanner />
-        )}
-      </div>
-      <AddOrgIncidentContactModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/OrgIncidentContactsTable.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/OrgIncidentContactsTable.tsx
deleted file mode 100644
index b9091b1ab..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/OrgIncidentContactsTable.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { useState } from "react";
-import { faContactBook, faMagnifyingGlass, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Input,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteIncidentContact, useGetOrgIncidentContact } from "@app/hooks/api";
-
-export const OrgIncidentContactsTable = () => {
-  
-  const { currentOrg } = useOrganization();
-  const { data: contacts, isLoading } = useGetOrgIncidentContact(currentOrg?.id ?? "");
-  const [searchContact, setSearchContact] = useState("");
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "removeContact",
-    "setUpEmail"
-  ] as const);
-  const { mutateAsync } = useDeleteIncidentContact();
-
-  const onRemoveIncidentContact = async () => {
-    try {
-      const incidentContactId = (popUp?.removeContact?.data as { id: string })?.id;
-
-      if (!currentOrg?.id) return;
-      await mutateAsync({
-        orgId: currentOrg.id,
-        incidentContactId
-      });
-
-      createNotification({
-        text: "Successfully removed incident contact",
-        type: "success"
-      });
-
-      handlePopUpClose("removeContact");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to remove incident contact",
-        type: "error"
-      });
-    }
-  };
-
-  const filteredContacts = contacts
-    ? contacts.filter(({ email }) => email.toLocaleLowerCase().includes(searchContact))
-    : [];
-
-  return (
-    <div>
-      <Input
-        value={searchContact}
-        onChange={(e) => setSearchContact(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search incident contact by email..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Email</Th>
-              <Th aria-label="actions" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={2} innerKey="incident-contact" />}
-            {filteredContacts?.map(({ email, id }) => (
-              <Tr key={email}>
-                <Td className="w-full">{email}</Td>
-                <Td className="mr-4">
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Delete}
-                    an={OrgPermissionSubjects.IncidentAccount}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        ariaLabel="delete"
-                        colorSchema="danger"
-                        onClick={() => handlePopUpOpen("removeContact", { email, id })}
-                        isDisabled={!isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faTrash} />
-                      </IconButton>
-                    )}
-                  </OrgPermissionCan>
-                </Td>
-              </Tr>
-            ))}
-          </TBody>
-        </Table>
-        {filteredContacts?.length === 0 && !isLoading && (
-          <EmptyState title="No incident contacts found" icon={faContactBook} />
-        )}
-      </TableContainer>
-      <DeleteActionModal
-        isOpen={popUp.removeContact.isOpen}
-        deleteKey="remove"
-        title="Do you want to remove this email from incident contact?"
-        onChange={(isOpen) => handlePopUpToggle("removeContact", isOpen)}
-        onDeleteApproved={onRemoveIncidentContact}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/index.tsx
deleted file mode 100644
index ceaf7269e..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgIncidentContactsSection/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { AddOrgIncidentContactModal } from "./AddOrgIncidentContactModal";
-export { OrgIncidentContactsSection } from "./OrgIncidentContactsSection";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx
deleted file mode 100644
index b24f2a205..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, FormControl, Input, Select, SelectItem, Spinner } from "@app/components/v2";
-import {
-  OrgPermissionActions,
-  OrgPermissionSubjects,
-  useOrganization,
-  useOrgPermission
-} from "@app/context";
-import { isCustomOrgRole } from "@app/helpers/roles";
-import { useGetOrgRoles, useUpdateOrg } from "@app/hooks/api";
-
-const formSchema = yup.object({
-  name: yup
-    .string()
-    .required()
-    .label("Organization Name")
-    .max(64, "Too long, maximum length is 64 characters"),
-  slug: yup
-    .string()
-    .matches(/^[a-zA-Z0-9-]+$/, "Name must only contain alphanumeric characters or hyphens")
-    .required()
-    .label("Organization Slug"),
-  defaultMembershipRole: yup.string().required().label("Default Membership Role")
-});
-
-type FormData = yup.InferType<typeof formSchema>;
-
-export const OrgNameChangeSection = (): JSX.Element => {
-  const { currentOrg } = useOrganization();
-  const { permission } = useOrgPermission();
-
-  const { handleSubmit, control, reset } = useForm<FormData>({
-    resolver: yupResolver(formSchema)
-  });
-  const { mutateAsync, isLoading } = useUpdateOrg();
-
-  const canReadOrgRoles = permission.can(OrgPermissionActions.Read, OrgPermissionSubjects.Role);
-
-  const { data: roles, isLoading: isRolesLoading } = useGetOrgRoles(
-    currentOrg?.id!,
-    canReadOrgRoles
-  );
-  const [isFormInitialized, setIsFormInitialized] = useState(false);
-
-  useEffect(() => {
-    if (currentOrg) {
-      reset({
-        name: currentOrg.name,
-        slug: currentOrg.slug,
-        ...(canReadOrgRoles &&
-          roles?.length && {
-            // will always be present, can't remove role if default
-            defaultMembershipRole: isCustomOrgRole(currentOrg.defaultMembershipRole)
-              ? roles?.find((role) => currentOrg.defaultMembershipRole === role.id)?.slug!
-              : currentOrg.defaultMembershipRole
-          })
-      });
-      setIsFormInitialized(true);
-    }
-  }, [currentOrg, roles]);
-
-  const onFormSubmit = async ({ name, slug, defaultMembershipRole }: FormData) => {
-    try {
-      if (!currentOrg?.id || !roles?.length) return;
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        name,
-        slug,
-        defaultMembershipRoleSlug: defaultMembershipRole
-      });
-
-      createNotification({
-        text: "Successfully updated organization details",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to update organization details",
-        type: "error"
-      });
-    }
-  };
-
-  if (!isFormInitialized) {
-    return (
-      <div className="flex h-[25.25rem] w-full items-center justify-center">
-        <Spinner size="lg" />
-      </div>
-    );
-  }
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)} className="py-4">
-      <div className="">
-        <h2 className="text-md mb-2 text-mineshaft-100">Organization Name</h2>
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message} className="max-w-md">
-              <Input placeholder="Acme Corp" {...field} />
-            </FormControl>
-          )}
-          control={control}
-          name="name"
-        />
-      </div>
-      <div className="py-4">
-        <h2 className="text-md mb-2 text-mineshaft-100">Organization Slug</h2>
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message} className="max-w-md">
-              <Input placeholder="acme" {...field} />
-            </FormControl>
-          )}
-          control={control}
-          name="slug"
-        />
-      </div>
-      {canReadOrgRoles && (
-        <div className="pb-4">
-          <h2 className="text-md mb-2 text-mineshaft-100">Default Organization Member Role</h2>
-          <p className="text-mineshaft-400" />
-          <Controller
-            defaultValue=""
-            control={control}
-            name="defaultMembershipRole"
-            render={({ field: { value, onChange }, fieldState: { error } }) => (
-              <FormControl
-                helperText="Users joining your organization will be assigned this role unless otherwise specified."
-                isError={Boolean(error)}
-                errorText={error?.message}
-                className="max-w-md"
-              >
-                <Select
-                  isDisabled={isRolesLoading}
-                  className="w-full capitalize"
-                  value={value}
-                  onValueChange={!roles?.length ? undefined : onChange}
-                >
-                  {roles?.map((role) => {
-                    return (
-                      <SelectItem key={role.id} value={role.slug}>
-                        {role.name}
-                      </SelectItem>
-                    );
-                  })}
-                </Select>
-              </FormControl>
-            )}
-          />
-        </div>
-      )}
-      <OrgPermissionCan I={OrgPermissionActions.Edit} a={OrgPermissionSubjects.Settings}>
-        {(isAllowed) => (
-          <Button
-            isLoading={isLoading}
-            isDisabled={!isAllowed}
-            colorSchema="primary"
-            variant="outline_bg"
-            type="submit"
-          >
-            Save
-          </Button>
-        )}
-      </OrgPermissionCan>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/index.tsx
deleted file mode 100644
index 4d86fcddb..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgNameChangeSection } from "./OrgNameChangeSection";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgTabGroup/OrgTabGroup.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgTabGroup/OrgTabGroup.tsx
deleted file mode 100644
index b15db359f..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgTabGroup/OrgTabGroup.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Fragment, useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import { Tab } from "@headlessui/react";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { AppConnectionsTab } from "@app/views/Settings/OrgSettingsPage/components/AppConnectionsTab";
-import { ProjectTemplatesTab } from "@app/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab";
-
-import { AuditLogStreamsTab } from "../AuditLogStreamTab";
-import { ImportTab } from "../ImportTab";
-import { OrgAuthTab } from "../OrgAuthTab";
-import { OrgEncryptionTab } from "../OrgEncryptionTab";
-import { OrgGeneralTab } from "../OrgGeneralTab";
-import { OrgWorkflowIntegrationTab } from "../OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab";
-
-const tabs = [
-  { name: "General", key: "tab-org-general" },
-  { name: "Security", key: "tab-org-security" },
-  { name: "Encryption", key: "tab-org-encryption" },
-  { name: "Workflow Integrations", key: "workflow-integrations" },
-  { name: "App Connections", key: "app-connections" },
-  { name: "Audit Log Streams", key: "tag-audit-log-streams" },
-  { name: "Import", key: "tab-import" },
-  { name: "Project Templates", key: "project-templates" }
-];
-export const OrgTabGroup = () => {
-  const { query } = useRouter();
-  const [selectedTabIndex, setSelectedTabIndex] = useState(0);
-  const selectedTab = query.selectedTab as string;
-
-  useEffect(() => {
-    if (selectedTab) {
-      const index = tabs.findIndex((tab) => tab.key === selectedTab);
-      if (index !== -1) {
-        setSelectedTabIndex(index);
-      }
-    }
-  }, [selectedTab]);
-
-  return (
-    <Tab.Group selectedIndex={selectedTabIndex} onChange={setSelectedTabIndex}>
-      <Tab.List className="mb-6 w-full border-b-2 border-mineshaft-800">
-        {tabs.map((tab) => (
-          <Tab as={Fragment} key={tab.key}>
-            {({ selected }) => (
-              <button
-                type="button"
-                className={`w-30 mx-2 mr-4 py-2 text-sm font-medium outline-none ${
-                  selected ? "border-b border-white text-white" : "text-mineshaft-400"
-                }`}
-              >
-                {tab.name}
-              </button>
-            )}
-          </Tab>
-        ))}
-      </Tab.List>
-      <Tab.Panels>
-        <Tab.Panel>
-          <OrgGeneralTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <OrgAuthTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <OrgEncryptionTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <OrgWorkflowIntegrationTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <AppConnectionsTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <AuditLogStreamsTab />
-        </Tab.Panel>
-        <OrgPermissionCan I={OrgPermissionActions.Create} an={OrgPermissionSubjects.Workspace}>
-          <Tab.Panel>
-            <ImportTab />
-          </Tab.Panel>
-        </OrgPermissionCan>
-        <Tab.Panel>
-          <ProjectTemplatesTab />
-        </Tab.Panel>
-      </Tab.Panels>
-    </Tab.Group>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgTabGroup/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgTabGroup/index.tsx
deleted file mode 100644
index 648613642..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgTabGroup/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgTabGroup } from "./OrgTabGroup";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/AddWorkflowIntegrationForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/AddWorkflowIntegrationForm.tsx
deleted file mode 100644
index e31147599..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/AddWorkflowIntegrationForm.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useState } from "react";
-import { faSlack } from "@fortawesome/free-brands-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { Modal, ModalContent } from "@app/components/v2";
-import { WorkflowIntegrationPlatform } from "@app/hooks/api/workflowIntegrations/types";
-
-import { SlackIntegrationForm } from "./SlackIntegrationForm";
-
-type Props = {
-  isOpen?: boolean;
-  onToggle: (isOpen: boolean) => void;
-};
-
-enum WizardSteps {
-  SelectPlatform = "select-platform",
-  PlatformInputs = "platform-inputs"
-}
-
-const PLATFORM_LIST = [
-  {
-    icon: faSlack,
-    platform: WorkflowIntegrationPlatform.SLACK,
-    title: "Slack"
-  }
-];
-
-export const AddWorkflowIntegrationForm = ({ isOpen, onToggle }: Props) => {
-  const [wizardStep, setWizardStep] = useState(WizardSteps.SelectPlatform);
-  const [selectedPlatform, setSelectedPlatform] = useState<string | null>(null);
-
-  const handleFormReset = (state: boolean = false) => {
-    onToggle(state);
-    setWizardStep(WizardSteps.SelectPlatform);
-    setSelectedPlatform(null);
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={(state) => handleFormReset(state)}>
-      <ModalContent title={`Add a ${selectedPlatform ?? "workflow"} integration`} className="my-4">
-        <AnimatePresence exitBeforeEnter>
-          {wizardStep === WizardSteps.SelectPlatform && (
-            <motion.div
-              key="select-type-step"
-              transition={{ duration: 0.1 }}
-              initial={{ opacity: 0, translateX: 30 }}
-              animate={{ opacity: 1, translateX: 0 }}
-              exit={{ opacity: 0, translateX: -30 }}
-            >
-              <div className="mb-4 text-mineshaft-300">Select a platform</div>
-              <div className="flex items-center space-x-4">
-                {PLATFORM_LIST.map(({ icon, platform, title }) => (
-                  <div
-                    key={platform}
-                    className="flex h-28 w-32 cursor-pointer flex-col items-center space-y-4 rounded border border-mineshaft-500 bg-bunker-600 p-6 transition-all hover:border-primary/70 hover:bg-primary/10 hover:text-white"
-                    role="button"
-                    tabIndex={0}
-                    onClick={() => {
-                      setSelectedPlatform(platform);
-                      setWizardStep(WizardSteps.PlatformInputs);
-                    }}
-                    onKeyDown={(evt) => {
-                      if (evt.key === "Enter") {
-                        setSelectedPlatform(platform);
-                        setWizardStep(WizardSteps.PlatformInputs);
-                      }
-                    }}
-                  >
-                    <FontAwesomeIcon icon={icon} size="lg" />
-                    <div className="whitespace-pre-wrap text-center text-sm">{title}</div>
-                  </div>
-                ))}
-              </div>
-            </motion.div>
-          )}
-          {wizardStep === WizardSteps.PlatformInputs &&
-            selectedPlatform === WorkflowIntegrationPlatform.SLACK && (
-              <motion.div
-                key="slack-platform"
-                transition={{ duration: 0.1 }}
-                initial={{ opacity: 0, translateX: 30 }}
-                animate={{ opacity: 1, translateX: 0 }}
-                exit={{ opacity: 0, translateX: -30 }}
-              >
-                <SlackIntegrationForm onClose={() => onToggle(false)} />
-              </motion.div>
-            )}
-        </AnimatePresence>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/IntegrationFormDetails.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/IntegrationFormDetails.tsx
deleted file mode 100644
index a9af20247..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/IntegrationFormDetails.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Modal, ModalContent } from "@app/components/v2";
-import { WorkflowIntegrationPlatform } from "@app/hooks/api/workflowIntegrations/types";
-
-import { SlackIntegrationForm } from "./SlackIntegrationForm";
-
-type Props = {
-  isOpen: boolean;
-  id: string;
-  workflowPlatform: WorkflowIntegrationPlatform;
-  onOpenChange: (state: boolean) => void;
-};
-
-export const IntegrationFormDetails = ({ isOpen, id, onOpenChange, workflowPlatform }: Props) => {
-  const modalTitle =
-    workflowPlatform === WorkflowIntegrationPlatform.SLACK ? "Slack integration" : "Integration";
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title={modalTitle}>
-        {workflowPlatform === WorkflowIntegrationPlatform.SLACK && (
-          <SlackIntegrationForm id={id} onClose={() => onOpenChange(false)} />
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx
deleted file mode 100644
index 2697a657e..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-import { useRouter } from "next/router";
-import { faSlack } from "@fortawesome/free-brands-svg-icons";
-import { faEllipsis, faGear, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import axios from "axios";
-import { twMerge } from "tailwind-merge";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
-import { withPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import {
-  fetchSlackReinstallUrl,
-  useDeleteSlackIntegration,
-  useGetWorkflowIntegrations
-} from "@app/hooks/api";
-import { WorkflowIntegrationPlatform } from "@app/hooks/api/workflowIntegrations/types";
-
-import { AddWorkflowIntegrationForm } from "./AddWorkflowIntegrationForm";
-import { IntegrationFormDetails } from "./IntegrationFormDetails";
-
-export const OrgWorkflowIntegrationTab = withPermission(
-  () => {
-    const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-      "addWorkflowIntegration",
-      "integrationDetails",
-      "removeIntegration"
-    ] as const);
-
-    const { currentOrg } = useOrganization();
-    const router = useRouter();
-    const { data: workflowIntegrations, isLoading: isWorkflowIntegrationsLoading } =
-      useGetWorkflowIntegrations(currentOrg?.id);
-
-    const { mutateAsync: deleteSlackIntegration } = useDeleteSlackIntegration();
-
-    const handleRemoveIntegration = async () => {
-      if (!currentOrg) {
-        return;
-      }
-
-      const { platform, id } = popUp.removeIntegration.data;
-      if (platform === WorkflowIntegrationPlatform.SLACK) {
-        await deleteSlackIntegration({
-          id,
-          orgId: currentOrg?.id
-        });
-      }
-
-      handlePopUpClose("removeIntegration");
-      createNotification({
-        text: "Successfully deleted integration",
-        type: "success"
-      });
-    };
-
-    const triggerReinstall = async (platform: WorkflowIntegrationPlatform, id: string) => {
-      if (platform === WorkflowIntegrationPlatform.SLACK) {
-        try {
-          const slackReinstallUrl = await fetchSlackReinstallUrl({
-            id
-          });
-
-          if (slackReinstallUrl) {
-            router.push(slackReinstallUrl);
-          }
-        } catch (err) {
-          if (axios.isAxiosError(err)) {
-            createNotification({
-              text: (err.response?.data as { message: string })?.message,
-              type: "error"
-            });
-          }
-        }
-      }
-    };
-
-    return (
-      <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="flex justify-between">
-          <p className="text-xl font-semibold text-mineshaft-100">Workflow Integrations</p>
-          <OrgPermissionCan I={OrgPermissionActions.Create} an={OrgPermissionSubjects.Settings}>
-            {(isAllowed) => (
-              <Button
-                onClick={() => {
-                  handlePopUpOpen("addWorkflowIntegration");
-                }}
-                isDisabled={!isAllowed}
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              >
-                Add
-              </Button>
-            )}
-          </OrgPermissionCan>
-        </div>
-        <p className="mb-4 text-gray-400">
-          Connect Infisical to other platforms for notification and workflow integrations.
-        </p>
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Td>Provider</Td>
-                <Td>Alias</Td>
-              </Tr>
-            </THead>
-            <TBody>
-              {isWorkflowIntegrationsLoading && (
-                <TableSkeleton columns={2} innerKey="integrations-loading" />
-              )}
-              {!isWorkflowIntegrationsLoading &&
-                workflowIntegrations &&
-                workflowIntegrations.length === 0 && (
-                  <Tr>
-                    <Td colSpan={5}>
-                      <EmptyState title="No workflow integrations found" icon={faGear} />
-                    </Td>
-                  </Tr>
-                )}
-              {workflowIntegrations?.map((workflowIntegration) => (
-                <Tr key={workflowIntegration.id}>
-                  <Td className="flex max-w-xs items-center overflow-hidden text-ellipsis hover:overflow-auto hover:break-all">
-                    <FontAwesomeIcon icon={faSlack} />
-                    <div className="ml-2">{workflowIntegration.integration.toUpperCase()}</div>
-                  </Td>
-                  <Td>{workflowIntegration.slug}</Td>
-                  <Td>
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild className="rounded-lg">
-                        <div className="flex justify-end hover:text-primary-400 data-[state=open]:text-primary-400">
-                          <FontAwesomeIcon size="sm" icon={faEllipsis} />
-                        </div>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="start" className="p-1">
-                        <DropdownMenuItem
-                          onClick={(e) => {
-                            e.stopPropagation();
-
-                            handlePopUpOpen("integrationDetails", {
-                              id: workflowIntegration.id,
-                              platform: workflowIntegration.integration
-                            });
-                          }}
-                        >
-                          More details
-                        </DropdownMenuItem>
-                        <OrgPermissionCan
-                          I={OrgPermissionActions.Create}
-                          an={OrgPermissionSubjects.Settings}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              disabled={!isAllowed}
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={(e) => {
-                                e.stopPropagation();
-
-                                triggerReinstall(
-                                  workflowIntegration.integration,
-                                  workflowIntegration.id
-                                );
-                              }}
-                            >
-                              Reinstall
-                            </DropdownMenuItem>
-                          )}
-                        </OrgPermissionCan>
-                        <OrgPermissionCan
-                          I={OrgPermissionActions.Delete}
-                          an={OrgPermissionSubjects.Settings}
-                        >
-                          {(isAllowed) => (
-                            <DropdownMenuItem
-                              disabled={!isAllowed}
-                              className={twMerge(
-                                !isAllowed && "pointer-events-none cursor-not-allowed opacity-50"
-                              )}
-                              onClick={(e) => {
-                                e.stopPropagation();
-
-                                handlePopUpOpen("removeIntegration", {
-                                  id: workflowIntegration.id,
-                                  slug: workflowIntegration.slug,
-                                  platform: workflowIntegration.integration
-                                });
-                              }}
-                            >
-                              Delete
-                            </DropdownMenuItem>
-                          )}
-                        </OrgPermissionCan>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </Td>
-                </Tr>
-              ))}
-            </TBody>
-          </Table>
-        </TableContainer>
-        <AddWorkflowIntegrationForm
-          isOpen={popUp.addWorkflowIntegration.isOpen}
-          onToggle={(state) => handlePopUpToggle("addWorkflowIntegration", state)}
-        />
-        <IntegrationFormDetails
-          isOpen={popUp.integrationDetails?.isOpen}
-          workflowPlatform={popUp.integrationDetails?.data?.platform}
-          id={popUp.integrationDetails?.data?.id}
-          onOpenChange={(state) => handlePopUpToggle("integrationDetails", state)}
-        />
-        <DeleteActionModal
-          isOpen={popUp.removeIntegration.isOpen}
-          title={`Are you sure want to remove ${popUp?.removeIntegration?.data?.slug}?`}
-          onChange={(isOpen) => handlePopUpToggle("removeIntegration", isOpen)}
-          deleteKey="confirm"
-          onDeleteApproved={handleRemoveIntegration}
-        />
-      </div>
-    );
-  },
-  { action: OrgPermissionActions.Read, subject: OrgPermissionSubjects.Settings }
-);
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/SlackIntegrationForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/SlackIntegrationForm.tsx
deleted file mode 100644
index 93c24586e..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/OrgWorkflowIntegrationTab/SlackIntegrationForm.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import axios from "axios";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useOrganization } from "@app/context";
-import { useToggle } from "@app/hooks";
-import {
-  fetchSlackInstallUrl,
-  useGetSlackIntegrationById,
-  useUpdateSlackIntegration
-} from "@app/hooks/api";
-import { slugSchema } from "@app/lib/schemas";
-
-type Props = {
-  id?: string;
-  onClose: () => void;
-};
-
-const slackFormSchema = z.object({
-  slug: slugSchema({ min: 1, field: "Alias" }),
-  description: z.string().optional()
-});
-
-type TSlackFormData = z.infer<typeof slackFormSchema>;
-
-export const SlackIntegrationForm = ({ id, onClose }: Props) => {
-  const {
-    control,
-    handleSubmit,
-    setValue,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TSlackFormData>({
-    resolver: zodResolver(slackFormSchema)
-  });
-
-  const router = useRouter();
-  const [isConnectLoading, setIsConnectLoading] = useToggle(false);
-  const { currentOrg } = useOrganization();
-  const { data: slackIntegration } = useGetSlackIntegrationById(id);
-  const { mutateAsync: updateSlackIntegration } = useUpdateSlackIntegration();
-
-  useEffect(() => {
-    if (slackIntegration) {
-      setValue("slug", slackIntegration.slug);
-      setValue("description", slackIntegration.description ?? "");
-    }
-  }, [slackIntegration]);
-
-  const triggerSlackInstall = async (slug: string, description?: string) => {
-    setIsConnectLoading.on();
-    try {
-      const slackInstallUrl = await fetchSlackInstallUrl({
-        slug,
-        description
-      });
-      if (slackInstallUrl) {
-        router.push(slackInstallUrl);
-      }
-    } catch (err) {
-      if (axios.isAxiosError(err)) {
-        createNotification({
-          text: (err.response?.data as { message: string })?.message,
-          type: "error"
-        });
-      }
-    } finally {
-      setIsConnectLoading.off();
-    }
-  };
-
-  const handleSlackFormSubmit = async ({ slug, description }: TSlackFormData) => {
-    if (id && slackIntegration) {
-      if (!currentOrg) {
-        return;
-      }
-
-      await updateSlackIntegration({
-        id,
-        orgId: currentOrg?.id,
-        slug,
-        description
-      });
-
-      onClose();
-      createNotification({
-        text: "Successfully updated Slack integration",
-        type: "success"
-      });
-    } else {
-      await triggerSlackInstall(slug, description);
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(handleSlackFormSubmit)} autoComplete="off">
-      <Controller
-        control={control}
-        name="slug"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Alias" isRequired errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="description"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl label="Description" errorText={error?.message} isError={Boolean(error)}>
-            <Input placeholder="" {...field} />
-          </FormControl>
-        )}
-      />
-      {slackIntegration && (
-        <FormControl label="Connected Slack workspace">
-          <Input value={slackIntegration?.teamName} isReadOnly className="bg-white/[0.07]" />
-        </FormControl>
-      )}
-      <div className="mt-6 flex items-center space-x-4">
-        <Button
-          type="submit"
-          isLoading={isSubmitting || isConnectLoading}
-          isDisabled={!isDirty || isConnectLoading || isSubmitting}
-        >
-          {slackIntegration ? "Save" : "Connect Slack"}
-        </Button>
-        <Button variant="outline_bg" onClick={onClose}>
-          Cancel
-        </Button>
-      </div>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/ProjectTemplatesTab.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/ProjectTemplatesTab.tsx
deleted file mode 100644
index 016c1439c..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/ProjectTemplatesTab.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { withPermission } from "@app/hoc";
-
-import { ProjectTemplatesSection } from "./components";
-
-export const ProjectTemplatesTab = withPermission(() => <ProjectTemplatesSection />, {
-  action: OrgPermissionActions.Read,
-  subject: OrgPermissionSubjects.ProjectTemplates
-});
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/DeleteProjectTemplateModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/DeleteProjectTemplateModal.tsx
deleted file mode 100644
index 09537ce57..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/DeleteProjectTemplateModal.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { DeleteActionModal } from "@app/components/v2";
-import { TProjectTemplate, useDeleteProjectTemplate } from "@app/hooks/api/projectTemplates";
-
-type Props = {
-  template?: TProjectTemplate;
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-};
-
-export const DeleteProjectTemplateModal = ({ isOpen, onOpenChange, template }: Props) => {
-  const deleteTemplate = useDeleteProjectTemplate();
-
-  if (!template) return null;
-
-  const { id: templateId, name } = template;
-
-  const handleDeleteProjectTemplate = async () => {
-    try {
-      await deleteTemplate.mutateAsync({
-        templateId
-      });
-
-      createNotification({
-        text: "Successfully removed project template",
-        type: "success"
-      });
-
-      onOpenChange(false);
-    } catch (err) {
-      console.error(err);
-
-      createNotification({
-        text: "Failed remove project template",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <DeleteActionModal
-      isOpen={isOpen}
-      onChange={onOpenChange}
-      title={`Are you sure want to delete ${name}?`}
-      deleteKey="confirm"
-      onDeleteApproved={handleDeleteProjectTemplate}
-    />
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/EditProjectTemplateSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/EditProjectTemplateSection.tsx
deleted file mode 100644
index 0923a9bb4..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/EditProjectTemplateSection.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button, EmptyState, Spinner } from "@app/components/v2";
-import {
-  InfisicalProjectTemplate,
-  TProjectTemplate,
-  useGetProjectTemplateById
-} from "@app/hooks/api/projectTemplates";
-
-import { EditProjectTemplate } from "./components";
-
-type Props = {
-  template: TProjectTemplate;
-  onBack: () => void;
-};
-
-export const EditProjectTemplateSection = ({ template, onBack }: Props) => {
-  const isInfisicalTemplate = Object.values(InfisicalProjectTemplate).includes(
-    template.name as InfisicalProjectTemplate
-  );
-
-  const { data: projectTemplate, isLoading } = useGetProjectTemplateById(template.id, {
-    initialData: template,
-    enabled: !isInfisicalTemplate
-  });
-
-  return (
-    <div>
-      <Button
-        variant="link"
-        type="submit"
-        leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-        onClick={onBack}
-        className="mb-4"
-      >
-        Back to Templates
-      </Button>
-      {/* eslint-disable-next-line no-nested-ternary */}
-      {isLoading ? (
-        <div className="flex h-[60vh] w-full items-center justify-center p-24">
-          <Spinner />
-        </div>
-      ) : projectTemplate ? (
-        <EditProjectTemplate
-          isInfisicalTemplate={isInfisicalTemplate}
-          projectTemplate={projectTemplate}
-          onBack={onBack}
-        />
-      ) : (
-        <EmptyState title="Error: Unable to find project template." className="py-12" />
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/EditProjectTemplate.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/EditProjectTemplate.tsx
deleted file mode 100644
index 6aebb3ca3..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/EditProjectTemplate.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { faPencil, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { TProjectTemplate, useDeleteProjectTemplate } from "@app/hooks/api/projectTemplates";
-
-import { ProjectTemplateDetailsModal } from "../../ProjectTemplateDetailsModal";
-import { ProjectTemplateEnvironmentsForm } from "./ProjectTemplateEnvironmentsForm";
-import { ProjectTemplateRolesSection } from "./ProjectTemplateRolesSection";
-
-type Props = {
-  projectTemplate: TProjectTemplate;
-  onBack: () => void;
-  isInfisicalTemplate: boolean;
-};
-
-export const EditProjectTemplate = ({ isInfisicalTemplate, projectTemplate, onBack }: Props) => {
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "removeTemplate",
-    "editDetails"
-  ] as const);
-
-  const { id: templateId, name, description } = projectTemplate;
-
-  const deleteProjectTemplate = useDeleteProjectTemplate();
-
-  const handleRemoveTemplate = async () => {
-    try {
-      await deleteProjectTemplate.mutateAsync({
-        templateId
-      });
-      createNotification({
-        text: "Successfully removed project template",
-        type: "success"
-      });
-      onBack();
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to remove project template",
-        type: "error"
-      });
-    }
-    handlePopUpClose("removeTemplate");
-  };
-
-  return (
-    <>
-      <div className="mb-4 flex items-start justify-between border-b border-bunker-400 pb-4">
-        <div className=" flex flex-col">
-          <h3 className="text-xl font-semibold">{name}</h3>
-          <h2 className="text-sm text-mineshaft-400">{description || "Project Template"}</h2>
-        </div>
-        {!isInfisicalTemplate && (
-          <div className="flex gap-2">
-            <OrgPermissionCan
-              I={OrgPermissionActions.Edit}
-              a={OrgPermissionSubjects.ProjectTemplates}
-            >
-              {(isAllowed) => (
-                <Button
-                  isDisabled={!isAllowed}
-                  leftIcon={<FontAwesomeIcon icon={faPencil} />}
-                  size="xs"
-                  colorSchema="secondary"
-                  onClick={() => handlePopUpOpen("editDetails")}
-                >
-                  Edit Details
-                </Button>
-              )}
-            </OrgPermissionCan>
-            <OrgPermissionCan
-              I={OrgPermissionActions.Delete}
-              a={OrgPermissionSubjects.ProjectTemplates}
-            >
-              {(isAllowed) => (
-                <Button
-                  isDisabled={!isAllowed}
-                  onClick={() => {
-                    handlePopUpOpen("removeTemplate");
-                  }}
-                  leftIcon={<FontAwesomeIcon icon={faTrash} />}
-                  size="xs"
-                  colorSchema="danger"
-                >
-                  Delete Template
-                </Button>
-              )}
-            </OrgPermissionCan>
-          </div>
-        )}
-      </div>
-      <ProjectTemplateEnvironmentsForm
-        isInfisicalTemplate={isInfisicalTemplate}
-        projectTemplate={projectTemplate}
-      />
-      <ProjectTemplateRolesSection
-        isInfisicalTemplate={isInfisicalTemplate}
-        projectTemplate={projectTemplate}
-      />
-      <ProjectTemplateDetailsModal
-        isOpen={popUp.editDetails.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("editDetails", isOpen)}
-        projectTemplate={projectTemplate}
-      />
-      <DeleteActionModal
-        isOpen={popUp.removeTemplate.isOpen}
-        title={`Are you sure want to delete ${projectTemplate.name}?`}
-        deleteKey="confirm"
-        onChange={(isOpen) => handlePopUpToggle("removeTemplate", isOpen)}
-        onDeleteApproved={handleRemoveTemplate}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEditRoleForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEditRoleForm.tsx
deleted file mode 100644
index 7cb6d5d09..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEditRoleForm.tsx
+++ /dev/null
@@ -1,211 +0,0 @@
-import { Controller, FormProvider, useForm } from "react-hook-form";
-import { faChevronLeft, faPlus, faSave } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { twMerge } from "tailwind-merge";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent, ModalTrigger } from "@app/components/v2";
-import { ProjectPermissionSub } from "@app/context";
-import { isCustomProjectRole } from "@app/helpers/roles";
-import { usePopUp } from "@app/hooks";
-import { TProjectTemplate, useUpdateProjectTemplate } from "@app/hooks/api/projectTemplates";
-import { slugSchema } from "@app/lib/schemas";
-import { GeneralPermissionPolicies } from "@app/views/Project/RolePage/components/RolePermissionsSection/components/GeneralPermissionPolicies";
-import { NewPermissionRule } from "@app/views/Project/RolePage/components/RolePermissionsSection/components/NewPermissionRule";
-import { PermissionEmptyState } from "@app/views/Project/RolePage/components/RolePermissionsSection/PermissionEmptyState";
-import {
-  formRolePermission2API,
-  PROJECT_PERMISSION_OBJECT,
-  projectRoleFormSchema,
-  rolePermission2Form
-} from "@app/views/Project/RolePage/components/RolePermissionsSection/ProjectRoleModifySection.utils";
-import { renderConditionalComponents } from "@app/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection";
-
-type Props = {
-  projectTemplate: TProjectTemplate;
-  role?: TProjectTemplate["roles"][number];
-  onGoBack: () => void;
-  isDisabled?: boolean;
-};
-
-const formSchema = z.object({
-  slug: slugSchema(),
-  name: z.string().trim().min(1),
-  permissions: projectRoleFormSchema.shape.permissions
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-export const ProjectTemplateEditRoleForm = ({
-  onGoBack,
-  projectTemplate,
-  role,
-  isDisabled
-}: Props) => {
-  const { popUp, handlePopUpToggle } = usePopUp(["createPolicy"] as const);
-
-  const formMethods = useForm<TFormSchema>({
-    values: role ? { ...role, permissions: rolePermission2Form(role.permissions) } : undefined,
-    resolver: zodResolver(formSchema)
-  });
-
-  const {
-    handleSubmit,
-    control,
-    formState: { isDirty, isSubmitting }
-  } = formMethods;
-
-  const updateProjectTemplate = useUpdateProjectTemplate();
-
-  const onSubmit = async (form: TFormSchema) => {
-    try {
-      await updateProjectTemplate.mutateAsync({
-        templateId: projectTemplate.id,
-        roles: [
-          ...projectTemplate.roles.filter(
-            (r) => r.slug !== role?.slug && isCustomProjectRole(r.slug) // filter out default roles as well
-          ),
-          {
-            ...form,
-            permissions: formRolePermission2API(form.permissions)
-          }
-        ]
-      });
-      onGoBack();
-      createNotification({
-        text: "Template roles successfully updated",
-        type: "success"
-      });
-    } catch (e: any) {
-      console.error(e);
-      createNotification({
-        text: "Failed to update template roles",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onSubmit)}
-      className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <FormProvider {...formMethods}>
-        <div className="flex items-center justify-between border-b border-mineshaft-400 pb-2">
-          <Button
-            leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
-            className="text-base font-semibold text-mineshaft-200"
-            variant="link"
-            onClick={onGoBack}
-          >
-            {isDisabled ? "Back" : "Cancel"}
-          </Button>
-          {!isDisabled && (
-            <div className="flex items-center space-x-4">
-              {isDirty && (
-                <Button
-                  className="mr-4 text-mineshaft-300"
-                  variant="link"
-                  isDisabled={isSubmitting}
-                  isLoading={isSubmitting}
-                  onClick={onGoBack}
-                >
-                  Discard
-                </Button>
-              )}
-              <div className="flex items-center">
-                <Button
-                  variant="outline_bg"
-                  type="submit"
-                  className={twMerge("h-10 rounded-r-none", isDirty && "bg-primary text-black")}
-                  isDisabled={isSubmitting || !isDirty || isDisabled}
-                  isLoading={isSubmitting}
-                  leftIcon={<FontAwesomeIcon icon={faSave} />}
-                >
-                  Save
-                </Button>
-                <Modal
-                  isOpen={popUp.createPolicy.isOpen}
-                  onOpenChange={(isOpen) => handlePopUpToggle("createPolicy", isOpen)}
-                >
-                  <ModalTrigger asChild>
-                    <Button
-                      className="h-10 rounded-l-none"
-                      variant="outline_bg"
-                      leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                      isDisabled={isDisabled}
-                    >
-                      New Policy
-                    </Button>
-                  </ModalTrigger>
-                  <ModalContent
-                    title="New Policy"
-                    subTitle="Policies grant additional permissions."
-                  >
-                    <NewPermissionRule onClose={() => handlePopUpToggle("createPolicy")} />
-                  </ModalContent>
-                </Modal>
-              </div>
-            </div>
-          )}
-        </div>
-        <div className="mt-2 border-b border-gray-800 p-4 pt-2 first:rounded-t-md last:rounded-b-md">
-          {isDisabled ? (
-            <div className="flex flex-col">
-              <span className="text-lg font-semibold">{role?.name}</span>
-              <span className="text-mineshaft-400">{role?.slug}</span>
-            </div>
-          ) : (
-            <div className="flex w-full gap-2">
-              <Controller
-                control={control}
-                name="name"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                    label="Name"
-                    className="mb-0 flex-1"
-                  >
-                    <Input {...field} autoFocus placeholder="Role name..." />
-                  </FormControl>
-                )}
-              />
-              <Controller
-                control={control}
-                name="slug"
-                render={({ field, fieldState: { error } }) => (
-                  <FormControl
-                    isError={Boolean(error?.message)}
-                    errorText={error?.message}
-                    label="Slug"
-                    className="mb-0 flex-1"
-                  >
-                    <Input {...field} placeholder="Role slug..." />
-                  </FormControl>
-                )}
-              />
-            </div>
-          )}
-        </div>
-        <div className="p-4">
-          <div className="mb-2 text-lg">Policies</div>
-          <PermissionEmptyState />
-          {(Object.keys(PROJECT_PERMISSION_OBJECT) as ProjectPermissionSub[]).map((subject) => (
-            <GeneralPermissionPolicies
-              subject={subject}
-              actions={PROJECT_PERMISSION_OBJECT[subject].actions}
-              title={PROJECT_PERMISSION_OBJECT[subject].title}
-              key={`project-permission-${subject}`}
-              isDisabled={isDisabled}
-            >
-              {renderConditionalComponents(subject, isDisabled)}
-            </GeneralPermissionPolicies>
-          ))}
-        </div>
-      </FormProvider>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEnvironmentsForm.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEnvironmentsForm.tsx
deleted file mode 100644
index b72d12c73..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEnvironmentsForm.tsx
+++ /dev/null
@@ -1,281 +0,0 @@
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { faArrowDown, faArrowUp, faPlus, faSave, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Table,
-  TableContainer,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
-import { TProjectTemplate, useUpdateProjectTemplate } from "@app/hooks/api/projectTemplates";
-import { slugSchema } from "@app/lib/schemas";
-
-type Props = {
-  projectTemplate: TProjectTemplate;
-  isInfisicalTemplate: boolean;
-};
-
-const formSchema = z.object({
-  environments: z
-    .object({
-      name: z.string().trim().min(1),
-      slug: slugSchema({ min: 1, max: 32 })
-    })
-    .array()
-});
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-export const ProjectTemplateEnvironmentsForm = ({
-  projectTemplate,
-  isInfisicalTemplate
-}: Props) => {
-  const {
-    control,
-    handleSubmit,
-    formState: { isDirty, errors },
-    reset
-  } = useForm<TFormSchema>({
-    defaultValues: {
-      environments: projectTemplate.environments
-    },
-    resolver: zodResolver(formSchema)
-  });
-
-  const {
-    fields: environments,
-    move,
-    remove,
-    append
-  } = useFieldArray({ control, name: "environments" });
-
-  const updateProjectTemplate = useUpdateProjectTemplate();
-
-  const onFormSubmit = async (form: TFormSchema) => {
-    try {
-      const { environments: updatedEnvs } = await updateProjectTemplate.mutateAsync({
-        environments: form.environments.map((env, index) => ({
-          ...env,
-          position: index + 1
-        })),
-        templateId: projectTemplate.id
-      });
-
-      reset({ environments: updatedEnvs });
-
-      createNotification({
-        text: "Project template updated successfully",
-        type: "success"
-      });
-    } catch (e: any) {
-      console.error(e);
-      createNotification({
-        text: e.message ?? "Failed to update project template",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <div className="mb-4 flex items-center justify-between border-b border-mineshaft-400 pb-4">
-        <div>
-          <h2 className="text-lg font-semibold">Project Environments</h2>
-          {!isInfisicalTemplate && (
-            <p className="text-sm text-mineshaft-400">
-              Add, rename, remove and reorder environments for this project template
-            </p>
-          )}
-        </div>
-        {!isInfisicalTemplate && (
-          <OrgPermissionCan
-            I={OrgPermissionActions.Edit}
-            a={OrgPermissionSubjects.ProjectTemplates}
-          >
-            {(isAllowed) => (
-              <Button
-                type="submit"
-                colorSchema="primary"
-                className="ml-auto w-40"
-                variant={isDirty ? "solid" : "outline_bg"}
-                leftIcon={<FontAwesomeIcon icon={faSave} />}
-                isDisabled={!isAllowed || !isDirty}
-              >
-                {isDirty ? "Save" : "No"} Changes
-              </Button>
-            )}
-          </OrgPermissionCan>
-        )}
-      </div>
-      {errors.environments && (
-        <span className="my-4 text-sm text-red">{errors.environments.message}</span>
-      )}
-      <TableContainer>
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Friendly Name</Th>
-              <Th>Slug</Th>
-              {!isInfisicalTemplate && (
-                <Th>
-                  <div className="flex w-full justify-end normal-case">
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.ProjectTemplates}
-                    >
-                      {(isAllowed) => (
-                        <Button
-                          onClick={() => append({ name: "", slug: "" })}
-                          colorSchema="secondary"
-                          className="ml-auto"
-                          variant="solid"
-                          size="xs"
-                          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                          isDisabled={!isAllowed}
-                        >
-                          Add Environment
-                        </Button>
-                      )}
-                    </OrgPermissionCan>
-                  </div>
-                </Th>
-              )}
-            </Tr>
-          </THead>
-          <TBody>
-            {environments.map(({ id, name, slug }, pos) => (
-              <Tr key={id}>
-                <Td>
-                  {isInfisicalTemplate ? (
-                    name
-                  ) : (
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.ProjectTemplates}
-                    >
-                      {(isAllowed) => (
-                        <Controller
-                          control={control}
-                          name={`environments.${pos}.name`}
-                          render={({ field, fieldState: { error } }) => (
-                            <FormControl
-                              isError={Boolean(error?.message)}
-                              errorText={error?.message}
-                              className="mb-0 flex-grow"
-                            >
-                              <Input isDisabled={!isAllowed} {...field} placeholder="Name..." />
-                            </FormControl>
-                          )}
-                        />
-                      )}
-                    </OrgPermissionCan>
-                  )}
-                </Td>
-                <Td>
-                  {isInfisicalTemplate ? (
-                    slug
-                  ) : (
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.ProjectTemplates}
-                    >
-                      {(isAllowed) => (
-                        <Controller
-                          control={control}
-                          name={`environments.${pos}.slug`}
-                          render={({ field, fieldState: { error } }) => (
-                            <FormControl
-                              isError={Boolean(error?.message)}
-                              errorText={error?.message}
-                              className="mb-0 flex-grow"
-                            >
-                              <Input isDisabled={!isAllowed} {...field} placeholder="Slug..." />
-                            </FormControl>
-                          )}
-                        />
-                      )}
-                    </OrgPermissionCan>
-                  )}
-                </Td>
-                {!isInfisicalTemplate && (
-                  <Td className="flex items-center justify-end">
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.ProjectTemplates}
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          className={`mr-3 py-2 ${
-                            pos === environments.length - 1 ? "pointer-events-none opacity-50" : ""
-                          }`}
-                          onClick={() => move(pos, pos + 1)}
-                          colorSchema="primary"
-                          variant="plain"
-                          ariaLabel="Increase position"
-                          isDisabled={pos === environments.length - 1 || !isAllowed}
-                        >
-                          <FontAwesomeIcon icon={faArrowDown} />
-                        </IconButton>
-                      )}
-                    </OrgPermissionCan>
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.ProjectTemplates}
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          className={`mr-3 py-2 ${
-                            pos === 0 ? "pointer-events-none opacity-50" : ""
-                          }`}
-                          onClick={() => move(pos, pos - 1)}
-                          colorSchema="primary"
-                          variant="plain"
-                          ariaLabel="Decrease position"
-                          isDisabled={pos === 0 || !isAllowed}
-                        >
-                          <FontAwesomeIcon icon={faArrowUp} />
-                        </IconButton>
-                      )}
-                    </OrgPermissionCan>
-                    <OrgPermissionCan
-                      I={OrgPermissionActions.Edit}
-                      a={OrgPermissionSubjects.ProjectTemplates}
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          onClick={() => remove(pos)}
-                          colorSchema="danger"
-                          variant="plain"
-                          ariaLabel="Remove environment"
-                          isDisabled={!isAllowed || environments.length === 1}
-                        >
-                          <FontAwesomeIcon icon={faTrash} />
-                        </IconButton>
-                      )}
-                    </OrgPermissionCan>
-                  </Td>
-                )}
-              </Tr>
-            ))}
-          </TBody>
-        </Table>
-      </TableContainer>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateRolesSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateRolesSection.tsx
deleted file mode 100644
index f67891ecc..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateRolesSection.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-import { faPlus, faTrash, faUnlock } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { createNotification } from "@app/components/notifications";
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrgPermission } from "@app/context";
-import { isCustomProjectRole } from "@app/helpers/roles";
-import { usePopUp } from "@app/hooks";
-import { TProjectTemplate, useUpdateProjectTemplate } from "@app/hooks/api/projectTemplates";
-import { TProjectRole } from "@app/hooks/api/roles/types";
-
-import { ProjectTemplateEditRoleForm } from "./ProjectTemplateEditRoleForm";
-
-type Props = {
-  projectTemplate: TProjectTemplate;
-  isInfisicalTemplate: boolean;
-};
-
-export const ProjectTemplateRolesSection = ({ projectTemplate, isInfisicalTemplate }: Props) => {
-  const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-    "removeRole",
-    "editRole"
-  ] as const);
-
-  const { permission } = useOrgPermission();
-
-  const { roles } = projectTemplate;
-
-  const updateProjectTemplate = useUpdateProjectTemplate();
-
-  const handleRemoveRole = async (slug: string) => {
-    try {
-      await updateProjectTemplate.mutateAsync({
-        templateId: projectTemplate.id,
-        roles: projectTemplate.roles.filter(
-          (role) => role.slug !== slug && isCustomProjectRole(role.slug) // filter out default roles as well
-        )
-      });
-
-      createNotification({
-        text: "Successfully removed role from template",
-        type: "success"
-      });
-      handlePopUpClose("removeRole");
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        text: "Error removing role from template",
-        type: "error"
-      });
-    }
-  };
-
-  const editRole = popUp?.editRole?.data as TProjectRole;
-  const roleToDelete = popUp?.removeRole?.data as TProjectRole;
-
-  return (
-    <div className="relative">
-      <AnimatePresence>
-        {popUp?.editRole.isOpen ? (
-          <motion.div
-            key="edit-role"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-            className="absolute min-h-[10rem] w-full"
-          >
-            <ProjectTemplateEditRoleForm
-              onGoBack={() => handlePopUpClose("editRole")}
-              projectTemplate={projectTemplate}
-              role={editRole}
-              isDisabled={
-                permission.cannot(
-                  OrgPermissionActions.Edit,
-                  OrgPermissionSubjects.ProjectTemplates
-                ) ||
-                (editRole && !isCustomProjectRole(editRole.slug))
-              }
-            />
-            <div className="h-4 w-full" />
-          </motion.div>
-        ) : (
-          <motion.div
-            key="role-list"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 0 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: -30 }}
-            className="absolute w-full"
-          >
-            <div className="w-full rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-              <div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
-                <div>
-                  <h2 className="text-lg font-semibold">Project Roles</h2>
-                  <p className="text-sm text-mineshaft-400">
-                    {isInfisicalTemplate
-                      ? "Click a role to view the associated permissions"
-                      : "Add, edit and remove roles for this project template"}
-                  </p>
-                </div>
-                {!isInfisicalTemplate && (
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Edit}
-                    a={OrgPermissionSubjects.ProjectTemplates}
-                  >
-                    {(isAllowed) => (
-                      <Button
-                        onClick={() => {
-                          handlePopUpOpen("editRole");
-                        }}
-                        colorSchema="primary"
-                        className="ml-auto"
-                        variant="outline_bg"
-                        leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                        isDisabled={!isAllowed}
-                      >
-                        Add Role
-                      </Button>
-                    )}
-                  </OrgPermissionCan>
-                )}
-              </div>
-              <div className="py-4">
-                <TableContainer>
-                  <Table>
-                    <THead>
-                      <Tr>
-                        <Th>Name</Th>
-                        <Th>Slug</Th>
-                        <Th className="w-5" />
-                      </Tr>
-                    </THead>
-                    <TBody>
-                      {roles.length ? (
-                        roles.map((role) => {
-                          return (
-                            <Tr
-                              key={role.slug}
-                              className="group w-full cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
-                              role="button"
-                              tabIndex={0}
-                              onKeyDown={(evt) => {
-                                if (evt.key === "Enter") {
-                                  handlePopUpOpen("editRole", role);
-                                }
-                              }}
-                              onClick={() => handlePopUpOpen("editRole", role)}
-                            >
-                              <Td>{role.name}</Td>
-                              <Td>{role.slug}</Td>
-                              <Td>
-                                {isCustomProjectRole(role.slug) && (
-                                  <div className="flex space-x-2 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-                                    <OrgPermissionCan
-                                      I={OrgPermissionActions.Edit}
-                                      a={OrgPermissionSubjects.ProjectTemplates}
-                                      renderTooltip
-                                      allowedLabel="Remove Role"
-                                    >
-                                      {(isAllowed) => (
-                                        <IconButton
-                                          colorSchema="danger"
-                                          ariaLabel="delete-icon"
-                                          variant="plain"
-                                          className="group relative"
-                                          isDisabled={!isAllowed}
-                                          onClick={(e) => {
-                                            e.stopPropagation();
-                                            e.preventDefault();
-                                            handlePopUpOpen("removeRole", role);
-                                          }}
-                                        >
-                                          <FontAwesomeIcon icon={faTrash} />
-                                        </IconButton>
-                                      )}
-                                    </OrgPermissionCan>
-                                  </div>
-                                )}
-                              </Td>
-                            </Tr>
-                          );
-                        })
-                      ) : (
-                        <Tr>
-                          <Td colSpan={2}>
-                            <EmptyState title="No roles assigned to template" icon={faUnlock} />
-                          </Td>
-                        </Tr>
-                      )}
-                    </TBody>
-                  </Table>
-                </TableContainer>
-              </div>
-              <DeleteActionModal
-                isOpen={popUp.removeRole.isOpen}
-                deleteKey="remove"
-                title={`Are you sure you want to remove the role ${roleToDelete?.slug}?`}
-                onChange={(isOpen) => handlePopUpToggle("removeRole", isOpen)}
-                onDeleteApproved={() => handleRemoveRole(roleToDelete?.slug)}
-              />
-            </div>
-            <div className="h-4 w-full" />
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/index.tsx
deleted file mode 100644
index 5c3e6e57f..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./EditProjectTemplate";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/index.tsx
deleted file mode 100644
index cd6925f94..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./EditProjectTemplateSection";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplateDetailsModal.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplateDetailsModal.tsx
deleted file mode 100644
index e601e0319..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplateDetailsModal.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalClose,
-  ModalContent,
-  TextArea
-} from "@app/components/v2";
-import {
-  TProjectTemplate,
-  useCreateProjectTemplate,
-  useUpdateProjectTemplate
-} from "@app/hooks/api/projectTemplates";
-import { slugSchema } from "@app/lib/schemas";
-
-const formSchema = z.object({
-  name: slugSchema({ min: 1, max: 32, field: "Name" }),
-  description: z.string().max(500).optional()
-});
-
-export type FormData = z.infer<typeof formSchema>;
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  onComplete?: (template: TProjectTemplate) => void;
-  projectTemplate?: TProjectTemplate;
-};
-
-type FormProps = {
-  projectTemplate?: TProjectTemplate;
-  onComplete: (template: TProjectTemplate) => void;
-};
-
-const ProjectTemplateForm = ({ onComplete, projectTemplate }: FormProps) => {
-  const createProjectTemplate = useCreateProjectTemplate();
-  const updateProjectTemplate = useUpdateProjectTemplate();
-
-  const {
-    handleSubmit,
-    register,
-    formState: { isSubmitting, errors }
-  } = useForm<FormData>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      name: projectTemplate?.name,
-      description: projectTemplate?.description
-    }
-  });
-
-  const onFormSubmit = async (data: FormData) => {
-    const mutation = projectTemplate
-      ? updateProjectTemplate.mutateAsync({ templateId: projectTemplate.id, ...data })
-      : createProjectTemplate.mutateAsync(data);
-    try {
-      const template = await mutation;
-      createNotification({
-        text: `Successfully ${
-          projectTemplate ? "updated template details" : "created project template"
-        }`,
-        type: "success"
-      });
-
-      onComplete(template);
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${
-          projectTemplate ? "update template details" : "create project template"
-        }`,
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      <FormControl
-        helperText="Name must be slug-friendly"
-        errorText={errors.name?.message}
-        isError={Boolean(errors.name?.message)}
-        label="Name"
-      >
-        <Input autoFocus placeholder="my-project-template" {...register("name")} />
-      </FormControl>
-      <FormControl
-        label="Description (optional)"
-        errorText={errors.description?.message}
-        isError={Boolean(errors.description?.message)}
-      >
-        <TextArea
-          className="max-h-[20rem] min-h-[10rem] min-w-full max-w-full"
-          {...register("description")}
-        />
-      </FormControl>
-      <div className="flex items-center">
-        <Button
-          className="mr-4"
-          size="sm"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting}
-        >
-          {projectTemplate ? "Update" : "Add"} Template
-        </Button>
-        <ModalClose asChild>
-          <Button colorSchema="secondary" variant="plain">
-            Cancel
-          </Button>
-        </ModalClose>
-      </div>
-    </form>
-  );
-};
-
-export const ProjectTemplateDetailsModal = ({
-  isOpen,
-  onOpenChange,
-  projectTemplate,
-  onComplete
-}: Props) => {
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent
-        title={projectTemplate ? "Edit Project Template Details" : "Create Project Template"}
-      >
-        <ProjectTemplateForm
-          projectTemplate={projectTemplate}
-          onComplete={(template) => {
-            if (onComplete) onComplete(template);
-            onOpenChange(false);
-          }}
-        />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesSection.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesSection.tsx
deleted file mode 100644
index 3259f3744..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesSection.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { useState } from "react";
-import Link from "next/link";
-import { faArrowUpRightFromSquare, faBookOpen, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AnimatePresence, motion } from "framer-motion";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, UpgradePlanModal } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useSubscription } from "@app/context";
-import { TProjectTemplate } from "@app/hooks/api/projectTemplates";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { EditProjectTemplateSection } from "./EditProjectTemplateSection";
-import { ProjectTemplateDetailsModal } from "./ProjectTemplateDetailsModal";
-import { ProjectTemplatesTable } from "./ProjectTemplatesTable";
-
-export const ProjectTemplatesSection = () => {
-  const { subscription } = useSubscription();
-  const [editTemplate, setEditTemplate] = useState<TProjectTemplate | null>(null);
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
-    "upgradePlan",
-    "addTemplate"
-  ] as const);
-
-  return (
-    <div className="relative">
-      <AnimatePresence>
-        {editTemplate ? (
-          <motion.div
-            key="edit-project-template"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-            className="absolute min-h-[10rem] w-full"
-          >
-            <EditProjectTemplateSection
-              template={editTemplate}
-              onBack={() => setEditTemplate(null)}
-            />
-          </motion.div>
-        ) : (
-          <motion.div
-            key="project-templates-list"
-            transition={{ duration: 0.3 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-            className="absolute min-h-[10rem] w-full"
-          >
-            <div>
-              <p className="mb-6 text-bunker-300">
-                Create and configure templates with predefined roles and environments to streamline
-                project setup
-              </p>
-              <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-                <div className="mb-4 flex items-start">
-                  <p className="text-xl font-semibold text-mineshaft-100">Project Templates</p>
-                  <Link
-                    href="https://infisical.com/docs/documentation/platform/project-templates"
-                    passHref
-                  >
-                    <a target="_blank" rel="noopener noreferrer">
-                      <div className="ml-2 mt-[0.32rem] inline-block rounded-md bg-yellow/20 px-1.5 text-sm text-yellow opacity-80 hover:opacity-100">
-                        <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
-                        <span>Docs</span>
-                        <FontAwesomeIcon
-                          icon={faArrowUpRightFromSquare}
-                          className="ml-1.5 mb-[0.07rem] text-[10px]"
-                        />
-                      </div>
-                    </a>
-                  </Link>
-                  <OrgPermissionCan
-                    I={OrgPermissionActions.Create}
-                    a={OrgPermissionSubjects.ProjectTemplates}
-                  >
-                    {(isAllowed) => (
-                      <Button
-                        colorSchema="secondary"
-                        type="submit"
-                        leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                        onClick={() => {
-                          if (!subscription?.projectTemplates) {
-                            handlePopUpOpen("upgradePlan");
-                            return;
-                          }
-
-                          handlePopUpOpen("addTemplate");
-                        }}
-                        isDisabled={!isAllowed}
-                        className="ml-auto"
-                      >
-                        Add Template
-                      </Button>
-                    )}
-                  </OrgPermissionCan>
-                </div>
-                <ProjectTemplatesTable onEdit={setEditTemplate} />
-                <ProjectTemplateDetailsModal
-                  onComplete={(template) => setEditTemplate(template)}
-                  isOpen={popUp.addTemplate.isOpen}
-                  onOpenChange={(isOpen) => handlePopUpToggle("addTemplate", isOpen)}
-                />
-                <UpgradePlanModal
-                  isOpen={popUp.upgradePlan.isOpen}
-                  onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-                  text="You can create project templates if you switch to Infisical's Enterprise plan."
-                />
-              </div>
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesTable.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesTable.tsx
deleted file mode 100644
index b3e2d9ba3..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesTable.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-import { useMemo, useState } from "react";
-import {
-  faCircleInfo,
-  faClone,
-  faMagnifyingGlass,
-  faTrash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { OrgPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Input,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useSubscription } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { TProjectTemplate, useListProjectTemplates } from "@app/hooks/api/projectTemplates";
-
-import { DeleteProjectTemplateModal } from "./DeleteProjectTemplateModal";
-
-type Props = {
-  onEdit: (projectTemplate: TProjectTemplate) => void;
-};
-
-export const ProjectTemplatesTable = ({ onEdit }: Props) => {
-  const { subscription } = useSubscription();
-
-  const { isLoading, data: projectTemplates = [] } = useListProjectTemplates({
-    enabled: subscription?.projectTemplates
-  });
-  const [search, setSearch] = useState("");
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["deleteTemplate"] as const);
-
-  const filteredTemplates = useMemo(
-    () =>
-      projectTemplates?.filter((template) =>
-        template.name.toLowerCase().includes(search.toLowerCase().trim())
-      ) ?? [],
-    [search, projectTemplates]
-  );
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search templates..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th>Name</Th>
-              <Th>Roles</Th>
-              <Th>Environments</Th>
-              <Th />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && (
-              <TableSkeleton
-                innerKey="project-templates-table"
-                columns={4}
-                key="project-templates"
-              />
-            )}
-            {filteredTemplates.map((template) => {
-              const { id, name, roles, environments, description } = template;
-              return (
-                <Tr
-                  onClick={() => onEdit(template)}
-                  className="cursor-pointer hover:bg-mineshaft-700"
-                  key={id}
-                >
-                  <Td>
-                    {name}
-                    {description && (
-                      <Tooltip content={description}>
-                        <FontAwesomeIcon
-                          size="sm"
-                          className="ml-2 text-mineshaft-400"
-                          icon={faCircleInfo}
-                        />
-                      </Tooltip>
-                    )}
-                  </Td>
-                  <Td className="pl-8">
-                    {roles.length}
-                    {roles.length > 0 && (
-                      <Tooltip
-                        content={
-                          <ul className="ml-2 list-disc">
-                            {roles.map((role) => (
-                              <li key={role.name}>{role.name}</li>
-                            ))}
-                          </ul>
-                        }
-                      >
-                        <FontAwesomeIcon
-                          size="sm"
-                          className="ml-2 text-mineshaft-400"
-                          icon={faCircleInfo}
-                        />
-                      </Tooltip>
-                    )}
-                  </Td>
-                  <Td className="pl-14">
-                    {environments.length}
-                    {environments.length > 0 && (
-                      <Tooltip
-                        content={
-                          <ul className="ml-2 list-disc">
-                            {environments
-                              .sort((a, b) => (a.position > b.position ? 1 : -1))
-                              .map((env) => (
-                                <li key={env.slug}>{env.name}</li>
-                              ))}
-                          </ul>
-                        }
-                      >
-                        <FontAwesomeIcon
-                          size="sm"
-                          className="ml-2 text-mineshaft-400"
-                          icon={faCircleInfo}
-                        />
-                      </Tooltip>
-                    )}
-                  </Td>
-                  <Td className="w-5">
-                    {name !== "default" && (
-                      <OrgPermissionCan
-                        I={OrgPermissionActions.Delete}
-                        a={OrgPermissionSubjects.ProjectTemplates}
-                      >
-                        {(isAllowed) => (
-                          <IconButton
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              handlePopUpOpen("deleteTemplate", template);
-                            }}
-                            variant="plain"
-                            colorSchema="danger"
-                            ariaLabel="Delete template"
-                            isDisabled={!isAllowed}
-                          >
-                            <FontAwesomeIcon icon={faTrash} />
-                          </IconButton>
-                        )}
-                      </OrgPermissionCan>
-                    )}
-                  </Td>
-                </Tr>
-              );
-            })}
-            {!isLoading && filteredTemplates?.length === 0 && (
-              <Tr>
-                <Td colSpan={5}>
-                  <EmptyState
-                    title={
-                      search.trim()
-                        ? "No project templates match search"
-                        : "No project templates found"
-                    }
-                    icon={faClone}
-                  />
-                </Td>
-              </Tr>
-            )}
-          </TBody>
-        </Table>
-      </TableContainer>
-      <DeleteProjectTemplateModal
-        isOpen={popUp.deleteTemplate.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("deleteTemplate", isOpen)}
-        template={popUp.deleteTemplate.data}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/index.tsx
deleted file mode 100644
index 46db36f02..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectTemplatesSection } from "./ProjectTemplatesSection";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/index.tsx
deleted file mode 100644
index 6fdd12aee..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/ProjectTemplatesTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectTemplatesTab } from "./ProjectTemplatesTab";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/components/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/components/index.tsx
deleted file mode 100644
index 648613642..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgTabGroup } from "./OrgTabGroup";
diff --git a/frontend-next/src/views/Settings/OrgSettingsPage/index.tsx b/frontend-next/src/views/Settings/OrgSettingsPage/index.tsx
deleted file mode 100644
index 99830d3d1..000000000
--- a/frontend-next/src/views/Settings/OrgSettingsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { OrgSettingsPage } from "./OrgSettingsPage";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/APIKeySection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/APIKeySection.tsx
deleted file mode 100644
index a0f033049..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/APIKeySection.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button, Tooltip } from "@app/components/v2";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { AddAPIKeyModal } from "./AddAPIKeyModal";
-import { APIKeyTable } from "./APIKeyTable";
-
-export const APIKeySection = () => {
-  const { t } = useTranslation();
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["addAPIKey"] as const);
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-8 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">
-          {t("settings.personal.api-keys.title")}
-        </p>
-        <Tooltip content="API Keys are deprecated and will be removed in the future.">
-          <Button
-            isDisabled
-            colorSchema="secondary"
-            type="submit"
-            leftIcon={<FontAwesomeIcon icon={faPlus} />}
-            onClick={() => handlePopUpOpen("addAPIKey")}
-          >
-            Add API Key
-          </Button>
-        </Tooltip>
-      </div>
-      <APIKeyTable />
-      <AddAPIKeyModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/APIKeyTable.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/APIKeyTable.tsx
deleted file mode 100644
index 1eb5abad2..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/APIKeyTable.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { faKey, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useDeleteAPIKey, useGetMyAPIKeys } from "@app/hooks/api";
-
-export const APIKeyTable = () => {
-  
-  const { data, isLoading } = useGetMyAPIKeys();
-  const { mutateAsync } = useDeleteAPIKey();
-
-  const handleDeleteAPIKeyDataClick = async (apiKeyDataId: string) => {
-    try {
-      await mutateAsync(apiKeyDataId);
-      createNotification({
-        text: "Successfully deleted API key",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete API key",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th className="flex-1">Name</Th>
-            <Th className="flex-1">Last active</Th>
-            <Th className="flex-1">Created</Th>
-            <Th className="flex-1">Expiration</Th>
-            <Th className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="api-keys" />}
-          {!isLoading &&
-            data &&
-            data.length > 0 &&
-            data.map(({ id, name, createdAt, expiresAt, lastUsed }) => {
-              return (
-                <Tr className="h-10" key={`api-key-${id}`}>
-                  <Td>{name}</Td>
-                  <Td>{format(new Date(lastUsed), "yyyy-MM-dd")}</Td>
-                  <Td>{format(new Date(createdAt), "yyyy-MM-dd")}</Td>
-                  <Td>{format(new Date(expiresAt), "yyyy-MM-dd")}</Td>
-                  <Td>
-                    <IconButton
-                      onClick={async () => {
-                        await handleDeleteAPIKeyDataClick(id);
-                      }}
-                      size="lg"
-                      colorSchema="danger"
-                      variant="plain"
-                      ariaLabel="update"
-                    >
-                      <FontAwesomeIcon icon={faXmark} />
-                    </IconButton>
-                  </Td>
-                </Tr>
-              );
-            })}
-          {!isLoading && data && data?.length === 0 && (
-            <Tr>
-              <Td colSpan={5}>
-                <EmptyState title="No API Keys on file" icon={faKey} />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/AddAPIKeyModal.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/AddAPIKeyModal.tsx
deleted file mode 100644
index f65e708e9..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/AddAPIKeyModal.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Input,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { useCreateAPIKey } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const expirations = [
-  { label: "1 day", value: "1d" },
-  { label: "7 days", value: "7d" },
-  { label: "1 month", value: "1mo" },
-  { label: "6 months", value: "6mo" },
-  { label: "12 months", value: "12mo" }
-];
-
-const expirationMapping: { [key: string]: number } = {
-  "1d": 86400,
-  "7d": 604800,
-  "1mo": 2592000,
-  "6mo": 15552000,
-  "12mo": 31104000
-};
-
-const schema = yup
-  .object({
-    name: yup.string().required("API Key name is required"),
-    expiresIn: yup.string().required("API Key expiration window is required")
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["addAPIKey"]>;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["addAPIKey"]>, state?: boolean) => void;
-};
-
-export const AddAPIKeyModal = ({ popUp, handlePopUpToggle }: Props) => {
-  const [newAPIKey, setNewAPIKey] = useState("");
-  const [isAPIKeyCopied, setIsAPIKeyCopied] = useToggle(false);
-  
-  const { mutateAsync, isLoading } = useCreateAPIKey();
-
-  const { control, handleSubmit, reset } = useForm<FormData>({
-    resolver: yupResolver(schema)
-  });
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-
-    if (isAPIKeyCopied) {
-      timer = setTimeout(() => setIsAPIKeyCopied.off(), 2000);
-    }
-
-    return () => clearTimeout(timer);
-  }, [setIsAPIKeyCopied]);
-
-  const copyTokenToClipboard = () => {
-    navigator.clipboard.writeText(newAPIKey);
-    setIsAPIKeyCopied.on();
-  };
-
-  const onFormSubmit = async ({ name, expiresIn }: FormData) => {
-    try {
-      const { apiKey } = await mutateAsync({
-        name,
-        expiresIn: expirationMapping[expiresIn]
-      });
-
-      setNewAPIKey(apiKey);
-
-      createNotification({
-        text: "Successfully created API key",
-        type: "success"
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create API key",
-        type: "error"
-      });
-    }
-  };
-
-  const hasAPIKey = Boolean(newAPIKey);
-
-  return (
-    <Modal
-      isOpen={popUp?.addAPIKey?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("addAPIKey", isOpen);
-        reset();
-        setNewAPIKey("");
-      }}
-    >
-      <ModalContent title="Create API Key">
-        {!hasAPIKey ? (
-          <form onSubmit={handleSubmit(onFormSubmit)}>
-            <Controller
-              control={control}
-              defaultValue=""
-              name="name"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl label="Name" isError={Boolean(error)} errorText={error?.message}>
-                  <Input {...field} placeholder="My API Key" />
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="expiresIn"
-              defaultValue="6mo"
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl label="Expiration" errorText={error?.message} isError={Boolean(error)}>
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {expirations.map(({ label, value }) => (
-                      <SelectItem value={String(value || "")} key={`api-key-expiration-${label}`}>
-                        {label}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            <div className="mt-8 flex items-center">
-              <Button
-                className="mr-4"
-                size="sm"
-                type="submit"
-                isLoading={isLoading}
-                isDisabled={isLoading}
-              >
-                Add
-              </Button>
-              <Button
-                colorSchema="secondary"
-                variant="plain"
-                onClick={() => handlePopUpToggle("addAPIKey", false)}
-              >
-                Cancel
-              </Button>
-            </div>
-          </form>
-        ) : (
-          <div className="mt-2 mb-3 mr-2 flex items-center justify-end rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-            <p className="mr-4 break-all">{newAPIKey}</p>
-            <IconButton
-              ariaLabel="copy icon"
-              colorSchema="secondary"
-              className="group relative"
-              onClick={copyTokenToClipboard}
-            >
-              <FontAwesomeIcon icon={isAPIKeyCopied ? faCheck : faCopy} />
-              <span className="absolute -left-8 -top-20 hidden w-28 translate-y-full rounded-md bg-bunker-800 py-2 pl-3 text-center text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-                Click to copy
-              </span>
-            </IconButton>
-          </div>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/index.tsx
deleted file mode 100644
index f4bdf430e..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/APIKeySection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { APIKeySection } from "./APIKeySection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx
deleted file mode 100644
index 5ed8e301c..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { useEffect } from "react";
-import { useForm } from "react-hook-form";
-import { faGithub, faGitlab, faGoogle, IconDefinition } from "@fortawesome/free-brands-svg-icons";
-import { faEnvelope } from "@fortawesome/free-regular-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { Switch } from "@app/components/v2";
-import { useServerConfig, useUser } from "@app/context";
-import { useUpdateUserAuthMethods } from "@app/hooks/api";
-import { LoginMethod } from "@app/hooks/api/admin/types";
-import { AuthMethod } from "@app/hooks/api/users/types";
-
-interface AuthMethodOption {
-  label: string;
-  value: AuthMethod;
-  icon: IconDefinition;
-  loginMethod: LoginMethod;
-}
-
-const authMethodOpts: AuthMethodOption[] = [
-  { label: "Email", value: AuthMethod.EMAIL, icon: faEnvelope, loginMethod: LoginMethod.EMAIL },
-  { label: "Google", value: AuthMethod.GOOGLE, icon: faGoogle, loginMethod: LoginMethod.GOOGLE },
-  { label: "GitHub", value: AuthMethod.GITHUB, icon: faGithub, loginMethod: LoginMethod.GITHUB },
-  { label: "GitLab", value: AuthMethod.GITLAB, icon: faGitlab, loginMethod: LoginMethod.GITLAB }
-];
-const schema = yup.object({
-  authMethods: yup.array().required("Auth method is required")
-});
-
-export type FormData = yup.InferType<typeof schema>;
-
-export const AuthMethodSection = () => {
-  const { user } = useUser();
-  const { config } = useServerConfig();
-  const { mutateAsync } = useUpdateUserAuthMethods();
-
-  const { reset, setValue, watch } = useForm<FormData>({
-    defaultValues: {
-      authMethods: user.authMethods
-    },
-    resolver: yupResolver(schema)
-  });
-
-  const authMethods = watch("authMethods");
-
-  useEffect(() => {
-    if (user) {
-      reset({
-        authMethods: user.authMethods
-      });
-    }
-  }, [user]);
-
-  const onAuthMethodToggle = async (value: boolean, authMethodOpt: AuthMethodOption) => {
-    const newAuthMethods = value
-      ? [...authMethods, authMethodOpt.value]
-      : authMethods.filter((auth) => auth !== authMethodOpt.value);
-
-    if (value) {
-      const newUser = await mutateAsync({
-        authMethods: newAuthMethods
-      });
-
-      setValue("authMethods", newUser.authMethods);
-      createNotification({
-        text: "Successfully enabled authentication method",
-        type: "success"
-      });
-      return;
-    }
-
-    if (newAuthMethods.length === 0) {
-      createNotification({
-        text: "You must keep at least 1 authentication method enabled",
-        type: "error"
-      });
-      return;
-    }
-
-    const newUser = await mutateAsync({
-      authMethods: newAuthMethods
-    });
-
-    setValue("authMethods", newUser.authMethods);
-    createNotification({
-      text: "Successfully disabled authentication method",
-      type: "success"
-    });
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <h2 className="mb-8 flex-1 text-xl font-semibold text-mineshaft-100">
-        Authentication methods
-      </h2>
-      <p className="mb-4 text-gray-400">
-        By enabling a SSO provider, you are allowing an account with that provider which uses the
-        same email address as your existing Infisical account to be able to log in to Infisical.
-      </p>
-      <div className="mb-4">
-        {user &&
-          authMethodOpts.map((authMethodOpt) => {
-            // only filter when enabledLoginMethods is explicitly configured by admin
-            if (
-              config.enabledLoginMethods &&
-              !config.enabledLoginMethods.includes(authMethodOpt.loginMethod)
-            ) {
-              return null;
-            }
-
-            return (
-              <div className="flex items-center p-4" key={`auth-method-${authMethodOpt.value}`}>
-                <div className="flex items-center">
-                  <FontAwesomeIcon icon={authMethodOpt.icon} className="mr-4" />
-                </div>
-                <Switch
-                  id={`enable-${authMethodOpt.value}-auth`}
-                  onCheckedChange={(value) => onAuthMethodToggle(value, authMethodOpt)}
-                  isChecked={authMethods?.includes(authMethodOpt.value) ?? false}
-                >
-                  <p className="mr-4 w-12">{authMethodOpt.label}</p>
-                </Switch>
-              </div>
-            );
-          })}
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/AuthMethodSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/AuthMethodSection/index.tsx
deleted file mode 100644
index 3f6ad3da6..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/AuthMethodSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AuthMethodSection } from "./AuthMethodSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangeLanguageSection/ChangeLanguageSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/ChangeLanguageSection/ChangeLanguageSection.tsx
deleted file mode 100644
index f962f6c75..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangeLanguageSection/ChangeLanguageSection.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { useRouter } from "next/router";
-
-import ListBox from "@app/components/basic/Listbox";
-
-export const ChangeLanguageSection = () => {
-  const { t, i18n } = useTranslation();
-  const router = useRouter();
-  const lang = router.locale ?? "en";
-
-  const setLanguage = async (to: string) => {
-    router.push(router.asPath, router.asPath, { locale: to });
-    localStorage.setItem("lang", to);
-    i18n.changeLanguage(to);
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <p className="mb-8 text-xl font-semibold text-mineshaft-100">
-        {t("settings.personal.change-language")}
-      </p>
-      <div className="w-28">
-        <ListBox
-          isSelected={lang}
-          onChange={setLanguage}
-          data={["en", "ko", "fr", "es"]}
-          text={`${t("common.language")}: `}
-        />
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangeLanguageSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/ChangeLanguageSection/index.tsx
deleted file mode 100644
index ce1ecad6e..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangeLanguageSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ChangeLanguageSection } from "./ChangeLanguageSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangePasswordSection/ChangePasswordSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/ChangePasswordSection/ChangePasswordSection.tsx
deleted file mode 100644
index 8ffaca1e1..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangePasswordSection/ChangePasswordSection.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import attemptChangePassword from "@app/components/utilities/attemptChangePassword";
-import checkPassword from "@app/components/utilities/checks/password/checkPassword";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useUser } from "@app/context";
-
-type Errors = {
-  tooShort?: string;
-  tooLong?: string;
-  noLetterChar?: string;
-  noNumOrSpecialChar?: string;
-  repeatedChar?: string;
-  escapeChar?: string;
-  lowEntropy?: string;
-  breached?: string;
-};
-
-const schema = yup
-  .object({
-    oldPassword: yup.string().required("Old password is required"),
-    newPassword: yup.string().required("New password is required")
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-export const ChangePasswordSection = () => {
-  const { t } = useTranslation();
-  
-  const { user } = useUser();
-  const { reset, control, handleSubmit } = useForm({
-    defaultValues: {
-      oldPassword: "",
-      newPassword: ""
-    },
-    resolver: yupResolver(schema)
-  });
-  const [errors, setErrors] = useState<Errors>({});
-  const [isLoading, setIsLoading] = useState(false);
-
-  const onFormSubmit = async ({ oldPassword, newPassword }: FormData) => {
-    try {
-      const errorCheck = await checkPassword({
-        password: newPassword,
-        setErrors
-      });
-
-      if (errorCheck) return;
-
-      setIsLoading(true);
-      await attemptChangePassword({
-        email: user.username,
-        currentPassword: oldPassword,
-        newPassword
-      });
-
-      setIsLoading(false);
-      createNotification({
-        text: "Successfully changed password",
-        type: "success"
-      });
-
-      reset();
-      window.location.href = "/login";
-    } catch (err) {
-      console.error(err);
-      setIsLoading(false);
-      createNotification({
-        text: "Failed to change password",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <h2 className="mb-8 flex-1 text-xl font-semibold text-mineshaft-100">Change password</h2>
-      <div className="max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input
-                placeholder="Old password"
-                type="password"
-                {...field}
-                className="bg-mineshaft-800"
-              />
-            </FormControl>
-          )}
-          control={control}
-          name="oldPassword"
-        />
-      </div>
-      <div className="max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input
-                placeholder="New password"
-                type="password"
-                {...field}
-                className="bg-mineshaft-800"
-              />
-            </FormControl>
-          )}
-          control={control}
-          name="newPassword"
-        />
-      </div>
-      {Object.keys(errors).length > 0 && (
-        <div className="my-4 flex max-w-md flex-col items-start rounded-md bg-white/5 px-2 py-2">
-          <div className="mb-2 text-sm text-gray-400">{t("section.password.validate-base")}</div>
-          {Object.keys(errors).map((key) => {
-            if (errors[key as keyof Errors]) {
-              return (
-                <div className="items-top ml-1 flex flex-row justify-start" key={key}>
-                  <div>
-                    <FontAwesomeIcon icon={faXmark} className="text-md ml-0.5 mr-2.5 text-red" />
-                  </div>
-                  <p className="text-sm text-gray-400">{errors[key as keyof Errors]}</p>
-                </div>
-              );
-            }
-
-            return null;
-          })}
-        </div>
-      )}
-      <Button type="submit" colorSchema="secondary" isLoading={isLoading} isDisabled={isLoading}>
-        Save
-      </Button>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangePasswordSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/ChangePasswordSection/index.tsx
deleted file mode 100644
index c2d2dfd80..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/ChangePasswordSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ChangePasswordSection } from "./ChangePasswordSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/DeleteAccountSection/DeleteAccountSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/DeleteAccountSection/DeleteAccountSection.tsx
deleted file mode 100644
index fab1057ba..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/DeleteAccountSection/DeleteAccountSection.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useRouter } from "next/router";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { useDeleteMe } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-export const DeleteAccountSection = () => {
-  const router = useRouter();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteAccount"
-  ] as const);
-
-  const { mutateAsync: deleteUserMutateAsync, isLoading } = useDeleteMe();
-
-  const handleDeleteAccountSubmit = async () => {
-    try {
-      await deleteUserMutateAsync();
-
-      createNotification({
-        text: "Successfully deleted account",
-        type: "success"
-      });
-
-      router.push("/login");
-      handlePopUpClose("deleteAccount");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete account",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <p className="mb-4 text-xl font-semibold text-mineshaft-100">Danger Zone</p>
-      <Button
-        isLoading={isLoading}
-        colorSchema="danger"
-        variant="outline_bg"
-        type="submit"
-        onClick={() => handlePopUpOpen("deleteAccount")}
-      >
-        Delete my account
-      </Button>
-      <DeleteActionModal
-        isOpen={popUp.deleteAccount.isOpen}
-        title="Are you sure want to delete your account?"
-        subTitle="Permanently remove this account and all of its data. This action is not reversible, so please be careful."
-        onChange={(isOpen) => handlePopUpToggle("deleteAccount", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={handleDeleteAccountSubmit}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/DeleteAccountSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/DeleteAccountSection/index.tsx
deleted file mode 100644
index a4354d533..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/DeleteAccountSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { DeleteAccountSection } from "./DeleteAccountSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/EmergencyKitSection/EmergencyKitSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/EmergencyKitSection/EmergencyKitSection.tsx
deleted file mode 100644
index 405b0e3e0..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/EmergencyKitSection/EmergencyKitSection.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import issueBackupKey from "@app/components/utilities/cryptography/issueBackupKey";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useUser } from "@app/context";
-
-const schema = yup
-  .object({
-    password: yup.string().required("Password is required")
-  })
-  .required();
-
-export type FormData = yup.InferType<typeof schema>;
-
-export const EmergencyKitSection = () => {
-  
-  const { user } = useUser();
-  const { reset, control, handleSubmit } = useForm({
-    defaultValues: {
-      password: ""
-    },
-    resolver: yupResolver(schema)
-  });
-
-  const onFormSubmit = ({ password }: FormData) => {
-    try {
-      if (!user?.email) return;
-
-      issueBackupKey({
-        email: user.email,
-        password,
-        personalName: `${user.firstName} ${user.lastName}`,
-        setBackupKeyError: () => {},
-        setBackupKeyIssued: () => {}
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to download emergency kit",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <h2 className="flex-1 text-xl font-semibold text-mineshaft-100">Emergency Kit</h2>
-      <p className="mb-8 text-gray-400">
-        The kit contains information you can use to recover your account.
-      </p>
-      <div className="max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input
-                placeholder="Password"
-                type="password"
-                {...field}
-                className="bg-mineshaft-800"
-              />
-            </FormControl>
-          )}
-          control={control}
-          name="password"
-        />
-      </div>
-      <Button type="submit" colorSchema="secondary" isLoading={false}>
-        Save
-      </Button>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/EmergencyKitSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/EmergencyKitSection/index.tsx
deleted file mode 100644
index c817666b1..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/EmergencyKitSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EmergencyKitSection } from "./EmergencyKitSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAPIKeyTab/PersonalAPIKeyTab.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAPIKeyTab/PersonalAPIKeyTab.tsx
deleted file mode 100644
index ca1fa130e..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAPIKeyTab/PersonalAPIKeyTab.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { APIKeySection } from "../APIKeySection";
-
-export const PersonalAPIKeyTab = () => {
-  return <APIKeySection />;
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAPIKeyTab/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAPIKeyTab/index.tsx
deleted file mode 100644
index 50c77ba0a..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAPIKeyTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PersonalAPIKeyTab } from "./PersonalAPIKeyTab";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAuthTab/PersonalAuthTab.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAuthTab/PersonalAuthTab.tsx
deleted file mode 100644
index b87d87dbb..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAuthTab/PersonalAuthTab.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useGetUser } from "@app/hooks/api";
-import { AuthMethod } from "@app/hooks/api/users/types";
-
-import { AuthMethodSection } from "../AuthMethodSection";
-import { ChangePasswordSection } from "../ChangePasswordSection";
-import { MFASection } from "../SecuritySection";
-
-export const PersonalAuthTab = () => {
-  const { data: user } = useGetUser();
-  return (
-    <div>
-      {user && !user.authMethods.includes(AuthMethod.LDAP) && (
-        <>
-          <MFASection />
-          <AuthMethodSection />
-        </>
-      )}
-      <ChangePasswordSection />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAuthTab/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAuthTab/index.tsx
deleted file mode 100644
index 2a042aaf5..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalAuthTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PersonalAuthTab } from "./PersonalAuthTab";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalGeneralTab/PersonalGeneralTab.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalGeneralTab/PersonalGeneralTab.tsx
deleted file mode 100644
index ac4c5bea2..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalGeneralTab/PersonalGeneralTab.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { DeleteAccountSection } from "../DeleteAccountSection";
-import { EmergencyKitSection } from "../EmergencyKitSection";
-import { SessionsSection } from "../SessionsSection";
-import { UserNameSection } from "../UserNameSection";
-
-export const PersonalGeneralTab = () => {
-  return (
-    <div>
-      <UserNameSection />
-      <SessionsSection />
-      <EmergencyKitSection />
-      <DeleteAccountSection />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalGeneralTab/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalGeneralTab/index.tsx
deleted file mode 100644
index 97c1cb39a..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalGeneralTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PersonalGeneralTab } from "./PersonalGeneralTab";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalSettingsPage.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalSettingsPage.tsx
deleted file mode 100644
index 5e764397e..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalSettingsPage.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-import { PersonalTabGroup } from "./PersonalTabGroup";
-
-export const PersonalSettingsPage = () => {
-  const { t } = useTranslation();
-  return (
-    <div className="flex w-full justify-center bg-bunker-800 px-6 text-white">
-      <div className="w-full max-w-6xl">
-        <div className="mt-6 mb-6">
-          <p className="text-3xl font-semibold text-gray-200">{t("settings.personal.title")}</p>
-        </div>
-        <PersonalTabGroup />
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalTabGroup/PersonalTabGroup.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalTabGroup/PersonalTabGroup.tsx
deleted file mode 100644
index 246172975..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalTabGroup/PersonalTabGroup.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Fragment } from "react";
-import { faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Tab } from "@headlessui/react";
-
-import { PersonalAPIKeyTab } from "../PersonalAPIKeyTab";
-import { PersonalAuthTab } from "../PersonalAuthTab";
-import { PersonalGeneralTab } from "../PersonalGeneralTab";
-
-const tabs = [
-  { name: "General", key: "tab-account-general" },
-  { name: "Authentication", key: "tab-account-auth" },
-  { name: "API Keys", key: "tab-account-api-keys" }
-];
-
-export const PersonalTabGroup = () => {
-  return (
-    <Tab.Group>
-      <Tab.List className="mb-4 w-full border-b-2 border-mineshaft-800">
-        {tabs.map((tab) => (
-          <Tab as={Fragment} key={tab.key}>
-            {({ selected }) => (
-              <button
-                type="button"
-                className={`w-30 mx-2 mr-4 py-2 text-sm font-medium outline-none ${
-                  selected ? "border-b border-white text-white" : "text-mineshaft-400"
-                }`}
-              >
-                {tab.name}
-              </button>
-            )}
-          </Tab>
-        ))}
-      </Tab.List>
-      <Tab.Panels>
-        <Tab.Panel>
-          <PersonalGeneralTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <PersonalAuthTab />
-        </Tab.Panel>
-        <Tab.Panel>
-          <div className="space-y-3">
-            <div className="mt-4 flex w-full flex-row items-center rounded-md border border-primary-600/70 bg-primary/[.07] p-4 text-base text-white">
-              <FontAwesomeIcon icon={faWarning} className="pr-6 text-4xl text-white/80" />
-              <div className="flex w-full flex-col text-sm">
-                <span className="mb-4 text-lg font-semibold">Deprecation Notice</span>
-                <p>
-                  API Keys are being deprecated in favor of Machine Identities.
-                  <br />
-                  They will be removed in the future in accordance with the deprecation notice and
-                  timeline stated{" "}
-                  <a
-                    href="https://infisical.com/blog/deprecating-api-keys"
-                    target="_blank"
-                    className="font-semibold text-primary-400" rel="noreferrer"
-                  >
-                    here
-                  </a>
-                  .
-                  <br />
-                  <a
-                    href="https://infisical.com/docs/documentation/platform/identities/overview"
-                    target="_blank"
-                    className="font-semibold text-primary-400" rel="noreferrer"
-                  >
-                    Learn more about Machine Identities
-                  </a>
-                </p>
-              </div>
-            </div>
-            <PersonalAPIKeyTab />
-          </div>
-        </Tab.Panel>
-      </Tab.Panels>
-    </Tab.Group>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalTabGroup/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalTabGroup/index.tsx
deleted file mode 100644
index 5bc002597..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/PersonalTabGroup/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PersonalTabGroup } from "./PersonalTabGroup";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/SecuritySection/MFASection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/SecuritySection/MFASection.tsx
deleted file mode 100644
index f27bf65dd..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/SecuritySection/MFASection.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-import { useQueryClient } from "@tanstack/react-query";
-
-import TotpRegistration from "@app/components/mfa/TotpRegistration";
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  ContentLoader,
-  DeleteActionModal,
-  EmailServiceSetupModal,
-  FormControl,
-  Select,
-  SelectItem,
-  Switch
-} from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { useGetUser, userKeys, useUpdateUserMfa } from "@app/hooks/api";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-import { useFetchServerStatus } from "@app/hooks/api/serverDetails";
-import {
-  useCreateNewTotpRecoveryCodes,
-  useDeleteUserTotpConfiguration
-} from "@app/hooks/api/users/mutation";
-import { useGetUserTotpConfiguration } from "@app/hooks/api/users/queries";
-import { AuthMethod } from "@app/hooks/api/users/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-export const MFASection = () => {
-  const { data: user } = useGetUser();
-  const { mutateAsync } = useUpdateUserMfa();
-
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "setUpEmail",
-    "deleteTotpConfig"
-  ] as const);
-  const [shouldShowRecoveryCodes, setShouldShowRecoveryCodes] = useToggle();
-  const { data: totpConfiguration, isLoading: isTotpConfigurationLoading } =
-    useGetUserTotpConfiguration();
-  const { mutateAsync: deleteTotpConfiguration } = useDeleteUserTotpConfiguration();
-  const { mutateAsync: createTotpRecoveryCodes } = useCreateNewTotpRecoveryCodes();
-  const queryClient = useQueryClient();
-  const { data: serverDetails } = useFetchServerStatus();
-
-  const handleTotpDeletion = async () => {
-    try {
-      await deleteTotpConfiguration();
-
-      createNotification({
-        text: "Successfully deleted mobile authenticator",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteTotpConfig");
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to delete mobile authenticator";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  const handleGenerateMoreRecoveryCodes = async () => {
-    try {
-      await createTotpRecoveryCodes();
-
-      createNotification({
-        text: "Successfully generated new recovery codes",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to generate new recovery codes";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
-  };
-
-  const updateSelectedMfa = async (mfaMethod: MfaMethod) => {
-    try {
-      if (!user) return;
-
-      await mutateAsync({
-        selectedMfaMethod: mfaMethod
-      });
-
-      createNotification({
-        text: "Successfully updated selected 2FA method",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Something went wrong while updating selected 2FA method.",
-        type: "error"
-      });
-      console.error(err);
-    }
-  };
-
-  const toggleMfa = async (state: boolean) => {
-    try {
-      if (!user) return;
-      if (user.authMethods.includes(AuthMethod.LDAP)) {
-        createNotification({
-          text: "Two-factor authentication is not available for LDAP users.",
-          type: "error"
-        });
-        return;
-      }
-
-      const newUser = await mutateAsync({
-        isMfaEnabled: state
-      });
-
-      createNotification({
-        text: `${
-          newUser.isMfaEnabled
-            ? "Successfully turned on two-factor authentication."
-            : "Successfully turned off two-factor authentication."
-        }`,
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Something went wrong while toggling the two-factor authentication.",
-        type: "error"
-      });
-      console.error(err);
-    }
-  };
-
-  return (
-    <>
-      <div className="mb-6 max-w-6xl rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <p className="mb-4 text-xl font-semibold text-mineshaft-100">Two-factor Authentication</p>
-        {user && (
-          <Switch
-            className="data-[state=checked]:bg-primary"
-            id="isTwoFAEnabled"
-            isChecked={user?.isMfaEnabled}
-            onCheckedChange={(state) => {
-              if (serverDetails?.emailConfigured) {
-                toggleMfa(state as boolean);
-              } else {
-                handlePopUpOpen("setUpEmail");
-              }
-            }}
-          >
-            Enable 2-factor authentication
-          </Switch>
-        )}
-        {user?.isMfaEnabled && (
-          <FormControl label="Selected 2FA method" className="mt-3">
-            <Select
-              className="min-w-[20rem] border border-mineshaft-500"
-              onValueChange={updateSelectedMfa}
-              defaultValue={user.selectedMfaMethod ?? MfaMethod.EMAIL}
-            >
-              <SelectItem value={MfaMethod.EMAIL} key="mfa-method-email">
-                Email
-              </SelectItem>
-              <SelectItem value={MfaMethod.TOTP} key="mfa-method-totp">
-                Mobile Authenticator
-              </SelectItem>
-            </Select>
-          </FormControl>
-        )}
-        <div className="mt-8 text-lg font-semibold text-mineshaft-100">Mobile Authenticator</div>
-        {isTotpConfigurationLoading ? (
-          <ContentLoader />
-        ) : (
-          <div>
-            {totpConfiguration?.isVerified ? (
-              <div className="mt-2">
-                <div className="flex flex-row gap-2">
-                  <Button colorSchema="secondary" onClick={setShouldShowRecoveryCodes.toggle}>
-                    {shouldShowRecoveryCodes ? "Hide recovery codes" : "Show recovery codes"}
-                  </Button>
-                  <Button colorSchema="secondary" onClick={handleGenerateMoreRecoveryCodes}>
-                    Generate more codes
-                  </Button>
-                  <Button colorSchema="danger" onClick={() => handlePopUpOpen("deleteTotpConfig")}>
-                    Delete
-                  </Button>
-                </div>
-                {shouldShowRecoveryCodes && totpConfiguration.recoveryCodes && (
-                  <div className="mt-4 bg-mineshaft-600 p-4">
-                    {totpConfiguration.recoveryCodes.map((code) => (
-                      <div key={code}>{code}</div>
-                    ))}
-                  </div>
-                )}
-              </div>
-            ) : (
-              <>
-                <div className="text-sm text-gray-400">
-                  For added security, you can configure a mobile authenticator and set it as your
-                  selected 2FA method.
-                </div>
-                <div className="ml-6 mt-6 flex min-w-full">
-                  <TotpRegistration
-                    onComplete={async () => {
-                      await queryClient.invalidateQueries(userKeys.totpConfiguration);
-                    }}
-                  />
-                </div>
-              </>
-            )}
-          </div>
-        )}
-      </div>
-      <EmailServiceSetupModal
-        isOpen={popUp.setUpEmail?.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("setUpEmail", isOpen)}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deleteTotpConfig.isOpen}
-        title="Are you sure want to delete the configured authenticator?"
-        subTitle="This action is irreversible. You’ll have to go through the setup process to enable it again."
-        onChange={(isOpen) => handlePopUpToggle("deleteTotpConfig", isOpen)}
-        deleteKey="confirm"
-        onDeleteApproved={handleTotpDeletion}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/SecuritySection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/SecuritySection/index.tsx
deleted file mode 100644
index 1284d0848..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/SecuritySection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { MFASection } from "./MFASection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/SessionsSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/SessionsSection.tsx
deleted file mode 100644
index 91369d060..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/SessionsSection.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { faBan } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button } from "@app/components/v2";
-import { useRevokeMySessions } from "@app/hooks/api";
-
-import { SessionsTable } from "./SessionsTable";
-
-export const SessionsSection = () => {
-  const { mutateAsync } = useRevokeMySessions();
-
-  const onRevokeAllSessionsClick = async () => {
-    try {
-      await mutateAsync();
-      window.location.href = "/login";
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-8 flex justify-between">
-        <h2 className="flex-1 text-xl font-semibold text-mineshaft-100">Sessions</h2>
-        <Button
-          colorSchema="secondary"
-          type="submit"
-          leftIcon={<FontAwesomeIcon icon={faBan} />}
-          onClick={onRevokeAllSessionsClick}
-        >
-          Revoke all
-        </Button>
-      </div>
-      <p className="mb-8 text-gray-400">
-        Logging into Infisical via browser or CLI creates a session. Revoking all sessions logs your
-        account out all active sessions across all browsers and CLIs.
-      </p>
-      <SessionsTable />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/SessionsTable.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/SessionsTable.tsx
deleted file mode 100644
index dfb657640..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/SessionsTable.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { faServer } from "@fortawesome/free-solid-svg-icons";
-
-import {
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useGetMySessions } from "@app/hooks/api";
-
-export const SessionsTable = () => {
-  const { data, isLoading } = useGetMySessions();
-
-  const formatDate = (dateToFormat: string) => {
-    const date = new Date(dateToFormat);
-    const year = date.getFullYear();
-    const month = date.getMonth() + 1;
-    const day = date.getDate();
-
-    const formattedDate = `${day}/${month}/${year}`;
-
-    return formattedDate;
-  };
-
-  return (
-    <TableContainer className="mt-4">
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Created</Th>
-            <Th>Last active</Th>
-            <Th>IP address</Th>
-            <Th>Device</Th>
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={4} innerKey="sesssions" />}
-          {!isLoading &&
-            data &&
-            data.length > 0 &&
-            data.map(({ id, createdAt, lastUsed, ip, userAgent }) => {
-              return (
-                <Tr className="h-10" key={`session-${id}`}>
-                  <Td>{formatDate(createdAt)}</Td>
-                  <Td>{formatDate(lastUsed)}</Td>
-                  <Td>{ip}</Td>
-                  <Td>{userAgent}</Td>
-                </Tr>
-              );
-            })}
-          {!isLoading && data && data?.length === 0 && (
-            <Tr>
-              <Td colSpan={4}>
-                <EmptyState title="No sessions on file" icon={faServer} />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/index.tsx
deleted file mode 100644
index cc0fe376b..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/SessionsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SessionsSection } from "./SessionsSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/UserNameSection/UserNameSection.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/UserNameSection/UserNameSection.tsx
deleted file mode 100644
index f5ebe03e6..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/UserNameSection/UserNameSection.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import * as yup from "yup";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useUser } from "@app/context";
-import { useRenameUser } from "@app/hooks/api/users/queries";
-
-const formSchema = yup.object({
-  name: yup.string().required().label("User Name")
-});
-
-type FormData = yup.InferType<typeof formSchema>;
-
-export const UserNameSection = (): JSX.Element => {
-  const { user } = useUser();
-  
-  const { handleSubmit, control, reset } = useForm<FormData>({ resolver: yupResolver(formSchema) });
-  const { mutateAsync, isLoading } = useRenameUser();
-
-  useEffect(() => {
-    if (user) {
-      reset({ name: `${user?.firstName}${user?.lastName && " "}${user?.lastName}` });
-    }
-  }, [user]);
-
-  const onFormSubmit = async ({ name }: FormData) => {
-    try {
-      if (!user?.id) return;
-      if (name === "") return;
-
-      await mutateAsync({ newName: name });
-      createNotification({
-        text: "Successfully renamed user",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to rename user",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <p className="mb-4 text-xl font-semibold text-mineshaft-100">Name</p>
-      <div className="mb-2 max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input placeholder={`${user?.firstName} ${user?.lastName}`} {...field} />
-            </FormControl>
-          )}
-          control={control}
-          name="name"
-        />
-      </div>
-      <Button isLoading={isLoading} colorSchema="primary" variant="outline_bg" type="submit">
-        Save
-      </Button>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/UserNameSection/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/UserNameSection/index.tsx
deleted file mode 100644
index a81ecba8f..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/UserNameSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { UserNameSection } from "./UserNameSection";
diff --git a/frontend-next/src/views/Settings/PersonalSettingsPage/index.tsx b/frontend-next/src/views/Settings/PersonalSettingsPage/index.tsx
deleted file mode 100644
index 630aac8bc..000000000
--- a/frontend-next/src/views/Settings/PersonalSettingsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PersonalSettingsPage } from "./PersonalSettingsPage";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/ProjectSettingsPage.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/ProjectSettingsPage.tsx
deleted file mode 100644
index 8b264fd49..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/ProjectSettingsPage.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Fragment } from "react";
-import { useTranslation } from "react-i18next";
-import { Tab } from "@headlessui/react";
-
-import { useWorkspace } from "@app/context";
-import { ProjectType, ProjectVersion } from "@app/hooks/api/workspace/types";
-
-import { EncryptionTab } from "./components/EncryptionTab";
-import { ProjectGeneralTab } from "./components/ProjectGeneralTab";
-import { WebhooksTab } from "./components/WebhooksTab";
-import { WorkflowIntegrationTab } from "./components/WorkflowIntegrationSection";
-
-export const ProjectSettingsPage = () => {
-  const { t } = useTranslation();
-  const { currentWorkspace } = useWorkspace();
-  const tabs = [
-    { name: "General", key: "tab-project-general" },
-    {
-      name: "Encryption",
-      key: "tab-project-encryption",
-      isHidden:
-        currentWorkspace?.version !== ProjectVersion.V3 ||
-        currentWorkspace?.type !== ProjectType.SecretManager
-    },
-    {
-      name: "Workflow Integrations",
-      key: "tab-workflow-integrations",
-      isHidden: currentWorkspace?.type !== ProjectType.SecretManager
-    },
-    {
-      name: "Webhooks",
-      key: "tab-project-webhooks",
-      isHidden: currentWorkspace?.type !== ProjectType.SecretManager
-    }
-  ];
-
-  return (
-    <div className="flex h-full w-full justify-center bg-bunker-800 text-white">
-      <div className="w-full max-w-7xl px-6">
-        <div className="my-6">
-          <p className="text-3xl font-semibold text-gray-200">{t("settings.project.title")}</p>
-        </div>
-        <Tab.Group>
-          <Tab.List className="mb-4 w-full border-b-2 border-mineshaft-800">
-            {tabs
-              .filter((el) => !el.isHidden)
-              .map((tab) => (
-                <Tab as={Fragment} key={tab.key}>
-                  {({ selected }) => (
-                    <button
-                      type="button"
-                      className={`w-30 mx-2 mr-4 py-2 text-sm font-medium outline-none ${
-                        selected ? "border-b border-white text-white" : "text-mineshaft-400"
-                      }`}
-                    >
-                      {tab.name}
-                    </button>
-                  )}
-                </Tab>
-              ))}
-          </Tab.List>
-          <Tab.Panels>
-            <Tab.Panel>
-              <ProjectGeneralTab />
-            </Tab.Panel>
-            {currentWorkspace?.version === ProjectVersion.V3 &&
-              currentWorkspace?.type === ProjectType.SecretManager && (
-                <Tab.Panel>
-                  <EncryptionTab />
-                </Tab.Panel>
-              )}
-
-            {currentWorkspace?.type === ProjectType.SecretManager && (
-              <Tab.Panel>
-                <WorkflowIntegrationTab />
-              </Tab.Panel>
-            )}
-            {currentWorkspace?.type === ProjectType.SecretManager && (
-              <Tab.Panel>
-                <WebhooksTab />
-              </Tab.Panel>
-            )}
-          </Tab.Panels>
-        </Tab.Group>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AuditLogsRetentionSection/AuditLogsRetentionSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/AuditLogsRetentionSection/AuditLogsRetentionSection.tsx
deleted file mode 100644
index 26cf95a4e..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AuditLogsRetentionSection/AuditLogsRetentionSection.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, UpgradePlanModal } from "@app/components/v2";
-import { useProjectPermission, useSubscription, useWorkspace } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { useUpdateWorkspaceAuditLogsRetention } from "@app/hooks/api/workspace/queries";
-
-const formSchema = z.object({
-  auditLogsRetentionDays: z.coerce.number().min(0)
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-export const AuditLogsRetentionSection = () => {
-  const { mutateAsync: updateAuditLogsRetention } = useUpdateWorkspaceAuditLogsRetention();
-
-  const { currentWorkspace } = useWorkspace();
-  const { membership } = useProjectPermission();
-  const { subscription } = useSubscription();
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["upgradePlan"] as const);
-
-  const {
-    control,
-    formState: { isSubmitting, isDirty },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      auditLogsRetentionDays:
-        currentWorkspace?.auditLogsRetentionDays ?? subscription?.auditLogsRetentionDays ?? 0
-    }
-  });
-
-  if (!currentWorkspace) return null;
-
-  const handleAuditLogsRetentionSubmit = async ({ auditLogsRetentionDays }: TForm) => {
-    try {
-      if (!subscription?.auditLogs) {
-        handlePopUpOpen("upgradePlan", {
-          description: "You can only configure audit logs retention if you upgrade your plan."
-        });
-
-        return;
-      }
-
-      if (subscription && auditLogsRetentionDays > subscription?.auditLogsRetentionDays) {
-        handlePopUpOpen("upgradePlan", {
-          description:
-            "To update your audit logs retention period to a higher value, upgrade your plan."
-        });
-
-        return;
-      }
-
-      await updateAuditLogsRetention({
-        auditLogsRetentionDays,
-        projectSlug: currentWorkspace.slug
-      });
-
-      createNotification({
-        text: "Successfully updated audit logs retention period",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed updating audit logs retention period",
-        type: "error"
-      });
-    }
-  };
-
-  // render only for dedicated/self-hosted instances of Infisical
-  if (
-    window.location.origin.includes("https://app.infisical.com") ||
-    window.location.origin.includes("https://gamma.infisical.com")
-  ) {
-    return null;
-  }
-
-  const isAdmin = membership.roles.includes(ProjectMembershipRole.Admin);
-  return (
-    <>
-      <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="flex w-full items-center justify-between">
-          <p className="text-xl font-semibold">Audit Logs Retention</p>
-        </div>
-        <p className="mb-4 mt-2 max-w-2xl text-sm text-gray-400">
-          Set the number of days to keep your project audit logs.
-        </p>
-        <form onSubmit={handleSubmit(handleAuditLogsRetentionSubmit)} autoComplete="off">
-          <div className="max-w-xs">
-            <Controller
-              control={control}
-              defaultValue={0}
-              name="auditLogsRetentionDays"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                  label="Number of days"
-                >
-                  <Input {...field} type="number" min={1} step={1} isDisabled={!isAdmin} />
-                </FormControl>
-              )}
-            />
-          </div>
-          <Button
-            colorSchema="secondary"
-            type="submit"
-            isLoading={isSubmitting}
-            disabled={!isAdmin || !isDirty}
-          >
-            Save
-          </Button>
-        </form>
-      </div>
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AuditLogsRetentionSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/AuditLogsRetentionSection/index.tsx
deleted file mode 100644
index 38a07f53b..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AuditLogsRetentionSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AuditLogsRetentionSection } from "./AuditLogsRetentionSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AutoCapitalizationSection/AutoCapitalizationSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/AutoCapitalizationSection/AutoCapitalizationSection.tsx
deleted file mode 100644
index b842a32fd..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AutoCapitalizationSection/AutoCapitalizationSection.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useTranslation } from "react-i18next";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Checkbox } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useToggleAutoCapitalization } from "@app/hooks/api";
-
-export const AutoCapitalizationSection = () => {
-  const { t } = useTranslation();
-  
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync } = useToggleAutoCapitalization();
-
-  const handleToggleCapitalizationToggle = async (state: boolean) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await mutateAsync({
-        workspaceID: currentWorkspace.id,
-        state
-      });
-
-      const text = `Successfully ${state ? "enabled" : "disabled"} auto capitalization`;
-      createNotification({
-        text,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update auto capitalization",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <p className="mb-3 text-xl font-semibold">{t("settings.project.auto-capitalization")}</p>
-      <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Settings}>
-        {(isAllowed) => (
-          <div className="w-max">
-            <Checkbox
-              className="data-[state=checked]:bg-primary"
-              id="autoCapitalization"
-              isDisabled={!isAllowed}
-              isChecked={currentWorkspace?.autoCapitalization ?? false}
-              onCheckedChange={(state) => {
-                handleToggleCapitalizationToggle(state as boolean);
-              }}
-            >
-              {t("settings.project.auto-capitalization-description")}
-            </Checkbox>
-          </div>
-        )}
-      </ProjectPermissionCan>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AutoCapitalizationSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/AutoCapitalizationSection/index.tsx
deleted file mode 100644
index 38a591701..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/AutoCapitalizationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AutoCapitalizationSection } from "./AutoCapitalizationSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx
deleted file mode 100644
index 6b1da60b3..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/BackfillSecretReferenceSection.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import { Button } from "@app/components/v2";
-import { useProjectPermission, useWorkspace } from "@app/context";
-import { useBackfillSecretReference } from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-
-export const BackfillSecretReferenceSecretion = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { membership } = useProjectPermission();
-  const backfillSecretReferences = useBackfillSecretReference();
-
-  if (!currentWorkspace) return null;
-
-  const handleBackfill = async () => {
-    if (backfillSecretReferences.isLoading) return;
-    try {
-      await backfillSecretReferences.mutateAsync({ projectId: currentWorkspace.id || "" });
-      createNotification({ text: "Successfully re-indexed secret references", type: "success" });
-    } catch {
-      createNotification({ text: "Failed to re-index secret references", type: "error" });
-    }
-  };
-
-  const isAdmin = membership.roles.includes(ProjectMembershipRole.Admin);
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex w-full items-center justify-between">
-        <p className="text-xl font-semibold">Index Secret References</p>
-      </div>
-      <p className="mb-4 mt-2 max-w-2xl text-sm text-gray-400">
-        This will index all secret references, enabling integrations to be triggered when their
-        values change going forward. This happens automatically when secrets are created or updated.
-      </p>
-      <Button
-        variant="outline_bg"
-        isLoading={backfillSecretReferences.isLoading}
-        onClick={handleBackfill}
-        isDisabled={!isAdmin}
-      >
-        Index Secret References
-      </Button>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/index.tsx
deleted file mode 100644
index 3e1651461..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/BackfillSecretReferenceSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BackfillSecretReferenceSecretion } from "./BackfillSecretReferenceSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/DeleteProjectSection/DeleteProjectSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/DeleteProjectSection/DeleteProjectSection.tsx
deleted file mode 100644
index 72dbe2992..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/DeleteProjectSection/DeleteProjectSection.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-import { useMemo } from "react";
-import { useRouter } from "next/router";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { LeaveProjectModal } from "@app/components/v2/LeaveProjectModal";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useOrganization,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useDeleteWorkspace, useGetWorkspaceUsers, useLeaveProject } from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-export const DeleteProjectSection = () => {
-  const router = useRouter();
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "deleteWorkspace",
-    "leaveWorkspace"
-  ] as const);
-
-  const { currentOrg } = useOrganization();
-  const { hasProjectRole, membership } = useProjectPermission();
-  const { currentWorkspace } = useWorkspace();
-  const [isDeleting, setIsDeleting] = useToggle();
-  const [isLeaving, setIsLeaving] = useToggle();
-  const deleteWorkspace = useDeleteWorkspace();
-  const leaveProject = useLeaveProject();
-  const { data: members, isLoading: isMembersLoading } = useGetWorkspaceUsers(
-    currentWorkspace?.id || ""
-  );
-
-  // If isNoAccessMember is true, then the user can't read the workspace members. So we need to handle this case separately.
-  const isNoAccessMember = hasProjectRole("no-access");
-
-  const isOnlyAdminMember = useMemo(() => {
-    if (!members || !membership || !hasProjectRole("admin")) return false;
-
-    const adminMembers = members.filter(
-      (member) => member.roles.map((r) => r.role).includes("admin") && member.id !== membership.id // exclude the current user
-    );
-
-    return !adminMembers.length;
-  }, [members, membership]);
-
-  const handleDeleteWorkspaceSubmit = async () => {
-    setIsDeleting.on();
-    try {
-      if (!currentWorkspace?.id) return;
-
-      const orgId = currentOrg?.id;
-      await deleteWorkspace.mutateAsync({
-        workspaceID: currentWorkspace?.id
-      });
-
-      createNotification({
-        text: "Successfully deleted project",
-        type: "success"
-      });
-
-      router.push(`/org/${orgId}/${ProjectType.SecretManager}/overview`);
-      handlePopUpClose("deleteWorkspace");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete project",
-        type: "error"
-      });
-    } finally {
-      setIsDeleting.off();
-    }
-  };
-
-  const handleLeaveWorkspaceSubmit = async () => {
-    console.log({
-      currentWorkspace,
-      currentOrg,
-      members,
-      isNoAccessMember,
-      membership
-    });
-
-    try {
-      setIsLeaving.on();
-
-      if (!currentWorkspace?.id || !currentOrg?.id) return;
-
-      // If there's no members, and the user has access to read members, something went wrong.
-      if (!members && !isNoAccessMember) return;
-
-      // If the user has elevated permissions and can read members:
-      if (!isNoAccessMember) {
-        if (!members) return;
-
-        if (members.length < 2) {
-          createNotification({
-            text: "You can't leave the project as you are the only member",
-            type: "error"
-          });
-          return;
-        }
-        // If the user has access to read members, and there's less than 1 admin member excluding the current user, they can't leave the project.
-        if (isOnlyAdminMember) {
-          createNotification({
-            text: "You can't leave a project with no admin members left. Promote another member to admin first.",
-            type: "error"
-          });
-          return;
-        }
-      }
-
-      // If it's actually a no-access member, then we don't really care about the members.
-
-      await leaveProject.mutateAsync({
-        workspaceId: currentWorkspace.id
-      });
-
-      router.push(`/org/${currentOrg.id}/${ProjectType.SecretManager}/overview`);
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to leave project",
-        type: "error"
-      });
-    } finally {
-      setIsLeaving.off();
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <p className="mb-4 text-xl font-semibold text-mineshaft-100">Danger Zone</p>
-      <div className="space-x-4">
-        <ProjectPermissionCan I={ProjectPermissionActions.Delete} a={ProjectPermissionSub.Project}>
-          {(isAllowed) => (
-            <Button
-              isLoading={isDeleting}
-              isDisabled={!isAllowed || isDeleting}
-              colorSchema="danger"
-              variant="outline_bg"
-              type="submit"
-              onClick={() => handlePopUpOpen("deleteWorkspace")}
-            >
-              {`Delete ${currentWorkspace?.name}`}
-            </Button>
-          )}
-        </ProjectPermissionCan>
-        {!isOnlyAdminMember && (
-          <Button
-            disabled={isMembersLoading || (members && members?.length < 2)}
-            isLoading={isLeaving}
-            colorSchema="danger"
-            variant="outline_bg"
-            type="submit"
-            onClick={() => handlePopUpOpen("leaveWorkspace")}
-          >
-            {`Leave ${currentWorkspace?.name}`}
-          </Button>
-        )}
-      </div>
-
-      <DeleteActionModal
-        isOpen={popUp.deleteWorkspace.isOpen}
-        title="Are you sure want to delete this project?"
-        subTitle={`Permanently delete ${currentWorkspace?.name} and all of its data. This action is not reversible, so please be careful.`}
-        onChange={(isOpen) => handlePopUpToggle("deleteWorkspace", isOpen)}
-        deleteKey="confirm"
-        buttonText="Delete Project"
-        onDeleteApproved={handleDeleteWorkspaceSubmit}
-      />
-
-      <LeaveProjectModal
-        isOpen={popUp.leaveWorkspace.isOpen}
-        title="Are you sure want to leave this project?"
-        subTitle={`If you leave ${currentWorkspace?.name} you will lose access to the project and it's contents.`}
-        onChange={(isOpen) => handlePopUpToggle("leaveWorkspace", isOpen)}
-        deleteKey="confirm"
-        buttonText="Leave Project"
-        onLeaveApproved={handleLeaveWorkspaceSubmit}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/DeleteProjectSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/DeleteProjectSection/index.tsx
deleted file mode 100644
index 04a624ec2..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/DeleteProjectSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { DeleteProjectSection } from "./DeleteProjectSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/EncryptionTab.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/EncryptionTab.tsx
deleted file mode 100644
index a8f54d1f7..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/EncryptionTab.tsx
+++ /dev/null
@@ -1,349 +0,0 @@
-import { ChangeEvent, useRef, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faUpload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import FileSaver from "file-saver";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  FormControl,
-  IconButton,
-  Modal,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useOrganization,
-  useWorkspace
-} from "@app/context";
-import { usePopUp, useToggle } from "@app/hooks";
-import {
-  useGetActiveProjectKms,
-  useGetExternalKmsList,
-  useLoadProjectKmsBackup,
-  useUpdateProjectKms
-} from "@app/hooks/api";
-import { fetchProjectKmsBackup } from "@app/hooks/api/kms/queries";
-import { INTERNAL_KMS_KEY_ID, KmsType } from "@app/hooks/api/kms/types";
-import { Organization, Workspace } from "@app/hooks/api/types";
-
-const formSchema = z.object({
-  kmsKeyId: z.string()
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-const BackupConfirmationModal = ({
-  isOpen,
-  onOpenChange,
-  org,
-  workspace
-}: {
-  isOpen: boolean;
-  onOpenChange: (state: boolean) => void;
-  org?: Organization;
-  workspace?: Workspace;
-}) => {
-  const [isGeneratingBackup, setGeneratingBackup] = useToggle();
-  const downloadKmsBackup = async () => {
-    if (!workspace || !org) {
-      return;
-    }
-
-    setGeneratingBackup.on();
-
-    try {
-      const { secretManager } = await fetchProjectKmsBackup(workspace.id);
-
-      const [, , kmsFunction] = secretManager.split(".");
-      const file = secretManager;
-
-      const blob = new Blob([file], { type: "text/plain;charset=utf-8" });
-      FileSaver.saveAs(
-        blob,
-        `kms-backup-${org.slug}-${workspace.slug}-${kmsFunction}.infisical.txt`
-      );
-
-      onOpenChange(false);
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create KMS backup",
-        type: "error"
-      });
-    }
-
-    setGeneratingBackup.off();
-  };
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title="Create KMS backup">
-        <p className="mb-6 text-bunker-300">
-          In case of interruptions with your configured external KMS, you can load a backup to set
-          the project&apos;s KMS back to the default Infisical KMS.
-        </p>
-        <Button onClick={downloadKmsBackup} isLoading={isGeneratingBackup}>
-          Generate
-        </Button>
-        <Button
-          onClick={() => onOpenChange(false)}
-          colorSchema="secondary"
-          variant="plain"
-          className="ml-4"
-        >
-          Cancel
-        </Button>
-      </ModalContent>
-    </Modal>
-  );
-};
-
-const LoadBackupModal = ({
-  isOpen,
-  onOpenChange,
-  org,
-  workspace
-}: {
-  isOpen: boolean;
-  onOpenChange: (state: boolean) => void;
-  org?: Organization;
-  workspace?: Workspace;
-}) => {
-  const fileUploadRef = useRef<HTMLInputElement>(null);
-  const { mutateAsync: loadKmsBackup, isLoading } = useLoadProjectKmsBackup(workspace?.id!);
-  const [backupContent, setBackupContent] = useState("");
-  const [backupFileName, setBackupFileName] = useState("");
-
-  const uploadKmsBackup = async () => {
-    if (!workspace || !org) {
-      return;
-    }
-
-    try {
-      await loadKmsBackup(backupContent);
-      createNotification({
-        text: "Successfully loaded KMS backup",
-        type: "success"
-      });
-
-      onOpenChange(false);
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  const parseFile = (file?: File) => {
-    if (!file) {
-      createNotification({
-        text: "Failed to parse uploaded file.",
-        type: "error"
-      });
-      return;
-    }
-
-    const reader = new FileReader();
-    reader.onload = (event) => {
-      if (!event?.target?.result) return;
-      const data = event.target.result.toString();
-      setBackupContent(data);
-    };
-
-    try {
-      reader.readAsText(file);
-    } catch (error) {
-      console.log(error);
-    }
-  };
-
-  const handleFileUpload = (e: ChangeEvent<HTMLInputElement>) => {
-    e.preventDefault();
-    parseFile(e.target?.files?.[0]);
-    setBackupFileName(e.target?.files?.[0]?.name || "");
-  };
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onOpenChange={(state: boolean) => {
-        setBackupContent("");
-        setBackupFileName("");
-        onOpenChange(state);
-      }}
-    >
-      <ModalContent title="Load KMS backup">
-        <p className="mb-6 text-bunker-300">
-          By loading a backup, the project&apos;s KMS will be switched to the default Infisical KMS.
-        </p>
-        <div className="flex justify-center">
-          <input
-            id="fileSelect"
-            className="hidden"
-            type="file"
-            accept=".txt"
-            onChange={handleFileUpload}
-            ref={fileUploadRef}
-          />
-          <IconButton
-            className="p-10"
-            ariaLabel="upload-backup"
-            colorSchema="secondary"
-            onClick={() => {
-              fileUploadRef?.current?.click();
-            }}
-          >
-            <FontAwesomeIcon icon={faUpload} size="3x" />
-          </IconButton>
-        </div>
-        {backupFileName && (
-          <div className="mt-2 flex justify-center px-4 text-center">{backupFileName}</div>
-        )}
-        {backupContent && (
-          <Button
-            onClick={uploadKmsBackup}
-            className="mt-10 w-fit"
-            disabled={isLoading}
-            isLoading={isLoading}
-          >
-            Continue
-          </Button>
-        )}
-      </ModalContent>
-    </Modal>
-  );
-};
-
-export const EncryptionTab = () => {
-  const { currentOrg } = useOrganization();
-  const { currentWorkspace } = useWorkspace();
-
-  const { data: externalKmsList } = useGetExternalKmsList(currentOrg?.id!);
-  const { data: activeKms } = useGetActiveProjectKms(currentWorkspace?.id!);
-
-  const { mutateAsync: updateProjectKms, isLoading: isUpdatingProjectKms } = useUpdateProjectKms(
-    currentWorkspace?.id!
-  );
-  const { popUp, handlePopUpToggle, handlePopUpOpen } = usePopUp([
-    "createBackupConfirmation",
-    "loadBackup"
-  ] as const);
-  const kmsKeyId = activeKms?.isExternal ? activeKms.id : INTERNAL_KMS_KEY_ID;
-
-  const {
-    handleSubmit,
-    control,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      kmsKeyId
-    }
-  });
-
-  const onUpdateProjectKms = async (data: TForm) => {
-    try {
-      await updateProjectKms(
-        data.kmsKeyId === INTERNAL_KMS_KEY_ID
-          ? { type: KmsType.Internal }
-          : { type: KmsType.External, kmsId: data.kmsKeyId }
-      );
-
-      createNotification({
-        text: "Successfully updated project KMS",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex justify-between">
-        <h2 className="mb-2 flex-1 text-xl font-semibold text-mineshaft-100">Key Management</h2>
-        {kmsKeyId !== INTERNAL_KMS_KEY_ID && (
-          <div className="space-x-2">
-            <Button colorSchema="secondary" onClick={() => handlePopUpOpen("loadBackup")}>
-              Load Backup
-            </Button>
-            <Button
-              colorSchema="secondary"
-              onClick={() => {
-                handlePopUpOpen("createBackupConfirmation");
-              }}
-            >
-              Create Backup
-            </Button>
-          </div>
-        )}
-      </div>
-
-      <p className="mb-4 text-gray-400">
-        Select which Key Management System to use for encrypting your project data
-      </p>
-      <div className="mb-6 max-w-md">
-        <form onSubmit={handleSubmit(onUpdateProjectKms)}>
-          <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Kms}>
-            {(isAllowed) => (
-              <Controller
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl errorText={error?.message} isError={Boolean(error)}>
-                    <Select
-                      {...field}
-                      isDisabled={!isAllowed || isUpdatingProjectKms}
-                      onValueChange={onChange}
-                      isLoading={isUpdatingProjectKms}
-                      className="w-3/4 bg-mineshaft-600"
-                    >
-                      <SelectItem value={INTERNAL_KMS_KEY_ID} key="kms-internal">
-                        Default Infisical KMS
-                      </SelectItem>
-                      {externalKmsList?.map((kms) => (
-                        <SelectItem value={kms.id} key={`kms-${kms.id}`}>
-                          {kms.name}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-                control={control}
-                name="kmsKeyId"
-              />
-            )}
-          </ProjectPermissionCan>
-          <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Project}>
-            {(isAllowed) => (
-              <Button
-                colorSchema="secondary"
-                type="submit"
-                isDisabled={!isAllowed || isSubmitting || !isDirty}
-                isLoading={isSubmitting}
-              >
-                Save
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </form>
-      </div>
-      <BackupConfirmationModal
-        isOpen={popUp.createBackupConfirmation.isOpen}
-        onOpenChange={(state: boolean) => handlePopUpToggle("createBackupConfirmation", state)}
-        org={currentOrg}
-        workspace={currentWorkspace}
-      />
-      <LoadBackupModal
-        isOpen={popUp.loadBackup.isOpen}
-        onOpenChange={(state: boolean) => handlePopUpToggle("loadBackup", state)}
-        org={currentOrg}
-        workspace={currentWorkspace}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/index.tsx
deleted file mode 100644
index ba6180a8a..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EncryptionTab } from "./EncryptionTab";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/AddEnvironmentModal.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/AddEnvironmentModal.tsx
deleted file mode 100644
index 00f160e75..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/AddEnvironmentModal.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useCreateWsEnvironment } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { slugSchema } from "@app/lib/schemas";
-
-type Props = {
-  popUp: UsePopUpState<["createEnv"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["createEnv"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["createEnv"]>, state?: boolean) => void;
-};
-
-const schema = z.object({
-  environmentName: z
-    .string()
-    .min(1, { message: "Environment Name field must be at least 1 character" }),
-  environmentSlug: slugSchema()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-export const AddEnvironmentModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync, isLoading } = useCreateWsEnvironment();
-  const { control, handleSubmit, reset } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = async ({ environmentName, environmentSlug }: FormData) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await mutateAsync({
-        workspaceId: currentWorkspace.id,
-        name: environmentName,
-        slug: environmentSlug
-      });
-
-      createNotification({
-        text: "Successfully created environment",
-        type: "success"
-      });
-
-      handlePopUpClose("createEnv");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create environment",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.createEnv?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("createEnv", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Create a new environment">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="environmentName"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Environment Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="environmentSlug"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Environment Slug"
-                helperText="Slugs are shorthands used in cli to access environment"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isLoading}
-              isDisabled={isLoading}
-            >
-              Create
-            </Button>
-
-            <Button
-              onClick={() => handlePopUpClose("createEnv")}
-              colorSchema="secondary"
-              variant="plain"
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentSection.tsx
deleted file mode 100644
index 7981c8714..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentSection.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { PermissionDeniedBanner, ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal, UpgradePlanModal } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useSubscription,
-  useWorkspace
-} from "@app/context";
-import { useDeleteWsEnvironment } from "@app/hooks/api";
-import { usePopUp } from "@app/hooks/usePopUp";
-
-import { AddEnvironmentModal } from "./AddEnvironmentModal";
-import { EnvironmentTable } from "./EnvironmentTable";
-import { UpdateEnvironmentModal } from "./UpdateEnvironmentModal";
-
-export const EnvironmentSection = () => {
-  
-  const { subscription } = useSubscription();
-  const { currentWorkspace } = useWorkspace();
-  const { permission } = useProjectPermission();
-
-  const deleteWsEnvironment = useDeleteWsEnvironment();
-
-  const isMoreEnvironmentsAllowed =
-    subscription?.environmentLimit && currentWorkspace?.environments
-      ? currentWorkspace.environments.length < subscription.environmentLimit
-      : true;
-
-  const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "createEnv",
-    "updateEnv",
-    "deleteEnv",
-    "upgradePlan"
-  ] as const);
-
-  const onEnvDeleteSubmit = async (id: string) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await deleteWsEnvironment.mutateAsync({
-        workspaceId: currentWorkspace.id,
-        id
-      });
-
-      createNotification({
-        text: "Successfully deleted environment",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteEnv");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete environment",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div
-      id="environments"
-      className="mb-6 scroll-m-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <div className="mb-8 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Environments</p>
-        <div>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={ProjectPermissionSub.Environments}
-          >
-            {(isAllowed) => (
-              <Button
-                colorSchema="secondary"
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                onClick={() => {
-                  if (isMoreEnvironmentsAllowed) {
-                    handlePopUpOpen("createEnv");
-                  } else {
-                    handlePopUpOpen("upgradePlan");
-                  }
-                }}
-                isDisabled={!isAllowed}
-              >
-                Create environment
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-      </div>
-      <p className="mb-8 text-gray-400">
-        Choose which environments will show up in your dashboard like development, staging,
-        production
-      </p>
-      {permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Environments) ? (
-        <EnvironmentTable handlePopUpOpen={handlePopUpOpen} />
-      ) : (
-        <PermissionDeniedBanner />
-      )}
-      <AddEnvironmentModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <UpdateEnvironmentModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deleteEnv.isOpen}
-        title={`Are you sure want to delete ${
-          (popUp?.deleteEnv?.data as { name: string })?.name || " "
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteEnv", isOpen)}
-        deleteKey={(popUp?.deleteEnv?.data as { slug: string })?.slug || ""}
-        onDeleteApproved={() => onEnvDeleteSubmit((popUp?.deleteEnv?.data as { id: string })?.id)}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can add custom environments if you switch to Infisical's Team plan."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentTable.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentTable.tsx
deleted file mode 100644
index 9bd23b6b1..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentTable.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import { faArrowDown, faArrowUp, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useUpdateWsEnvironment } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["updateEnv", "deleteEnv", "upgradePlan"]>,
-    {
-      name,
-      slug,
-      id
-    }: {
-      name: string;
-      slug: string;
-      id: string;
-    }
-  ) => void;
-};
-
-export const EnvironmentTable = ({ handlePopUpOpen }: Props) => {
-  const { currentWorkspace, isLoading } = useWorkspace();
-  
-  const updateEnvironment = useUpdateWsEnvironment();
-
-  const handleReorderEnv = async (id: string, position: number) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await updateEnvironment.mutateAsync({
-        workspaceId: currentWorkspace.id,
-        id,
-        position
-      });
-
-      createNotification({
-        text: "Successfully re-ordered environments",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to re-order environments",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th>Name</Th>
-            <Th>Slug</Th>
-            <Th aria-label="button" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={3} innerKey="project-envs" />}
-          {!isLoading &&
-            currentWorkspace &&
-            currentWorkspace.environments.map(({ name, slug, id }, pos) => (
-              <Tr key={id}>
-                <Td>{name}</Td>
-                <Td>{slug}</Td>
-                <Td className="flex items-center justify-end">
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={ProjectPermissionSub.Environments}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        className="mr-3 py-2"
-                        onClick={() =>
-                          handleReorderEnv(
-                            id,
-                            Math.min(currentWorkspace.environments.length, pos + 2)
-                          )
-                        }
-                        colorSchema="primary"
-                        variant="plain"
-                        ariaLabel="update"
-                        isDisabled={pos === currentWorkspace.environments.length - 1 || !isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faArrowDown} />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={ProjectPermissionSub.Environments}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        className="mr-3 py-2"
-                        onClick={() => handleReorderEnv(id, Math.max(1, pos))}
-                        colorSchema="primary"
-                        variant="plain"
-                        ariaLabel="update"
-                        isDisabled={pos === 0 || !isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faArrowUp} />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Edit}
-                    a={ProjectPermissionSub.Environments}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        className="mr-3 py-2"
-                        onClick={() => {
-                          handlePopUpOpen("updateEnv", { name, slug, id });
-                        }}
-                        isDisabled={!isAllowed}
-                        colorSchema="primary"
-                        variant="plain"
-                        ariaLabel="update"
-                      >
-                        <FontAwesomeIcon icon={faPencil} />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-                  <ProjectPermissionCan
-                    I={ProjectPermissionActions.Delete}
-                    a={ProjectPermissionSub.Environments}
-                  >
-                    {(isAllowed) => (
-                      <IconButton
-                        onClick={() => {
-                          handlePopUpOpen("deleteEnv", { name, slug, id });
-                        }}
-                        size="lg"
-                        colorSchema="danger"
-                        variant="plain"
-                        ariaLabel="update"
-                        isDisabled={!isAllowed}
-                      >
-                        <FontAwesomeIcon icon={faXmark} />
-                      </IconButton>
-                    )}
-                  </ProjectPermissionCan>
-                </Td>
-              </Tr>
-            ))}
-          {!isLoading && currentWorkspace && currentWorkspace.environments?.length === 0 && (
-            <Tr>
-              <Td colSpan={3}>
-                <EmptyState title="No environments found" />
-              </Td>
-            </Tr>
-          )}
-        </TBody>
-      </Table>
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/UpdateEnvironmentModal.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/UpdateEnvironmentModal.tsx
deleted file mode 100644
index ad11c2381..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/UpdateEnvironmentModal.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useUpdateWsEnvironment } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { slugSchema } from "@app/lib/schemas";
-
-type Props = {
-  popUp: UsePopUpState<["updateEnv"]>;
-  handlePopUpClose: (popUpName: keyof UsePopUpState<["updateEnv"]>) => void;
-  handlePopUpToggle: (popUpName: keyof UsePopUpState<["updateEnv"]>, state?: boolean) => void;
-};
-
-const schema = z.object({
-  name: z.string(),
-  slug: slugSchema({ min: 1 })
-});
-
-export type FormData = z.infer<typeof schema>;
-
-export const UpdateEnvironmentModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync, isLoading } = useUpdateWsEnvironment();
-  const { control, handleSubmit, reset } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    values: popUp.updateEnv.data as FormData
-  });
-
-  const oldEnvId = (popUp?.updateEnv?.data as { id: string })?.id;
-
-  const onFormSubmit = async ({ name, slug }: FormData) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await mutateAsync({
-        workspaceId: currentWorkspace.id,
-        name,
-        slug,
-        id: oldEnvId
-      });
-
-      createNotification({
-        text: "Successfully updated environment",
-        type: "success"
-      });
-
-      handlePopUpClose("updateEnv");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update environment",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.updateEnv?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("updateEnv", isOpen);
-        reset();
-      }}
-    >
-      <ModalContent title="Update environment">
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            defaultValue=""
-            name="name"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Environment Name"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <Controller
-            control={control}
-            defaultValue=""
-            name="slug"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                label="Environment Slug"
-                helperText="Slugs are shorthands used in cli to access environment"
-                isError={Boolean(error)}
-                errorText={error?.message}
-              >
-                <Input {...field} />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              size="sm"
-              type="submit"
-              isLoading={isLoading}
-              isDisabled={isLoading}
-            >
-              Update
-            </Button>
-
-            <Button
-              onClick={() => handlePopUpClose("updateEnv")}
-              colorSchema="secondary"
-              variant="plain"
-            >
-              Cancel
-            </Button>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/index.tsx
deleted file mode 100644
index 8e7d863a1..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EnvironmentSection } from "./EnvironmentSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/PointInTimeVersionLimitSection/PointInTimeVersionLimitSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/PointInTimeVersionLimitSection/PointInTimeVersionLimitSection.tsx
deleted file mode 100644
index 0ce5c7058..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/PointInTimeVersionLimitSection/PointInTimeVersionLimitSection.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useProjectPermission, useWorkspace } from "@app/context";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { useUpdateWorkspaceVersionLimit } from "@app/hooks/api/workspace/queries";
-
-const formSchema = z.object({
-  pitVersionLimit: z.coerce.number().min(1).max(100)
-});
-
-type TForm = z.infer<typeof formSchema>;
-
-export const PointInTimeVersionLimitSection = () => {
-  const { mutateAsync: updatePitVersion } = useUpdateWorkspaceVersionLimit();
-
-  const { currentWorkspace } = useWorkspace();
-  const { membership } = useProjectPermission();
-
-  const {
-    control,
-    formState: { isSubmitting, isDirty },
-    handleSubmit
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      pitVersionLimit: currentWorkspace?.pitVersionLimit || 10
-    }
-  });
-
-  if (!currentWorkspace) return null;
-
-  const handleVersionLimitSubmit = async ({ pitVersionLimit }: TForm) => {
-    try {
-      await updatePitVersion({
-        pitVersionLimit,
-        projectSlug: currentWorkspace.slug
-      });
-
-      createNotification({
-        text: "Successfully updated version limit",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed updating project's version limit",
-        type: "error"
-      });
-    }
-  };
-
-  const isAdmin = membership.roles.includes(ProjectMembershipRole.Admin);
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex w-full items-center justify-between">
-        <p className="text-xl font-semibold">Version Retention</p>
-      </div>
-      <p className="mb-4 mt-2 max-w-2xl text-sm text-gray-400">
-      This defines the maximum number of recent secret versions to keep per folder. Excess versions will be removed at midnight (UTC) each day.
-      </p>
-      <form onSubmit={handleSubmit(handleVersionLimitSubmit)} autoComplete="off">
-        <div className="max-w-xs">
-          <Controller
-            control={control}
-            defaultValue={0}
-            name="pitVersionLimit"
-            render={({ field, fieldState: { error } }) => (
-              <FormControl
-                isError={Boolean(error)}
-                errorText={error?.message}
-                label="Recent versions to keep"
-              >
-                <Input {...field} type="number" min={1} step={1} isDisabled={!isAdmin} />
-              </FormControl>
-            )}
-          />
-        </div>
-        <Button
-          colorSchema="secondary"
-          type="submit"
-          isLoading={isSubmitting}
-          disabled={!isAdmin || !isDirty}
-        >
-          Save
-        </Button>
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/PointInTimeVersionLimitSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/PointInTimeVersionLimitSection/index.tsx
deleted file mode 100644
index 242b8c79a..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/PointInTimeVersionLimitSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { PointInTimeVersionLimitSection } from "./PointInTimeVersionLimitSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectGeneralTab/ProjectGeneralTab.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectGeneralTab/ProjectGeneralTab.tsx
deleted file mode 100644
index 698665e47..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectGeneralTab/ProjectGeneralTab.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useWorkspace } from "@app/context";
-import { ProjectType, ProjectVersion } from "@app/hooks/api/workspace/types";
-
-import { AuditLogsRetentionSection } from "../AuditLogsRetentionSection";
-import { AutoCapitalizationSection } from "../AutoCapitalizationSection";
-import { BackfillSecretReferenceSecretion } from "../BackfillSecretReferenceSection";
-import { DeleteProjectSection } from "../DeleteProjectSection";
-import { EnvironmentSection } from "../EnvironmentSection";
-import { PointInTimeVersionLimitSection } from "../PointInTimeVersionLimitSection";
-import { ProjectOverviewChangeSection } from "../ProjectOverviewChangeSection";
-import { RebuildSecretIndicesSection } from "../RebuildSecretIndicesSection/RebuildSecretIndicesSection";
-import { SecretTagsSection } from "../SecretTagsSection";
-
-export const ProjectGeneralTab = () => {
-  const { currentWorkspace } = useWorkspace();
-  const isSecretManager = currentWorkspace?.type === ProjectType.SecretManager;
-
-  return (
-    <div>
-      <ProjectOverviewChangeSection />
-      {isSecretManager && <EnvironmentSection />}
-      {isSecretManager && <SecretTagsSection />}
-      {isSecretManager && <AutoCapitalizationSection />}
-      {isSecretManager && <PointInTimeVersionLimitSection />}
-      <AuditLogsRetentionSection />
-      {isSecretManager && <BackfillSecretReferenceSecretion />}
-      {currentWorkspace?.version !== ProjectVersion.V3 && isSecretManager && (
-        <RebuildSecretIndicesSection />
-      )}
-      <DeleteProjectSection />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectGeneralTab/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectGeneralTab/index.tsx
deleted file mode 100644
index c6e611e0f..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectGeneralTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectGeneralTab } from "./ProjectGeneralTab";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/CopyButton.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/CopyButton.tsx
deleted file mode 100644
index c17629e0c..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/CopyButton.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { useCallback } from "react";
-import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { Button } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-
-type Props = {
-  value: string;
-  hoverText: string;
-  notificationText: string;
-  children: React.ReactNode;
-};
-
-export const CopyButton = ({ value, children, hoverText, notificationText }: Props) => {
-  const [isProjectIdCopied, setIsProjectIdCopied] = useToggle(false);
-  
-
-  const copyToClipboard = useCallback(() => {
-    if (isProjectIdCopied) {
-      return;
-    }
-
-    setIsProjectIdCopied.on();
-    navigator.clipboard.writeText(value);
-
-    createNotification({
-      text: notificationText,
-      type: "success"
-    });
-
-    const timer = setTimeout(() => setIsProjectIdCopied.off(), 2000);
-
-    // eslint-disable-next-line consistent-return
-    return () => clearTimeout(timer);
-  }, [isProjectIdCopied]);
-
-  return (
-    <Button
-      colorSchema="secondary"
-      className="group relative"
-      leftIcon={<FontAwesomeIcon icon={isProjectIdCopied ? faCheck : faCopy} />}
-      onClick={copyToClipboard}
-    >
-      {children}
-      <span className="absolute -left-8 -top-20 hidden translate-y-full justify-center rounded-md bg-bunker-800 py-2 px-3 text-sm text-gray-400 group-hover:flex group-hover:animate-fadeIn">
-        {hoverText}
-      </span>
-    </Button>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/ProjectOverviewChangeSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/ProjectOverviewChangeSection.tsx
deleted file mode 100644
index 01d74ecb0..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/ProjectOverviewChangeSection.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import { Button, FormControl, Input, TextArea } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useUpdateProject } from "@app/hooks/api";
-
-import { CopyButton } from "./CopyButton";
-
-const formSchema = z.object({
-  name: z.string().min(1, "Required").max(64, "Too long, maximum length is 64 characters"),
-  description: z
-    .string()
-    .trim()
-    .max(256, "Description too long, max length is 256 characters")
-    .optional()
-});
-
-type FormData = z.infer<typeof formSchema>;
-
-export const ProjectOverviewChangeSection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync, isLoading } = useUpdateProject();
-
-  const { handleSubmit, control, reset } = useForm<FormData>({ resolver: zodResolver(formSchema) });
-
-  useEffect(() => {
-    if (currentWorkspace) {
-      reset({
-        name: currentWorkspace.name,
-        description: currentWorkspace.description ?? ""
-      });
-    }
-  }, [currentWorkspace]);
-
-  const onFormSubmit = async ({ name, description }: FormData) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await mutateAsync({
-        projectID: currentWorkspace.id,
-        newProjectName: name,
-        newProjectDescription: description
-      });
-
-      createNotification({
-        text: "Successfully updated project overview",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update project overview",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="justify-betweens flex">
-        <h2 className="mb-8 flex-1 text-xl font-semibold text-mineshaft-100">Project Overview</h2>
-        <div className="space-x-2">
-          <CopyButton
-            value={currentWorkspace?.slug || ""}
-            hoverText="Click to project slug"
-            notificationText="Copied project slug to clipboard"
-          >
-            Copy Project Slug
-          </CopyButton>
-          <CopyButton
-            value={currentWorkspace?.id || ""}
-            hoverText="Click to project ID"
-            notificationText="Copied project ID to clipboard"
-          >
-            Copy Project ID
-          </CopyButton>
-        </div>
-      </div>
-      <div>
-        <form onSubmit={handleSubmit(onFormSubmit)} className="flex w-full flex-col gap-0">
-          <div className="flex w-full flex-row items-end gap-4">
-            <div className="w-full max-w-md">
-              <ProjectPermissionCan
-                I={ProjectPermissionActions.Edit}
-                a={ProjectPermissionSub.Project}
-              >
-                {(isAllowed) => (
-                  <Controller
-                    defaultValue=""
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error)}
-                        errorText={error?.message}
-                        label="Project name"
-                      >
-                        <Input
-                          placeholder="Project name"
-                          {...field}
-                          className=" bg-mineshaft-800"
-                          isDisabled={!isAllowed}
-                        />
-                      </FormControl>
-                    )}
-                    control={control}
-                    name="name"
-                  />
-                )}
-              </ProjectPermissionCan>
-            </div>
-          </div>
-          <div className="flex w-full flex-row items-end gap-4">
-            <div className="w-full max-w-md">
-              <ProjectPermissionCan
-                I={ProjectPermissionActions.Edit}
-                a={ProjectPermissionSub.Project}
-              >
-                {(isAllowed) => (
-                  <Controller
-                    defaultValue=""
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        isError={Boolean(error)}
-                        errorText={error?.message}
-                        label="Project description"
-                      >
-                        <TextArea
-                          placeholder="Project description"
-                          {...field}
-                          rows={3}
-                          className="thin-scrollbar max-w-md !resize-none bg-mineshaft-800"
-                          isDisabled={!isAllowed}
-                        />
-                      </FormControl>
-                    )}
-                    control={control}
-                    name="description"
-                  />
-                )}
-              </ProjectPermissionCan>
-            </div>
-          </div>
-          <div>
-            <ProjectPermissionCan
-              I={ProjectPermissionActions.Edit}
-              a={ProjectPermissionSub.Project}
-            >
-              {(isAllowed) => (
-                <Button
-                  colorSchema="secondary"
-                  type="submit"
-                  isLoading={isLoading}
-                  isDisabled={isLoading || !isAllowed}
-                >
-                  Save
-                </Button>
-              )}
-            </ProjectPermissionCan>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/index.tsx
deleted file mode 100644
index 66120d7fa..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/ProjectOverviewChangeSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectOverviewChangeSection } from "./ProjectOverviewChangeSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/RebuildSecretIndicesSection/RebuildSecretIndicesSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/RebuildSecretIndicesSection/RebuildSecretIndicesSection.tsx
deleted file mode 100644
index 23c495074..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/RebuildSecretIndicesSection/RebuildSecretIndicesSection.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { createNotification } from "@app/components/notifications";
-import {
-  decryptAssymmetric,
-  decryptSymmetric
-} from "@app/components/utilities/cryptography/crypto";
-import { Button } from "@app/components/v2";
-import { useProjectPermission, useWorkspace } from "@app/context";
-import { useToggle } from "@app/hooks";
-import { useGetUserWsKey, useNameWorkspaceSecrets } from "@app/hooks/api";
-import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { fetchWorkspaceSecrets } from "@app/hooks/api/workspace/queries";
-
-export const RebuildSecretIndicesSection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { membership } = useProjectPermission();
-  const nameWorkspaceSecrets = useNameWorkspaceSecrets();
-
-  const [isIndexing, setIsIndexing] = useToggle();
-  const { data: decryptFileKey } = useGetUserWsKey(currentWorkspace?.id!);
-
-  if (!currentWorkspace) return null;
-
-  const onRebuildIndices = async () => {
-    if (!currentWorkspace?.id) return;
-    setIsIndexing.on();
-    try {
-      const encryptedSecrets = await fetchWorkspaceSecrets(currentWorkspace.id);
-
-      if (!currentWorkspace || !decryptFileKey) {
-        return;
-      }
-
-      const key = decryptAssymmetric({
-        ciphertext: decryptFileKey.encryptedKey,
-        nonce: decryptFileKey.nonce,
-        publicKey: decryptFileKey.sender.publicKey,
-        privateKey: localStorage.getItem("PRIVATE_KEY") as string
-      });
-
-      const secretsToUpdate = encryptedSecrets.map((encryptedSecret) => {
-        const secretName = decryptSymmetric({
-          ciphertext: encryptedSecret.secretKeyCiphertext,
-          iv: encryptedSecret.secretKeyIV,
-          tag: encryptedSecret.secretKeyTag,
-          key
-        });
-
-        return {
-          secretName,
-          secretId: encryptedSecret.id
-        };
-      });
-      await nameWorkspaceSecrets.mutateAsync({
-        workspaceId: currentWorkspace.id,
-        secretsToUpdate
-      });
-
-      createNotification({
-        text: "Successfully rebuilt secret indices",
-        type: "success"
-      });
-    } catch (err) {
-      console.log(err);
-    } finally {
-      setIsIndexing.off();
-    }
-  };
-
-  const isAdmin = membership.roles.includes(ProjectMembershipRole.Admin);
-
-  if (!isAdmin) {
-    return null;
-  }
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex w-full items-center justify-between">
-        <p className="text-xl font-semibold">Rebuild Secret Indices</p>
-      </div>
-      <p className="mb-4 mt-2 max-w-2xl text-sm text-gray-400">
-        This will rebuild indices of all secrets in the project.
-      </p>
-      <Button
-        variant="outline_bg"
-        isLoading={isIndexing}
-        onClick={onRebuildIndices}
-        isDisabled={!isAdmin}
-      >
-        Rebuild Secret Indices
-      </Button>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/AddSecretTagModal.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/AddSecretTagModal.tsx
deleted file mode 100644
index 96c667050..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/AddSecretTagModal.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input, Modal, ModalClose, ModalContent } from "@app/components/v2";
-import { useWorkspace } from "@app/context";
-import { useCreateWsTag } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { slugSchema } from "@app/lib/schemas";
-
-const schema = z.object({
-  slug: slugSchema({ min: 1, field: "Tag Slug" })
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  popUp: UsePopUpState<["CreateSecretTag", "deleteTagConfirmation"]>;
-  handlePopUpClose: (
-    popUpName: keyof UsePopUpState<["CreateSecretTag", "deleteTagConfirmation"]>
-  ) => void;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["CreateSecretTag", "deleteTagConfirmation"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const AddSecretTagModal = ({ popUp, handlePopUpClose, handlePopUpToggle }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const createWsTag = useCreateWsTag();
-  const {
-    control,
-    reset,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = async ({ slug }: FormData) => {
-    try {
-      if (!currentWorkspace?.id) return;
-
-      await createWsTag.mutateAsync({
-        workspaceID: currentWorkspace?.id,
-        tagSlug: slug,
-        tagColor: ""
-      });
-
-      handlePopUpClose("CreateSecretTag");
-
-      createNotification({
-        text: "Successfully created a tag",
-        type: "success"
-      });
-      reset();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create a tag",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <Modal
-      isOpen={popUp?.CreateSecretTag?.isOpen}
-      onOpenChange={(open) => {
-        handlePopUpToggle("CreateSecretTag", open);
-        reset();
-      }}
-    >
-      <ModalContent
-        title={`Add a tag for ${currentWorkspace?.name ?? ""}`}
-        subTitle="Specify your tag name, and the slug will be created automatically."
-      >
-        <form onSubmit={handleSubmit(onFormSubmit)}>
-          <Controller
-            control={control}
-            name="slug"
-            defaultValue=""
-            render={({ field, fieldState: { error } }) => (
-              <FormControl label="Tag Slug" isError={Boolean(error)} errorText={error?.message}>
-                <Input {...field} placeholder="Type your tag slug" />
-              </FormControl>
-            )}
-          />
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              type="submit"
-              isDisabled={isSubmitting}
-              isLoading={isSubmitting}
-            >
-              Create
-            </Button>
-            <ModalClose asChild>
-              <Button variant="plain" colorSchema="secondary">
-                Cancel
-              </Button>
-            </ModalClose>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsSection.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsSection.tsx
deleted file mode 100644
index 26be8eb17..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsSection.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { PermissionDeniedBanner, ProjectPermissionCan } from "@app/components/permissions";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import {
-  ProjectPermissionActions,
-  ProjectPermissionSub,
-  useProjectPermission,
-  useWorkspace
-} from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useDeleteWsTag } from "@app/hooks/api";
-
-import { AddSecretTagModal } from "./AddSecretTagModal";
-import { SecretTagsTable } from "./SecretTagsTable";
-
-type DeleteModalData = { name: string; id: string };
-
-export const SecretTagsSection = (): JSX.Element => {
-  const { popUp, handlePopUpToggle, handlePopUpClose, handlePopUpOpen } = usePopUp([
-    "CreateSecretTag",
-    "deleteTagConfirmation"
-  ] as const);
-  const { currentWorkspace } = useWorkspace();
-  const { permission } = useProjectPermission();
-
-  const deleteWsTag = useDeleteWsTag();
-
-  const onDeleteApproved = async () => {
-    try {
-      await deleteWsTag.mutateAsync({
-        projectId: currentWorkspace?.id || "",
-        tagID: (popUp?.deleteTagConfirmation?.data as DeleteModalData)?.id
-      });
-
-      createNotification({
-        text: "Successfully deleted tag",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteTagConfirmation");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete the tag",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-8 flex justify-between">
-        <p className="mb-3 text-xl font-semibold">Secret Tags</p>
-        <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.Tags}>
-          {(isAllowed) => (
-            <Button
-              colorSchema="secondary"
-              leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              onClick={() => {
-                handlePopUpOpen("CreateSecretTag");
-              }}
-              isDisabled={!isAllowed}
-            >
-              Create Tag
-            </Button>
-          )}
-        </ProjectPermissionCan>
-      </div>
-      <p className="mb-8 text-gray-400">
-        Every secret can be assigned to one or more tags. Here you can add and remove tags for the
-        current project.
-      </p>
-      {permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Tags) ? (
-        <SecretTagsTable handlePopUpOpen={handlePopUpOpen} />
-      ) : (
-        <PermissionDeniedBanner />
-      )}
-      <AddSecretTagModal
-        popUp={popUp}
-        handlePopUpClose={handlePopUpClose}
-        handlePopUpToggle={handlePopUpToggle}
-      />
-      <DeleteActionModal
-        isOpen={popUp.deleteTagConfirmation.isOpen}
-        title={`Delete ${
-          (popUp?.deleteTagConfirmation?.data as DeleteModalData)?.name || " "
-        } api key?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteTagConfirmation", isOpen)}
-        deleteKey={(popUp?.deleteTagConfirmation?.data as DeleteModalData)?.name}
-        onClose={() => handlePopUpClose("deleteTagConfirmation")}
-        onDeleteApproved={onDeleteApproved}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsTable.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsTable.tsx
deleted file mode 100644
index b6793ea1d..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/SecretTagsTable.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowDown,
-  faArrowUp,
-  faMagnifyingGlass,
-  faSearch,
-  faTag,
-  faTrashCan
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  EmptyState,
-  IconButton,
-  Input,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { usePagination, useResetPageHelper } from "@app/hooks";
-import { useGetWsTags } from "@app/hooks/api";
-import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteTagConfirmation"]>,
-    {
-      name,
-      id
-    }: {
-      name: string;
-      id: string;
-    }
-  ) => void;
-};
-
-enum TagsOrderBy {
-  Slug = "slug"
-}
-
-export const SecretTagsTable = ({ handlePopUpOpen }: Props) => {
-  const { currentWorkspace } = useWorkspace();
-  const { data: tags = [], isLoading } = useGetWsTags(currentWorkspace?.id ?? "");
-
-  const {
-    search,
-    setSearch,
-    setPage,
-    page,
-    perPage,
-    setPerPage,
-    offset,
-    orderDirection,
-    toggleOrderDirection
-  } = usePagination(TagsOrderBy.Slug, { initPerPage: 10 });
-
-  const filteredTags = useMemo(
-    () =>
-      tags
-        .filter((tag) => tag.slug.toLowerCase().includes(search.trim().toLowerCase()))
-        .sort((a, b) => {
-          const [tagOne, tagTwo] = orderDirection === OrderByDirection.ASC ? [a, b] : [b, a];
-
-          return tagOne.slug.toLowerCase().localeCompare(tagTwo.slug.toLowerCase());
-        }),
-    [tags, orderDirection, search]
-  );
-
-  useResetPageHelper({
-    totalCount: filteredTags.length,
-    offset,
-    setPage
-  });
-
-  return (
-    <div>
-      <Input
-        value={search}
-        onChange={(e) => setSearch(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search tags..."
-      />
-      <TableContainer className="mt-4">
-        <Table>
-          <THead>
-            <Tr>
-              <Th className="w-full">
-                <div className="flex items-center">
-                  Slug
-                  <IconButton
-                    variant="plain"
-                    className="ml-2"
-                    ariaLabel="sort"
-                    onClick={toggleOrderDirection}
-                  >
-                    <FontAwesomeIcon
-                      icon={orderDirection === OrderByDirection.DESC ? faArrowUp : faArrowDown}
-                    />
-                  </IconButton>
-                </div>
-              </Th>
-              <Th aria-label="button" />
-            </Tr>
-          </THead>
-          <TBody>
-            {isLoading && <TableSkeleton columns={3} innerKey="secret-tags" />}
-            {!isLoading &&
-              filteredTags.slice(offset, perPage * page).map(({ id, slug }) => (
-                <Tr key={id}>
-                  <Td>{slug}</Td>
-                  <Td className="flex items-center justify-end">
-                    <ProjectPermissionCan
-                      I={ProjectPermissionActions.Delete}
-                      a={ProjectPermissionSub.Tags}
-                    >
-                      {(isAllowed) => (
-                        <IconButton
-                          onClick={() =>
-                            handlePopUpOpen("deleteTagConfirmation", {
-                              name: slug,
-                              id
-                            })
-                          }
-                          size="xs"
-                          colorSchema="danger"
-                          ariaLabel="update"
-                          variant="plain"
-                          isDisabled={!isAllowed}
-                        >
-                          <FontAwesomeIcon icon={faTrashCan} />
-                        </IconButton>
-                      )}
-                    </ProjectPermissionCan>
-                  </Td>
-                </Tr>
-              ))}
-          </TBody>
-        </Table>
-        {Boolean(filteredTags.length) && (
-          <Pagination
-            count={filteredTags.length}
-            page={page}
-            perPage={perPage}
-            onChangePage={setPage}
-            onChangePerPage={setPerPage}
-          />
-        )}
-        {!isLoading && !filteredTags?.length && (
-          <EmptyState
-            title={tags.length ? "No tags match search..." : "No tags found for project"}
-            icon={tags.length ? faSearch : faTag}
-          />
-        )}
-      </TableContainer>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/index.tsx
deleted file mode 100644
index 0147e5e77..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/SecretTagsSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SecretTagsSection } from "./SecretTagsSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx
deleted file mode 100644
index 6e4af2244..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/AddWebhookForm.tsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-
-import {
-  Button,
-  FormControl,
-  Input,
-  Modal,
-  ModalClose,
-  ModalContent,
-  Select,
-  SelectItem
-} from "@app/components/v2";
-import { SecretPathInput } from "@app/components/v2/SecretPathInput";
-import { WebhookType } from "@app/hooks/api/webhooks/types";
-
-const formSchema = z
-  .object({
-    environment: z.string().trim().describe("Environment"),
-    webhookUrl: z.string().url().trim().describe("Webhook URL"),
-    webhookSecretKey: z.string().trim().optional().describe("Secret Key"),
-    secretPath: z.string().trim().describe("Secret Path"),
-    type: z.nativeEnum(WebhookType).describe("Type").default(WebhookType.GENERAL)
-  })
-  .superRefine((data, ctx) => {
-    if (data.type === WebhookType.SLACK && !data.webhookUrl.includes("hooks.slack.com")) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: "Incoming Webhook URL is invalid.",
-        path: ["webhookUrl"]
-      });
-    }
-  });
-
-export type TFormSchema = z.infer<typeof formSchema>;
-
-type Props = {
-  isOpen: boolean;
-  onOpenChange: (isOpen: boolean) => void;
-  onCreateWebhook: (data: TFormSchema) => void;
-  environments?: Array<{ slug: string; name: string }>;
-};
-
-export const AddWebhookForm = ({
-  isOpen,
-  onOpenChange,
-  onCreateWebhook,
-  environments = []
-}: Props) => {
-  const {
-    control,
-    handleSubmit,
-    register,
-    reset,
-    watch,
-    formState: { errors, isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      type: WebhookType.GENERAL
-    }
-  });
-
-  const selectedWebhookType = watch("type");
-  const selectedEnvironment = watch("environment");
-
-  const generalFormFields = (
-    <>
-      <FormControl
-        label="Secret Key"
-        isError={Boolean(errors?.webhookSecretKey)}
-        errorText={errors?.webhookSecretKey?.message}
-        helperText="To generate webhook signature for verification"
-      >
-        <Input placeholder="Provided during webhook setup" {...register("webhookSecretKey")} />
-      </FormControl>
-      <FormControl
-        label="Webhook URL"
-        isRequired
-        isError={Boolean(errors?.webhookUrl)}
-        errorText={errors?.webhookUrl?.message}
-      >
-        <Input {...register("webhookUrl")} />
-      </FormControl>
-    </>
-  );
-
-  const slackFormFields = (
-    <FormControl
-      label="Incoming Webhook URL"
-      isRequired
-      isError={Boolean(errors?.webhookUrl)}
-      errorText={errors?.webhookUrl?.message}
-    >
-      <Input placeholder="https://hooks.slack.com/services/..." {...register("webhookUrl")} />
-    </FormControl>
-  );
-
-  useEffect(() => {
-    if (!isOpen) {
-      reset();
-    }
-  }, [isOpen]);
-
-  return (
-    <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
-      <ModalContent title="Create a new webhook">
-        <form onSubmit={handleSubmit(onCreateWebhook)}>
-          <div>
-            <Controller
-              control={control}
-              name="type"
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Type"
-                  isRequired
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    <SelectItem value={WebhookType.GENERAL} key={WebhookType.GENERAL}>
-                      General
-                    </SelectItem>
-                    <SelectItem value={WebhookType.SLACK} key={WebhookType.SLACK}>
-                      Slack
-                    </SelectItem>
-                  </Select>
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              name="environment"
-              defaultValue={environments?.[0]?.slug}
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  label="Environment"
-                  isRequired
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    defaultValue={field.value}
-                    {...field}
-                    onValueChange={(e) => onChange(e)}
-                    className="w-full"
-                  >
-                    {environments.map(({ name, slug }) => (
-                      <SelectItem value={slug} key={slug}>
-                        {name}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-            <Controller
-              control={control}
-              defaultValue=""
-              name="secretPath"
-              render={({ field, fieldState: { error } }) => (
-                <FormControl
-                  label="Secret Path"
-                  isRequired
-                  isError={Boolean(error)}
-                  errorText={error?.message}
-                >
-                  <SecretPathInput {...field} environment={selectedEnvironment} placeholder="/" />
-                </FormControl>
-              )}
-            />
-            {selectedWebhookType === WebhookType.SLACK ? slackFormFields : generalFormFields}
-          </div>
-          <div className="mt-8 flex items-center">
-            <Button
-              className="mr-4"
-              type="submit"
-              isDisabled={isSubmitting}
-              isLoading={isSubmitting}
-            >
-              Create
-            </Button>
-            <ModalClose asChild>
-              <Button variant="plain" colorSchema="secondary">
-                Cancel
-              </Button>
-            </ModalClose>
-          </div>
-        </form>
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/WebhooksTab.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/WebhooksTab.tsx
deleted file mode 100644
index 93ba21dfb..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/WebhooksTab.tsx
+++ /dev/null
@@ -1,321 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faInfoCircle, faPlug, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  THead,
-  Tooltip,
-  Tr
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { withProjectPermission } from "@app/hoc";
-import { usePopUp } from "@app/hooks";
-import {
-  useCreateWebhook,
-  useDeleteWebhook,
-  useGetWebhooks,
-  useTestWebhook,
-  useUpdateWebhook
-} from "@app/hooks/api";
-
-import { AddWebhookForm, TFormSchema } from "./AddWebhookForm";
-
-export const WebhooksTab = withProjectPermission(
-  () => {
-    const { t } = useTranslation();
-    
-    const { currentWorkspace } = useWorkspace();
-    const workspaceId = currentWorkspace?.id || "";
-    const { popUp, handlePopUpOpen, handlePopUpToggle, handlePopUpClose } = usePopUp([
-      "addWebhook",
-      "deleteWebhook"
-    ] as const);
-
-    const { data: webhooks, isLoading: isWebhooksLoading } = useGetWebhooks(workspaceId);
-
-    // mutation
-    const { mutateAsync: createWebhook } = useCreateWebhook();
-    const {
-      mutateAsync: testWebhook,
-      variables: testWebhookVars,
-      isLoading: isTestWebhookSubmitting
-    } = useTestWebhook();
-    const {
-      mutateAsync: updateWebhook,
-      variables: updateWebhookVars,
-      isLoading: isUpdateWebhookSubmitting
-    } = useUpdateWebhook();
-    const { mutateAsync: deleteWebhook } = useDeleteWebhook();
-
-    const handleWebhookCreate = async (data: TFormSchema) => {
-      try {
-        await createWebhook({
-          ...data,
-          workspaceId
-        });
-        handlePopUpClose("addWebhook");
-        createNotification({
-          type: "success",
-          text: "Successfully created webhook"
-        });
-      } catch (err) {
-        console.log(err);
-        createNotification({
-          type: "error",
-          text: "Failed to create webhook"
-        });
-      }
-    };
-
-    const handleWebhookDisable = async (webhookId: string, isDisabled: boolean) => {
-      try {
-        await updateWebhook({
-          webhookId,
-          workspaceId,
-          isDisabled
-        });
-        createNotification({
-          type: "success",
-          text: "Successfully updated webhook"
-        });
-      } catch (err) {
-        console.log(err);
-        createNotification({
-          type: "error",
-          text: "Failed to update webhook"
-        });
-      }
-    };
-
-    const handleWebhookDelete = async () => {
-      try {
-        const webhookId = popUp?.deleteWebhook?.data as string;
-        await deleteWebhook({
-          webhookId,
-          workspaceId
-        });
-        handlePopUpClose("deleteWebhook");
-        createNotification({
-          type: "success",
-          text: "Successfully deleted webhook"
-        });
-      } catch (err) {
-        console.log(err);
-        createNotification({
-          type: "error",
-          text: "Failed to delete webhook"
-        });
-      }
-    };
-
-    const handleWebhookTest = async (webhookId: string) => {
-      try {
-        await testWebhook({
-          webhookId,
-          workspaceId
-        });
-        createNotification({
-          type: "success",
-          text: "Successfully triggered webhook"
-        });
-      } catch (err) {
-        console.log(err);
-        createNotification({
-          type: "error",
-          text: "Failed to trigger webhook"
-        });
-      }
-    };
-
-    return (
-      <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-        <div className="flex justify-between">
-          <p className="text-xl font-semibold text-mineshaft-100">{t("settings.webhooks.title")}</p>
-          <ProjectPermissionCan
-            I={ProjectPermissionActions.Create}
-            a={ProjectPermissionSub.Webhooks}
-          >
-            {(isAllowed) => (
-              <Button
-                onClick={() => handlePopUpOpen("addWebhook")}
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-                isDisabled={!isAllowed}
-              >
-                Create
-              </Button>
-            )}
-          </ProjectPermissionCan>
-        </div>
-        <p className="mb-8 text-gray-400">{t("settings.webhooks.description")}</p>
-        <div>
-          <TableContainer>
-            <Table>
-              <THead>
-                <Tr>
-                  <Td>URL</Td>
-                  <Td>Environment</Td>
-                  <Td>Secret Path</Td>
-                  <Td>Status</Td>
-                  <Td className="text-right">Action</Td>
-                </Tr>
-              </THead>
-              <TBody>
-                {isWebhooksLoading && <TableSkeleton columns={5} innerKey="webhooks-loading" />}
-                {!isWebhooksLoading && webhooks && webhooks?.length === 0 && (
-                  <Tr>
-                    <Td colSpan={5}>
-                      <EmptyState title="No webhooks found" icon={faPlug} />
-                    </Td>
-                  </Tr>
-                )}
-                {!isWebhooksLoading &&
-                  webhooks?.map(
-                    ({
-                      id,
-                      url,
-                      environment,
-                      secretPath,
-                      lastStatus,
-                      isDisabled,
-                      updatedAt,
-                      lastRunErrorMessage
-                    }) => (
-                      <Tr key={id}>
-                        <Td className="max-w-xs overflow-hidden text-ellipsis hover:overflow-auto hover:break-all">
-                          {url}
-                        </Td>
-                        <Td>{environment.slug}</Td>
-                        <Td>{secretPath}</Td>
-                        <Td>
-                          {!lastStatus ? (
-                            "-"
-                          ) : (
-                            <div className="inline-flex w-min items-center rounded bg-mineshaft-600 px-2 py-0.5 text-sm">
-                              {lastStatus}{" "}
-                              <Tooltip
-                                content={
-                                  <div className="text-xs">
-                                    <div>
-                                      Updated At:{" "}
-                                      {format(new Date(updatedAt), "yyyy-MM-dd, hh:mm aaa")}
-                                    </div>
-                                    {lastRunErrorMessage && (
-                                      <div className="mt-2 text-red">
-                                        Error: {lastRunErrorMessage}
-                                      </div>
-                                    )}
-                                  </div>
-                                }
-                              >
-                                <FontAwesomeIcon
-                                  className={`ml-1 ${
-                                    lastStatus === "failed" ? "text-red" : "text-green"
-                                  }`}
-                                  icon={faInfoCircle}
-                                />
-                              </Tooltip>
-                            </div>
-                          )}
-                        </Td>
-                        <Td>
-                          <div className="flex items-center justify-end space-x-2">
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Edit}
-                              a={ProjectPermissionSub.Webhooks}
-                            >
-                              {(isAllowed) => (
-                                <Button
-                                  variant="star"
-                                  size="xs"
-                                  onClick={() => handleWebhookTest(id)}
-                                  isDisabled={
-                                    (isTestWebhookSubmitting &&
-                                      testWebhookVars?.webhookId === id) ||
-                                    !isAllowed
-                                  }
-                                  isLoading={
-                                    isTestWebhookSubmitting && testWebhookVars?.webhookId === id
-                                  }
-                                >
-                                  Test
-                                </Button>
-                              )}
-                            </ProjectPermissionCan>
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Edit}
-                              a={ProjectPermissionSub.Webhooks}
-                            >
-                              {(isAllowed) => (
-                                <Button
-                                  variant="outline_bg"
-                                  size="xs"
-                                  onClick={() => handleWebhookDisable(id, !isDisabled)}
-                                  isDisabled={
-                                    (isUpdateWebhookSubmitting &&
-                                      updateWebhookVars?.webhookId === id) ||
-                                    !isAllowed
-                                  }
-                                  isLoading={
-                                    isUpdateWebhookSubmitting && updateWebhookVars?.webhookId === id
-                                  }
-                                >
-                                  {isDisabled ? "Enable" : "Disable"}
-                                </Button>
-                              )}
-                            </ProjectPermissionCan>
-                            <ProjectPermissionCan
-                              I={ProjectPermissionActions.Delete}
-                              a={ProjectPermissionSub.Webhooks}
-                            >
-                              {(isAllowed) => (
-                                <Button
-                                  variant="outline_bg"
-                                  className="border-red-800 bg-red-800 hover:border-red-700 hover:bg-red-700"
-                                  colorSchema="danger"
-                                  size="xs"
-                                  isDisabled={!isAllowed}
-                                  onClick={() => handlePopUpOpen("deleteWebhook", id)}
-                                >
-                                  Delete
-                                </Button>
-                              )}
-                            </ProjectPermissionCan>
-                          </div>
-                        </Td>
-                      </Tr>
-                    )
-                  )}
-              </TBody>
-            </Table>
-          </TableContainer>
-        </div>
-        <AddWebhookForm
-          environments={currentWorkspace?.environments}
-          isOpen={popUp?.addWebhook?.isOpen}
-          onOpenChange={(isOpen) => handlePopUpToggle("addWebhook", isOpen)}
-          onCreateWebhook={handleWebhookCreate}
-        />
-        <DeleteActionModal
-          isOpen={popUp.deleteWebhook.isOpen}
-          deleteKey="remove"
-          title="Are you sure you want to delete this webhook?"
-          onChange={(isOpen) => handlePopUpToggle("deleteWebhook", isOpen)}
-          onClose={() => handlePopUpClose("deleteWebhook")}
-          onDeleteApproved={handleWebhookDelete}
-        />
-      </div>
-    );
-  },
-  { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Webhooks }
-);
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/index.tsx
deleted file mode 100644
index 2795bd02f..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WebhooksTab/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { WebhooksTab } from "./WebhooksTab";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WorkflowIntegrationSection/WorkflowIntegrationTab.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/WorkflowIntegrationSection/WorkflowIntegrationTab.tsx
deleted file mode 100644
index f581caf6f..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WorkflowIntegrationSection/WorkflowIntegrationTab.tsx
+++ /dev/null
@@ -1,346 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import Link from "next/link";
-import { faCheckCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { ProjectPermissionCan } from "@app/components/permissions";
-import {
-  Button,
-  ContentLoader,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  EmptyState,
-  FormControl,
-  Input,
-  Select,
-  SelectItem,
-  Switch
-} from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import {
-  useGetSlackIntegrationChannels,
-  useGetSlackIntegrations,
-  useGetWorkspaceSlackConfig,
-  useUpdateProjectSlackConfig
-} from "@app/hooks/api";
-
-const formSchema = z.object({
-  slackIntegrationId: z.string(),
-  isSecretRequestNotificationEnabled: z.boolean(),
-  secretRequestChannels: z.string().array(),
-  isAccessRequestNotificationEnabled: z.boolean(),
-  accessRequestChannels: z.string().array()
-});
-
-type TSlackConfigForm = z.infer<typeof formSchema>;
-
-export const WorkflowIntegrationTab = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { data: slackConfig, isLoading: isSlackConfigLoading } = useGetWorkspaceSlackConfig({
-    workspaceId: currentWorkspace?.id ?? ""
-  });
-  const { data: slackIntegrations } = useGetSlackIntegrations(currentWorkspace?.orgId);
-  const { mutateAsync: updateProjectSlackConfig } = useUpdateProjectSlackConfig();
-
-  const {
-    control,
-    watch,
-    handleSubmit,
-    setValue,
-    formState: { isDirty, isSubmitting }
-  } = useForm<TSlackConfigForm>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      isAccessRequestNotificationEnabled: false,
-      accessRequestChannels: [],
-      isSecretRequestNotificationEnabled: false,
-      secretRequestChannels: []
-    }
-  });
-
-  const secretRequestNotifState = watch("isSecretRequestNotificationEnabled");
-  const selectedSlackIntegrationId = watch("slackIntegrationId");
-  const accessRequestNotifState = watch("isAccessRequestNotificationEnabled");
-
-  const { data: slackChannels } = useGetSlackIntegrationChannels(selectedSlackIntegrationId);
-  const slackChannelIdToName = Object.fromEntries(
-    (slackChannels || []).map((channel) => [channel.id, channel.name])
-  );
-  const sortedSlackChannels = slackChannels?.sort((a, b) =>
-    a.name.toLowerCase().localeCompare(b.name.toLowerCase())
-  );
-
-  const handleIntegrationSave = async (data: TSlackConfigForm) => {
-    if (!currentWorkspace) {
-      return;
-    }
-
-    await updateProjectSlackConfig({
-      workspaceId: currentWorkspace.id,
-      ...data,
-      accessRequestChannels: data.accessRequestChannels.filter(Boolean).join(", "),
-      secretRequestChannels: data.secretRequestChannels.filter(Boolean).join(", ")
-    });
-
-    createNotification({
-      type: "success",
-      text: "Successfully updated slack integration"
-    });
-  };
-
-  useEffect(() => {
-    if (slackConfig) {
-      setValue("slackIntegrationId", slackConfig.slackIntegrationId);
-      setValue(
-        "isSecretRequestNotificationEnabled",
-        slackConfig.isSecretRequestNotificationEnabled
-      );
-      setValue(
-        "isAccessRequestNotificationEnabled",
-        slackConfig.isAccessRequestNotificationEnabled
-      );
-
-      if (slackChannels) {
-        setValue(
-          "secretRequestChannels",
-          slackConfig.secretRequestChannels
-            .split(", ")
-            .filter((channel) => channel in slackChannelIdToName)
-        );
-        setValue(
-          "accessRequestChannels",
-          slackConfig.accessRequestChannels
-            .split(", ")
-            .filter((channel) => channel in slackChannelIdToName)
-        );
-      }
-    }
-  }, [slackConfig, slackChannels]);
-
-  if (isSlackConfigLoading) {
-    return <ContentLoader />;
-  }
-
-  return !slackIntegrations?.length ? (
-    <EmptyState title="You do not have any integrations configured.">
-      <Link href={`/org/${currentWorkspace?.orgId}/settings?selectedTab=workflow-integrations`}>
-        <div className="mt-2 underline decoration-primary-800 underline-offset-4 duration-200 hover:cursor-pointer hover:text-mineshaft-100 hover:decoration-primary-600">
-          Create one now
-        </div>
-      </Link>
-    </EmptyState>
-  ) : (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="flex justify-between">
-        <h2 className="mb-2 flex-1 text-xl font-semibold text-mineshaft-100">Slack Integration</h2>
-      </div>
-      <p className="mb-4 text-gray-400">
-        This integration allows you to send notifications to your Slack workspace in response to
-        events in your project.
-      </p>
-      <form onSubmit={handleSubmit(handleIntegrationSave)}>
-        <div className="max-w-md">
-          <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Settings}>
-            {(isAllowed) => (
-              <Controller
-                render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                  <FormControl errorText={error?.message} isError={Boolean(error)}>
-                    <Select
-                      {...field}
-                      isDisabled={!isAllowed}
-                      placeholder="None"
-                      onValueChange={onChange}
-                      defaultValue={slackConfig?.slackIntegrationId}
-                      className="w-3/4 bg-mineshaft-600"
-                    >
-                      {slackIntegrations?.map((slackIntegration) => (
-                        <SelectItem
-                          value={slackIntegration.id}
-                          key={`slack-integration-${slackIntegration.id}`}
-                        >
-                          {slackIntegration.slug}
-                        </SelectItem>
-                      ))}
-                    </Select>
-                  </FormControl>
-                )}
-                control={control}
-                name="slackIntegrationId"
-              />
-            )}
-          </ProjectPermissionCan>
-        </div>
-        {selectedSlackIntegrationId && (
-          <>
-            <h2 className="mb-2 flex-1 text-lg font-semibold text-mineshaft-100">Events</h2>
-            <Controller
-              control={control}
-              name="isSecretRequestNotificationEnabled"
-              render={({ field, fieldState: { error } }) => {
-                return (
-                  <FormControl
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                    className="mt-3 mb-2"
-                  >
-                    <Switch
-                      id="secret-approval-notification"
-                      onCheckedChange={(value) => field.onChange(value)}
-                      isChecked={field.value}
-                    >
-                      <p className="w-full">Secret Approval Requests</p>
-                    </Switch>
-                  </FormControl>
-                );
-              }}
-            />
-            {secretRequestNotifState && (
-              <Controller
-                control={control}
-                name="secretRequestChannels"
-                render={({ field: { value, onChange }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Slack channels"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild>
-                        <Input
-                          isReadOnly
-                          value={value
-                            ?.filter(Boolean)
-                            .map((entry) => slackChannelIdToName[entry])
-                            .join(", ")}
-                          className="text-left"
-                        />
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent
-                        style={{
-                          width: "var(--radix-dropdown-menu-trigger-width)",
-                          maxHeight: "350px",
-                          overflowY: "auto"
-                        }}
-                        side="bottom"
-                        align="start"
-                      >
-                        {sortedSlackChannels?.map((slackChannel) => {
-                          const isChecked = value?.includes(slackChannel.id);
-                          return (
-                            <DropdownMenuItem
-                              onClick={(evt) => {
-                                evt.preventDefault();
-                                onChange(
-                                  isChecked
-                                    ? value?.filter((el: string) => el !== slackChannel.id)
-                                    : [...(value || []), slackChannel.id]
-                                );
-                              }}
-                              key={`secret-requests-slack-channel-${slackChannel.id}`}
-                              iconPos="right"
-                              icon={isChecked && <FontAwesomeIcon icon={faCheckCircle} />}
-                            >
-                              {slackChannel.name}
-                            </DropdownMenuItem>
-                          );
-                        })}
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </FormControl>
-                )}
-              />
-            )}
-            <Controller
-              control={control}
-              name="isAccessRequestNotificationEnabled"
-              render={({ field, fieldState: { error } }) => {
-                return (
-                  <FormControl isError={Boolean(error)} errorText={error?.message} className="mb-2">
-                    <Switch
-                      id="access-request-notification"
-                      onCheckedChange={(value) => field.onChange(value)}
-                      isChecked={field.value}
-                    >
-                      <p className="w-full">Access Requests</p>
-                    </Switch>
-                  </FormControl>
-                );
-              }}
-            />
-            {accessRequestNotifState && (
-              <Controller
-                control={control}
-                name="accessRequestChannels"
-                render={({ field: { value, onChange }, fieldState: { error } }) => (
-                  <FormControl
-                    label="Slack channels"
-                    isError={Boolean(error)}
-                    errorText={error?.message}
-                  >
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild>
-                        <Input
-                          isReadOnly
-                          value={value
-                            ?.filter(Boolean)
-                            .map((entry) => slackChannelIdToName[entry])
-                            .join(", ")}
-                          className="text-left"
-                        />
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent
-                        style={{
-                          width: "var(--radix-dropdown-menu-trigger-width)",
-                          maxHeight: "350px",
-                          overflowY: "auto"
-                        }}
-                        side="bottom"
-                        align="start"
-                      >
-                        {sortedSlackChannels?.map((slackChannel) => {
-                          const isChecked = value?.includes(slackChannel.id);
-                          return (
-                            <DropdownMenuItem
-                              onClick={(evt) => {
-                                evt.preventDefault();
-                                onChange(
-                                  isChecked
-                                    ? value?.filter((el: string) => el !== slackChannel.id)
-                                    : [...(value || []), slackChannel.id]
-                                );
-                              }}
-                              key={`access-requests-slack-channel-${slackChannel.id}`}
-                              iconPos="right"
-                              icon={isChecked && <FontAwesomeIcon icon={faCheckCircle} />}
-                            >
-                              {slackChannel.name}
-                            </DropdownMenuItem>
-                          );
-                        })}
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </FormControl>
-                )}
-              />
-            )}
-            <Button
-              colorSchema="secondary"
-              className="mt-4"
-              type="submit"
-              isDisabled={!isDirty}
-              isLoading={isSubmitting}
-            >
-              Save
-            </Button>
-          </>
-        )}
-      </form>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WorkflowIntegrationSection/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/WorkflowIntegrationSection/index.tsx
deleted file mode 100644
index 937daaed5..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/WorkflowIntegrationSection/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./WorkflowIntegrationTab";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/components/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/components/index.tsx
deleted file mode 100644
index 6fb72e4c4..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/components/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export { AutoCapitalizationSection } from "./AutoCapitalizationSection";
-export { BackfillSecretReferenceSecretion } from "./BackfillSecretReferenceSection";
-export { DeleteProjectSection } from "./DeleteProjectSection";
-export { EnvironmentSection } from "./EnvironmentSection";
-export { ProjectOverviewChangeSection } from "./ProjectOverviewChangeSection";
-export { SecretTagsSection } from "./SecretTagsSection";
diff --git a/frontend-next/src/views/Settings/ProjectSettingsPage/index.tsx b/frontend-next/src/views/Settings/ProjectSettingsPage/index.tsx
deleted file mode 100644
index f423e30fb..000000000
--- a/frontend-next/src/views/Settings/ProjectSettingsPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ProjectSettingsPage } from "./ProjectSettingsPage";
diff --git a/frontend-next/src/views/ShareSecretPage/ShareSecretPage.tsx b/frontend-next/src/views/ShareSecretPage/ShareSecretPage.tsx
deleted file mode 100644
index 95861ec61..000000000
--- a/frontend-next/src/views/ShareSecretPage/ShareSecretPage.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import Link from "next/link";
-import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ShareSecretSection } from "./components";
-
-export const ShareSecretPage = () => {
-  return (
-    <div className="container mx-auto h-full w-full max-w-7xl bg-bunker-800 px-6 text-white">
-      <div className="flex items-center justify-between py-6">
-        <div className="flex w-full flex-col">
-          <h2 className="text-3xl font-semibold text-gray-200">Secret Sharing</h2>
-          <p className="text-bunker-300">Share secrets securely using a shareable link</p>
-        </div>
-        <div className="flex w-max justify-center">
-          <Link href="https://infisical.com/docs/documentation/platform/secret-sharing" passHref>
-          <a target="_blank" rel="noopener noreferrer">
-            <div className="w-max cursor-pointer rounded-md border border-mineshaft-500 bg-mineshaft-600 px-4 py-2 text-mineshaft-200 duration-200 hover:border-primary/40 hover:bg-primary/10 hover:text-white">
-              Documentation{" "}
-              <FontAwesomeIcon
-                icon={faArrowUpRightFromSquare}
-                className="mb-[0.06rem] ml-1 text-xs"
-              />
-            </div>
-            </a>
-          </Link>
-        </div>
-      </div>
-      <ShareSecretSection />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPage/components/AddShareSecretModal.tsx b/frontend-next/src/views/ShareSecretPage/components/AddShareSecretModal.tsx
deleted file mode 100644
index 2df82a665..000000000
--- a/frontend-next/src/views/ShareSecretPage/components/AddShareSecretModal.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Modal, ModalContent } from "@app/components/v2";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-import { ShareSecretForm } from "@app/views/ShareSecretPublicPage/components";
-
-type Props = {
-  popUp: UsePopUpState<["createSharedSecret"]>;
-  handlePopUpToggle: (
-    popUpName: keyof UsePopUpState<["createSharedSecret"]>,
-    state?: boolean
-  ) => void;
-};
-
-export const AddShareSecretModal = ({ popUp, handlePopUpToggle }: Props) => {
-  return (
-    <Modal
-      isOpen={popUp?.createSharedSecret?.isOpen}
-      onOpenChange={(isOpen) => {
-        handlePopUpToggle("createSharedSecret", isOpen);
-      }}
-    >
-      <ModalContent
-        title="Share a Secret"
-        subTitle="Securely share one off secrets with your team."
-      >
-        <ShareSecretForm
-          isPublic={false}
-          value={(popUp.createSharedSecret.data as { value?: string })?.value}
-        />
-      </ModalContent>
-    </Modal>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPage/components/ShareSecretSection.tsx b/frontend-next/src/views/ShareSecretPage/components/ShareSecretSection.tsx
deleted file mode 100644
index a4ae58f8d..000000000
--- a/frontend-next/src/views/ShareSecretPage/components/ShareSecretSection.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import Head from "next/head";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, DeleteActionModal } from "@app/components/v2";
-import { usePopUp } from "@app/hooks";
-import { useDeleteSharedSecret } from "@app/hooks/api/secretSharing";
-
-import { AddShareSecretModal } from "./AddShareSecretModal";
-import { ShareSecretsTable } from "./ShareSecretsTable";
-
-type DeleteModalData = { name: string; id: string };
-
-export const ShareSecretSection = () => {
-  const deleteSharedSecret = useDeleteSharedSecret();
-  const { popUp, handlePopUpToggle, handlePopUpClose, handlePopUpOpen } = usePopUp([
-    "createSharedSecret",
-    "deleteSharedSecretConfirmation"
-  ] as const);
-
-  const onDeleteApproved = async () => {
-    try {
-      deleteSharedSecret.mutateAsync({
-        sharedSecretId: (popUp?.deleteSharedSecretConfirmation?.data as DeleteModalData)?.id
-      });
-      createNotification({
-        text: "Successfully deleted shared secret",
-        type: "success"
-      });
-
-      handlePopUpClose("deleteSharedSecretConfirmation");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete shared secret",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <Head>
-        <title>Secret Sharing</title>
-        <link rel="icon" href="/infisical.ico" />
-        <meta property="og:image" content="/images/message.png" />
-      </Head>
-      <div className="mb-4 flex justify-between">
-        <p className="text-xl font-semibold text-mineshaft-100">Shared Secrets</p>
-        <Button
-          colorSchema="primary"
-          leftIcon={<FontAwesomeIcon icon={faPlus} />}
-          onClick={() => {
-            handlePopUpOpen("createSharedSecret");
-          }}
-        >
-          Share Secret
-        </Button>
-      </div>
-      <ShareSecretsTable handlePopUpOpen={handlePopUpOpen} />
-      <AddShareSecretModal popUp={popUp} handlePopUpToggle={handlePopUpToggle} />
-      <DeleteActionModal
-        isOpen={popUp.deleteSharedSecretConfirmation.isOpen}
-        title={`Delete ${
-          (popUp?.deleteSharedSecretConfirmation?.data as DeleteModalData)?.name || " "
-        } shared secret?`}
-        onChange={(isOpen) => handlePopUpToggle("deleteSharedSecretConfirmation", isOpen)}
-        deleteKey={(popUp?.deleteSharedSecretConfirmation?.data as DeleteModalData)?.name}
-        onClose={() => handlePopUpClose("deleteSharedSecretConfirmation")}
-        onDeleteApproved={onDeleteApproved}
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPage/components/ShareSecretsRow.tsx b/frontend-next/src/views/ShareSecretPage/components/ShareSecretsRow.tsx
deleted file mode 100644
index fef171896..000000000
--- a/frontend-next/src/views/ShareSecretPage/components/ShareSecretsRow.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import { faEnvelope, faEnvelopeOpen, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { format } from "date-fns";
-
-import { IconButton, Td, Tooltip, Tr } from "@app/components/v2";
-// import { useToggle } from "@app/hooks";
-import { Badge } from "@app/components/v2/Badge";
-import { TSharedSecret } from "@app/hooks/api/secretSharing";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-export const ShareSecretsRow = ({
-  row,
-  handlePopUpOpen
-}: {
-  row: TSharedSecret;
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteSharedSecretConfirmation"]>,
-    {
-      name,
-      id
-    }: {
-      name: string;
-      id: string;
-    }
-  ) => void;
-}) => {
-  // const [isRowExpanded, setIsRowExpanded] = useToggle();
-  const lastViewedAt = row.lastViewedAt
-    ? format(new Date(row.lastViewedAt), "yyyy-MM-dd - HH:mm a")
-    : undefined;
-
-  let isExpired = false;
-  if (row.expiresAfterViews !== null && row.expiresAfterViews <= 0) {
-    isExpired = true;
-  }
-
-  if (row.expiresAt !== null && new Date(row.expiresAt) < new Date()) {
-    isExpired = true;
-  }
-
-  return (
-    <>
-      <Tr
-        key={row.id}
-        // className="h-10 cursor-pointer transition-colors duration-300 hover:bg-mineshaft-700"
-        // onClick={() => setIsRowExpanded.toggle()}
-      >
-        <Td>
-          <Tooltip content={lastViewedAt ? `Last opened at ${lastViewedAt}` : "Not yet opened"}>
-            <FontAwesomeIcon icon={lastViewedAt ? faEnvelopeOpen : faEnvelope} />
-          </Tooltip>
-        </Td>
-        <Td>{row.name ? `${row.name}` : "-"}</Td>
-        <Td>
-          <Badge variant={isExpired ? "danger" : "success"}>
-            {isExpired ? "Expired" : "Active"}
-          </Badge>
-        </Td>
-        <Td>{`${format(new Date(row.createdAt), "yyyy-MM-dd - HH:mm a")}`}</Td>
-        <Td>{format(new Date(row.expiresAt), "yyyy-MM-dd - HH:mm a")}</Td>
-        <Td>{row.expiresAfterViews !== null ? row.expiresAfterViews : "-"}</Td>
-        <Td>
-          <IconButton
-            onClick={(e) => {
-              e.stopPropagation();
-              handlePopUpOpen("deleteSharedSecretConfirmation", {
-                name: "delete",
-                id: row.id
-              });
-            }}
-            variant="plain"
-            ariaLabel="delete"
-          >
-            <FontAwesomeIcon icon={faTrash} />
-          </IconButton>
-        </Td>
-      </Tr>
-      {/* {isRowExpanded && (
-        <Tr>
-          <Td
-            colSpan={6}
-            className={`bg-bunker-600 px-0 py-0 ${isRowExpanded && " border-mineshaft-500 p-8"}`}
-          >
-            <div className="grid grid-cols-3 gap-4">
-              <div>Test 1</div>
-              <div>Test 2</div>
-              <div>Test 3</div>
-            </div>
-          </Td>
-        </Tr>
-      )} */}
-    </>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPage/components/ShareSecretsTable.tsx b/frontend-next/src/views/ShareSecretPage/components/ShareSecretsTable.tsx
deleted file mode 100644
index bdb2b2ffa..000000000
--- a/frontend-next/src/views/ShareSecretPage/components/ShareSecretsTable.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { useState } from "react";
-import { faKey } from "@fortawesome/free-solid-svg-icons";
-
-import {
-  EmptyState,
-  Pagination,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Th,
-  THead,
-  Tr
-} from "@app/components/v2";
-import { useGetSharedSecrets } from "@app/hooks/api/secretSharing";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-import { ShareSecretsRow } from "./ShareSecretsRow";
-
-type Props = {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["deleteSharedSecretConfirmation"]>,
-    {
-      name,
-      id
-    }: {
-      name: string;
-      id: string;
-    }
-  ) => void;
-};
-
-export const ShareSecretsTable = ({ handlePopUpOpen }: Props) => {
-  const [page, setPage] = useState(1);
-  const [perPage, setPerPage] = useState(10);
-  const { isLoading, data } = useGetSharedSecrets({
-    offset: (page - 1) * perPage,
-    limit: perPage
-  });
-  return (
-    <TableContainer>
-      <Table>
-        <THead>
-          <Tr>
-            <Th className="w-5" />
-            <Th>Name</Th>
-            <Th>Status</Th>
-            <Th>Created At</Th>
-            <Th>Valid Until</Th>
-            <Th>Views Left</Th>
-            <Th aria-label="button" className="w-5" />
-          </Tr>
-        </THead>
-        <TBody>
-          {isLoading && <TableSkeleton columns={7} innerKey="shared-secrets" />}
-          {!isLoading &&
-            data?.secrets?.map((row) => (
-              <ShareSecretsRow key={row.id} row={row} handlePopUpOpen={handlePopUpOpen} />
-            ))}
-        </TBody>
-      </Table>
-      {!isLoading &&
-        data?.secrets &&
-        data?.totalCount >= perPage &&
-        data?.totalCount !== undefined && (
-          <Pagination
-            count={data.totalCount}
-            page={page}
-            perPage={perPage}
-            onChangePage={(newPage) => setPage(newPage)}
-            onChangePerPage={(newPerPage) => setPerPage(newPerPage)}
-          />
-        )}
-      {!isLoading && !data?.secrets?.length && (
-        <EmptyState title="No secrets shared yet" icon={faKey} />
-      )}
-    </TableContainer>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPage/components/index.tsx b/frontend-next/src/views/ShareSecretPage/components/index.tsx
deleted file mode 100644
index 64a0c2774..000000000
--- a/frontend-next/src/views/ShareSecretPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ShareSecretSection } from "./ShareSecretSection";
diff --git a/frontend-next/src/views/ShareSecretPage/index.tsx b/frontend-next/src/views/ShareSecretPage/index.tsx
deleted file mode 100644
index fa8198494..000000000
--- a/frontend-next/src/views/ShareSecretPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ShareSecretPage } from "./ShareSecretPage";
diff --git a/frontend-next/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx b/frontend-next/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
deleted file mode 100644
index 3ef88ff22..000000000
--- a/frontend-next/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import Image from "next/image";
-import Link from "next/link";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { ShareSecretForm } from "./components";
-
-export const ShareSecretPublicPage = () => {
-  return (
-    <div className="flex h-screen flex-col justify-between overflow-auto bg-gradient-to-tr from-mineshaft-700 to-bunker-800 text-gray-200 dark:[color-scheme:dark]">
-      <div />
-      <div className="mx-auto w-full max-w-xl px-4 py-4 md:px-0">
-        <div className="mb-8 text-center">
-          <div className="mb-4 flex justify-center pt-8">
-            <Link href="https://infisical.com">
-              <Image
-                src="/images/gradientLogo.svg"
-                height={90}
-                width={120}
-                alt="Infisical logo"
-                className="cursor-pointer"
-              />
-            </Link>
-          </div>
-          <h1 className="bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-4xl font-medium text-transparent">
-            Share a secret
-          </h1>
-          <p className="text-md">
-            Powered by{" "}
-            <a
-              href="https://github.com/infisical/infisical"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-bold bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent"
-            >
-              Infisical &rarr;
-            </a>
-          </p>
-        </div>
-        <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4">
-          <ShareSecretForm isPublic />
-        </div>
-        <div className="m-auto my-8 flex w-full">
-          <div className="w-full border-t border-mineshaft-600" />
-        </div>
-        <div className="m-auto flex w-full flex-col rounded-md border border-primary-500/30 bg-primary/5 p-6 pt-5">
-          <p className="w-full pb-2 text-lg font-semibold text-mineshaft-100 md:pb-3 md:text-xl">
-            Open source{" "}
-            <span className="bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent">
-              secret management
-            </span>{" "}
-            for developers
-          </p>
-          <div className="flex flex-col items-start sm:flex-row sm:items-center">
-            <p className="md:text-md text-md mr-4">
-              <a
-                href="https://github.com/infisical/infisical"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-bold bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent"
-              >
-                Infisical
-              </a>{" "}
-              is the all-in-one secret management platform to securely manage secrets, configs, and
-              certificates across your team and infrastructure.
-            </p>
-            <div className="mt-4 cursor-pointer sm:mt-0">
-              <Link href="https://infisical.com">
-                <div className="flex items-center justify-between rounded-md border border-mineshaft-400/40 bg-mineshaft-600 py-2 px-3 duration-200 hover:border-primary/60 hover:bg-primary/20 hover:text-white">
-                  <p className="mr-4 whitespace-nowrap">Try Infisical</p>
-                  <FontAwesomeIcon icon={faArrowRight} />
-                </div>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div className="w-full bg-mineshaft-600 p-2">
-        <p className="text-center text-sm text-mineshaft-300">
-          Made with ❤️ by{" "}
-          <a className="text-primary" href="https://infisical.com">
-            Infisical
-          </a>
-          <br />
-          156 2nd st, 3rd Floor, San Francisco, California, 94105, United States. 🇺🇸
-        </p>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPublicPage/components/ShareSecretForm.tsx b/frontend-next/src/views/ShareSecretPublicPage/components/ShareSecretForm.tsx
deleted file mode 100644
index d0f902886..000000000
--- a/frontend-next/src/views/ShareSecretPublicPage/components/ShareSecretForm.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-import { useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { faCheck, faCopy, faRedo } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, IconButton, Input, Select, SelectItem } from "@app/components/v2";
-import { useTimedReset } from "@app/hooks";
-import { useCreatePublicSharedSecret, useCreateSharedSecret } from "@app/hooks/api";
-import { SecretSharingAccessType } from "@app/hooks/api/secretSharing";
-
-// values in ms
-const expiresInOptions = [
-  { label: "5 min", value: 5 * 60 * 1000 },
-  { label: "30 min", value: 30 * 60 * 1000 },
-  { label: "1 hour", value: 60 * 60 * 1000 },
-  { label: "1 day", value: 24 * 60 * 60 * 1000 },
-  { label: "7 days", value: 7 * 24 * 60 * 60 * 1000 },
-  { label: "14 days", value: 14 * 24 * 60 * 60 * 1000 },
-  { label: "30 days", value: 30 * 24 * 60 * 60 * 1000 }
-];
-
-const viewLimitOptions = [
-  { label: "1", value: 1 },
-  { label: "Unlimited", value: -1 }
-];
-
-const schema = z.object({
-  name: z.string().optional(),
-  password: z.string().optional(),
-  secret: z.string().min(1),
-  expiresIn: z.string(),
-  viewLimit: z.string(),
-  accessType: z.nativeEnum(SecretSharingAccessType).optional()
-});
-
-export type FormData = z.infer<typeof schema>;
-
-type Props = {
-  isPublic: boolean; // whether or not this is a public (non-authenticated) secret sharing form
-  value?: string;
-};
-
-export const ShareSecretForm = ({ isPublic, value }: Props) => {
-  const [secretLink, setSecretLink] = useState("");
-  const [, isCopyingSecret, setCopyTextSecret] = useTimedReset<string>({
-    initialState: "Copy to clipboard"
-  });
-
-  const publicSharedSecretCreator = useCreatePublicSharedSecret();
-  const privateSharedSecretCreator = useCreateSharedSecret();
-  const createSharedSecret = isPublic ? publicSharedSecretCreator : privateSharedSecretCreator;
-
-  const {
-    control,
-    reset,
-    handleSubmit,
-    formState: { isSubmitting }
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
-    defaultValues: {
-      secret: value || ""
-    }
-  });
-
-  const onFormSubmit = async ({
-    name,
-    password,
-    secret,
-    expiresIn,
-    viewLimit,
-    accessType
-  }: FormData) => {
-    try {
-      const expiresAt = new Date(new Date().getTime() + Number(expiresIn));
-
-      const { id } = await createSharedSecret.mutateAsync({
-        name,
-        password,
-        secretValue: secret,
-        expiresAt,
-        expiresAfterViews: viewLimit === "-1" ? undefined : Number(viewLimit),
-        accessType
-      });
-
-      const link = `${window.location.origin}/shared/secret/${id}`;
-
-      setSecretLink(link);
-      reset();
-
-      navigator.clipboard.writeText(link);
-      setCopyTextSecret("secret");
-
-      createNotification({
-        text: "Shared secret link copied to clipboard.",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to create a shared secret.",
-        type: "error"
-      });
-    }
-  };
-
-  const hasSecretLink = Boolean(secretLink);
-
-  return !hasSecretLink ? (
-    <form onSubmit={handleSubmit(onFormSubmit)}>
-      {!isPublic && (
-        <Controller
-          control={control}
-          name="name"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Name (Optional)"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input {...field} placeholder="API Key" type="text" />
-            </FormControl>
-          )}
-        />
-      )}
-      <Controller
-        control={control}
-        name="secret"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Your Secret"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            className="mb-2"
-            isRequired
-          >
-            <textarea
-              placeholder="Enter sensitive data to share via an encrypted link..."
-              {...field}
-              className="h-40 min-h-[70px] w-full rounded-md border border-mineshaft-600 bg-mineshaft-900 py-1.5 px-2 text-bunker-300 outline-none transition-all placeholder:text-mineshaft-400 hover:border-primary-400/30 focus:border-primary-400/50 group-hover:mr-2"
-              disabled={value !== undefined}
-            />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="password"
-        render={({ field, fieldState: { error } }) => (
-          <FormControl
-            label="Password"
-            isError={Boolean(error)}
-            errorText={error?.message}
-            isOptional
-          >
-            <Input {...field} placeholder="Password" type="password" />
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="expiresIn"
-        defaultValue="3600000"
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="Expires In" errorText={error?.message} isError={Boolean(error)}>
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => onChange(e)}
-              className="w-full"
-            >
-              {expiresInOptions.map(({ label, value: expiresInValue }) => (
-                <SelectItem value={String(expiresInValue || "")} key={label}>
-                  {label}
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      <Controller
-        control={control}
-        name="viewLimit"
-        defaultValue="-1"
-        render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-          <FormControl label="Max Views" errorText={error?.message} isError={Boolean(error)}>
-            <Select
-              defaultValue={field.value}
-              {...field}
-              onValueChange={(e) => onChange(e)}
-              className="w-full"
-            >
-              {viewLimitOptions.map(({ label, value: viewLimitValue }) => (
-                <SelectItem value={String(viewLimitValue || "")} key={label}>
-                  {label}
-                </SelectItem>
-              ))}
-            </Select>
-          </FormControl>
-        )}
-      />
-      {!isPublic && (
-        <Controller
-          control={control}
-          name="accessType"
-          defaultValue={SecretSharingAccessType.Organization}
-          render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-            <FormControl label="General Access" errorText={error?.message} isError={Boolean(error)}>
-              <Select
-                defaultValue={field.value}
-                {...field}
-                onValueChange={(e) => onChange(e)}
-                className="w-full"
-              >
-                <SelectItem value={SecretSharingAccessType.Anyone}>Anyone</SelectItem>
-                <SelectItem value={SecretSharingAccessType.Organization}>
-                  People within your organization
-                </SelectItem>
-              </Select>
-            </FormControl>
-          )}
-        />
-      )}
-      <Button
-        className="mt-4"
-        size="sm"
-        type="submit"
-        isLoading={isSubmitting}
-        isDisabled={isSubmitting}
-      >
-        Create Secret Link
-      </Button>
-    </form>
-  ) : (
-    <>
-      <div className="mr-2 flex items-center justify-end rounded-md bg-white/[0.05] p-2 text-base text-gray-400">
-        <p className="mr-4 break-all">{secretLink}</p>
-        <IconButton
-          ariaLabel="copy icon"
-          colorSchema="secondary"
-          className="group relative ml-2"
-          onClick={() => {
-            navigator.clipboard.writeText(secretLink);
-            setCopyTextSecret("Copied");
-          }}
-        >
-          <FontAwesomeIcon icon={isCopyingSecret ? faCheck : faCopy} />
-        </IconButton>
-      </div>
-      <Button
-        className="mt-4 w-full bg-mineshaft-700 py-3 text-bunker-200"
-        colorSchema="primary"
-        variant="outline_bg"
-        size="sm"
-        onClick={() => setSecretLink("")}
-        rightIcon={<FontAwesomeIcon icon={faRedo} className="pl-2" />}
-      >
-        Share Another Secret
-      </Button>
-    </>
-  );
-};
diff --git a/frontend-next/src/views/ShareSecretPublicPage/components/index.tsx b/frontend-next/src/views/ShareSecretPublicPage/components/index.tsx
deleted file mode 100644
index 65c926550..000000000
--- a/frontend-next/src/views/ShareSecretPublicPage/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ShareSecretForm } from "./ShareSecretForm";
diff --git a/frontend-next/src/views/ShareSecretPublicPage/index.tsx b/frontend-next/src/views/ShareSecretPublicPage/index.tsx
deleted file mode 100644
index 778e8ee58..000000000
--- a/frontend-next/src/views/ShareSecretPublicPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ShareSecretPublicPage } from "./ShareSecretPublicPage";
diff --git a/frontend-next/src/views/Signup/SignupSSO.tsx b/frontend-next/src/views/Signup/SignupSSO.tsx
deleted file mode 100644
index 2510c9fa4..000000000
--- a/frontend-next/src/views/Signup/SignupSSO.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useEffect, useState } from "react";
-import jwt_decode from "jwt-decode";
-
-import { BackupPDFStep, EmailConfirmationStep, UserInfoSSOStep } from "./components";
-
-type Props = {
-  providerAuthToken: string;
-};
-
-export const SignupSSO = ({ providerAuthToken }: Props) => {
-  const [step, setStep] = useState(0);
-  const [password, setPassword] = useState("");
-
-  const {
-    username,
-    email,
-    organizationName,
-    organizationSlug,
-    firstName,
-    lastName,
-    authType,
-    isEmailVerified
-  } = jwt_decode(providerAuthToken) as any;
-
-  useEffect(() => {
-    if (!isEmailVerified) {
-      setStep(0);
-    } else {
-      setStep(1);
-    }
-  }, []);
-
-  const renderView = () => {
-    switch (step) {
-      case 0:
-        return (
-          <EmailConfirmationStep
-            authType={authType}
-            username={username}
-            email={email}
-            organizationSlug={organizationSlug}
-            setStep={setStep}
-          />
-        );
-      case 1:
-        return (
-          <UserInfoSSOStep
-            username={username}
-            name={`${firstName} ${lastName}`}
-            providerOrganizationName={organizationName}
-            password={password}
-            setPassword={setPassword}
-            setStep={setStep}
-            providerAuthToken={providerAuthToken}
-          />
-        );
-      case 2:
-        return (
-          <BackupPDFStep email={username} password={password} name={`${firstName} ${lastName}`} />
-        );
-      default:
-        return <div />;
-    }
-  };
-
-  return <div>{renderView()}</div>;
-};
diff --git a/frontend-next/src/views/Signup/components/BackupPDFStep/BackupPDFStep.tsx b/frontend-next/src/views/Signup/components/BackupPDFStep/BackupPDFStep.tsx
deleted file mode 100644
index 1216e9d62..000000000
--- a/frontend-next/src/views/Signup/components/BackupPDFStep/BackupPDFStep.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { useRouter } from "next/router";
-import { faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import issueBackupKey from "@app/components/utilities/cryptography/issueBackupKey";
-import { Button } from "@app/components/v2";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-interface DownloadBackupPDFStepProps {
-  email: string;
-  password: string;
-  name: string;
-}
-
-/**
- * This is the step of the signup flow where the user downloads the backup pdf
- * @param {object} obj
- * @param {function} obj.incrementStep - function that moves the user on to the next stage of signup
- * @param {string} obj.email - user's email
- * @param {string} obj.password - user's password
- * @param {string} obj.name - user's name
- * @returns
- */
-export const BackupPDFStep = ({ email, password, name }: DownloadBackupPDFStepProps) => {
-  const { t } = useTranslation();
-  const router = useRouter();
-
-  return (
-    <div className="mx-auto mb-36 flex h-full w-full flex-col items-center md:mb-16 md:px-6">
-      <p className="flex justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        <FontAwesomeIcon icon={faWarning} className="ml-2 mr-3 pt-1 text-2xl text-bunker-200" />
-        {t("signup.step4-message")}
-      </p>
-      <div className="text-md mt-8 flex w-full max-w-md flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 pb-2 text-center text-bunker-300 md:min-w-[24rem] lg:w-1/6">
-        <div className="m-2 mx-auto mt-4 flex w-full w-full flex-row items-center rounded-md px-3 text-center text-bunker-300 md:mt-8 md:min-w-[23rem] lg:w-1/6 lg:w-1/6">
-          <span className="mb-2">
-            {t("signup.step4-description1")} {t("signup.step4-description3")}
-          </span>
-        </div>
-        <div className="mx-auto mt-0 mb-2 mt-2 flex w-full flex-col items-center justify-center px-3 text-center text-sm md:mt-4 md:mb-4 md:min-w-[20rem] md:max-w-md md:text-left lg:w-1/6">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              onClick={async () => {
-                await issueBackupKey({
-                  email,
-                  password,
-                  personalName: name,
-                  setBackupKeyError: () => {},
-                  setBackupKeyIssued: () => {}
-                });
-
-                router.push(`/org/${localStorage.getItem("orgData.id")}/${ProjectType.SecretManager}/overview`);
-              }}
-              size="sm"
-              isFullWidth
-              className="h-12"
-              colorSchema="primary"
-              variant="outline_bg"
-            >
-              {" "}
-              Download PDF{" "}
-            </Button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Signup/components/BackupPDFStep/index.tsx b/frontend-next/src/views/Signup/components/BackupPDFStep/index.tsx
deleted file mode 100644
index 01f7745cd..000000000
--- a/frontend-next/src/views/Signup/components/BackupPDFStep/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { BackupPDFStep } from "./BackupPDFStep";
diff --git a/frontend-next/src/views/Signup/components/EmailConfirmationStep/EmailConfirmationStep.tsx b/frontend-next/src/views/Signup/components/EmailConfirmationStep/EmailConfirmationStep.tsx
deleted file mode 100644
index 6d73c879b..000000000
--- a/frontend-next/src/views/Signup/components/EmailConfirmationStep/EmailConfirmationStep.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-// confirm email
-// if same email exists, then trigger fn to merge automatically
-import { useState } from "react";
-import ReactCodeInput from "react-code-input";
-import { useRouter } from "next/router";
-
-import Error from "@app/components/basic/Error";
-import { createNotification } from "@app/components/notifications";
-import { Button } from "@app/components/v2";
-import { useSendEmailVerificationCode, useVerifyEmailVerificationCode } from "@app/hooks/api";
-import { UserAliasType } from "@app/hooks/api/users/types";
-
-type Props = {
-  authType?: UserAliasType;
-  username: string;
-  email: string;
-  organizationSlug: string;
-  setStep: (step: number) => void;
-};
-
-// The style for the verification code input
-const props = {
-  inputStyle: {
-    fontFamily: "monospace",
-    margin: "4px",
-    MozAppearance: "textfield",
-    width: "55px",
-    borderRadius: "5px",
-    fontSize: "24px",
-    height: "55px",
-    paddingLeft: "7",
-    backgroundColor: "#0d1117",
-    color: "white",
-    border: "1px solid #2d2f33",
-    textAlign: "center",
-    outlineColor: "#8ca542",
-    borderColor: "#2d2f33"
-  }
-} as const;
-const propsPhone = {
-  inputStyle: {
-    fontFamily: "monospace",
-    margin: "4px",
-    MozAppearance: "textfield",
-    width: "40px",
-    borderRadius: "5px",
-    fontSize: "24px",
-    height: "40px",
-    paddingLeft: "7",
-    backgroundColor: "#0d1117",
-    color: "white",
-    border: "1px solid #2d2f33",
-    textAlign: "center",
-    outlineColor: "#8ca542",
-    borderColor: "#2d2f33"
-  }
-} as const;
-
-export const EmailConfirmationStep = ({
-  authType,
-  username,
-  email,
-  organizationSlug,
-  setStep
-}: Props) => {
-  const router = useRouter();
-  const [code, setCode] = useState("");
-  const [codeError, setCodeError] = useState(false);
-  const [isResendingVerificationEmail] = useState(false);
-  const [isLoading] = useState(false);
-
-  const { mutateAsync: sendEmailVerificationCode } = useSendEmailVerificationCode();
-  const { mutateAsync: verifyEmailVerificationCode } = useVerifyEmailVerificationCode();
-
-  const checkCode = async () => {
-    try {
-      await verifyEmailVerificationCode({ username, code });
-      setCodeError(false);
-
-      createNotification({
-        text: "Successfully verified code",
-        type: "success"
-      });
-
-      switch (authType) {
-        case UserAliasType.SAML: {
-          window.open(`/api/v1/sso/redirect/saml2/organizations/${organizationSlug}`);
-          window.close();
-          break;
-        }
-        case UserAliasType.LDAP: {
-          router.push(`/login/ldap?organizationSlug=${organizationSlug}`);
-          break;
-        }
-        case UserAliasType.OIDC: {
-          router.push(`/api/v1/sso/oidc/login?orgSlug=${organizationSlug}`);
-          break;
-        }
-        default: {
-          setStep(1);
-          break;
-        }
-      }
-    } catch (err) {
-      createNotification({
-        text: "Failed to verify code",
-        type: "error"
-      });
-    }
-
-    setCode("");
-  };
-
-  const resendCode = async () => {
-    try {
-      await sendEmailVerificationCode(username);
-      createNotification({
-        text: "Successfully resent code",
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: "Failed to resend code",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <div className="mx-auto h-full w-full pb-4 md:px-8">
-      <p className="text-md flex justify-center text-bunker-200">
-        We&apos;ve sent a verification code to {email}
-      </p>
-      <div className="mx-auto hidden w-max min-w-[20rem] md:block">
-        <ReactCodeInput
-          name=""
-          inputMode="tel"
-          type="text"
-          fields={6}
-          onChange={setCode}
-          {...props}
-          className="mt-6 mb-2"
-        />
-      </div>
-      <div className="mx-auto mt-4 block w-max md:hidden">
-        <ReactCodeInput
-          name=""
-          inputMode="tel"
-          type="text"
-          fields={6}
-          onChange={setCode}
-          {...propsPhone}
-          className="mt-2 mb-2"
-        />
-      </div>
-      {codeError && <Error text="Oops. Your code is wrong. Please try again." />}
-      <div className="mx-auto mt-2 flex w-1/4 min-w-[20rem] max-w-xs flex-col items-center justify-center text-center text-sm md:max-w-md md:text-left lg:w-[19%]">
-        <div className="text-l w-full py-1 text-lg">
-          <Button
-            type="submit"
-            onClick={checkCode}
-            size="sm"
-            isFullWidth
-            className="h-14"
-            colorSchema="primary"
-            variant="outline_bg"
-            isLoading={isLoading}
-          >
-            {" "}
-            Verify
-          </Button>
-        </div>
-      </div>
-      <div className="mx-auto flex max-h-24 w-full max-w-md flex-col items-center justify-center pt-2">
-        <div className="flex flex-row items-baseline gap-1 text-sm">
-          <span className="text-bunker-400">Don&apos;t see the code?</span>
-          <div className="text-md mt-2 flex flex-row text-bunker-400">
-            <button disabled={isLoading} onClick={resendCode} type="button">
-              <span className="cursor-pointer duration-200 hover:text-bunker-200 hover:underline hover:decoration-primary-700 hover:underline-offset-4">
-                {isResendingVerificationEmail ? "Resending..." : "Resend"}
-              </span>
-            </button>
-          </div>
-        </div>
-        <p className="pb-2 text-sm text-bunker-400">Make sure to check your spam inbox.</p>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Signup/components/EmailConfirmationStep/index.tsx b/frontend-next/src/views/Signup/components/EmailConfirmationStep/index.tsx
deleted file mode 100644
index 32f3a636e..000000000
--- a/frontend-next/src/views/Signup/components/EmailConfirmationStep/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { EmailConfirmationStep } from "./EmailConfirmationStep";
diff --git a/frontend-next/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx b/frontend-next/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx
deleted file mode 100644
index 4156b93d4..000000000
--- a/frontend-next/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx
+++ /dev/null
@@ -1,324 +0,0 @@
-import crypto from "crypto";
-
-import React, { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import jsrp from "jsrp";
-import nacl from "tweetnacl";
-import { encodeBase64 } from "tweetnacl-util";
-
-import Aes256Gcm from "@app/components/utilities/cryptography/aes-256-gcm";
-import { deriveArgonKey } from "@app/components/utilities/cryptography/crypto";
-import { saveTokenToLocalStorage } from "@app/components/utilities/saveTokenToLocalStorage";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { Button, Input } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { completeAccountSignup, useSelectOrganization } from "@app/hooks/api/auth/queries";
-import { MfaMethod } from "@app/hooks/api/auth/types";
-import { fetchOrganizations } from "@app/hooks/api/organization/queries";
-import ProjectService from "@app/services/ProjectService";
-import { Mfa } from "@app/views/Login/Mfa";
-
-// eslint-disable-next-line new-cap
-const client = new jsrp.client();
-
-type Props = {
-  setStep: (step: number) => void;
-  username: string;
-  password: string;
-  setPassword: (value: string) => void;
-  name: string;
-  providerOrganizationName: string;
-  providerAuthToken?: string;
-};
-
-/**
- * This is the step of the sign up flow where people provife their name/surname and password
- * @param {object} obj
- * @param {string} obj.verificationToken - the token which we use to verify the legitness of a user
- * @param {string} obj.incrementStep - a function to move to the next signup step
- * @param {string} obj.email - email of a user who is signing up
- * @param {string} obj.password - user's password
- * @param {string} obj.setPassword - function managing the state of user's password
- * @param {string} obj.firstName - user's first name
- * @param {string} obj.setFirstName  - function managing the state of user's first name
- * @param {string} obj.lastName - user's lastName
- * @param {string} obj.setLastName - function managing the state of user's last name
- */
-export const UserInfoSSOStep = ({
-  username,
-  name,
-  providerOrganizationName,
-  password,
-  setPassword,
-  setStep,
-  providerAuthToken
-}: Props) => {
-  const [nameError, setNameError] = useState(false);
-  const [organizationName, setOrganizationName] = useState("");
-  const [organizationNameError, setOrganizationNameError] = useState(false);
-  const [attributionSource, setAttributionSource] = useState("");
-  const [shouldShowMfa, toggleShowMfa] = useToggle(false);
-  const [requiredMfaMethod, setRequiredMfaMethod] = useState(MfaMethod.EMAIL);
-  const [isLoading, setIsLoading] = useState(false);
-  const { t } = useTranslation();
-  const { mutateAsync: selectOrganization } = useSelectOrganization();
-  const [mfaSuccessCallback, setMfaSuccessCallback] = useState<() => void>(() => {});
-
-  useEffect(() => {
-    const randomPassword = crypto.randomBytes(32).toString("hex");
-    setPassword(randomPassword);
-    if (providerOrganizationName !== undefined) {
-      setOrganizationName(providerOrganizationName);
-    }
-  }, []);
-
-  // Verifies if the information that the users entered (name, workspace)
-  // is there, and if the password matches the criteria.
-  const signupErrorCheck = async () => {
-    setIsLoading(true);
-    let errorCheck = false;
-    if (!name) {
-      setNameError(true);
-      errorCheck = true;
-    } else {
-      setNameError(false);
-    }
-    if (!organizationName) {
-      setOrganizationNameError(true);
-      errorCheck = true;
-    } else {
-      setOrganizationNameError(false);
-    }
-
-    if (!errorCheck) {
-      // Generate a random pair of a public and a private key
-      const pair = nacl.box.keyPair();
-      const secretKeyUint8Array = pair.secretKey;
-      const publicKeyUint8Array = pair.publicKey;
-      const privateKey = encodeBase64(secretKeyUint8Array);
-      const publicKey = encodeBase64(publicKeyUint8Array);
-      localStorage.setItem("PRIVATE_KEY", privateKey);
-
-      client.init(
-        {
-          username,
-          password
-        },
-        async () => {
-          client.createVerifier(async (err: any, result: { salt: string; verifier: string }) => {
-            try {
-              // TODO: moduralize into KeyService
-              const derivedKey = await deriveArgonKey({
-                password,
-                salt: result.salt,
-                mem: 65536,
-                time: 3,
-                parallelism: 1,
-                hashLen: 32
-              });
-
-              if (!derivedKey) throw new Error("Failed to derive key from password");
-
-              const key = crypto.randomBytes(32);
-
-              // create encrypted private key by encrypting the private
-              // key with the symmetric key [key]
-              const {
-                ciphertext: encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag
-              } = Aes256Gcm.encrypt({
-                text: privateKey,
-                secret: key
-              });
-
-              // create the protected key by encrypting the symmetric key
-              // [key] with the derived key
-              const {
-                ciphertext: protectedKey,
-                iv: protectedKeyIV,
-                tag: protectedKeyTag
-              } = Aes256Gcm.encrypt({
-                text: key.toString("hex"),
-                secret: Buffer.from(derivedKey.hash)
-              });
-
-              const response = await completeAccountSignup({
-                email: username,
-                password,
-                firstName: name.split(" ")[0],
-                lastName: name.split(" ").slice(1).join(" "),
-                protectedKey,
-                protectedKeyIV,
-                protectedKeyTag,
-                publicKey,
-                encryptedPrivateKey,
-                encryptedPrivateKeyIV,
-                encryptedPrivateKeyTag,
-                providerAuthToken,
-                salt: result.salt,
-                verifier: result.verifier,
-                organizationName,
-                attributionSource
-              });
-
-              // unset signup JWT token and set JWT token
-              SecurityClient.setSignupToken("");
-              SecurityClient.setToken(response.token);
-              SecurityClient.setProviderAuthToken("");
-
-              saveTokenToLocalStorage({
-                publicKey,
-                encryptedPrivateKey,
-                iv: encryptedPrivateKeyIV,
-                tag: encryptedPrivateKeyTag,
-                privateKey
-              });
-
-              const userOrgs = await fetchOrganizations();
-              const orgId = userOrgs[0]?.id;
-
-              const completeSignupFlow = async () => {
-                try {
-                  const { isMfaEnabled, token, mfaMethod } = await selectOrganization({
-                    organizationId: orgId
-                  });
-
-                  if (isMfaEnabled) {
-                    SecurityClient.setMfaToken(token);
-                    if (mfaMethod) {
-                      setRequiredMfaMethod(mfaMethod);
-                    }
-                    toggleShowMfa.on();
-                    setMfaSuccessCallback(() => completeSignupFlow);
-                    return;
-                  }
-
-                  // only create example project if not joining existing org
-                  if (!providerOrganizationName) {
-                    const project = await ProjectService.initProject({
-                      projectName: "Example Project"
-                    });
-
-                    localStorage.setItem("projectData.id", project.id);
-                  }
-
-                  localStorage.setItem("orgData.id", orgId);
-                  setStep(2);
-                } catch (error) {
-                  setIsLoading(false);
-                  console.error(error);
-                }
-              };
-
-              await completeSignupFlow();
-            } catch (error) {
-              setIsLoading(false);
-              console.error(error);
-            }
-          });
-        }
-      );
-    } else {
-      setIsLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    if (password && providerOrganizationName) {
-      signupErrorCheck();
-    }
-  }, [providerOrganizationName, password]);
-
-  if (shouldShowMfa) {
-    return (
-      <Mfa
-        hideLogo
-        email={username}
-        successCallback={mfaSuccessCallback}
-        method={requiredMfaMethod}
-        closeMfa={() => toggleShowMfa.off()}
-      />
-    );
-  }
-
-  return (
-    <div className="mx-auto mb-36 h-full w-max rounded-xl md:mb-16 md:px-8">
-      <p className="text-medium mx-8 mb-6 flex justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-xl font-bold text-transparent md:mx-16">
-        {t("signup.step3-message")}
-      </p>
-      <div className="mx-auto mb-36 h-full w-max rounded-xl py-6 md:mb-16 md:border md:border-mineshaft-600 md:bg-mineshaft-800 md:px-8">
-        <div className="relative z-0 flex w-1/4 w-full min-w-[20rem] flex-col items-center justify-end rounded-lg py-2 lg:w-1/6">
-          <p className="mb-1 ml-1 w-full text-left text-sm font-medium text-bunker-300">
-            Your Name
-          </p>
-          <Input
-            placeholder="Jane Doe"
-            value={name}
-            disabled
-            isRequired
-            autoComplete="given-name"
-            className="h-12"
-          />
-          {nameError && (
-            <p className="mt-1 ml-1 w-full text-left text-xs text-red-600">
-              Please, specify your name
-            </p>
-          )}
-        </div>
-        {providerOrganizationName === undefined && (
-          <div className="relative z-0 flex w-1/4 w-full min-w-[20rem] flex-col items-center justify-end rounded-lg py-2 lg:w-1/6">
-            <p className="mb-1 ml-1 w-full text-left text-sm font-medium text-bunker-300">
-              Organization Name
-            </p>
-            <Input
-              placeholder="Infisical"
-              value={organizationName}
-              onChange={(e) => setOrganizationName(e.target.value)}
-              isRequired
-              className="h-12"
-              maxLength={64}
-              disabled
-            />
-            {organizationNameError && (
-              <p className="mt-1 ml-1 w-full text-left text-xs text-red-600">
-                Please, specify your organization name
-              </p>
-            )}
-          </div>
-        )}
-        {providerOrganizationName === undefined && (
-          <div className="relative z-0 flex w-1/4 w-full min-w-[20rem] flex-col items-center justify-end rounded-lg py-2 lg:w-1/6">
-            <p className="mb-1 ml-1 w-full text-left text-sm font-medium text-bunker-300">
-              Where did you hear about us? <span className="font-light">(optional)</span>
-            </p>
-            <Input
-              placeholder=""
-              onChange={(e) => setAttributionSource(e.target.value)}
-              value={attributionSource}
-              className="h-12"
-            />
-          </div>
-        )}
-        <div className="mx-auto mt-2 flex w-1/4 min-w-[20rem] max-w-xs flex-col items-center justify-center text-center text-sm md:max-w-md md:text-left lg:w-[19%]">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              type="submit"
-              onClick={signupErrorCheck}
-              size="sm"
-              isFullWidth
-              className="h-12"
-              colorSchema="primary"
-              variant="outline_bg"
-              isLoading={isLoading}
-              isDisabled={isLoading}
-            >
-              {" "}
-              {String(t("signup.signup"))}{" "}
-            </Button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/Signup/components/UserInfoSSOStep/index.tsx b/frontend-next/src/views/Signup/components/UserInfoSSOStep/index.tsx
deleted file mode 100644
index d62267cd3..000000000
--- a/frontend-next/src/views/Signup/components/UserInfoSSOStep/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { UserInfoSSOStep } from "./UserInfoSSOStep";
diff --git a/frontend-next/src/views/Signup/components/index.tsx b/frontend-next/src/views/Signup/components/index.tsx
deleted file mode 100644
index 7ab3d853c..000000000
--- a/frontend-next/src/views/Signup/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { BackupPDFStep } from "./BackupPDFStep";
-export { EmailConfirmationStep } from "./EmailConfirmationStep";
-export { UserInfoSSOStep } from "./UserInfoSSOStep";
diff --git a/frontend-next/src/views/Signup/index.tsx b/frontend-next/src/views/Signup/index.tsx
deleted file mode 100644
index e4feee778..000000000
--- a/frontend-next/src/views/Signup/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SignupSSO } from "./SignupSSO";
diff --git a/frontend-next/src/views/ViewSecretPublicPage/ViewSecretPublicPage.tsx b/frontend-next/src/views/ViewSecretPublicPage/ViewSecretPublicPage.tsx
deleted file mode 100644
index cc2cc16ba..000000000
--- a/frontend-next/src/views/ViewSecretPublicPage/ViewSecretPublicPage.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { useState } from "react";
-import Image from "next/image";
-import Link from "next/link";
-import { NextRouter, useRouter } from "next/router";
-import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AxiosError } from "axios";
-
-import { useGetActiveSharedSecretById } from "@app/hooks/api/secretSharing";
-
-import { PasswordContainer, SecretContainer, SecretErrorContainer } from "./components";
-
-const extractDetailsFromUrl = (router: NextRouter) => {
-  const { id, key: urlEncodedKey } = router.query;
-
-  const idString = id as string;
-
-  if (urlEncodedKey) {
-    const [hashedHex, key] = urlEncodedKey ? urlEncodedKey.toString().split("-") : ["", ""];
-
-    return {
-      id: idString,
-      hashedHex,
-      key
-    };
-  }
-
-  return {
-    id: idString,
-    hashedHex: null,
-    key: null
-  };
-};
-
-export const ViewSecretPublicPage = () => {
-  const router = useRouter();
-  const [password, setPassword] = useState<string>();
-
-  const { hashedHex, key, id } = extractDetailsFromUrl(router);
-
-  const {
-    data: fetchSecret,
-    error,
-    isLoading,
-    isFetching
-  } = useGetActiveSharedSecretById({
-    sharedSecretId: id,
-    hashedHex,
-    password
-  });
-
-  const isInvalidCredential =
-    ((error as AxiosError)?.response?.data as { message: string })?.message ===
-    "Invalid credentials";
-
-  const shouldShowPasswordPrompt =
-    isInvalidCredential || (fetchSecret?.isPasswordProtected && !fetchSecret.secret);
-  const isValidatingPassword = Boolean(password) && isFetching;
-
-  return (
-    <div className="flex h-screen flex-col justify-between overflow-auto bg-gradient-to-tr from-mineshaft-700 to-bunker-800 text-gray-200 dark:[color-scheme:dark]">
-      <div />
-      <div className="mx-auto w-full max-w-xl px-4 py-4 md:px-0">
-        <div className="mb-8 text-center">
-          <div className="mb-4 flex justify-center pt-8">
-            <Link href="https://infisical.com">
-              <Image
-                src="/images/gradientLogo.svg"
-                height={90}
-                width={120}
-                alt="Infisical logo"
-                className="cursor-pointer"
-              />
-            </Link>
-          </div>
-          <h1 className="bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-4xl font-medium text-transparent">
-            View shared secret
-          </h1>
-          <p className="text-md">
-            Powered by{" "}
-            <a
-              href="https://github.com/infisical/infisical"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-bold bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent"
-            >
-              Infisical &rarr;
-            </a>
-          </p>
-        </div>
-        {(shouldShowPasswordPrompt || isValidatingPassword) && (
-          <PasswordContainer
-            isSubmitting={isValidatingPassword}
-            onPasswordSubmit={(el) => {
-              setPassword(el);
-            }}
-            isInvalidCredential={!isFetching && isInvalidCredential}
-          />
-        )}
-        {!isLoading && (
-          <>
-            {!error && fetchSecret?.secret && (
-              <SecretContainer secret={fetchSecret.secret} secretKey={key} />
-            )}
-            {error && !isInvalidCredential && <SecretErrorContainer />}
-          </>
-        )}
-        <div className="m-auto my-8 flex w-full">
-          <div className="w-full border-t border-mineshaft-600" />
-        </div>
-        <div className="m-auto flex w-full flex-col rounded-md border border-primary-500/30 bg-primary/5 p-6 pt-5">
-          <p className="w-full pb-2 text-lg font-semibold text-mineshaft-100 md:pb-3 md:text-xl">
-            Open source{" "}
-            <span className="bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent">
-              secret management
-            </span>{" "}
-            for developers
-          </p>
-          <div className="flex flex-col items-start sm:flex-row sm:items-center">
-            <p className="md:text-md text-md mr-4">
-              <a
-                href="https://github.com/infisical/infisical"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-bold bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent"
-              >
-                Infisical
-              </a>{" "}
-              is the all-in-one secret management platform to securely manage secrets, configs, and
-              certificates across your team and infrastructure.
-            </p>
-            <div className="mt-4 cursor-pointer sm:mt-0">
-              <Link href="https://infisical.com">
-                <div className="flex items-center justify-between rounded-md border border-mineshaft-400/40 bg-mineshaft-600 py-2 px-3 duration-200 hover:border-primary/60 hover:bg-primary/20 hover:text-white">
-                  <p className="mr-4 whitespace-nowrap">Try Infisical</p>
-                  <FontAwesomeIcon icon={faArrowRight} />
-                </div>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="w-full bg-mineshaft-600 p-2">
-        <p className="text-center text-sm text-mineshaft-300">
-          Made with ❤️ by{" "}
-          <a className="text-primary" href="https://infisical.com">
-            Infisical
-          </a>
-          <br />
-          156 2nd st, 3rd Floor, San Francisco, California, 94105, United States. 🇺🇸
-        </p>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ViewSecretPublicPage/components/PasswordContainer.tsx b/frontend-next/src/views/ViewSecretPublicPage/components/PasswordContainer.tsx
deleted file mode 100644
index a8030a70a..000000000
--- a/frontend-next/src/views/ViewSecretPublicPage/components/PasswordContainer.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { faArrowRight, faSpinner } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { Button, FormControl, IconButton, Input } from "@app/components/v2";
-
-type Props = {
-  onPasswordSubmit: (val: any) => void;
-  isSubmitting?: boolean;
-  isInvalidCredential?: boolean;
-};
-
-const formSchema = z.object({
-  password: z.string()
-});
-
-export type FormData = z.infer<typeof formSchema>;
-
-export const PasswordContainer = ({
-  onPasswordSubmit,
-  isSubmitting,
-  isInvalidCredential
-}: Props) => {
-  const { control, handleSubmit } = useForm<FormData>({
-    resolver: zodResolver(formSchema)
-  });
-
-  const onFormSubmit = async ({ password }: FormData) => {
-    onPasswordSubmit(password);
-  };
-
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4">
-      <form onSubmit={handleSubmit(onFormSubmit)}>
-        <Controller
-          control={control}
-          name="password"
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              isError={Boolean(error) || isInvalidCredential}
-              errorText={isInvalidCredential ? "Invalid credential" : error?.message}
-              isRequired
-              label="Password"
-            >
-              <div className="flex items-center justify-between gap-2 rounded-md">
-                <Input {...field} placeholder="Enter Password to view secret" type="password" />
-                <div className="flex">
-                  <IconButton
-                    ariaLabel="copy icon"
-                    colorSchema="secondary"
-                    className="group relative"
-                    onClick={handleSubmit(onFormSubmit)}
-                  >
-                    <FontAwesomeIcon
-                      className={isSubmitting ? "fa-spin" : ""}
-                      icon={isSubmitting ? faSpinner : faArrowRight}
-                    />
-                  </IconButton>
-                </div>
-              </div>
-            </FormControl>
-          )}
-        />
-      </form>
-      <Button
-        className="w-full bg-mineshaft-700 py-3 text-bunker-200"
-        colorSchema="primary"
-        variant="outline_bg"
-        size="sm"
-        onClick={() => window.open("https://app.infisical.com/share-secret", "_blank")}
-        rightIcon={<FontAwesomeIcon icon={faArrowRight} className="pl-2" />}
-      >
-        Share Your Own Secret
-      </Button>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ViewSecretPublicPage/components/SecretContainer.tsx b/frontend-next/src/views/ViewSecretPublicPage/components/SecretContainer.tsx
deleted file mode 100644
index 3130f3c70..000000000
--- a/frontend-next/src/views/ViewSecretPublicPage/components/SecretContainer.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useMemo } from "react";
-import {
-  faArrowRight,
-  faCheck,
-  faCopy,
-  faEye,
-  faEyeSlash
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { decryptSymmetric } from "@app/components/utilities/cryptography/crypto";
-import { Button, IconButton } from "@app/components/v2";
-import { useTimedReset, useToggle } from "@app/hooks";
-import { TViewSharedSecretResponse } from "@app/hooks/api/secretSharing";
-
-type Props = {
-  secret: TViewSharedSecretResponse["secret"];
-  secretKey: string | null;
-};
-
-export const SecretContainer = ({ secret, secretKey: key }: Props) => {
-  const [isVisible, setIsVisible] = useToggle(false);
-  const [, isCopyingSecret, setCopyTextSecret] = useTimedReset<string>({
-    initialState: "Copy to clipboard"
-  });
-
-  const decryptedSecret = useMemo(() => {
-    if (secret.secretValue) {
-      return secret.secretValue;
-    }
-
-    if (secret && secret.encryptedValue && key) {
-      const res = decryptSymmetric({
-        ciphertext: secret.encryptedValue,
-        iv: secret.iv,
-        tag: secret.tag,
-        key
-      });
-      return res;
-    }
-    return "";
-  }, [secret, key]);
-
-  const hiddenSecret = decryptedSecret ? "*".repeat(decryptedSecret.length) : "";
-
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4">
-      <div className="flex items-center justify-between rounded-md bg-white/[0.05] p-2 text-base text-gray-400">
-        <p className="whitespace-pre-wrap break-all">
-          {isVisible ? decryptedSecret : hiddenSecret}
-        </p>
-        <div className="flex">
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative"
-            onClick={() => {
-              navigator.clipboard.writeText(decryptedSecret);
-              setCopyTextSecret("Copied");
-            }}
-          >
-            <FontAwesomeIcon icon={isCopyingSecret ? faCheck : faCopy} />
-          </IconButton>
-          <IconButton
-            ariaLabel="copy icon"
-            colorSchema="secondary"
-            className="group relative ml-2"
-            onClick={() => setIsVisible.toggle()}
-          >
-            <FontAwesomeIcon icon={isVisible ? faEyeSlash : faEye} />
-          </IconButton>
-        </div>
-      </div>
-      <Button
-        className="mt-4 w-full bg-mineshaft-700 py-3 text-bunker-200"
-        colorSchema="primary"
-        variant="outline_bg"
-        size="sm"
-        onClick={() => window.open("https://app.infisical.com/share-secret", "_blank")}
-        rightIcon={<FontAwesomeIcon icon={faArrowRight} className="pl-2" />}
-      >
-        Share Your Own Secret
-      </Button>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ViewSecretPublicPage/components/SecretErrorContainer.tsx b/frontend-next/src/views/ViewSecretPublicPage/components/SecretErrorContainer.tsx
deleted file mode 100644
index 173fa1b78..000000000
--- a/frontend-next/src/views/ViewSecretPublicPage/components/SecretErrorContainer.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { faKey } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-export const SecretErrorContainer = () => {
-  return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-8">
-      <div className="text-center">
-        <FontAwesomeIcon icon={faKey} size="2x" />
-        <p className="mt-4">The secret you are looking is missing or has expired</p>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/ViewSecretPublicPage/components/index.tsx b/frontend-next/src/views/ViewSecretPublicPage/components/index.tsx
deleted file mode 100644
index 8ba8b27c0..000000000
--- a/frontend-next/src/views/ViewSecretPublicPage/components/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export { PasswordContainer } from "./PasswordContainer";
-export { SecretContainer } from "./SecretContainer";
-export { SecretErrorContainer } from "./SecretErrorContainer";
diff --git a/frontend-next/src/views/ViewSecretPublicPage/index.tsx b/frontend-next/src/views/ViewSecretPublicPage/index.tsx
deleted file mode 100644
index a8388d411..000000000
--- a/frontend-next/src/views/ViewSecretPublicPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { ViewSecretPublicPage } from "./ViewSecretPublicPage";
diff --git a/frontend-next/src/views/admin/DashboardPage/AuthPanel.tsx b/frontend-next/src/views/admin/DashboardPage/AuthPanel.tsx
deleted file mode 100644
index 84e48ea0f..000000000
--- a/frontend-next/src/views/admin/DashboardPage/AuthPanel.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Switch } from "@app/components/v2";
-import { useServerConfig } from "@app/context";
-import { useUpdateServerConfig } from "@app/hooks/api";
-import { LoginMethod } from "@app/hooks/api/admin/types";
-
-const formSchema = z.object({
-  isEmailEnabled: z.boolean(),
-  isGoogleEnabled: z.boolean(),
-  isGithubEnabled: z.boolean(),
-  isGitlabEnabled: z.boolean(),
-  isSamlEnabled: z.boolean(),
-  isLdapEnabled: z.boolean(),
-  isOidcEnabled: z.boolean()
-});
-
-type TAuthForm = z.infer<typeof formSchema>;
-
-export const AuthPanel = () => {
-  const { config } = useServerConfig();
-  const { enabledLoginMethods } = config;
-  const { mutateAsync: updateServerConfig } = useUpdateServerConfig();
-
-  const {
-    control,
-    handleSubmit,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TAuthForm>({
-    resolver: zodResolver(formSchema),
-    // if not yet explicitly defined by the admin, all login methods should be enabled by default
-    values: enabledLoginMethods
-      ? {
-          isEmailEnabled: enabledLoginMethods.includes(LoginMethod.EMAIL),
-          isGoogleEnabled: enabledLoginMethods.includes(LoginMethod.GOOGLE),
-          isGithubEnabled: enabledLoginMethods.includes(LoginMethod.GITHUB),
-          isGitlabEnabled: enabledLoginMethods.includes(LoginMethod.GITLAB),
-          isSamlEnabled: enabledLoginMethods.includes(LoginMethod.SAML),
-          isLdapEnabled: enabledLoginMethods.includes(LoginMethod.LDAP),
-          isOidcEnabled: enabledLoginMethods.includes(LoginMethod.OIDC)
-        }
-      : {
-          isEmailEnabled: true,
-          isGoogleEnabled: true,
-          isGithubEnabled: true,
-          isGitlabEnabled: true,
-          isSamlEnabled: true,
-          isLdapEnabled: true,
-          isOidcEnabled: true
-        }
-  });
-
-  const onAuthFormSubmit = async (formData: TAuthForm) => {
-    try {
-      const enabledMethods: LoginMethod[] = [];
-      if (formData.isEmailEnabled) {
-        enabledMethods.push(LoginMethod.EMAIL);
-      }
-
-      if (formData.isGoogleEnabled) {
-        enabledMethods.push(LoginMethod.GOOGLE);
-      }
-
-      if (formData.isGithubEnabled) {
-        enabledMethods.push(LoginMethod.GITHUB);
-      }
-
-      if (formData.isGitlabEnabled) {
-        enabledMethods.push(LoginMethod.GITLAB);
-      }
-
-      if (formData.isSamlEnabled) {
-        enabledMethods.push(LoginMethod.SAML);
-      }
-
-      if (formData.isLdapEnabled) {
-        enabledMethods.push(LoginMethod.LDAP);
-      }
-
-      if (formData.isOidcEnabled) {
-        enabledMethods.push(LoginMethod.OIDC);
-      }
-
-      if (!enabledMethods.length) {
-        createNotification({
-          type: "error",
-          text: "At least one login method should be enabled."
-        });
-        return;
-      }
-
-      await updateServerConfig({
-        enabledLoginMethods: enabledMethods
-      });
-
-      createNotification({
-        text: "Login methods have been successfully updated.",
-        type: "success"
-      });
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        type: "error",
-        text: "Failed to update login methods."
-      });
-    }
-  };
-
-  return (
-    <form
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-      onSubmit={handleSubmit(onAuthFormSubmit)}
-    >
-      <div className="flex flex-col justify-start">
-        <div className="mb-2 text-xl font-semibold text-mineshaft-100">Login Methods</div>
-        <div className="mb-4 max-w-sm text-sm text-mineshaft-400">
-          Select the login methods you wish to allow for all users of this instance.
-        </div>
-        <Controller
-          control={control}
-          name="isEmailEnabled"
-          render={({ field, fieldState: { error } }) => {
-            return (
-              <FormControl isError={Boolean(error)} errorText={error?.message}>
-                <Switch
-                  id="email-enabled"
-                  onCheckedChange={(value) => field.onChange(value)}
-                  isChecked={field.value}
-                >
-                  <p className="w-24">Email</p>
-                </Switch>
-              </FormControl>
-            );
-          }}
-        />
-        <Controller
-          control={control}
-          name="isGoogleEnabled"
-          render={({ field, fieldState: { error } }) => {
-            return (
-              <FormControl isError={Boolean(error)} errorText={error?.message}>
-                <Switch
-                  id="google-enabled"
-                  onCheckedChange={(value) => field.onChange(value)}
-                  isChecked={field.value}
-                >
-                  <p className="w-24">Google SSO</p>
-                </Switch>
-              </FormControl>
-            );
-          }}
-        />
-        <Controller
-          control={control}
-          name="isGithubEnabled"
-          render={({ field, fieldState: { error } }) => {
-            return (
-              <FormControl isError={Boolean(error)} errorText={error?.message}>
-                <Switch
-                  id="enable-github"
-                  onCheckedChange={(value) => field.onChange(value)}
-                  isChecked={field.value}
-                >
-                  <p className="w-24">Github SSO</p>
-                </Switch>
-              </FormControl>
-            );
-          }}
-        />
-        <Controller
-          control={control}
-          name="isGitlabEnabled"
-          render={({ field, fieldState: { error } }) => {
-            return (
-              <FormControl isError={Boolean(error)} errorText={error?.message}>
-                <Switch
-                  id="enable-gitlab"
-                  onCheckedChange={(value) => field.onChange(value)}
-                  isChecked={field.value}
-                >
-                  <p className="w-24">Gitlab SSO</p>
-                </Switch>
-              </FormControl>
-            );
-          }}
-        />
-        <Controller
-          control={control}
-          name="isSamlEnabled"
-          render={({ field, fieldState: { error } }) => {
-            return (
-              <FormControl isError={Boolean(error)} errorText={error?.message}>
-                <Switch
-                  id="enable-saml"
-                  onCheckedChange={(value) => field.onChange(value)}
-                  isChecked={field.value}
-                >
-                  <p className="w-24">SAML SSO</p>
-                </Switch>
-              </FormControl>
-            );
-          }}
-        />
-        <Controller
-          control={control}
-          name="isOidcEnabled"
-          render={({ field, fieldState: { error } }) => {
-            return (
-              <FormControl isError={Boolean(error)} errorText={error?.message}>
-                <Switch
-                  id="enable-oidc"
-                  onCheckedChange={(value) => field.onChange(value)}
-                  isChecked={field.value}
-                >
-                  <p className="w-24">OIDC SSO</p>
-                </Switch>
-              </FormControl>
-            );
-          }}
-        />
-      </div>
-      <Controller
-        control={control}
-        name="isLdapEnabled"
-        render={({ field, fieldState: { error } }) => {
-          return (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Switch
-                id="enable-ldap"
-                onCheckedChange={(value) => field.onChange(value)}
-                isChecked={field.value}
-              >
-                <p className="w-24">LDAP</p>
-              </Switch>
-            </FormControl>
-          );
-        }}
-      />
-      <Button
-        className="mt-2"
-        type="submit"
-        isLoading={isSubmitting}
-        isDisabled={isSubmitting || !isDirty}
-      >
-        Save
-      </Button>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/admin/DashboardPage/DashboardPage.tsx b/frontend-next/src/views/admin/DashboardPage/DashboardPage.tsx
deleted file mode 100644
index 1f89ed357..000000000
--- a/frontend-next/src/views/admin/DashboardPage/DashboardPage.tsx
+++ /dev/null
@@ -1,353 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { faAt } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Button,
-  ContentLoader,
-  FormControl,
-  Input,
-  Select,
-  SelectClear,
-  SelectItem,
-  Switch,
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-} from "@app/components/v2";
-import { useOrganization, useServerConfig, useUser } from "@app/context";
-import {
-  useGetOrganizations,
-  useGetServerRootKmsEncryptionDetails,
-  useUpdateServerConfig
-} from "@app/hooks/api";
-import { ProjectType } from "@app/hooks/api/workspace/types";
-
-import { AuthPanel } from "./AuthPanel";
-import { EncryptionPanel } from "./EncryptionPanel";
-import { IntegrationPanel } from "./IntegrationPanel";
-import { RateLimitPanel } from "./RateLimitPanel";
-import { UserPanel } from "./UserPanel";
-
-enum TabSections {
-  Settings = "settings",
-  Encryption = "encryption",
-  Auth = "auth",
-  RateLimit = "rate-limit",
-  Integrations = "integrations",
-  Users = "users"
-}
-
-enum SignUpModes {
-  Disabled = "disabled",
-  Anyone = "anyone"
-}
-
-const formSchema = z.object({
-  signUpMode: z.nativeEnum(SignUpModes),
-  allowedSignUpDomain: z.string().optional().nullable(),
-  trustSamlEmails: z.boolean(),
-  trustLdapEmails: z.boolean(),
-  trustOidcEmails: z.boolean(),
-  defaultAuthOrgId: z.string()
-});
-
-type TDashboardForm = z.infer<typeof formSchema>;
-export const AdminDashboardPage = () => {
-  const router = useRouter();
-  const data = useServerConfig();
-  const { data: serverRootKmsDetails } = useGetServerRootKmsEncryptionDetails();
-  const { config } = data;
-
-  const {
-    control,
-    handleSubmit,
-    watch,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TDashboardForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      // eslint-disable-next-line
-      signUpMode: config.allowSignUp ? SignUpModes.Anyone : SignUpModes.Disabled,
-      allowedSignUpDomain: config.allowedSignUpDomain,
-      trustSamlEmails: config.trustSamlEmails,
-      trustLdapEmails: config.trustLdapEmails,
-      trustOidcEmails: config.trustOidcEmails,
-      defaultAuthOrgId: config.defaultAuthOrgId ?? ""
-    }
-  });
-
-  const signUpMode = watch("signUpMode");
-  const defaultAuthOrgId = watch("defaultAuthOrgId");
-
-  const { user, isLoading: isUserLoading } = useUser();
-  const { orgs } = useOrganization();
-  const { mutateAsync: updateServerConfig } = useUpdateServerConfig();
-
-  const organizations = useGetOrganizations();
-
-  const isNotAllowed = !user?.superAdmin;
-
-  // TODO(akhilmhdh): on nextjs 14 roadmap this will be properly addressed with context split
-  useEffect(() => {
-    if (isNotAllowed && !isUserLoading) {
-      if (orgs?.length) {
-        localStorage.setItem("orgData.id", orgs?.[0]?.id);
-        router.push(`/org/${orgs?.[0]?.id}/${ProjectType.SecretManager}/overview`);
-      }
-    }
-  }, [isNotAllowed, isUserLoading]);
-
-  const onFormSubmit = async (formData: TDashboardForm) => {
-    try {
-      const { allowedSignUpDomain, trustSamlEmails, trustLdapEmails, trustOidcEmails } = formData;
-
-      await updateServerConfig({
-        defaultAuthOrgId: defaultAuthOrgId || null,
-        allowSignUp: signUpMode !== SignUpModes.Disabled,
-        allowedSignUpDomain: signUpMode === SignUpModes.Anyone ? allowedSignUpDomain : null,
-        trustSamlEmails,
-        trustLdapEmails,
-        trustOidcEmails
-      });
-      createNotification({
-        text: "Successfully changed sign up setting.",
-        type: "success"
-      });
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        type: "error",
-        text: "Failed to update sign up setting."
-      });
-    }
-  };
-
-  return (
-    <div className="container mx-auto max-w-7xl px-4 pb-12 text-white dark:[color-scheme:dark]">
-      <div className="mx-auto mb-6 w-full max-w-7xl pt-6">
-        <div className="mb-8 flex flex-col items-start justify-between text-xl">
-          <h1 className="text-3xl font-semibold">Server Admin Console</h1>
-          <p className="text-base text-bunker-300">Manage your instance level configurations.</p>
-        </div>
-      </div>
-      {isUserLoading || isNotAllowed ? (
-        <ContentLoader text={isNotAllowed ? "Redirecting to org page..." : undefined} />
-      ) : (
-        <div>
-          <Tabs defaultValue={TabSections.Settings}>
-            <TabList>
-              <div className="flex w-full flex-row border-b border-mineshaft-600">
-                <Tab value={TabSections.Settings}>General</Tab>
-                <Tab value={TabSections.Encryption}>Encryption</Tab>
-                <Tab value={TabSections.Auth}>Authentication</Tab>
-                <Tab value={TabSections.RateLimit}>Rate Limit</Tab>
-                <Tab value={TabSections.Integrations}>Integrations</Tab>
-                <Tab value={TabSections.Users}>Users</Tab>
-              </div>
-            </TabList>
-            <TabPanel value={TabSections.Settings}>
-              <form
-                className="mb-6 space-y-8 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-                onSubmit={handleSubmit(onFormSubmit)}
-              >
-                <div className="flex flex-col justify-start">
-                  <div className="mb-2 text-xl font-semibold text-mineshaft-100">
-                    Allow user signups
-                  </div>
-                  <div className="mb-4 max-w-sm text-sm text-mineshaft-400">
-                    Select if you want users to be able to signup freely into your Infisical
-                    instance.
-                  </div>
-                  <Controller
-                    control={control}
-                    name="signUpMode"
-                    render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                      <FormControl
-                        className="max-w-sm"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <Select
-                          className="w-full bg-mineshaft-700"
-                          dropdownContainerClassName="bg-mineshaft-800"
-                          defaultValue={field.value}
-                          onValueChange={(e) => onChange(e)}
-                          {...field}
-                        >
-                          <SelectItem value={SignUpModes.Disabled}>Disabled</SelectItem>
-                          <SelectItem value={SignUpModes.Anyone}>Anyone</SelectItem>
-                        </Select>
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                {signUpMode === "anyone" && (
-                  <div className="flex flex-col justify-start">
-                    <div className="mb-4 text-xl font-semibold text-mineshaft-100">
-                      Restrict signup by email domain(s)
-                    </div>
-                    <Controller
-                      control={control}
-                      defaultValue=""
-                      name="allowedSignUpDomain"
-                      render={({ field, fieldState: { error } }) => (
-                        <FormControl
-                          label="Leave blank to allow any email domains"
-                          className="w-72"
-                          isError={Boolean(error)}
-                          errorText={error?.message}
-                        >
-                          <Input
-                            {...field}
-                            value={field.value || ""}
-                            placeholder="gmail.com, aws.com, redhat.com"
-                            leftIcon={<FontAwesomeIcon icon={faAt} />}
-                          />
-                        </FormControl>
-                      )}
-                    />
-                  </div>
-                )}
-
-                <div className="flex flex-col justify-start">
-                  <div className="mb-2 text-xl font-semibold text-mineshaft-100">
-                    Default organization
-                  </div>
-                  <div className="mb-4 max-w-sm text-sm text-mineshaft-400">
-                    Select the default organization you want to set for SAML/LDAP/OIDC based logins.
-                    When selected, user logins will be automatically scoped to the selected
-                    organization.
-                  </div>
-                  <Controller
-                    control={control}
-                    name="defaultAuthOrgId"
-                    render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                      <FormControl
-                        className="max-w-sm"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <Select
-                          placeholder="Allow all organizations"
-                          className="w-full bg-mineshaft-700"
-                          dropdownContainerClassName="bg-mineshaft-800"
-                          defaultValue={field.value ?? " "}
-                          onValueChange={(e) => onChange(e)}
-                          {...field}
-                        >
-                          <SelectClear
-                            selectValue={defaultAuthOrgId}
-                            onClear={() => {
-                              console.log("clearing");
-                              onChange("");
-                            }}
-                          >
-                            Allow all organizations
-                          </SelectClear>
-                          {organizations.data?.map((org) => (
-                            <SelectItem key={org.id} value={org.id}>
-                              {org.name}
-                            </SelectItem>
-                          ))}
-                        </Select>
-                      </FormControl>
-                    )}
-                  />
-                </div>
-
-                <div className="flex flex-col justify-start">
-                  <div className="mb-2 text-xl font-semibold text-mineshaft-100">Trust emails</div>
-                  <div className="mb-4 max-w-sm text-sm text-mineshaft-400">
-                    Select if you want Infisical to trust external emails from SAML/LDAP/OIDC
-                    identity providers. If set to false, then Infisical will prompt SAML/LDAP/OIDC
-                    provisioned users to verify their email upon their first login.
-                  </div>
-                  <Controller
-                    control={control}
-                    name="trustSamlEmails"
-                    render={({ field, fieldState: { error } }) => {
-                      return (
-                        <FormControl isError={Boolean(error)} errorText={error?.message}>
-                          <Switch
-                            id="trust-saml-emails"
-                            onCheckedChange={(value) => field.onChange(value)}
-                            isChecked={field.value}
-                          >
-                            <p className="w-full">Trust SAML emails</p>
-                          </Switch>
-                        </FormControl>
-                      );
-                    }}
-                  />
-                  <Controller
-                    control={control}
-                    name="trustLdapEmails"
-                    render={({ field, fieldState: { error } }) => {
-                      return (
-                        <FormControl isError={Boolean(error)} errorText={error?.message}>
-                          <Switch
-                            id="trust-ldap-emails"
-                            onCheckedChange={(value) => field.onChange(value)}
-                            isChecked={field.value}
-                          >
-                            <p className="w-full">Trust LDAP emails</p>
-                          </Switch>
-                        </FormControl>
-                      );
-                    }}
-                  />
-                  <Controller
-                    control={control}
-                    name="trustOidcEmails"
-                    render={({ field, fieldState: { error } }) => {
-                      return (
-                        <FormControl isError={Boolean(error)} errorText={error?.message}>
-                          <Switch
-                            id="trust-oidc-emails"
-                            onCheckedChange={(value) => field.onChange(value)}
-                            isChecked={field.value}
-                          >
-                            <p className="w-full">Trust OIDC emails</p>
-                          </Switch>
-                        </FormControl>
-                      );
-                    }}
-                  />
-                </div>
-                <Button
-                  type="submit"
-                  isLoading={isSubmitting}
-                  isDisabled={isSubmitting || !isDirty}
-                >
-                  Save
-                </Button>
-              </form>
-            </TabPanel>
-            <TabPanel value={TabSections.Encryption}>
-              <EncryptionPanel rootKmsDetails={serverRootKmsDetails} />
-            </TabPanel>
-            <TabPanel value={TabSections.Auth}>
-              <AuthPanel />
-            </TabPanel>
-            <TabPanel value={TabSections.RateLimit}>
-              <RateLimitPanel />
-            </TabPanel>
-            <TabPanel value={TabSections.Integrations}>
-              <IntegrationPanel />
-            </TabPanel>
-            <TabPanel value={TabSections.Users}>
-              <UserPanel />
-            </TabPanel>
-          </Tabs>
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/admin/DashboardPage/EncryptionPanel.tsx b/frontend-next/src/views/admin/DashboardPage/EncryptionPanel.tsx
deleted file mode 100644
index 0383423f8..000000000
--- a/frontend-next/src/views/admin/DashboardPage/EncryptionPanel.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import { useCallback } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Select, SelectItem, UpgradePlanModal } from "@app/components/v2";
-import { useSubscription } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useUpdateServerEncryptionStrategy } from "@app/hooks/api";
-import {
-  RootKeyEncryptionStrategy,
-  TGetServerRootKmsEncryptionDetails
-} from "@app/hooks/api/admin/types";
-
-const formSchema = z.object({
-  encryptionStrategy: z.nativeEnum(RootKeyEncryptionStrategy)
-});
-
-const strategies: Record<RootKeyEncryptionStrategy, string> = {
-  [RootKeyEncryptionStrategy.Software]: "Software-based Encryption",
-  [RootKeyEncryptionStrategy.HSM]: "Hardware Security Module (HSM)"
-};
-
-type TForm = z.infer<typeof formSchema>;
-
-type Props = {
-  rootKmsDetails?: TGetServerRootKmsEncryptionDetails;
-};
-
-export const EncryptionPanel = ({ rootKmsDetails }: Props) => {
-  const { mutateAsync: updateEncryptionStrategy } = useUpdateServerEncryptionStrategy();
-  const { subscription } = useSubscription();
-
-  const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["upgradePlan"] as const);
-
-  const {
-    control,
-    handleSubmit,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      encryptionStrategy:
-        rootKmsDetails?.strategies?.find((s) => s.enabled)?.strategy ??
-        RootKeyEncryptionStrategy.Software
-    }
-  });
-
-  const onSubmit = useCallback(async (formData: TForm) => {
-    if (!subscription) return;
-
-    if (!subscription.hsm) {
-      handlePopUpOpen("upgradePlan", {
-        description: "Hardware Security Module's (HSM's), are only available on Enterprise plans."
-      });
-      return;
-    }
-
-    try {
-      await updateEncryptionStrategy(formData.encryptionStrategy);
-
-      createNotification({
-        type: "success",
-        text: "Encryption strategy updated successfully"
-      });
-    } catch {
-      createNotification({
-        type: "error",
-        text: "Failed to update encryption strategy"
-      });
-    }
-  }, []);
-
-  return (
-    <>
-      <form
-        className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-        onSubmit={handleSubmit(onSubmit)}
-      >
-        <div className="flex flex-col justify-start">
-          <div className="flex w-full justify-between">
-            <div className="mb-2 text-xl font-semibold text-mineshaft-100">
-              KMS Encryption Strategy
-            </div>
-          </div>
-          <div className="mb-4 max-w-sm text-sm text-mineshaft-400">
-            Select which type of encryption strategy you want to use for your KMS root key. HSM is
-            supported on Enterprise plans.
-          </div>
-
-          {!!rootKmsDetails && (
-            <Controller
-              control={control}
-              name="encryptionStrategy"
-              render={({ field: { onChange, ...field }, fieldState: { error } }) => (
-                <FormControl
-                  className="max-w-sm"
-                  errorText={error?.message}
-                  isError={Boolean(error)}
-                >
-                  <Select
-                    className="w-full bg-mineshaft-700"
-                    dropdownContainerClassName="bg-mineshaft-800"
-                    defaultValue={field.value}
-                    onValueChange={(e) => onChange(e)}
-                    {...field}
-                  >
-                    {rootKmsDetails.strategies?.map((strategy) => (
-                      <SelectItem key={strategy.strategy} value={strategy.strategy}>
-                        {strategies[strategy.strategy]}
-                      </SelectItem>
-                    ))}
-                  </Select>
-                </FormControl>
-              )}
-            />
-          )}
-        </div>
-
-        <Button
-          className="mt-2"
-          type="submit"
-          isLoading={isSubmitting}
-          isDisabled={isSubmitting || !isDirty}
-        >
-          Save
-        </Button>
-      </form>
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text={(popUp.upgradePlan?.data as { description: string })?.description}
-      />
-    </>
-  );
-};
diff --git a/frontend-next/src/views/admin/DashboardPage/IntegrationPanel.tsx b/frontend-next/src/views/admin/DashboardPage/IntegrationPanel.tsx
deleted file mode 100644
index 9bb005ce4..000000000
--- a/frontend-next/src/views/admin/DashboardPage/IntegrationPanel.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-import { useGetAdminSlackConfig, useUpdateServerConfig } from "@app/hooks/api";
-
-const slackFormSchema = z.object({
-  clientId: z.string(),
-  clientSecret: z.string()
-});
-
-type TSlackForm = z.infer<typeof slackFormSchema>;
-
-const getCustomSlackAppCreationUrl = () =>
-  `https://api.slack.com/apps?new_app=1&manifest_json=${encodeURIComponent(
-    JSON.stringify({
-      display_information: {
-        name: "Infisical",
-        description: "Get real-time Infisical updates in Slack",
-        background_color: "#c2d62b",
-        long_description: `This Slack application is designed specifically for use with your self-hosted Infisical instance, allowing seamless integration between your Infisical projects and your Slack workspace. With this integration, your team can stay up-to-date with the latest events, changes, and notifications directly inside Slack.
-        - Notifications: Receive real-time updates and alerts about critical events in your Infisical projects. Whether it's a new project being created, updates to secrets, or changes to your team's configuration, you will be promptly notified within the designated Slack channels of your choice.
-        - Customization: Tailor the notifications to your team's specific needs by configuring which types of events trigger alerts and in which channels they are sent.
-        - Collaboration: Keep your entire team in the loop with notifications that help facilitate more efficient collaboration by ensuring that everyone is aware of important developments in your Infisical projects.
-        
-        By integrating Infisical with Slack, you can enhance your workflow by combining the power of secure secrets management with the communication capabilities of Slack.`
-      },
-      features: {
-        app_home: {
-          home_tab_enabled: false,
-          messages_tab_enabled: false,
-          messages_tab_read_only_enabled: true
-        },
-        bot_user: {
-          display_name: "Infisical",
-          always_online: true
-        }
-      },
-      oauth_config: {
-        redirect_urls: [`${window.origin}/api/v1/workflow-integrations/slack/oauth_redirect`],
-        scopes: {
-          bot: ["chat:write.public", "chat:write", "channels:read", "groups:read"]
-        }
-      },
-      settings: {
-        org_deploy_enabled: false,
-        socket_mode_enabled: false,
-        token_rotation_enabled: false
-      }
-    })
-  )}`;
-
-export const IntegrationPanel = () => {
-  const {
-    control,
-    handleSubmit,
-    setValue,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TSlackForm>({
-    resolver: zodResolver(slackFormSchema)
-  });
-
-  const { data: adminSlackConfig } = useGetAdminSlackConfig();
-  const { mutateAsync: updateAdminServerConfig } = useUpdateServerConfig();
-  const [isSlackClientIdFocused, setIsSlackClientIdFocused] = useToggle();
-  const [isSlackClientSecretFocused, setIsSlackClientSecretFocused] = useToggle();
-
-  useEffect(() => {
-    if (adminSlackConfig) {
-      setValue("clientId", adminSlackConfig.clientId);
-      setValue("clientSecret", adminSlackConfig.clientSecret);
-    }
-  }, [adminSlackConfig]);
-
-  const onSlackFormSubmit = async (data: TSlackForm) => {
-    await updateAdminServerConfig({
-      slackClientId: data.clientId,
-      slackClientSecret: data.clientSecret
-    });
-
-    createNotification({
-      text: "Updated admin slack configuration",
-      type: "success"
-    });
-  };
-
-  return (
-    <form
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-      onSubmit={handleSubmit(onSlackFormSubmit)}
-    >
-      <div className="flex flex-col justify-start">
-        <div className="mb-2 text-xl font-semibold text-mineshaft-100">Slack Integration</div>
-        <div className="mb-4 max-w-lg text-sm text-mineshaft-300">
-          Step 1: Create your Infisical Slack App
-        </div>
-        <div className="mb-6">
-          <Button
-            colorSchema="secondary"
-            onClick={() => window.open(getCustomSlackAppCreationUrl())}
-          >
-            Create Slack App
-          </Button>
-        </div>
-        <div className="mb-4 max-w-lg text-sm text-mineshaft-300">
-          Step 2: Configure your instance-wide settings to enable integration with Slack. Copy the
-          values from the App Credentials page of your custom Slack App.
-        </div>
-        <Controller
-          control={control}
-          name="clientId"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Client ID"
-              className="w-96"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                type={isSlackClientIdFocused ? "text" : "password"}
-                onFocus={() => setIsSlackClientIdFocused.on()}
-                onBlur={() => setIsSlackClientIdFocused.off()}
-                onChange={(e) => field.onChange(e.target.value)}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          name="clientSecret"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Client Secret"
-              className="w-96"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                type={isSlackClientSecretFocused ? "text" : "password"}
-                onFocus={() => setIsSlackClientSecretFocused.on()}
-                onBlur={() => setIsSlackClientSecretFocused.off()}
-                onChange={(e) => field.onChange(e.target.value)}
-              />
-            </FormControl>
-          )}
-        />
-      </div>
-      <Button
-        className="mt-2"
-        type="submit"
-        isLoading={isSubmitting}
-        isDisabled={isSubmitting || !isDirty}
-      >
-        Save
-      </Button>
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/admin/DashboardPage/RateLimitPanel.tsx b/frontend-next/src/views/admin/DashboardPage/RateLimitPanel.tsx
deleted file mode 100644
index c1c987077..000000000
--- a/frontend-next/src/views/admin/DashboardPage/RateLimitPanel.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { Button, ContentLoader, FormControl, Input, UpgradePlanModal } from "@app/components/v2";
-import { useSubscription } from "@app/context";
-import { usePopUp } from "@app/hooks";
-import { useGetRateLimit, useUpdateRateLimit } from "@app/hooks/api";
-
-const formSchema = z.object({
-  readRateLimit: z.number(),
-  writeRateLimit: z.number(),
-  secretsRateLimit: z.number(),
-  authRateLimit: z.number(),
-  inviteUserRateLimit: z.number(),
-  mfaRateLimit: z.number(),
-  publicEndpointLimit: z.number()
-});
-
-type TRateLimitForm = z.infer<typeof formSchema>;
-
-export const RateLimitPanel = () => {
-  const { data: rateLimit, isLoading } = useGetRateLimit();
-  const { subscription } = useSubscription();
-  const { mutateAsync: updateRateLimit } = useUpdateRateLimit();
-  const { handlePopUpToggle, handlePopUpOpen, popUp } = usePopUp(["upgradePlan"] as const);
-
-  const {
-    control,
-    handleSubmit,
-    formState: { isSubmitting, isDirty }
-  } = useForm<TRateLimitForm>({
-    resolver: zodResolver(formSchema),
-    values: {
-      // eslint-disable-next-line
-      readRateLimit: rateLimit?.readRateLimit ?? 600,
-      writeRateLimit: rateLimit?.writeRateLimit ?? 200,
-      secretsRateLimit: rateLimit?.secretsRateLimit ?? 60,
-      authRateLimit: rateLimit?.authRateLimit ?? 60,
-      inviteUserRateLimit: rateLimit?.inviteUserRateLimit ?? 30,
-      mfaRateLimit: rateLimit?.mfaRateLimit ?? 20,
-      publicEndpointLimit: rateLimit?.publicEndpointLimit ?? 30
-    }
-  });
-
-  const onRateLimitFormSubmit = async (formData: TRateLimitForm) => {
-    try {
-      if (subscription && !subscription.customRateLimits) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      const {
-        readRateLimit,
-        writeRateLimit,
-        secretsRateLimit,
-        authRateLimit,
-        inviteUserRateLimit,
-        mfaRateLimit,
-        publicEndpointLimit
-      } = formData;
-
-      await updateRateLimit({
-        readRateLimit,
-        writeRateLimit,
-        secretsRateLimit,
-        authRateLimit,
-        inviteUserRateLimit,
-        mfaRateLimit,
-        publicEndpointLimit
-      });
-      createNotification({
-        text: "Rate limits have been successfully updated. Please allow at least 10 minutes for the changes to take effect.",
-        type: "success"
-      });
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        type: "error",
-        text: "Failed to update rate limiting setting."
-      });
-    }
-  };
-
-  return isLoading ? (
-    <ContentLoader />
-  ) : (
-    <form
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-      onSubmit={handleSubmit(onRateLimitFormSubmit)}
-    >
-      <div className="mb-8 flex flex-col justify-start">
-        <div className="mb-4 text-xl font-semibold text-mineshaft-100">Configure rate limits</div>
-        <Controller
-          control={control}
-          name="readRateLimit"
-          defaultValue={300}
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Global read requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          defaultValue={300}
-          name="writeRateLimit"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Global write requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          defaultValue={300}
-          name="secretsRateLimit"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Secret requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          defaultValue={300}
-          name="authRateLimit"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Auth requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          defaultValue={300}
-          name="inviteUserRateLimit"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="User invitation requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          defaultValue={300}
-          name="mfaRateLimit"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Multi factor auth requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-        <Controller
-          control={control}
-          defaultValue={300}
-          name="publicEndpointLimit"
-          render={({ field, fieldState: { error } }) => (
-            <FormControl
-              label="Secret sharing requests per minute"
-              className="w-72"
-              isError={Boolean(error)}
-              errorText={error?.message}
-            >
-              <Input
-                {...field}
-                value={field.value || ""}
-                onChange={(e) => field.onChange(Number(e.target.value))}
-              />
-            </FormControl>
-          )}
-        />
-      </div>
-      <Button type="submit" isLoading={isSubmitting} isDisabled={isSubmitting || !isDirty}>
-        Save
-      </Button>
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="You can configure custom rate limits if you switch to Infisical's Enterprise plan."
-      />
-    </form>
-  );
-};
diff --git a/frontend-next/src/views/admin/DashboardPage/UserPanel.tsx b/frontend-next/src/views/admin/DashboardPage/UserPanel.tsx
deleted file mode 100644
index 29fa8d4f6..000000000
--- a/frontend-next/src/views/admin/DashboardPage/UserPanel.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import { useState } from "react";
-import { faMagnifyingGlass, faUsers, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { createNotification } from "@app/components/notifications";
-import {
-  Badge,
-  Button,
-  DeleteActionModal,
-  EmptyState,
-  IconButton,
-  Input,
-  Table,
-  TableContainer,
-  TableSkeleton,
-  TBody,
-  Td,
-  Th,
-  THead,
-  Tr,
-  UpgradePlanModal
-} from "@app/components/v2";
-import { useSubscription, useUser } from "@app/context";
-import { useDebounce, usePopUp } from "@app/hooks";
-import { useAdminDeleteUser, useAdminGetUsers } from "@app/hooks/api";
-import { UsePopUpState } from "@app/hooks/usePopUp";
-
-const UserPanelTable = ({
-  handlePopUpOpen
-}: {
-  handlePopUpOpen: (
-    popUpName: keyof UsePopUpState<["removeUser", "upgradePlan"]>,
-    data?: {
-      username: string;
-      id: string;
-    }
-  ) => void;
-}) => {
-  const [searchUserFilter, setSearchUserFilter] = useState("");
-  const { user } = useUser();
-  const userId = user?.id || "";
-  const [debounedSearchTerm] = useDebounce(searchUserFilter, 500);
-  const { subscription } = useSubscription();
-
-  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } = useAdminGetUsers({
-    limit: 20,
-    searchTerm: debounedSearchTerm
-  });
-
-  const isEmpty = !isLoading && !data?.pages?.[0].length;
-  return (
-    <>
-      <Input
-        value={searchUserFilter}
-        onChange={(e) => setSearchUserFilter(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search users..."
-      />
-      <div className="mt-4">
-        <TableContainer>
-          <Table>
-            <THead>
-              <Tr>
-                <Th className="w-5/12">Name</Th>
-                <Th className="w-5/12">Username</Th>
-                <Th className="w-5" />
-              </Tr>
-            </THead>
-            <TBody>
-              {isLoading && <TableSkeleton columns={4} innerKey="users" />}
-              {!isLoading &&
-                data?.pages?.map((users) =>
-                  users.map(({ username, email, firstName, lastName, id, superAdmin }) => {
-                    const name = firstName || lastName ? `${firstName} ${lastName}` : "-";
-
-                    return (
-                      <Tr key={`user-${id}`} className="w-full">
-                        <Td className="w-5/12">
-                          {name}
-                          {superAdmin && (
-                            <Badge variant="primary" className="ml-2">
-                              Server Admin
-                            </Badge>
-                          )}
-                        </Td>
-                        <Td className="w-5/12">{email}</Td>
-                        <Td>
-                          {userId !== id && (
-                            <div className="flex justify-end">
-                              <IconButton
-                                size="lg"
-                                colorSchema="danger"
-                                variant="plain"
-                                ariaLabel="update"
-                                isDisabled={userId === id}
-                                onClick={() => {
-                                  if (!subscription?.instanceUserManagement) {
-                                    handlePopUpOpen("upgradePlan");
-                                    return;
-                                  }
-                                  handlePopUpOpen("removeUser", { username, id });
-                                }}
-                              >
-                                <FontAwesomeIcon icon={faXmark} />
-                              </IconButton>
-                            </div>
-                          )}
-                        </Td>
-                      </Tr>
-                    );
-                  })
-                )}
-            </TBody>
-          </Table>
-          {!isLoading && isEmpty && <EmptyState title="No users found" icon={faUsers} />}
-        </TableContainer>
-        {!isEmpty && (
-          <Button
-            className="mt-4 py-3 text-sm"
-            isFullWidth
-            variant="star"
-            isLoading={isFetchingNextPage}
-            isDisabled={isFetchingNextPage || !hasNextPage}
-            onClick={() => fetchNextPage()}
-          >
-            {hasNextPage ? "Load More" : "End of list"}
-          </Button>
-        )}
-      </div>
-    </>
-  );
-};
-
-export const UserPanel = () => {
-  const { handlePopUpToggle, popUp, handlePopUpOpen, handlePopUpClose } = usePopUp([
-    "removeUser",
-    "upgradePlan"
-  ] as const);
-
-  const { mutateAsync: deleteUser } = useAdminDeleteUser();
-
-  const handleRemoveUser = async () => {
-    const { id } = popUp?.removeUser?.data as { id: string; username: string };
-
-    try {
-      await deleteUser(id);
-      createNotification({
-        type: "success",
-        text: "Successfully deleted user"
-      });
-    } catch (err) {
-      createNotification({
-        type: "error",
-        text: "Error deleting user"
-      });
-    }
-
-    handlePopUpClose("removeUser");
-  };
-
-  return (
-    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
-      <div className="mb-4">
-        <p className="text-xl font-semibold text-mineshaft-100">Users</p>
-      </div>
-      <UserPanelTable handlePopUpOpen={handlePopUpOpen} />
-      <DeleteActionModal
-        isOpen={popUp.removeUser.isOpen}
-        deleteKey="remove"
-        title={`Are you sure you want to delete User with username ${
-          (popUp?.removeUser?.data as { id: string; username: string })?.username || ""
-        }?`}
-        onChange={(isOpen) => handlePopUpToggle("removeUser", isOpen)}
-        onDeleteApproved={handleRemoveUser}
-      />
-      <UpgradePlanModal
-        isOpen={popUp.upgradePlan.isOpen}
-        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
-        text="Deleting users via Admin UI is only available on Infisical's Pro plan and above."
-      />
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/admin/DashboardPage/index.tsx b/frontend-next/src/views/admin/DashboardPage/index.tsx
deleted file mode 100644
index 1d5f062e6..000000000
--- a/frontend-next/src/views/admin/DashboardPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { AdminDashboardPage } from "./DashboardPage";
diff --git a/frontend-next/src/views/admin/SignUpPage/SignUpPage.tsx b/frontend-next/src/views/admin/SignUpPage/SignUpPage.tsx
deleted file mode 100644
index 2db9041f8..000000000
--- a/frontend-next/src/views/admin/SignUpPage/SignUpPage.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import { useEffect, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { useRouter } from "next/router";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { AnimatePresence, motion } from "framer-motion";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import { generateBackupPDFAsync } from "@app/components/utilities/generateBackupPDF";
-// TODO(akhilmhdh): rewrite this into module functions in lib
-import { saveTokenToLocalStorage } from "@app/components/utilities/saveTokenToLocalStorage";
-import SecurityClient from "@app/components/utilities/SecurityClient";
-import { Button, ContentLoader, FormControl, Input } from "@app/components/v2";
-import { useServerConfig } from "@app/context";
-import { useCreateAdminUser, useSelectOrganization } from "@app/hooks/api";
-import { generateUserBackupKey, generateUserPassKey } from "@app/lib/crypto";
-import { isLoggedIn } from "@app/reactQuery";
-
-import { DownloadBackupKeys } from "./components/DownloadBackupKeys";
-
-const formSchema = z
-  .object({
-    email: z.string().email().trim(),
-    firstName: z.string().trim(),
-    lastName: z.string().trim().optional(),
-    password: z.string().trim().min(14).max(100),
-    confirmPassword: z.string().trim()
-  })
-  .refine((data) => data.password === data.confirmPassword, {
-    message: "Password don't match",
-    path: ["confirmPassword"]
-  });
-
-type TFormSchema = z.infer<typeof formSchema>;
-
-enum SignupSteps {
-  DetailsForm = "details-form",
-  BackupKey = "backup-key"
-}
-
-export const SignUpPage = () => {
-  const router = useRouter();
-  const {
-    control,
-    handleSubmit,
-    getValues,
-    formState: { isSubmitting }
-  } = useForm<TFormSchema>({
-    resolver: zodResolver(formSchema)
-  });
-  
-  const [step, setStep] = useState(SignupSteps.DetailsForm);
-
-  const { config } = useServerConfig();
-
-  useEffect(() => {
-    if (config?.initialized) {
-      if (isLoggedIn()) {
-        router.push("/admin");
-      } else {
-        router.push("/login");
-      }
-    }
-  }, []);
-
-  const { mutateAsync: createAdminUser } = useCreateAdminUser();
-  const { mutateAsync: selectOrganization } = useSelectOrganization();
-
-  const handleFormSubmit = async ({ email, password, firstName, lastName }: TFormSchema) => {
-    // avoid multi submission
-    if (isSubmitting) return;
-    try {
-      const { privateKey, ...userPass } = await generateUserPassKey(email, password);
-      const res = await createAdminUser({
-        email,
-        password,
-        firstName,
-        lastName,
-        ...userPass
-      });
-
-      SecurityClient.setToken(res.token);
-      saveTokenToLocalStorage({
-        publicKey: userPass.publicKey,
-        encryptedPrivateKey: userPass.encryptedPrivateKey,
-        iv: userPass.encryptedPrivateKeyIV,
-        tag: userPass.encryptedPrivateKeyTag,
-        privateKey
-      });
-      await selectOrganization({ organizationId: res.organization.id });
-
-      // TODO(akhilmhdh): This is such a confusing pattern and too unreliable
-      // Will be refactored in next iteration to make it url based rather than local storage ones
-      // Part of migration to nextjs 14
-      localStorage.setItem("orgData.id", res.organization.id);
-      setStep(SignupSteps.BackupKey);
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to create admin"
-      });
-    }
-  };
-
-  const handleBackupKeyGenerate = async () => {
-    try {
-      const { email, password, firstName, lastName } = getValues();
-      const generatedKey = await generateUserBackupKey(email, password);
-      await generateBackupPDFAsync({
-        generatedKey,
-        personalEmail: email,
-        personalName: `${firstName} ${lastName}`
-      });
-      router.push("/admin");
-    } catch (err) {
-      console.log(err);
-      createNotification({
-        type: "error",
-        text: "Failed to generate backup"
-      });
-    }
-  };
-
-  if (config?.initialized && step === SignupSteps.DetailsForm)
-    return <ContentLoader text="Redirecting to admin page..." />;
-
-  return (
-    <div className="flex items-center justify-center">
-      <AnimatePresence exitBeforeEnter>
-        {step === SignupSteps.DetailsForm && (
-          <motion.div
-            className="text-mineshaft-200"
-            key="panel-1"
-            transition={{ duration: 0.15 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-          >
-            <div className="flex flex-col items-center space-y-2 text-center">
-              <img src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
-              <div className="pt-4 text-4xl">Welcome to Infisical</div>
-              <div className="pb-4 text-bunker-300">Create your first Super Admin Account</div>
-            </div>
-            <form onSubmit={handleSubmit(handleFormSubmit)}>
-              <div className="mt-8">
-                <div className="flex items-center space-x-4">
-                  <Controller
-                    control={control}
-                    name="firstName"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="First name"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <Input isFullWidth size="md" {...field} />
-                      </FormControl>
-                    )}
-                  />
-                  <Controller
-                    control={control}
-                    name="lastName"
-                    render={({ field, fieldState: { error } }) => (
-                      <FormControl
-                        label="Last name"
-                        errorText={error?.message}
-                        isError={Boolean(error)}
-                      >
-                        <Input isFullWidth size="md" {...field} />
-                      </FormControl>
-                    )}
-                  />
-                </div>
-                <Controller
-                  control={control}
-                  name="email"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl label="Email" errorText={error?.message} isError={Boolean(error)}>
-                      <Input isFullWidth size="md" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="password"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Password"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input isFullWidth size="md" type="password" {...field} />
-                    </FormControl>
-                  )}
-                />
-                <Controller
-                  control={control}
-                  name="confirmPassword"
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl
-                      label="Confirm password"
-                      errorText={error?.message}
-                      isError={Boolean(error)}
-                    >
-                      <Input isFullWidth size="md" type="password" {...field} />
-                    </FormControl>
-                  )}
-                />
-              </div>
-              <Button
-                type="submit"
-                colorSchema="primary"
-                variant="outline_bg"
-                isFullWidth
-                className="mt-4"
-                isLoading={isSubmitting}
-              >
-                Continue
-              </Button>
-            </form>
-          </motion.div>
-        )}
-        {step === SignupSteps.BackupKey && (
-          <motion.div
-            className="text-mineshaft-200"
-            key="panel-2"
-            transition={{ duration: 0.15 }}
-            initial={{ opacity: 0, translateX: 30 }}
-            animate={{ opacity: 1, translateX: 0 }}
-            exit={{ opacity: 0, translateX: 30 }}
-          >
-            <DownloadBackupKeys onGenerate={handleBackupKeyGenerate} />
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/admin/SignUpPage/components/DownloadBackupKeys/DownloadBackupKeys.tsx b/frontend-next/src/views/admin/SignUpPage/components/DownloadBackupKeys/DownloadBackupKeys.tsx
deleted file mode 100644
index 3aa400830..000000000
--- a/frontend-next/src/views/admin/SignUpPage/components/DownloadBackupKeys/DownloadBackupKeys.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-import { Button } from "@app/components/v2";
-import { useToggle } from "@app/hooks";
-
-type Props = {
-  onGenerate: () => Promise<void>;
-};
-
-export const DownloadBackupKeys = ({ onGenerate }: Props): JSX.Element => {
-  const { t } = useTranslation();
-  const [isLoading, setIsLoading] = useToggle();
-
-  return (
-    <div className="mx-auto mb-36 flex h-full w-full flex-col items-center md:mb-16 md:px-6">
-      <p className="flex flex-col items-center justify-center bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-xl font-medium text-transparent">
-        <FontAwesomeIcon
-          icon={faWarning}
-          className="ml-2 mr-3 mb-6 pt-1 text-6xl text-bunker-200"
-        />
-        {t("signup.step4-message")}
-      </p>
-      <div className="text-md mt-8 flex w-full max-w-md flex-col items-center justify-center rounded-md border border-mineshaft-600 bg-mineshaft-800 pb-2 text-center text-bunker-300 md:min-w-[24rem] lg:w-1/6">
-        <div className="m-2 mx-auto mt-4 flex w-full flex-row items-center rounded-md px-3 text-center text-bunker-300 md:mt-8 md:min-w-[23rem] lg:w-1/6">
-          <span className="mb-2">
-            {t("signup.step4-description1")} {t("signup.step4-description3")}
-          </span>
-        </div>
-        <div className="mx-auto mb-2 mt-2 flex w-full flex-col items-center justify-center px-3 text-center text-sm md:mt-4 md:mb-4 md:min-w-[20rem] md:max-w-md md:text-left lg:w-1/6">
-          <div className="text-l w-full py-1 text-lg">
-            <Button
-              onClick={async () => {
-                try {
-                  setIsLoading.on();
-                  await onGenerate();
-                } finally {
-                  setIsLoading.off();
-                }
-              }}
-              size="sm"
-              isFullWidth
-              className="h-12"
-              colorSchema="primary"
-              variant="outline_bg"
-              isLoading={isLoading}
-            >
-              Download PDF
-            </Button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/frontend-next/src/views/admin/SignUpPage/components/DownloadBackupKeys/index.tsx b/frontend-next/src/views/admin/SignUpPage/components/DownloadBackupKeys/index.tsx
deleted file mode 100644
index bbbd9aad9..000000000
--- a/frontend-next/src/views/admin/SignUpPage/components/DownloadBackupKeys/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { DownloadBackupKeys } from "./DownloadBackupKeys";
diff --git a/frontend-next/src/views/admin/SignUpPage/index.tsx b/frontend-next/src/views/admin/SignUpPage/index.tsx
deleted file mode 100644
index aed0b2d78..000000000
--- a/frontend-next/src/views/admin/SignUpPage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { SignUpPage } from "./SignUpPage";
diff --git a/frontend-next/tailwind.config.js b/frontend-next/tailwind.config.js
deleted file mode 100644
index 0dd859ed4..000000000
--- a/frontend-next/tailwind.config.js
+++ /dev/null
@@ -1,576 +0,0 @@
-const colors = require("tailwindcss/colors");
-const round = (num) =>
-  num
-    .toFixed(7)
-    .replace(/(\.[0-9]+?)0+$/, "$1")
-    .replace(/\.0$/, "");
-const em = (px, base) => `${round(px / base)}em`;
-
-const plugin = require("tailwindcss/plugin");
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: "class",
-  content: ["./src/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      fontFamily: {
-        inter: ["Inter"]
-      },
-      colors: {
-        // You can generate your own colors with this tool: https://javisperez.github.io/tailwindcolorshades/
-        primary: {
-          50: "#fffff5",
-          100: "#fcfce8",
-          200: "#f8faca",
-          300: "#f4f7ab",
-          400: "#ecf26d",
-          500: "#e0ed34",
-          600: "#c2d62b",
-          700: "#97b31d",
-          800: "#708f13",
-          900: "#4d6b0b",
-          DEFAULT: "#e0ed34"
-        },
-        grey: "#0d1117",
-        mineshaft: {
-          50: "#f5f5f5",
-          100: "#ebebeb",
-          200: "#ccccce",
-          300: "#adaeb0",
-          400: "#707174",
-          500: "#323439",
-          600: "#2d2f33",
-          700: "#26272b",
-          800: "#1e1f22",
-          900: "#19191c",
-          DEFAULT: "#323439"
-        },
-        chicago: {
-          50: "#f7f7f7",
-          100: "#efefef",
-          200: "#d6d6d7",
-          300: "#bdbebf",
-          400: "#8c8d8e",
-          500: "#5b5c5e",
-          600: "#525355",
-          700: "#444547",
-          800: "#373738",
-          900: "#2d2d2e",
-          DEFAULT: "#5b5c5e"
-        },
-        bunker: {
-          50: "#f3f4f4",
-          100: "#e8e8e9",
-          200: "#c5c6c8",
-          300: "#a2a4a6",
-          400: "#5d5f64",
-          500: "#171b21",
-          600: "#15181e",
-          700: "#111419",
-          800: "#0e1014",
-          900: "#0b0d10",
-          DEFAULT: "#171B21"
-        },
-        githubblack: "#020409",
-        blue2: "#130f40",
-        blue1: "#3498db",
-        yellow: {
-          50: "#fefcf3",
-          100: "#fef9e7",
-          200: "#fcf0c3",
-          300: "#f9e79f",
-          400: "#f5d657",
-          500: "#f1c40f",
-          600: "#d9b00e",
-          700: "#b5930b",
-          800: "#917609",
-          900: "#766007",
-          DEFAULT: "#f1c40f"
-        },
-        red: {
-          50: "#fef6f5",
-          100: "#fdedec",
-          200: "#f9d2ce",
-          300: "#f5b7b1",
-          400: "#ee8277",
-          500: "#e74c3c",
-          600: "#d04436",
-          700: "#ad392d",
-          800: "#8b2e24",
-          900: "#71251d",
-          DEFAULT: "#e74c3c"
-        },
-        orange: "#f39c12",
-        green: {
-          50: "#f5fcf8",
-          100: "#eafaf1",
-          200: "#cbf2dc",
-          300: "#abebc6",
-          400: "#6ddb9c",
-          500: "#2ecc71",
-          600: "#29b866",
-          700: "#239955",
-          800: "#1c7a44",
-          900: "#176437",
-          DEFAULT: "#2ecc71"
-        },
-        blue: {
-          50: "#f2f8ff",
-          100: "#e6f1ff",
-          200: "#bfdbff",
-          300: "#99c5ff",
-          400: "#4d9aff",
-          500: "#006eff",
-          600: "#0063e6",
-          700: "#0053bf",
-          800: "#004299",
-          900: "#00367d"
-        },
-        darkblue: {
-          50: "#f2f4f7",
-          100: "#e6e8f0",
-          200: "#bfc6d9",
-          300: "#99a3c3",
-          400: "#4d5f95",
-          500: "#001a68",
-          600: "#00175e",
-          700: "#00144e",
-          800: "#00103e",
-          900: "#000d33"
-        }
-      },
-      keyframes: {
-        type: {
-          "0%": { transform: "translateX(0ch)" },
-          "5%, 10%": { transform: "translateX(1ch)" },
-          "15%, 20%": { transform: "translateX(2ch)" },
-          "25%, 30%": { transform: "translateX(3ch)" },
-          "35%, 40%": { transform: "translateX(4ch)" },
-          "45%, 50%": { transform: "translateX(5ch)" },
-          "55%, 60%": { transform: "translateX(6ch)" },
-          "65%, 70%": { transform: "translateX(7ch)" },
-          "75%, 80%": { transform: "translateX(8ch)" },
-          "85%, 90%": { transform: "translateX(9ch)" },
-          "95%, 100%": { transform: "translateX(11ch)" }
-        },
-        // REQUIRED BY DESIGN COMPONENT
-        // MODAL
-        fadeIn: {
-          "0%": { opacity: 0 },
-          "100%": { opacity: 1 }
-        },
-        popIn: {
-          from: {
-            opacity: 0,
-            transform: "translate(-50%, -48%) scale(0.96)"
-          },
-          to: {
-            opacity: 1,
-            transform: "translate(-50%, -50%) scale(1)"
-          }
-        },
-        // Dropdown
-        slideUpAndFade: {
-          from: {
-            opacity: 0,
-            transform: " translateY(2px)"
-          },
-          to: {
-            opacity: 1,
-            transform: " translateY(0)"
-          }
-        },
-        slideRightAndFade: {
-          from: {
-            opacity: 0,
-            transform: " translateX(-2px)"
-          },
-          to: {
-            opacity: 1,
-            transform: " translateX(0)"
-          }
-        },
-        slideDownAndFade: {
-          from: {
-            opacity: 0,
-            transform: " translateY(-2px)"
-          },
-          to: {
-            opacity: 1,
-            transform: " translateY(0)"
-          }
-        },
-        slideLeftAndFade: {
-          from: {
-            opacity: 0,
-            transform: " translateX(2px)"
-          },
-          to: {
-            opacity: 1,
-            transform: " translateX(0)"
-          }
-        },
-        // END
-        spin: {
-          "0%": { transform: "rotate(0deg)" },
-          "40%": { transform: "rotate(360deg)" },
-          "100%": { transform: "rotate(360deg)" }
-        },
-        bounce: {
-          "0%": { transform: "translateY(-90%)" },
-          "100%": { transform: "translateY(-100%)" }
-        },
-        wiggle: {
-          "0%, 100%": { transform: "rotate(-3deg)" },
-          "50%": { transform: "rotate(3deg)" }
-        },
-        ping: {
-          "75%, 100%": {
-            transform: "scale(2)",
-            opacity: 0
-          }
-        },
-        popup: {
-          "0%": {
-            transform: "scale(0.2)",
-            opacity: 0
-            // transform: "translateY(120%)",
-          },
-          "100%": {
-            transform: "scale(1)",
-            opacity: 1
-            // transform: "translateY(100%)",
-          }
-        },
-        popright: {
-          "0%": {
-            transform: "translateX(-100%)"
-          },
-          "100%": {
-            transform: "translateX(0%)"
-          }
-        },
-        popleft: {
-          "0%": {
-            transform: "translateX(100%)"
-          },
-          "100%": {
-            transform: "translateX(0%)"
-          }
-        },
-        popdown: {
-          "0%": {
-            transform: "scale(0.2)",
-            opacity: 0
-            // transform: "translateY(80%)",
-          },
-          "100%": {
-            transform: "scale(1)",
-            opacity: 1
-            // transform: "translateY(100%)",
-          }
-        },
-        drawerRightIn: {
-          "0%": {
-            transform: "translateX(100%)"
-          },
-          "100%": {
-            transform: "translateX(0)"
-          }
-        },
-        drawerRightOut: {
-          "0%": {
-            transform: "translateX(0)"
-          },
-          "100%": {
-            transform: "translateX(100%)"
-          }
-        },
-        slideDown: {
-          from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" }
-        },
-        slideUp: {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: 0 }
-        }
-      },
-      animation: {
-        // Design Lib
-        // MODAL
-        fadeIn: "fadeIn 100ms cubic-bezier(0.16, 1, 0.3, 1)",
-        popIn: "popIn 150ms cubic-bezier(0.16, 1, 0.3, 1);",
-        // drawer
-        drawerRightIn: "drawerRightIn 150ms ease-in-out",
-        drawerRightOut: "drawerRightOut 150ms ease-in-out",
-        // Dropdown
-        slideDownAndFade: "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideLeftAndFade: "slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideRightAndFade: "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
-        slideDown: "slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-        slideUp: "slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-        // END
-        // TODO:(akhilmhdh) remove all these unused and keep the config file as small as possible
-        // Make the whole color pallelte into simpler
-        bounce: "bounce 1000ms ease-in-out infinite",
-        spin: "spin 1500ms ease-in-out infinite",
-        cursor: "cursor .6s linear infinite alternate",
-        type: "type 2.7s ease-out .8s infinite alternate both",
-        "type-reverse": "type 1.8s ease-out 0s infinite alternate-reverse both",
-        wiggle: "wiggle 200ms ease-in-out",
-        ping: "ping 1000ms ease-in-out infinite",
-        popup: "popup 300ms ease-in-out",
-        popdown: "popdown 300ms ease-in-out",
-        popright: "popright 100ms ease-in-out",
-        popleft: "popleft 100ms ease-in-out"
-      }
-    },
-    fontSize: {
-      xxxs: ".23rem",
-      xxs: ".5rem",
-      xs: ".75rem",
-      sm: ".875rem",
-      base: "1rem",
-      lg: "1.125rem",
-      xl: "1.25rem",
-      "2xl": "1.5rem",
-      "3xl": "1.875rem",
-      "4xl": "2.25rem",
-      "5xl": "3rem",
-      "6xl": "4rem",
-      "7xl": "5rem",
-      "8xl": "6rem",
-      "9xl": "7rem"
-    },
-    typography: (theme) => ({
-      DEFAULT: {
-        css: [
-          {
-            color: "var(--tw-prose-body)",
-            maxWidth: "65ch",
-            '[class~="lead"]': {
-              color: "var(--tw-prose-lead)"
-            },
-            a: {
-              color: colors.gray[200],
-              textDecoration: "underline",
-              fontWeight: "500"
-            },
-            strong: {
-              color: colors.gray[200],
-              fontWeight: "600"
-            },
-            "a strong": {
-              color: "inherit"
-            },
-            "blockquote strong": {
-              color: "inherit"
-            },
-            "thead th strong": {
-              color: "inherit"
-            },
-            ol: {
-              listStyleType: "decimal"
-            },
-            'ol[type="A"]': {
-              listStyleType: "upper-alpha"
-            },
-            'ol[type="a"]': {
-              listStyleType: "lower-alpha"
-            },
-            'ol[type="A" s]': {
-              listStyleType: "upper-alpha"
-            },
-            'ol[type="a" s]': {
-              listStyleType: "lower-alpha"
-            },
-            'ol[type="I"]': {
-              listStyleType: "upper-roman"
-            },
-            'ol[type="i"]': {
-              listStyleType: "lower-roman"
-            },
-            'ol[type="I" s]': {
-              listStyleType: "upper-roman"
-            },
-            'ol[type="i" s]': {
-              listStyleType: "lower-roman"
-            },
-            'ol[type="1"]': {
-              listStyleType: "decimal"
-            },
-            ul: {
-              listStyleType: "disc"
-            },
-            "ol > li::marker": {
-              fontWeight: "400",
-              color: "var(--tw-prose-counters)"
-            },
-            "ul > li::marker": {
-              color: "var(--tw-prose-bullets)"
-            },
-            hr: {
-              borderColor: "var(--tw-prose-hr)",
-              borderTopWidth: 1
-            },
-            blockquote: {
-              fontWeight: "500",
-              fontStyle: "italic",
-              color: "var(--tw-prose-quotes)",
-              borderLeftWidth: "0.25rem",
-              borderLeftColor: "var(--tw-prose-quote-borders)",
-              quotes: '"\\201C""\\201D""\\2018""\\2019"'
-            },
-            "blockquote p:first-of-type::before": {
-              content: "open-quote"
-            },
-            "blockquote p:last-of-type::after": {
-              content: "close-quote"
-            },
-            h1: {
-              color: colors.gray[200],
-              fontWeight: "800"
-            },
-            "h1 strong": {
-              fontWeight: "900",
-              color: "inherit"
-            },
-            h2: {
-              color: colors.gray[200],
-              fontWeight: "700"
-            },
-            "h2 strong": {
-              fontWeight: "800",
-              color: "inherit"
-            },
-            h3: {
-              color: colors.gray[300],
-              fontWeight: "600"
-            },
-            "h3 strong": {
-              fontWeight: "700",
-              color: "inherit"
-            },
-            h4: {
-              color: colors.gray[400],
-              fontWeight: "600"
-            },
-            "h4 strong": {
-              fontWeight: "700",
-              color: "inherit"
-            },
-            // TODO: Figure out how to not need these, it's a merging issue
-            img: {},
-            "figure > *": {},
-            figcaption: {
-              color: "var(--tw-prose-captions)"
-            },
-            code: {
-              color: "var(--tw-prose-code)",
-              fontWeight: "600"
-            },
-            "code::before": {
-              content: '"`"'
-            },
-            "code::after": {
-              content: '"`"'
-            },
-            "a code": {
-              color: "inherit"
-            },
-            "h1 code": {
-              color: "inherit"
-            },
-            "h2 code": {
-              color: "inherit"
-            },
-            "h3 code": {
-              color: "inherit"
-            },
-            "h4 code": {
-              color: "inherit"
-            },
-            "blockquote code": {
-              color: "inherit"
-            },
-            "thead th code": {
-              color: "inherit"
-            },
-            pre: {
-              color: "var(--tw-prose-pre-code)",
-              backgroundColor: colors.gray[800],
-              overflowX: "auto",
-              fontWeight: "400"
-            },
-            "pre code": {
-              backgroundColor: "transparent",
-              borderWidth: "0",
-              borderRadius: "0",
-              padding: "0",
-              fontWeight: "inherit",
-              color: "inherit",
-              fontSize: "inherit",
-              fontFamily: "inherit",
-              lineHeight: "inherit"
-            },
-            "pre code::before": {
-              content: "none"
-            },
-            "pre code::after": {
-              content: "none"
-            },
-            table: {
-              width: "100%",
-              tableLayout: "auto",
-              textAlign: "left",
-              marginTop: em(32, 16),
-              marginBottom: em(32, 16)
-            },
-            thead: {
-              borderBottomWidth: "1px",
-              borderBottomColor: "var(--tw-prose-th-borders)"
-            },
-            "thead th": {
-              color: "var(--tw-prose-headings)",
-              fontWeight: "600",
-              verticalAlign: "bottom"
-            },
-            "tbody tr": {
-              borderBottomWidth: "1px",
-              borderBottomColor: "var(--tw-prose-td-borders)"
-            },
-            "tbody tr:last-child": {
-              borderBottomWidth: "0"
-            },
-            "tbody td": {
-              verticalAlign: "baseline"
-            },
-            tfoot: {
-              borderTopWidth: "1px",
-              borderTopColor: "var(--tw-prose-th-borders)"
-            },
-            "tfoot td": {
-              verticalAlign: "top"
-            }
-          }
-        ]
-      }
-    })
-  },
-  plugins: [
-    plugin(function ({ addUtilities }) {
-      addUtilities({
-        ".no-scrollbar::-webkit-scrollbar": {
-          display: "none"
-        },
-        ".no-scrollbar": {
-          "-ms-overflow-style": "none",
-          "scrollbar-width": "none"
-        }
-      });
-    }),
-    require("@tailwindcss/typography")
-  ]
-};
diff --git a/frontend-next/tsconfig.json b/frontend-next/tsconfig.json
deleted file mode 100644
index 2a1451300..000000000
--- a/frontend-next/tsconfig.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@app/*": [
-        "./src/*"
-      ]
-    },
-    "target": "ESNext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noImplicitAny": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve"
-  },
-  "include": [
-    "next-i18next.config.js",
-    "next-env.d.ts",
-    "./src/**/*.ts",
-    "./src/**/*.tsx",
-    "./.eslintrc.js"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
diff --git a/frontend-next/tsconfig.tsbuildinfo b/frontend-next/tsconfig.tsbuildinfo
deleted file mode 100644
index 4a5d82d53..000000000
--- a/frontend-next/tsconfig.tsbuildinfo
+++ /dev/null
@@ -1 +0,0 @@
-{"program":{"fileNames":["./node_modules/typescript/lib/lib.es5.d.ts","./node_modules/typescript/lib/lib.es2015.d.ts","./node_modules/typescript/lib/lib.es2016.d.ts","./node_modules/typescript/lib/lib.es2017.d.ts","./node_modules/typescript/lib/lib.es2018.d.ts","./node_modules/typescript/lib/lib.es2019.d.ts","./node_modules/typescript/lib/lib.es2020.d.ts","./node_modules/typescript/lib/lib.es2021.d.ts","./node_modules/typescript/lib/lib.es2022.d.ts","./node_modules/typescript/lib/lib.esnext.d.ts","./node_modules/typescript/lib/lib.dom.d.ts","./node_modules/typescript/lib/lib.dom.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.core.d.ts","./node_modules/typescript/lib/lib.es2015.collection.d.ts","./node_modules/typescript/lib/lib.es2015.generator.d.ts","./node_modules/typescript/lib/lib.es2015.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.promise.d.ts","./node_modules/typescript/lib/lib.es2015.proxy.d.ts","./node_modules/typescript/lib/lib.es2015.reflect.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2016.array.include.d.ts","./node_modules/typescript/lib/lib.es2017.object.d.ts","./node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2017.string.d.ts","./node_modules/typescript/lib/lib.es2017.intl.d.ts","./node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","./node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","./node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","./node_modules/typescript/lib/lib.es2018.intl.d.ts","./node_modules/typescript/lib/lib.es2018.promise.d.ts","./node_modules/typescript/lib/lib.es2018.regexp.d.ts","./node_modules/typescript/lib/lib.es2019.array.d.ts","./node_modules/typescript/lib/lib.es2019.object.d.ts","./node_modules/typescript/lib/lib.es2019.string.d.ts","./node_modules/typescript/lib/lib.es2019.symbol.d.ts","./node_modules/typescript/lib/lib.es2019.intl.d.ts","./node_modules/typescript/lib/lib.es2020.bigint.d.ts","./node_modules/typescript/lib/lib.es2020.date.d.ts","./node_modules/typescript/lib/lib.es2020.promise.d.ts","./node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2020.string.d.ts","./node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2020.intl.d.ts","./node_modules/typescript/lib/lib.es2020.number.d.ts","./node_modules/typescript/lib/lib.es2021.promise.d.ts","./node_modules/typescript/lib/lib.es2021.string.d.ts","./node_modules/typescript/lib/lib.es2021.weakref.d.ts","./node_modules/typescript/lib/lib.es2021.intl.d.ts","./node_modules/typescript/lib/lib.es2022.array.d.ts","./node_modules/typescript/lib/lib.es2022.error.d.ts","./node_modules/typescript/lib/lib.es2022.intl.d.ts","./node_modules/typescript/lib/lib.es2022.object.d.ts","./node_modules/typescript/lib/lib.es2022.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2022.string.d.ts","./node_modules/typescript/lib/lib.esnext.intl.d.ts","./node_modules/next/dist/styled-jsx/types/css.d.ts","./node_modules/@types/react/ts5.0/global.d.ts","./node_modules/csstype/index.d.ts","./node_modules/@types/prop-types/index.d.ts","./node_modules/@types/scheduler/tracing.d.ts","./node_modules/@types/react/ts5.0/index.d.ts","./node_modules/next/dist/styled-jsx/types/index.d.ts","./node_modules/next/dist/styled-jsx/types/macro.d.ts","./node_modules/next/dist/styled-jsx/types/style.d.ts","./node_modules/next/dist/styled-jsx/types/global.d.ts","./node_modules/next/dist/shared/lib/amp.d.ts","./node_modules/next/amp.d.ts","./node_modules/@types/node/assert.d.ts","./node_modules/@types/node/assert/strict.d.ts","./node_modules/@types/node/globals.d.ts","./node_modules/@types/node/async_hooks.d.ts","./node_modules/@types/node/buffer.d.ts","./node_modules/@types/node/child_process.d.ts","./node_modules/@types/node/cluster.d.ts","./node_modules/@types/node/console.d.ts","./node_modules/@types/node/constants.d.ts","./node_modules/@types/node/crypto.d.ts","./node_modules/@types/node/dgram.d.ts","./node_modules/@types/node/diagnostics_channel.d.ts","./node_modules/@types/node/dns.d.ts","./node_modules/@types/node/dns/promises.d.ts","./node_modules/@types/node/domain.d.ts","./node_modules/@types/node/dom-events.d.ts","./node_modules/@types/node/events.d.ts","./node_modules/@types/node/fs.d.ts","./node_modules/@types/node/fs/promises.d.ts","./node_modules/@types/node/http.d.ts","./node_modules/@types/node/http2.d.ts","./node_modules/@types/node/https.d.ts","./node_modules/@types/node/inspector.d.ts","./node_modules/@types/node/module.d.ts","./node_modules/@types/node/net.d.ts","./node_modules/@types/node/os.d.ts","./node_modules/@types/node/path.d.ts","./node_modules/@types/node/perf_hooks.d.ts","./node_modules/@types/node/process.d.ts","./node_modules/@types/node/punycode.d.ts","./node_modules/@types/node/querystring.d.ts","./node_modules/@types/node/readline.d.ts","./node_modules/@types/node/readline/promises.d.ts","./node_modules/@types/node/repl.d.ts","./node_modules/@types/node/stream.d.ts","./node_modules/@types/node/stream/promises.d.ts","./node_modules/@types/node/stream/consumers.d.ts","./node_modules/@types/node/stream/web.d.ts","./node_modules/@types/node/string_decoder.d.ts","./node_modules/@types/node/test.d.ts","./node_modules/@types/node/timers.d.ts","./node_modules/@types/node/timers/promises.d.ts","./node_modules/@types/node/tls.d.ts","./node_modules/@types/node/trace_events.d.ts","./node_modules/@types/node/tty.d.ts","./node_modules/@types/node/url.d.ts","./node_modules/@types/node/util.d.ts","./node_modules/@types/node/v8.d.ts","./node_modules/@types/node/vm.d.ts","./node_modules/@types/node/wasi.d.ts","./node_modules/@types/node/worker_threads.d.ts","./node_modules/@types/node/zlib.d.ts","./node_modules/@types/node/globals.global.d.ts","./node_modules/@types/node/index.d.ts","./node_modules/next/dist/server/get-page-files.d.ts","./node_modules/next/dist/compiled/webpack/webpack.d.ts","./node_modules/next/dist/server/config.d.ts","./node_modules/next/dist/lib/load-custom-routes.d.ts","./node_modules/next/dist/shared/lib/image-config.d.ts","./node_modules/next/dist/build/webpack/plugins/subresource-integrity-plugin.d.ts","./node_modules/next/dist/server/config-shared.d.ts","./node_modules/next/dist/server/base-http/index.d.ts","./node_modules/next/dist/server/api-utils/index.d.ts","./node_modules/next/dist/shared/lib/router/utils/route-regex.d.ts","./node_modules/next/dist/shared/lib/router/utils/route-matcher.d.ts","./node_modules/next/dist/server/body-streams.d.ts","./node_modules/next/dist/server/request-meta.d.ts","./node_modules/next/dist/server/router.d.ts","./node_modules/next/dist/build/analysis/get-page-static-info.d.ts","./node_modules/next/dist/build/webpack/loaders/get-module-build-info.d.ts","./node_modules/next/dist/build/webpack/plugins/middleware-plugin.d.ts","./node_modules/next/dist/server/render-result.d.ts","./node_modules/next/dist/server/web/next-url.d.ts","./node_modules/next/dist/server/web/spec-extension/cookies.d.ts","./node_modules/next/dist/server/web/spec-extension/request.d.ts","./node_modules/next/dist/server/web/spec-extension/fetch-event.d.ts","./node_modules/next/dist/server/web/spec-extension/response.d.ts","./node_modules/next/dist/server/web/types.d.ts","./node_modules/next/dist/build/index.d.ts","./node_modules/next/dist/build/webpack/plugins/pages-manifest-plugin.d.ts","./node_modules/next/dist/server/send-payload/revalidate-headers.d.ts","./node_modules/next/dist/server/send-payload/index.d.ts","./node_modules/next/dist/server/base-http/node.d.ts","./node_modules/next/dist/server/font-utils.d.ts","./node_modules/next/dist/server/load-components.d.ts","./node_modules/next/dist/server/render.d.ts","./node_modules/next/dist/shared/lib/router/utils/parse-url.d.ts","./node_modules/next/dist/shared/lib/router/utils/middleware-route-matcher.d.ts","./node_modules/next/dist/server/response-cache/types.d.ts","./node_modules/next/dist/server/response-cache/index.d.ts","./node_modules/next/dist/server/base-server.d.ts","./node_modules/next/dist/server/image-optimizer.d.ts","./node_modules/next/dist/server/next-server.d.ts","./node_modules/next/dist/server/dev/static-paths-worker.d.ts","./node_modules/next/dist/server/dev/next-dev-server.d.ts","./node_modules/next/dist/server/next.d.ts","./node_modules/next/types/index.d.ts","./node_modules/next/dist/shared/lib/html-context.d.ts","./node_modules/@next/env/types/index.d.ts","./node_modules/next/dist/shared/lib/mitt.d.ts","./node_modules/next/dist/client/with-router.d.ts","./node_modules/next/dist/client/router.d.ts","./node_modules/next/dist/client/route-loader.d.ts","./node_modules/next/dist/client/page-loader.d.ts","./node_modules/next/dist/shared/lib/router/router.d.ts","./node_modules/next/dist/shared/lib/constants.d.ts","./node_modules/next/dist/shared/lib/utils.d.ts","./node_modules/next/dist/pages/_app.d.ts","./node_modules/next/app.d.ts","./node_modules/next/dist/shared/lib/runtime-config.d.ts","./node_modules/next/config.d.ts","./node_modules/next/dist/pages/_document.d.ts","./node_modules/next/document.d.ts","./node_modules/next/dist/shared/lib/dynamic.d.ts","./node_modules/next/dynamic.d.ts","./node_modules/next/dist/pages/_error.d.ts","./node_modules/next/error.d.ts","./node_modules/next/dist/shared/lib/head.d.ts","./node_modules/next/head.d.ts","./node_modules/next/dist/client/image.d.ts","./node_modules/next/image.d.ts","./node_modules/next/dist/client/link.d.ts","./node_modules/next/link.d.ts","./node_modules/next/router.d.ts","./node_modules/next/dist/client/script.d.ts","./node_modules/next/script.d.ts","./node_modules/next/dist/server/web/spec-extension/user-agent.d.ts","./node_modules/next/dist/compiled/@edge-runtime/primitives/url.d.ts","./node_modules/next/server.d.ts","./node_modules/next/types/global.d.ts","./node_modules/next/index.d.ts","./node_modules/next/image-types/global.d.ts","./next-env.d.ts","./src/const.ts","./node_modules/i18next/index.d.ts","./node_modules/react-i18next/transwithoutcontext.d.ts","./node_modules/react-i18next/initreacti18next.d.ts","./node_modules/react-i18next/index.d.ts","./node_modules/i18next-browser-languagedetector/index.d.ts","./node_modules/i18next-http-backend/index.d.ts","./src/i18n.ts","./node_modules/@tanstack/react-query/build/lib/setbatchupdatesfn.d.ts","./node_modules/@tanstack/query-core/build/lib/subscribable.d.ts","./node_modules/@tanstack/query-core/build/lib/queryobserver.d.ts","./node_modules/@tanstack/query-core/build/lib/querycache.d.ts","./node_modules/@tanstack/query-core/build/lib/logger.d.ts","./node_modules/@tanstack/query-core/build/lib/removable.d.ts","./node_modules/@tanstack/query-core/build/lib/query.d.ts","./node_modules/@tanstack/query-core/build/lib/utils.d.ts","./node_modules/@tanstack/query-core/build/lib/queryclient.d.ts","./node_modules/@tanstack/query-core/build/lib/mutationobserver.d.ts","./node_modules/@tanstack/query-core/build/lib/mutationcache.d.ts","./node_modules/@tanstack/query-core/build/lib/mutation.d.ts","./node_modules/@tanstack/query-core/build/lib/types.d.ts","./node_modules/@tanstack/query-core/build/lib/retryer.d.ts","./node_modules/@tanstack/query-core/build/lib/queriesobserver.d.ts","./node_modules/@tanstack/query-core/build/lib/infinitequeryobserver.d.ts","./node_modules/@tanstack/query-core/build/lib/notifymanager.d.ts","./node_modules/@tanstack/query-core/build/lib/focusmanager.d.ts","./node_modules/@tanstack/query-core/build/lib/onlinemanager.d.ts","./node_modules/@tanstack/query-core/build/lib/hydration.d.ts","./node_modules/@tanstack/query-core/build/lib/index.d.ts","./node_modules/@tanstack/react-query/build/lib/types.d.ts","./node_modules/@tanstack/react-query/build/lib/usequeries.d.ts","./node_modules/@tanstack/react-query/build/lib/usequery.d.ts","./node_modules/@tanstack/react-query/build/lib/queryclientprovider.d.ts","./node_modules/@tanstack/react-query/build/lib/queryerrorresetboundary.d.ts","./node_modules/@tanstack/react-query/build/lib/hydrate.d.ts","./node_modules/@tanstack/react-query/build/lib/useisfetching.d.ts","./node_modules/@tanstack/react-query/build/lib/useismutating.d.ts","./node_modules/@tanstack/react-query/build/lib/usemutation.d.ts","./node_modules/@tanstack/react-query/build/lib/useinfinitequery.d.ts","./node_modules/@tanstack/react-query/build/lib/isrestoring.d.ts","./node_modules/@tanstack/react-query/build/lib/index.d.ts","./src/reactquery.ts","./node_modules/posthog-js/dist/module.d.ts","./src/components/utilities/config/index.ts","./src/components/analytics/posthog.ts","./src/components/utilities/securityclient.ts","./node_modules/@types/jsrp/index.d.ts","./node_modules/axios/index.d.ts","./src/config/request.ts","./src/hooks/api/auth/types.ts","./src/hooks/api/auth/queries.tsx","./src/components/utilities/cryptography/aes-256-gcm.ts","./node_modules/@types/argon2-browser/index.d.ts","./src/components/utilities/cryptography/crypto.ts","./src/components/utilities/savetokentolocalstorage.ts","./src/components/utilities/attemptchangepassword.ts","./src/helpers/key.ts","./src/services/keyservice.ts","./src/components/utilities/telemetry/telemetry.ts","./src/components/utilities/attemptclilogin.ts","./src/components/utilities/attemptcliloginmfa.ts","./src/components/utilities/attemptlogin.ts","./src/components/utilities/attemptloginmfa.ts","./node_modules/jspdf/types/index.d.ts","./src/components/utilities/generatebackuppdf.ts","./src/components/utilities/isvalidhexcolor.ts","./src/components/utilities/parsedotenv.ts","./src/components/utilities/randomid.ts","./src/hooks/api/apikeys/types.ts","./src/hooks/api/keys/types.ts","./src/hooks/api/users/types.ts","./src/hooks/api/users/queries.tsx","./src/components/utilities/checks/onboardingcheck.ts","./src/components/utilities/checks/templocalstorage.ts","./src/components/utilities/checks/password/checkispasswordbreached.ts","./src/components/utilities/checks/password/passwordregexes.ts","./src/components/utilities/checks/password/passwordcheck.ts","./src/components/utilities/checks/password/checkpassword.ts","./src/components/utilities/cryptography/issuebackupkey.ts","./src/components/utilities/intercom/intercom.ts","./src/hooks/usedebounce.tsx","./src/hooks/useleaveconfirm.tsx","./src/hooks/usepersistentstate.ts","./src/hooks/usepopup.tsx","./node_modules/@fortawesome/fontawesome-common-types/index.d.ts","./node_modules/@fortawesome/free-solid-svg-icons/index.d.ts","./node_modules/@fortawesome/fontawesome-svg-core/index.d.ts","./node_modules/@fortawesome/react-fontawesome/index.d.ts","./src/hooks/usesyntaxhighlight.tsx","./src/hooks/usetoggle.tsx","./src/hooks/index.ts","./src/hooks/api/apikeys/queries.tsx","./src/hooks/api/apikeys/index.ts","./src/hooks/api/admin/types.ts","./src/hooks/api/admin/queries.ts","./src/hooks/api/admin/mutation.ts","./src/hooks/api/admin/index.ts","./src/hooks/api/auditlogs/enums.tsx","./src/hooks/api/auditlogs/types.tsx","./src/hooks/api/auditlogs/queries.tsx","./src/hooks/api/auditlogs/index.tsx","./src/hooks/api/auth/index.tsx","./src/hooks/api/bots/types.ts","./src/hooks/api/bots/queries.tsx","./src/hooks/api/bots/index.tsx","./src/hooks/api/incidentcontacts/types.ts","./src/hooks/api/incidentcontacts/queries.tsx","./src/hooks/api/incidentcontacts/index.tsx","./src/hooks/api/integrationauth/types.ts","./src/hooks/api/integrations/types.ts","./src/hooks/api/tags/types.ts","./src/hooks/api/secrets/types.ts","./src/hooks/api/servicetokens/types.ts","./src/hooks/api/workspace/types.ts","./src/hooks/api/workspace/queries.tsx","./src/hooks/api/integrationauth/queries.tsx","./src/hooks/api/integrationauth/index.tsx","./src/hooks/api/integrations/queries.tsx","./src/hooks/api/integrations/index.tsx","./src/hooks/api/keys/queries.tsx","./src/hooks/api/keys/index.tsx","./src/hooks/api/organization/types.ts","./src/hooks/api/organization/queries.tsx","./src/hooks/api/organization/index.ts","./node_modules/@ucast/core/dist/types/condition.d.ts","./node_modules/@ucast/core/dist/types/types.d.ts","./node_modules/@ucast/core/dist/types/interpreter.d.ts","./node_modules/@ucast/core/dist/types/translator.d.ts","./node_modules/@ucast/core/dist/types/builder.d.ts","./node_modules/@ucast/core/dist/types/utils.d.ts","./node_modules/@ucast/core/dist/types/parsers/objectqueryparser.d.ts","./node_modules/@ucast/core/dist/types/parsers/defaultinstructionparsers.d.ts","./node_modules/@ucast/core/dist/types/index.d.ts","./node_modules/@ucast/mongo/dist/types/types.d.ts","./node_modules/@ucast/mongo/dist/types/instructions.d.ts","./node_modules/@ucast/mongo/dist/types/mongoqueryparser.d.ts","./node_modules/@ucast/mongo/dist/types/index.d.ts","./node_modules/@ucast/js/dist/types/types.d.ts","./node_modules/@ucast/js/dist/types/utils.d.ts","./node_modules/@ucast/js/dist/types/interpreters.d.ts","./node_modules/@ucast/js/dist/types/interpreter.d.ts","./node_modules/@ucast/js/dist/types/defaults.d.ts","./node_modules/@ucast/js/dist/types/index.d.ts","./node_modules/@ucast/mongo2js/dist/types/factory.d.ts","./node_modules/@ucast/mongo2js/dist/types/index.d.ts","./node_modules/@casl/ability/dist/types/hkt.d.ts","./node_modules/@casl/ability/dist/types/types.d.ts","./node_modules/@casl/ability/dist/types/rawrule.d.ts","./node_modules/@casl/ability/dist/types/rule.d.ts","./node_modules/@casl/ability/dist/types/structures/linkeditem.d.ts","./node_modules/@casl/ability/dist/types/ruleindex.d.ts","./node_modules/@casl/ability/dist/types/pureability.d.ts","./node_modules/@casl/ability/dist/types/matchers/conditions.d.ts","./node_modules/@casl/ability/dist/types/ability.d.ts","./node_modules/@casl/ability/dist/types/abilitybuilder.d.ts","./node_modules/@casl/ability/dist/types/forbiddenerror.d.ts","./node_modules/@casl/ability/dist/types/matchers/field.d.ts","./node_modules/@casl/ability/dist/types/utils.d.ts","./node_modules/@casl/ability/dist/types/index.d.ts","./node_modules/@casl/ability/index.d.ts","./node_modules/@casl/ability/dist/types/extra.d.ts","./node_modules/@casl/ability/extra/extra.d.ts","./node_modules/@casl/ability/extra.d.ts","./node_modules/@types/picomatch/lib/constants.d.ts","./node_modules/@types/picomatch/lib/parse.d.ts","./node_modules/@types/picomatch/lib/scan.d.ts","./node_modules/@types/picomatch/lib/picomatch.d.ts","./node_modules/@types/picomatch/index.d.ts","./src/context/orgpermissioncontext/types.ts","./src/context/projectpermissioncontext/types.ts","./src/hooks/api/roles/types.ts","./src/hooks/api/roles/queries.tsx","./src/hooks/api/roles/mutation.tsx","./src/hooks/api/roles/index.tsx","./src/hooks/api/secretapproval/types.ts","./src/hooks/api/secretapproval/queries.tsx","./src/hooks/api/secretapproval/mutation.tsx","./src/hooks/api/secretapproval/index.tsx","./src/hooks/api/secrets/queries.tsx","./src/hooks/api/secretapprovalrequest/types.ts","./src/hooks/api/secretapprovalrequest/queries.tsx","./src/hooks/api/secretapprovalrequest/mutation.tsx","./src/hooks/api/secretapprovalrequest/index.tsx","./src/hooks/api/secretsnapshots/types.ts","./src/hooks/api/secretsnapshots/queries.tsx","./src/hooks/api/secretfolders/types.ts","./src/hooks/api/secretfolders/queries.tsx","./src/hooks/api/secretfolders/index.tsx","./src/hooks/api/secretimports/types.ts","./src/hooks/api/secretimports/queries.tsx","./src/hooks/api/secretimports/mutation.tsx","./src/hooks/api/secretimports/index.ts","./src/hooks/api/secretrotation/types.ts","./src/hooks/api/secretrotation/queries.tsx","./src/hooks/api/secretrotation/mutation.tsx","./src/hooks/api/secretrotation/index.ts","./src/hooks/api/secrets/mutations.tsx","./src/hooks/api/secrets/index.ts","./src/hooks/api/secretsnapshots/index.tsx","./src/hooks/api/servicetokens/queries.tsx","./src/hooks/api/servicetokens/index.ts","./src/hooks/api/ssoconfig/queries.tsx","./src/hooks/api/ssoconfig/index.tsx","./src/hooks/api/subscriptions/types.ts","./src/hooks/api/subscriptions/queries.tsx","./src/hooks/api/subscriptions/index.tsx","./src/hooks/api/tags/queries.tsx","./src/hooks/api/tags/index.tsx","./src/hooks/api/trustedips/types.ts","./src/hooks/api/trustedips/queries.ts","./src/hooks/api/trustedips/index.ts","./src/hooks/api/users/mutation.tsx","./src/hooks/api/users/index.tsx","./src/hooks/api/webhooks/types.ts","./src/hooks/api/webhooks/query.tsx","./src/hooks/api/webhooks/mutation.tsx","./src/hooks/api/webhooks/index.tsx","./src/hooks/api/workspace/index.tsx","./src/hooks/api/index.tsx","./src/context/authcontext/authcontext.tsx","./src/context/authcontext/index.tsx","./src/hooks/api/types.ts","./src/context/organizationcontext/organizationcontext.tsx","./src/context/organizationcontext/index.tsx","./src/context/orgpermissioncontext/orgpermissioncontext.tsx","./src/context/orgpermissioncontext/index.tsx","./src/context/workspacecontext/workspacecontext.tsx","./src/context/workspacecontext/index.tsx","./src/context/projectpermissioncontext/projectpermissioncontext.tsx","./src/context/projectpermissioncontext/index.tsx","./node_modules/popmotion/lib/easing/types.d.ts","./node_modules/popmotion/lib/animations/types.d.ts","./node_modules/popmotion/lib/animations/index.d.ts","./node_modules/popmotion/lib/animations/inertia.d.ts","./node_modules/popmotion/lib/animations/generators/decay.d.ts","./node_modules/popmotion/lib/animations/generators/spring.d.ts","./node_modules/popmotion/lib/animations/generators/keyframes.d.ts","./node_modules/popmotion/lib/types.d.ts","./node_modules/popmotion/lib/utils/angle.d.ts","./node_modules/popmotion/lib/utils/apply-offset.d.ts","./node_modules/popmotion/lib/utils/attract.d.ts","./node_modules/popmotion/lib/utils/clamp.d.ts","./node_modules/popmotion/lib/utils/degrees-to-radians.d.ts","./node_modules/popmotion/lib/utils/distance.d.ts","./node_modules/popmotion/lib/utils/interpolate.d.ts","./node_modules/popmotion/lib/utils/is-point-3d.d.ts","./node_modules/popmotion/lib/utils/is-point.d.ts","./node_modules/style-value-types/lib/types.d.ts","./node_modules/style-value-types/lib/numbers/index.d.ts","./node_modules/style-value-types/lib/numbers/units.d.ts","./node_modules/style-value-types/lib/color/hsla.d.ts","./node_modules/style-value-types/lib/color/rgba.d.ts","./node_modules/style-value-types/lib/color/hex.d.ts","./node_modules/style-value-types/lib/color/index.d.ts","./node_modules/style-value-types/lib/complex/index.d.ts","./node_modules/style-value-types/lib/complex/filter.d.ts","./node_modules/style-value-types/lib/index.d.ts","./node_modules/popmotion/lib/utils/mix-color.d.ts","./node_modules/popmotion/lib/utils/mix-complex.d.ts","./node_modules/popmotion/lib/utils/mix.d.ts","./node_modules/popmotion/lib/utils/pipe.d.ts","./node_modules/popmotion/lib/utils/point-from-vector.d.ts","./node_modules/popmotion/lib/utils/progress.d.ts","./node_modules/popmotion/lib/utils/radians-to-degrees.d.ts","./node_modules/popmotion/lib/utils/smooth-frame.d.ts","./node_modules/popmotion/lib/utils/smooth.d.ts","./node_modules/popmotion/lib/utils/snap.d.ts","./node_modules/popmotion/lib/utils/to-decimal.d.ts","./node_modules/popmotion/lib/utils/velocity-per-frame.d.ts","./node_modules/popmotion/lib/utils/velocity-per-second.d.ts","./node_modules/popmotion/lib/utils/wrap.d.ts","./node_modules/popmotion/lib/easing/index.d.ts","./node_modules/popmotion/lib/easing/cubic-bezier.d.ts","./node_modules/popmotion/lib/easing/steps.d.ts","./node_modules/popmotion/lib/easing/utils.d.ts","./node_modules/popmotion/lib/index.d.ts","./node_modules/@motionone/types/types/motionvalue.d.ts","./node_modules/@motionone/types/types/index.d.ts","./node_modules/@motionone/dom/types/types.d.ts","./node_modules/@motionone/dom/types/timeline/types.d.ts","./node_modules/@motionone/dom/types/animate/types.d.ts","./node_modules/@motionone/dom/types/animate/index.d.ts","./node_modules/@motionone/dom/types/animate/animate-style.d.ts","./node_modules/@motionone/dom/types/timeline/index.d.ts","./node_modules/@motionone/dom/types/utils/stagger.d.ts","./node_modules/@motionone/generators/types/glide/types.d.ts","./node_modules/@motionone/generators/types/glide/index.d.ts","./node_modules/@motionone/generators/types/spring/types.d.ts","./node_modules/@motionone/generators/types/spring/index.d.ts","./node_modules/@motionone/generators/types/utils/pregenerate-keyframes.d.ts","./node_modules/@motionone/generators/types/utils/velocity.d.ts","./node_modules/@motionone/generators/types/index.d.ts","./node_modules/@motionone/dom/types/easing/spring/index.d.ts","./node_modules/@motionone/dom/types/easing/glide/index.d.ts","./node_modules/@motionone/dom/types/animate/style.d.ts","./node_modules/@motionone/dom/types/gestures/in-view.d.ts","./node_modules/@motionone/dom/types/gestures/resize/types.d.ts","./node_modules/@motionone/dom/types/gestures/resize/index.d.ts","./node_modules/@motionone/dom/types/gestures/scroll/types.d.ts","./node_modules/@motionone/dom/types/gestures/scroll/index.d.ts","./node_modules/@motionone/dom/types/gestures/scroll/offsets/presets.d.ts","./node_modules/@motionone/dom/types/animate/utils/controls.d.ts","./node_modules/@motionone/dom/types/animate/data.d.ts","./node_modules/@motionone/dom/types/animate/utils/get-style-name.d.ts","./node_modules/@motionone/dom/types/state/types.d.ts","./node_modules/@motionone/dom/types/state/index.d.ts","./node_modules/@motionone/dom/types/animate/utils/style-object.d.ts","./node_modules/@motionone/dom/types/animate/utils/style-string.d.ts","./node_modules/@motionone/dom/types/index.d.ts","./node_modules/framer-motion/dist/index.d.ts","./node_modules/tailwind-merge/dist/lib/tw-join.d.ts","./node_modules/tailwind-merge/dist/lib/tw-merge.d.ts","./node_modules/tailwind-merge/dist/lib/validators.d.ts","./node_modules/tailwind-merge/dist/lib/types.d.ts","./node_modules/tailwind-merge/dist/lib/default-config.d.ts","./node_modules/tailwind-merge/dist/lib/extend-tailwind-merge.d.ts","./node_modules/tailwind-merge/dist/lib/create-tailwind-merge.d.ts","./node_modules/tailwind-merge/dist/lib/merge-configs.d.ts","./node_modules/tailwind-merge/dist/lib/from-theme.d.ts","./node_modules/tailwind-merge/dist/index.d.ts","./src/components/v2/contentloader/contentloader.tsx","./src/components/v2/contentloader/index.tsx","./src/context/serverconfigcontext/serverconfigcontext.tsx","./src/context/serverconfigcontext/index.tsx","./src/context/subscriptioncontext/subscriptioncontext.tsx","./src/context/subscriptioncontext/index.tsx","./src/context/usercontext/usercontext.tsx","./src/context/usercontext/index.tsx","./src/context/index.tsx","./src/components/utilities/intercom/intercomprovider.ts","./public/data/frequentinterfaces.ts","./src/components/utilities/secrets/checkoverrides.ts","./src/components/utilities/secrets/downloaddotenv.ts","./src/components/utilities/secrets/downloadyaml.ts","./src/components/utilities/secrets/encryptsecrets.ts","./src/ee/api/memberships/updateuserprojectpermission.ts","./src/ee/api/secrets/getactiondata.ts","./src/ee/api/secrets/getprojectsercetshanpshots.ts","./src/ee/api/secrets/getprojectsercetsnapshotscount.ts","./src/ee/api/secrets/getsecretsnapshotdata.ts","./src/ee/api/secrets/getsecretversions.ts","./src/ee/api/secrets/performsecretrollback.ts","./src/ee/utilities/findtextdifferences.ts","./src/ee/utilities/timesince.ts","./src/helpers/project.ts","./src/hooks/api/serverdetails/types.ts","./src/hooks/api/serverdetails/queries.tsx","./src/hooks/api/serverdetails/index.ts","./src/hooks/api/servicetokens/enums.ts","./node_modules/tweetnacl/nacl.d.ts","./node_modules/tweetnacl-util/nacl-util.d.ts","./src/lib/crypto/index.ts","./src/pages/api/auth/checkauth.ts","./src/pages/api/secret-scanning/createsecretscanningsession.ts","./src/pages/api/secret-scanning/getinstallationstatus.ts","./src/pages/api/secret-scanning/getrisksbyorganization.ts","./src/pages/api/secret-scanning/linkgitappinstallationwithorganization.ts","./src/pages/api/secret-scanning/updateriskstatus.ts","./src/services/projectservice.ts","./src/services/index.ts","./node_modules/zod/lib/helpers/typealiases.d.ts","./node_modules/zod/lib/helpers/util.d.ts","./node_modules/zod/lib/zoderror.d.ts","./node_modules/zod/lib/locales/en.d.ts","./node_modules/zod/lib/errors.d.ts","./node_modules/zod/lib/helpers/parseutil.d.ts","./node_modules/zod/lib/helpers/enumutil.d.ts","./node_modules/zod/lib/helpers/errorutil.d.ts","./node_modules/zod/lib/helpers/partialutil.d.ts","./node_modules/zod/lib/types.d.ts","./node_modules/zod/lib/external.d.ts","./node_modules/zod/lib/index.d.ts","./node_modules/zod/index.d.ts","./src/views/org/memberspage/components/orgroletabsection/orgrolemodifysection/orgrolemodifysection.utils.ts","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/projectrolemodifysection.utils.ts","./src/views/secretmainpage/secretmainpage.types.ts","./src/views/secretmainpage/components/secretlistview/secretlistview.utils.ts","./src/views/secretrotationpage/secretrotationpage.utils.ts","./src/components/routeguard.tsx","./node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive/dist/index.d.ts","./node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-primitive/dist/index.d.ts","./node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-context/dist/index.d.ts","./node_modules/@radix-ui/react-collapsible/dist/index.d.ts","./node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-context/dist/index.d.ts","./node_modules/@radix-ui/react-accordion/dist/index.d.ts","./src/components/v2/accordion/accordion.tsx","./src/components/v2/accordion/index.tsx","./node_modules/cva/dist/types.d.ts","./node_modules/cva/dist/index.d.ts","./src/components/v2/alert/alert.tsx","./src/components/v2/alert/index.tsx","./src/components/v2/button/button.tsx","./src/components/v2/button/index.tsx","./src/components/v2/card/card.tsx","./src/components/v2/card/index.tsx","./node_modules/@radix-ui/react-primitive/dist/index.d.ts","./node_modules/@radix-ui/react-context/dist/index.d.ts","./node_modules/@radix-ui/react-checkbox/dist/index.d.ts","./src/components/v2/checkbox/checkbox.tsx","./src/components/v2/checkbox/index.tsx","./node_modules/date-fns/typings.d.ts","./node_modules/react-day-picker/dist/index.d.ts","./node_modules/@radix-ui/react-dismissable-layer/dist/index.d.ts","./node_modules/@radix-ui/react-focus-scope/dist/index.d.ts","./node_modules/@radix-ui/react-arrow/dist/index.d.ts","./node_modules/@radix-ui/rect/dist/index.d.ts","./node_modules/@radix-ui/react-popper/dist/index.d.ts","./node_modules/@radix-ui/react-portal/dist/index.d.ts","./node_modules/@radix-ui/react-popover/dist/index.d.ts","./src/components/v2/iconbutton/iconbutton.tsx","./src/components/v2/iconbutton/index.tsx","./src/components/v2/popoverv2/popoverv2.tsx","./src/components/v2/popoverv2/index.tsx","./src/components/v2/datepicker/datepicker.tsx","./src/components/v2/datepicker/index.tsx","./node_modules/@radix-ui/react-label/dist/index.d.ts","./src/components/v2/formcontrol/formcontrol.tsx","./src/components/v2/formcontrol/index.tsx","./src/components/v2/input/input.tsx","./src/components/v2/input/index.tsx","./node_modules/@radix-ui/react-dialog/dist/index.d.ts","./src/components/v2/modal/modal.tsx","./src/components/v2/modal/index.tsx","./src/components/v2/deleteactionmodal/deleteactionmodal.tsx","./src/components/v2/deleteactionmodal/index.tsx","./src/components/v2/drawer/drawer.tsx","./src/components/v2/drawer/index.tsx","./node_modules/@radix-ui/react-roving-focus/dist/index.d.ts","./node_modules/@radix-ui/react-menu/dist/index.d.ts","./node_modules/@radix-ui/react-dropdown-menu/dist/index.d.ts","./src/components/v2/dropdown/dropdown.tsx","./src/components/v2/dropdown/index.tsx","./src/components/v2/emailservicesetupmodal/emailservicesetupmodal.tsx","./src/components/v2/emailservicesetupmodal/index.tsx","./src/components/v2/emptystate/emptystate.tsx","./src/components/v2/emptystate/index.tsx","./node_modules/@radix-ui/react-hover-card/dist/index.d.ts","./src/components/v2/hovercardv2/hovercardv2.tsx","./src/components/v2/hovercardv2/index.tsx","./node_modules/lottie-web/index.d.ts","./node_modules/lottie-react/build/index.d.ts","./src/components/v2/menu/menu.tsx","./src/components/v2/menu/index.tsx","./src/components/v2/pagination/pagination.tsx","./src/components/v2/pagination/index.tsx","./node_modules/@types/sanitize-html/node_modules/htmlparser2/lib/tokenizer.d.ts","./node_modules/@types/sanitize-html/node_modules/htmlparser2/lib/parser.d.ts","./node_modules/domelementtype/lib/index.d.ts","./node_modules/@types/sanitize-html/node_modules/domhandler/lib/node.d.ts","./node_modules/@types/sanitize-html/node_modules/domhandler/lib/index.d.ts","./node_modules/@types/sanitize-html/node_modules/dom-serializer/lib/index.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/stringify.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/traversal.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/manipulation.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/querying.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/legacy.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/helpers.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/feeds.d.ts","./node_modules/@types/sanitize-html/node_modules/domutils/lib/index.d.ts","./node_modules/@types/sanitize-html/node_modules/htmlparser2/lib/index.d.ts","./node_modules/@types/sanitize-html/index.d.ts","./src/components/v2/secretinput/secretinput.tsx","./src/components/v2/secretinput/index.tsx","./node_modules/@radix-ui/react-select/dist/index.d.ts","./src/components/v2/spinner/spinner.tsx","./src/components/v2/spinner/index.tsx","./src/components/v2/select/select.tsx","./src/components/v2/select/index.tsx","./src/components/v2/skeleton/skeleton.tsx","./src/components/v2/skeleton/index.tsx","./src/components/v2/stepper/stepper.tsx","./src/components/v2/stepper/index.tsx","./node_modules/@radix-ui/react-switch/dist/index.d.ts","./src/components/v2/switch/switch.tsx","./src/components/v2/switch/index.tsx","./src/components/v2/table/table.tsx","./src/components/v2/table/index.tsx","./node_modules/@radix-ui/react-tabs/dist/index.d.ts","./src/components/v2/tabs/tabs.tsx","./src/components/v2/tabs/index.tsx","./src/components/v2/tag/tag.tsx","./src/components/v2/tag/index.tsx","./src/components/v2/textarea/textarea.tsx","./src/components/v2/textarea/index.tsx","./node_modules/@radix-ui/react-tooltip/dist/index.d.ts","./src/components/v2/tooltip/tooltip.tsx","./src/components/v2/tooltip/index.tsx","./src/components/v2/upgradeplanmodal/upgradeplanmodal.tsx","./src/components/v2/upgradeplanmodal/index.tsx","./src/components/v2/index.tsx","./node_modules/@casl/react/dist/types/can.d.ts","./node_modules/@casl/react/dist/types/factory.d.ts","./node_modules/@casl/react/dist/types/hooks/useability.d.ts","./node_modules/@casl/react/dist/types/hooks/index.d.ts","./node_modules/@casl/react/dist/types/index.d.ts","./node_modules/@casl/react/index.d.ts","./src/components/permissions/orgpermissioncan.tsx","./src/components/permissions/permissiondeniedbanner.tsx","./src/components/permissions/projectpermissioncan.tsx","./src/components/permissions/index.tsx","./src/components/addtagpopovercontent/addtagpopovercontent.tsx","./src/components/basic/error.tsx","./src/components/basic/inputfield.tsx","./node_modules/@headlessui/react/dist/types.d.ts","./node_modules/@headlessui/react/dist/utils/render.d.ts","./node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts","./node_modules/@headlessui/react/dist/components/description/description.d.ts","./node_modules/@headlessui/react/dist/components/dialog/dialog.d.ts","./node_modules/@headlessui/react/dist/components/disclosure/disclosure.d.ts","./node_modules/@headlessui/react/dist/components/focus-trap/focus-trap.d.ts","./node_modules/@headlessui/react/dist/components/listbox/listbox.d.ts","./node_modules/@headlessui/react/dist/components/menu/menu.d.ts","./node_modules/@headlessui/react/dist/components/popover/popover.d.ts","./node_modules/@headlessui/react/dist/components/portal/portal.d.ts","./node_modules/@headlessui/react/dist/components/label/label.d.ts","./node_modules/@headlessui/react/dist/components/radio-group/radio-group.d.ts","./node_modules/@headlessui/react/dist/components/switch/switch.d.ts","./node_modules/@headlessui/react/dist/components/tabs/tabs.d.ts","./node_modules/@headlessui/react/dist/components/transitions/transition.d.ts","./node_modules/@headlessui/react/dist/index.d.ts","./src/components/basic/listbox.tsx","./src/components/basic/toggle.tsx","./src/components/basic/buttons/button.tsx","./src/components/basic/dialog/activatebotdialog.tsx","./src/components/basic/dialog/addprojectmemberdialog.tsx","./src/components/basic/dialog/addupdateenvironmentdialog.tsx","./src/components/basic/dialog/adduserdialog.tsx","./src/components/basic/table/checkbox.tsx","./src/components/basic/dialog/addworkspacedialog.tsx","./src/components/basic/dialog/deleteactionmodal.tsx","./src/components/basic/dialog/deleteenvvar.tsx","./src/components/basic/dialog/deleteuserdialog.tsx","./src/components/basic/dialog/upgradeplan.tsx","./src/components/basic/popups/bottomrightpopup.tsx","./src/components/basic/popups/globpatternexamples.tsx","./src/components/context/notifications/notification.tsx","./src/components/context/notifications/notifications.tsx","./src/components/context/notifications/notificationprovider.tsx","./src/components/basic/table/projectuserstable.tsx","./src/components/dashboard/addtagsmenu.tsx","./src/components/dashboard/commentfield.tsx","./src/components/dashboard/confirmenvoverwritemodal.tsx","./src/components/v2/hovercard/hovercard.tsx","./src/components/v2/hovercard/index.tsx","./src/components/v2/popover/popover.tsx","./src/components/dashboard/dashboardinputfield.tsx","./src/components/dashboard/deleteactionbutton.tsx","./src/components/dashboard/downloadsecretsmenu.tsx","./node_modules/yaml/dist/parse/line-counter.d.ts","./node_modules/yaml/dist/errors.d.ts","./node_modules/yaml/dist/doc/applyreviver.d.ts","./node_modules/yaml/dist/log.d.ts","./node_modules/yaml/dist/nodes/tojs.d.ts","./node_modules/yaml/dist/nodes/scalar.d.ts","./node_modules/yaml/dist/nodes/collection.d.ts","./node_modules/yaml/dist/nodes/yamlmap.d.ts","./node_modules/yaml/dist/nodes/yamlseq.d.ts","./node_modules/yaml/dist/schema/types.d.ts","./node_modules/yaml/dist/schema/schema.d.ts","./node_modules/yaml/dist/doc/createnode.d.ts","./node_modules/yaml/dist/nodes/addpairtojsmap.d.ts","./node_modules/yaml/dist/nodes/pair.d.ts","./node_modules/yaml/dist/schema/tags.d.ts","./node_modules/yaml/dist/options.d.ts","./node_modules/yaml/dist/stringify/stringify.d.ts","./node_modules/yaml/dist/nodes/node.d.ts","./node_modules/yaml/dist/parse/cst-scalar.d.ts","./node_modules/yaml/dist/parse/cst-stringify.d.ts","./node_modules/yaml/dist/parse/cst-visit.d.ts","./node_modules/yaml/dist/parse/cst.d.ts","./node_modules/yaml/dist/nodes/alias.d.ts","./node_modules/yaml/dist/doc/document.d.ts","./node_modules/yaml/dist/doc/directives.d.ts","./node_modules/yaml/dist/compose/composer.d.ts","./node_modules/yaml/dist/parse/lexer.d.ts","./node_modules/yaml/dist/parse/parser.d.ts","./node_modules/yaml/dist/public-api.d.ts","./node_modules/yaml/dist/schema/yaml-1.1/omap.d.ts","./node_modules/yaml/dist/schema/yaml-1.1/set.d.ts","./node_modules/yaml/dist/visit.d.ts","./node_modules/yaml/dist/index.d.ts","./src/components/dashboard/dropzone.tsx","./src/components/dashboard/generatesecretmenu.tsx","./src/components/dashboard/keypair.tsx","./src/components/navigation/navheader.tsx","./src/components/navigation/navheadersecrets.tsx","./node_modules/react-code-input/src/reactcodeinput.d.ts","./src/components/signup/codeinputstep.tsx","./src/components/signup/donwloadbackuppdfstep.tsx","./src/components/signup/enteremailstep.tsx","./node_modules/@fortawesome/free-brands-svg-icons/index.d.ts","./node_modules/@fortawesome/free-regular-svg-icons/index.d.ts","./src/components/signup/initialsignupstep.tsx","./src/components/signup/teaminvitestep.tsx","./src/components/signup/userinfostep.tsx","./node_modules/react-hook-form/dist/utils/createsubject.d.ts","./node_modules/react-hook-form/dist/types/events.d.ts","./node_modules/react-hook-form/dist/types/path/common.d.ts","./node_modules/react-hook-form/dist/types/path/eager.d.ts","./node_modules/react-hook-form/dist/types/path/index.d.ts","./node_modules/react-hook-form/dist/types/fieldarray.d.ts","./node_modules/react-hook-form/dist/types/resolvers.d.ts","./node_modules/react-hook-form/dist/types/form.d.ts","./node_modules/react-hook-form/dist/types/utils.d.ts","./node_modules/react-hook-form/dist/types/fields.d.ts","./node_modules/react-hook-form/dist/types/errors.d.ts","./node_modules/react-hook-form/dist/types/validator.d.ts","./node_modules/react-hook-form/dist/types/controller.d.ts","./node_modules/react-hook-form/dist/types/index.d.ts","./node_modules/react-hook-form/dist/controller.d.ts","./node_modules/react-hook-form/dist/logic/appenderrors.d.ts","./node_modules/react-hook-form/dist/logic/index.d.ts","./node_modules/react-hook-form/dist/usecontroller.d.ts","./node_modules/react-hook-form/dist/usefieldarray.d.ts","./node_modules/react-hook-form/dist/useform.d.ts","./node_modules/react-hook-form/dist/useformcontext.d.ts","./node_modules/react-hook-form/dist/useformstate.d.ts","./node_modules/react-hook-form/dist/usewatch.d.ts","./node_modules/react-hook-form/dist/utils/get.d.ts","./node_modules/react-hook-form/dist/utils/set.d.ts","./node_modules/react-hook-form/dist/utils/index.d.ts","./node_modules/react-hook-form/dist/index.d.ts","./node_modules/@hookform/resolvers/zod/dist/types.d.ts","./node_modules/@hookform/resolvers/zod/dist/zod.d.ts","./node_modules/@hookform/resolvers/zod/dist/index.d.ts","./src/components/tags/createtagmodal/createtagmodal.tsx","./src/components/tags/createtagmodal/index.tsx","./node_modules/file-system-cache/lib/filesystemcache.d.ts","./node_modules/file-system-cache/lib/index.d.ts","./node_modules/@babel/types/lib/index.d.ts","./node_modules/@types/babel__generator/index.d.ts","./node_modules/@babel/parser/typings/babel-parser.d.ts","./node_modules/@types/babel__template/index.d.ts","./node_modules/@types/babel__traverse/index.d.ts","./node_modules/@types/babel__core/index.d.ts","./node_modules/@types/mime/index.d.ts","./node_modules/@types/send/index.d.ts","./node_modules/@types/range-parser/index.d.ts","./node_modules/@types/qs/index.d.ts","./node_modules/@types/express-serve-static-core/index.d.ts","./node_modules/@types/http-errors/index.d.ts","./node_modules/@types/serve-static/index.d.ts","./node_modules/@types/connect/index.d.ts","./node_modules/@types/body-parser/index.d.ts","./node_modules/@types/express/index.d.ts","./node_modules/@storybook/channels/dist/index.d.ts","./node_modules/@storybook/types/dist/index.d.ts","./node_modules/@storybook/react/dist/types-0a347bb9.d.ts","./node_modules/type-fest/source/primitive.d.ts","./node_modules/type-fest/source/typed-array.d.ts","./node_modules/type-fest/source/basic.d.ts","./node_modules/type-fest/source/observable-like.d.ts","./node_modules/type-fest/source/internal.d.ts","./node_modules/type-fest/source/except.d.ts","./node_modules/type-fest/source/simplify.d.ts","./node_modules/type-fest/source/writable.d.ts","./node_modules/type-fest/source/mutable.d.ts","./node_modules/type-fest/source/merge.d.ts","./node_modules/type-fest/source/merge-exclusive.d.ts","./node_modules/type-fest/source/require-at-least-one.d.ts","./node_modules/type-fest/source/require-exactly-one.d.ts","./node_modules/type-fest/source/require-all-or-none.d.ts","./node_modules/type-fest/source/remove-index-signature.d.ts","./node_modules/type-fest/source/partial-deep.d.ts","./node_modules/type-fest/source/partial-on-undefined-deep.d.ts","./node_modules/type-fest/source/readonly-deep.d.ts","./node_modules/type-fest/source/literal-union.d.ts","./node_modules/type-fest/source/promisable.d.ts","./node_modules/type-fest/source/opaque.d.ts","./node_modules/type-fest/source/invariant-of.d.ts","./node_modules/type-fest/source/set-optional.d.ts","./node_modules/type-fest/source/set-required.d.ts","./node_modules/type-fest/source/set-non-nullable.d.ts","./node_modules/type-fest/source/value-of.d.ts","./node_modules/type-fest/source/promise-value.d.ts","./node_modules/type-fest/source/async-return-type.d.ts","./node_modules/type-fest/source/conditional-keys.d.ts","./node_modules/type-fest/source/conditional-except.d.ts","./node_modules/type-fest/source/conditional-pick.d.ts","./node_modules/type-fest/source/union-to-intersection.d.ts","./node_modules/type-fest/source/stringified.d.ts","./node_modules/type-fest/source/fixed-length-array.d.ts","./node_modules/type-fest/source/multidimensional-array.d.ts","./node_modules/type-fest/source/multidimensional-readonly-array.d.ts","./node_modules/type-fest/source/iterable-element.d.ts","./node_modules/type-fest/source/entry.d.ts","./node_modules/type-fest/source/entries.d.ts","./node_modules/type-fest/source/set-return-type.d.ts","./node_modules/type-fest/source/asyncify.d.ts","./node_modules/type-fest/source/numeric.d.ts","./node_modules/type-fest/source/jsonify.d.ts","./node_modules/type-fest/source/schema.d.ts","./node_modules/type-fest/source/literal-to-primitive.d.ts","./node_modules/type-fest/source/string-key-of.d.ts","./node_modules/type-fest/source/exact.d.ts","./node_modules/type-fest/source/readonly-tuple.d.ts","./node_modules/type-fest/source/optional-keys-of.d.ts","./node_modules/type-fest/source/has-optional-keys.d.ts","./node_modules/type-fest/source/required-keys-of.d.ts","./node_modules/type-fest/source/has-required-keys.d.ts","./node_modules/type-fest/source/spread.d.ts","./node_modules/type-fest/source/split.d.ts","./node_modules/type-fest/source/camel-case.d.ts","./node_modules/type-fest/source/camel-cased-properties.d.ts","./node_modules/type-fest/source/camel-cased-properties-deep.d.ts","./node_modules/type-fest/source/delimiter-case.d.ts","./node_modules/type-fest/source/kebab-case.d.ts","./node_modules/type-fest/source/delimiter-cased-properties.d.ts","./node_modules/type-fest/source/kebab-cased-properties.d.ts","./node_modules/type-fest/source/delimiter-cased-properties-deep.d.ts","./node_modules/type-fest/source/kebab-cased-properties-deep.d.ts","./node_modules/type-fest/source/pascal-case.d.ts","./node_modules/type-fest/source/pascal-cased-properties.d.ts","./node_modules/type-fest/source/pascal-cased-properties-deep.d.ts","./node_modules/type-fest/source/snake-case.d.ts","./node_modules/type-fest/source/snake-cased-properties.d.ts","./node_modules/type-fest/source/snake-cased-properties-deep.d.ts","./node_modules/type-fest/source/includes.d.ts","./node_modules/type-fest/source/screaming-snake-case.d.ts","./node_modules/type-fest/source/join.d.ts","./node_modules/type-fest/source/trim.d.ts","./node_modules/type-fest/source/replace.d.ts","./node_modules/type-fest/source/get.d.ts","./node_modules/type-fest/source/last-array-element.d.ts","./node_modules/type-fest/source/package-json.d.ts","./node_modules/type-fest/source/tsconfig-json.d.ts","./node_modules/type-fest/index.d.ts","./node_modules/@storybook/react/dist/index.d.ts","./src/components/v2/accordion/accordion.stories.tsx","./src/components/v2/alert/alert.stories.tsx","./src/components/v2/button/button.stories.tsx","./src/components/v2/card/card.stories.tsx","./src/components/v2/checkbox/checkbox.stories.tsx","./src/components/v2/datepicker/datepicker.stories.tsx","./src/components/v2/drawer/drawer.stories.tsx","./src/components/v2/dropdown/dropdown.stories.tsx","./src/components/v2/emptystate/emptystate.stories.tsx","./src/components/v2/formcontrol/formcontrol.stories.tsx","./src/components/v2/hovercardv2/hovercardv2.stories.tsx","./src/components/v2/iconbutton/iconbutton.stories.tsx","./src/components/v2/input/input.stories.tsx","./src/components/v2/menu/menu.stories.tsx","./src/components/v2/modal/modal.stories.tsx","./node_modules/@storybook/client-api/node_modules/@storybook/channels/dist/main-c55d8855.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/channels/dist/postmessage/index.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/channels/dist/websocket/index.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/channels/dist/index.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/types/dist/index.d.ts","./node_modules/synchronous-promise/index.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/hooks-655fa363.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/storystore-9da974c1.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/clientapi-05c010e0.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/sortstories-243da0ce.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/composeconfigs-62a04721.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/store.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/queryparams-d12445b8.d.ts","./node_modules/@storybook/client-api/node_modules/@storybook/preview-api/dist/client-api.d.ts","./node_modules/@storybook/client-api/dist/entry.d.ts","./src/components/v2/pagination/pagination.stories.tsx","./src/components/v2/popover/index.tsx","./src/components/v2/popoverv2/popoverv2.stories.tsx","./src/components/v2/select/select.stories.tsx","./src/components/v2/skeleton/skeleton.stories.tsx","./src/components/v2/switch/switch.stories.tsx","./src/components/v2/table/table.stories.tsx","./src/components/v2/textarea/textarea.stories.tsx","./src/components/v2/tooltip/tooltip.stories.tsx","./src/hoc/withpermission/withpermission.tsx","./src/hoc/withpermission/index.tsx","./src/hoc/withprojectpermission/withprojectpermission.tsx","./src/hoc/withprojectpermission/index.tsx","./src/hoc/index.tsx","./src/hooks/api/auditlogs/constants.tsx","./src/layouts/adminlayout/adminlayout.tsx","./src/layouts/adminlayout/index.tsx","./node_modules/yup/lib/reference.d.ts","./node_modules/yup/lib/condition.d.ts","./node_modules/yup/lib/validationerror.d.ts","./node_modules/yup/lib/util/createvalidation.d.ts","./node_modules/yup/lib/util/types.d.ts","./node_modules/yup/lib/util/referenceset.d.ts","./node_modules/yup/lib/schema.d.ts","./node_modules/yup/lib/lazy.d.ts","./node_modules/yup/lib/types.d.ts","./node_modules/yup/lib/locale.d.ts","./node_modules/yup/lib/mixed.d.ts","./node_modules/yup/lib/boolean.d.ts","./node_modules/yup/lib/string.d.ts","./node_modules/yup/lib/number.d.ts","./node_modules/yup/lib/date.d.ts","./node_modules/yup/lib/object.d.ts","./node_modules/yup/lib/array.d.ts","./node_modules/yup/lib/util/reach.d.ts","./node_modules/yup/lib/util/isschema.d.ts","./node_modules/yup/lib/setlocale.d.ts","./node_modules/yup/lib/index.d.ts","./node_modules/@hookform/resolvers/yup/dist/types.d.ts","./node_modules/@hookform/resolvers/yup/dist/yup.d.ts","./node_modules/@hookform/resolvers/yup/dist/index.d.ts","./src/views/org/components/createorgmodal.tsx","./src/views/org/components/index.tsx","./src/layouts/applayout/applayout.tsx","./src/layouts/applayout/index.tsx","./src/layouts/index.tsx","./src/layouts/applayout/components/navbar/navbar.tsx","./src/pages/404.tsx","./node_modules/react-day-picker/dist/style.css.d.ts","./src/pages/_app.tsx","./src/pages/cli-redirect.tsx","./src/pages/dashboard.tsx","./src/pages/email-not-verified.tsx","./src/pages/index.tsx","./node_modules/query-string/index.d.ts","./src/pages/password-reset.tsx","./src/views/settings/personalsettingspage/apikeysection/addapikeymodal.tsx","./src/views/settings/personalsettingspage/apikeysection/apikeytable.tsx","./src/views/settings/personalsettingspage/apikeysection/apikeysection.tsx","./src/views/settings/personalsettingspage/apikeysection/index.tsx","./src/views/settings/personalsettingspage/personalapikeytab/personalapikeytab.tsx","./src/views/settings/personalsettingspage/personalapikeytab/index.tsx","./src/views/settings/personalsettingspage/authmethodsection/authmethodsection.tsx","./src/views/settings/personalsettingspage/authmethodsection/index.tsx","./src/views/settings/personalsettingspage/changepasswordsection/changepasswordsection.tsx","./src/views/settings/personalsettingspage/changepasswordsection/index.tsx","./src/views/settings/personalsettingspage/securitysection/mfasection.tsx","./src/views/settings/personalsettingspage/securitysection/index.tsx","./src/views/settings/personalsettingspage/personalauthtab/personalauthtab.tsx","./src/views/settings/personalsettingspage/personalauthtab/index.tsx","./src/views/settings/personalsettingspage/changelanguagesection/changelanguagesection.tsx","./src/views/settings/personalsettingspage/changelanguagesection/index.tsx","./src/views/settings/personalsettingspage/deleteaccountsection/deleteaccountsection.tsx","./src/views/settings/personalsettingspage/deleteaccountsection/index.tsx","./src/views/settings/personalsettingspage/emergencykitsection/emergencykitsection.tsx","./src/views/settings/personalsettingspage/emergencykitsection/index.tsx","./src/views/settings/personalsettingspage/sessionssection/sessionstable.tsx","./src/views/settings/personalsettingspage/sessionssection/sessionssection.tsx","./src/views/settings/personalsettingspage/sessionssection/index.tsx","./src/views/settings/personalsettingspage/usernamesection/usernamesection.tsx","./src/views/settings/personalsettingspage/usernamesection/index.tsx","./src/views/settings/personalsettingspage/personalgeneraltab/personalgeneraltab.tsx","./src/views/settings/personalsettingspage/personalgeneraltab/index.tsx","./src/views/settings/personalsettingspage/personaltabgroup/personaltabgroup.tsx","./src/views/settings/personalsettingspage/personaltabgroup/index.tsx","./src/views/settings/personalsettingspage/personalsettingspage.tsx","./src/views/settings/personalsettingspage/index.tsx","./src/pages/personal-settings.tsx","./src/pages/requestnewinvite.tsx","./src/pages/secret-scanning.tsx","./src/pages/signupinvite.tsx","./src/pages/verify-email.tsx","./src/views/admin/dashboardpage/dashboardpage.tsx","./src/views/admin/dashboardpage/index.tsx","./src/pages/admin/index.tsx","./src/views/admin/signuppage/components/downloadbackupkeys/downloadbackupkeys.tsx","./src/views/admin/signuppage/components/downloadbackupkeys/index.tsx","./src/views/admin/signuppage/signuppage.tsx","./src/views/admin/signuppage/index.tsx","./src/pages/admin/signup.tsx","./public/json/frameworkintegrations.json","./src/views/integrationspage/components/cloudintegrationsection/cloudintegrationsection.tsx","./src/views/integrationspage/components/cloudintegrationsection/index.tsx","./src/views/integrationspage/components/frameworkintegrationsection/frameworkintegrationsection.tsx","./src/views/integrationspage/components/frameworkintegrationsection/index.tsx","./public/data/frequentconstants.ts","./src/views/integrationspage/components/integrationssection/integrationssection.tsx","./src/views/integrationspage/components/integrationssection/index.tsx","./src/views/integrationspage/integrationpage.utils.tsx","./src/views/integrationspage/integrationspage.tsx","./src/views/integrationspage/index.tsx","./src/pages/integrations/[id].tsx","./src/pages/integrations/aws-parameter-store/authorize.tsx","./src/pages/integrations/aws-parameter-store/create.tsx","./src/pages/integrations/aws-secret-manager/authorize.tsx","./src/pages/integrations/aws-secret-manager/create.tsx","./src/pages/integrations/azure-key-vault/create.tsx","./src/pages/integrations/azure-key-vault/oauth2/callback.tsx","./src/pages/integrations/bitbucket/create.tsx","./src/pages/integrations/bitbucket/oauth2/callback.tsx","./src/pages/integrations/checkly/authorize.tsx","./src/pages/integrations/checkly/create.tsx","./src/pages/integrations/circleci/authorize.tsx","./src/pages/integrations/circleci/create.tsx","./src/pages/integrations/cloud-66/authorize.tsx","./src/pages/integrations/cloud-66/create.tsx","./src/pages/integrations/cloudflare-pages/authorize.tsx","./src/pages/integrations/cloudflare-pages/create.tsx","./src/pages/integrations/cloudflare-workers/authorize.tsx","./src/pages/integrations/cloudflare-workers/create.tsx","./src/pages/integrations/codefresh/authorize.tsx","./src/pages/integrations/codefresh/create.tsx","./src/pages/integrations/digital-ocean-app-platform/authorize.tsx","./src/pages/integrations/digital-ocean-app-platform/create.tsx","./src/pages/integrations/flyio/authorize.tsx","./src/pages/integrations/flyio/create.tsx","./src/pages/integrations/gcp-secret-manager/authorize.tsx","./src/pages/integrations/gcp-secret-manager/create.tsx","./src/pages/integrations/gcp-secret-manager/oauth2/callback.tsx","./src/pages/integrations/github/create.tsx","./src/pages/integrations/github/oauth2/callback.tsx","./src/pages/integrations/gitlab/authorize.tsx","./src/pages/integrations/gitlab/create.tsx","./src/pages/integrations/gitlab/oauth2/callback.tsx","./src/pages/integrations/hashicorp-vault/authorize.tsx","./src/pages/integrations/hashicorp-vault/create.tsx","./src/pages/integrations/hasura-cloud/authorize.tsx","./src/pages/integrations/hasura-cloud/create.tsx","./src/pages/integrations/heroku/create.tsx","./src/pages/integrations/heroku/oauth2/callback.tsx","./src/pages/integrations/laravel-forge/authorize.tsx","./src/pages/integrations/laravel-forge/create.tsx","./src/pages/integrations/netlify/create.tsx","./src/pages/integrations/netlify/oauth2/callback.tsx","./src/pages/integrations/northflank/authorize.tsx","./src/pages/integrations/northflank/create.tsx","./src/pages/integrations/qovery/authorize.tsx","./src/pages/integrations/qovery/create.tsx","./src/pages/integrations/railway/authorize.tsx","./src/pages/integrations/railway/create.tsx","./src/pages/integrations/render/authorize.tsx","./src/pages/integrations/render/create.tsx","./src/pages/integrations/supabase/authorize.tsx","./src/pages/integrations/supabase/create.tsx","./src/pages/integrations/teamcity/authorize.tsx","./src/pages/integrations/teamcity/create.tsx","./src/pages/integrations/terraform-cloud/authorize.tsx","./src/pages/integrations/terraform-cloud/create.tsx","./src/pages/integrations/travisci/authorize.tsx","./src/pages/integrations/travisci/create.tsx","./src/pages/integrations/vercel/create.tsx","./src/pages/integrations/vercel/oauth2/callback.tsx","./src/pages/integrations/windmill/authorize.tsx","./src/pages/integrations/windmill/create.tsx","./src/views/login/login.utils.tsx","./src/views/login/components/initialstep/initialstep.tsx","./src/views/login/components/initialstep/index.tsx","./node_modules/jwt-decode/index.d.ts","./src/views/login/components/mfastep/mfastep.tsx","./src/views/login/components/mfastep/index.tsx","./src/views/login/components/samlssostep/samlssostep.tsx","./src/views/login/components/samlssostep/index.tsx","./src/views/login/components/passwordstep/passwordstep.tsx","./src/views/login/components/passwordstep/index.tsx","./src/views/login/components/index.tsx","./src/views/login/login.tsx","./src/views/login/loginsso.tsx","./src/views/login/index.tsx","./src/pages/login/index.tsx","./src/pages/login/provider/error.tsx","./src/pages/login/provider/success.tsx","./src/pages/login/sso/index.tsx","./src/views/settings/billingsettingspage/components/billingcloudtab/currentplansection.tsx","./src/views/settings/billingsettingspage/components/billingcloudtab/manageplanstable.tsx","./src/views/settings/billingsettingspage/components/billingcloudtab/manageplansmodal.tsx","./src/views/settings/billingsettingspage/components/billingcloudtab/previewsection.tsx","./src/views/settings/billingsettingspage/components/billingcloudtab/billingcloudtab.tsx","./src/views/settings/billingsettingspage/components/billingcloudtab/index.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/companynamesection.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/invoiceemailsection.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/pmtmethodstable.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/pmtmethodssection.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/taxidmodal.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/taxidtable.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/taxidsection.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/billingdetailstab.tsx","./src/views/settings/billingsettingspage/components/billingdetailstab/index.tsx","./src/views/settings/billingsettingspage/components/billingreceiptstab/invoicestable.tsx","./src/views/settings/billingsettingspage/components/billingreceiptstab/billingreceiptstab.tsx","./src/views/settings/billingsettingspage/components/billingreceiptstab/index.tsx","./src/views/settings/billingsettingspage/components/billingselfhostedtab/licensessection.tsx","./src/views/settings/billingsettingspage/components/billingselfhostedtab/billingselfhostedtab.tsx","./src/views/settings/billingsettingspage/components/billingselfhostedtab/index.tsx","./src/views/settings/billingsettingspage/components/billingtabgroup/billingtabgroup.tsx","./src/views/settings/billingsettingspage/components/billingtabgroup/index.tsx","./src/views/settings/billingsettingspage/components/index.tsx","./src/views/settings/billingsettingspage/billingsettingspage.tsx","./src/views/settings/billingsettingspage/index.tsx","./src/pages/org/[id]/billing/index.tsx","./src/views/org/memberspage/components/orgmemberstable/orgmemberstable.tsx","./src/views/org/memberspage/components/orgmemberstable/index.tsx","./src/views/org/memberspage/components/orgroletabsection/orgrolemodifysection/simplelevelpermissionoptions.tsx","./src/views/org/memberspage/components/orgroletabsection/orgrolemodifysection/workspacepermission.tsx","./src/views/org/memberspage/components/orgroletabsection/orgrolemodifysection/orgrolemodifysection.tsx","./src/views/org/memberspage/components/orgroletabsection/orgrolemodifysection/index.tsx","./src/views/org/memberspage/components/orgroletabsection/orgroletable.tsx","./src/views/org/memberspage/components/orgroletabsection/orgroletabsection.tsx","./src/views/org/memberspage/components/orgroletabsection/index.tsx","./src/views/org/memberspage/memberspage.tsx","./src/views/org/memberspage/index.tsx","./src/pages/org/[id]/members/index.tsx","./src/pages/org/[id]/overview/index.tsx","./src/views/secretscanning/components/riskstatusselection.tsx","./src/views/secretscanning/components/secretscanninglogstable.tsx","./src/views/secretscanning/components/index.tsx","./src/pages/org/[id]/secret-scanning/index.tsx","./src/views/settings/orgsettingspage/components/orgauthtab/ssomodal.tsx","./src/views/settings/orgsettingspage/components/orgauthtab/orgssosection.tsx","./src/views/settings/orgsettingspage/components/orgauthtab/orgauthtab.tsx","./src/views/settings/orgsettingspage/components/orgauthtab/index.tsx","./src/views/settings/orgsettingspage/components/orgdeletesection/orgdeletesection.tsx","./src/views/settings/orgsettingspage/components/orgdeletesection/index.tsx","./src/views/settings/orgsettingspage/components/orgincidentcontactssection/addorgincidentcontactmodal.tsx","./src/views/settings/orgsettingspage/components/orgincidentcontactssection/orgincidentcontactstable.tsx","./src/views/settings/orgsettingspage/components/orgincidentcontactssection/orgincidentcontactssection.tsx","./src/views/settings/orgsettingspage/components/orgincidentcontactssection/index.tsx","./src/views/settings/orgsettingspage/components/orgnamechangesection/orgnamechangesection.tsx","./src/views/settings/orgsettingspage/components/orgnamechangesection/index.tsx","./src/views/settings/orgsettingspage/components/orggeneraltab/orggeneraltab.tsx","./src/views/settings/orgsettingspage/components/orggeneraltab/index.tsx","./src/views/settings/orgsettingspage/components/orgtabgroup/orgtabgroup.tsx","./src/views/settings/orgsettingspage/components/orgtabgroup/index.tsx","./src/views/settings/orgsettingspage/components/index.tsx","./src/views/settings/orgsettingspage/orgsettingspage.tsx","./src/views/settings/orgsettingspage/index.tsx","./src/pages/org/[id]/settings/index.tsx","./src/views/org/nonepage/nonepage.tsx","./src/views/org/nonepage/index.tsx","./src/pages/org/none/index.tsx","./src/views/project/ipallowlistpage/components/ipallowlistmodal.tsx","./src/views/project/ipallowlistpage/components/ipallowlisttable.tsx","./src/views/project/ipallowlistpage/components/ipallowlistsection.tsx","./src/views/project/ipallowlistpage/components/index.tsx","./src/views/project/ipallowlistpage/ipallowlistpage.tsx","./src/views/project/ipallowlistpage/index.tsx","./src/pages/project/[id]/allowlist/index.tsx","./src/views/secretapprovalpage/components/secretapprovalpolicylist/components/secretapprovalpolicyrow.tsx","./src/views/secretapprovalpage/components/secretapprovalpolicylist/components/secretpolicyform.tsx","./src/views/secretapprovalpage/components/secretapprovalpolicylist/secretapprovalpolicylist.tsx","./src/views/secretapprovalpage/components/secretapprovalpolicylist/index.tsx","./src/views/secretapprovalpage/components/secretapprovalrequest/components/secretapprovalrequestaction.tsx","./src/views/secretapprovalpage/components/secretapprovalrequest/components/secretapprovalrequestchangeitem.tsx","./src/views/secretapprovalpage/components/secretapprovalrequest/components/secretapprovalrequestchanges.tsx","./src/views/secretapprovalpage/components/secretapprovalrequest/secretapprovalrequest.tsx","./src/views/secretapprovalpage/components/secretapprovalrequest/index.tsx","./src/views/secretapprovalpage/secretapprovalpage.tsx","./src/views/secretapprovalpage/index.tsx","./src/pages/project/[id]/approval/index.tsx","./src/views/project/auditlogspage/components/types.tsx","./src/views/project/auditlogspage/components/logsfilter.tsx","./src/views/project/auditlogspage/components/logstablerow.tsx","./src/views/project/auditlogspage/components/logstable.tsx","./src/views/project/auditlogspage/components/logssection.tsx","./src/views/project/auditlogspage/components/index.tsx","./src/views/project/auditlogspage/auditlogspage.tsx","./src/views/project/auditlogspage/index.tsx","./src/pages/project/[id]/audit-logs/index.tsx","./src/views/project/memberspage/components/memberlisttab/memberlisttab.tsx","./src/views/project/memberspage/components/memberlisttab/index.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolelist/projectrolelist.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolelist/index.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/multienvprojectpermission.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/secretrollbackpermission.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/singleprojectpermission.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/wsprojectpermission.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/projectrolemodifysection.tsx","./src/views/project/memberspage/components/projectrolelisttab/components/projectrolemodifysection/index.tsx","./src/views/project/memberspage/components/projectrolelisttab/projectrolelisttab.tsx","./src/views/project/memberspage/components/projectrolelisttab/index.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokensection/addservicetokenmodal.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokensection/servicetokentable.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokensection/servicetokensection.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokensection/index.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokenv3section/addservicetokenv3modal.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokenv3section/servicetokenv3table.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokenv3section/servicetokenv3section.tsx","./src/views/project/memberspage/components/servicetokentab/components/servicetokenv3section/index.tsx","./src/views/project/memberspage/components/servicetokentab/components/index.tsx","./src/views/project/memberspage/components/servicetokentab/servicetokentab.tsx","./src/views/project/memberspage/components/servicetokentab/index.tsx","./src/views/project/memberspage/memberspage.tsx","./src/views/project/memberspage/index.tsx","./src/pages/project/[id]/members/index.tsx","./src/views/secretrotationpage/components/createrotationform/steps/rotationinputform.tsx","./src/views/secretrotationpage/components/createrotationform/steps/rotationoutputform.tsx","./src/views/secretrotationpage/components/createrotationform/createrotationform.tsx","./src/views/secretrotationpage/components/createrotationform/index.tsx","./src/views/secretrotationpage/secretrotationpage.tsx","./src/views/secretrotationpage/index.tsx","./src/pages/project/[id]/secret-rotation/index.tsx","./node_modules/@types/file-saver/index.d.ts","./node_modules/zustand/vanilla.d.ts","./node_modules/zustand/react.d.ts","./node_modules/zustand/index.d.ts","./src/views/secretmainpage/secretmainpage.store.tsx","./src/views/secretmainpage/components/actionbar/createsecretimportform.tsx","./src/views/secretmainpage/components/actionbar/folderform.tsx","./src/views/secretmainpage/components/actionbar/actionbar.tsx","./src/views/secretmainpage/components/actionbar/index.tsx","./src/views/secretmainpage/components/createsecretform/createsecretform.tsx","./src/views/secretmainpage/components/createsecretform/index.tsx","./src/views/secretmainpage/components/folderlistview/folderlistview.tsx","./src/views/secretmainpage/components/folderlistview/index.tsx","./src/views/secretmainpage/components/pitdrawer/pitdrawer.tsx","./src/views/secretmainpage/components/pitdrawer/index.tsx","./src/views/secretmainpage/components/secretdropzone/copysecretsfromboard.tsx","./src/views/secretmainpage/components/secretdropzone/secretdropzone.tsx","./src/views/secretmainpage/components/secretdropzone/index.tsx","./node_modules/@dnd-kit/utilities/dist/hooks/usecombinedrefs.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useevent.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useisomorphiclayouteffect.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useinterval.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/uselatestvalue.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/uselazymemo.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/usenoderef.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useprevious.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/useuniqueid.d.ts","./node_modules/@dnd-kit/utilities/dist/hooks/index.d.ts","./node_modules/@dnd-kit/utilities/dist/adjustment.d.ts","./node_modules/@dnd-kit/utilities/dist/coordinates/types.d.ts","./node_modules/@dnd-kit/utilities/dist/coordinates/geteventcoordinates.d.ts","./node_modules/@dnd-kit/utilities/dist/coordinates/index.d.ts","./node_modules/@dnd-kit/utilities/dist/css.d.ts","./node_modules/@dnd-kit/utilities/dist/event/hasviewportrelativecoordinates.d.ts","./node_modules/@dnd-kit/utilities/dist/event/iskeyboardevent.d.ts","./node_modules/@dnd-kit/utilities/dist/event/istouchevent.d.ts","./node_modules/@dnd-kit/utilities/dist/event/index.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/canusedom.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/getownerdocument.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/getwindow.d.ts","./node_modules/@dnd-kit/utilities/dist/execution-context/index.d.ts","./node_modules/@dnd-kit/utilities/dist/focus/findfirstfocusablenode.d.ts","./node_modules/@dnd-kit/utilities/dist/focus/index.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/isdocument.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/ishtmlelement.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/isnode.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/issvgelement.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/iswindow.d.ts","./node_modules/@dnd-kit/utilities/dist/type-guards/index.d.ts","./node_modules/@dnd-kit/utilities/dist/types.d.ts","./node_modules/@dnd-kit/utilities/dist/index.d.ts","./node_modules/@dnd-kit/core/dist/types/coordinates.d.ts","./node_modules/@dnd-kit/core/dist/types/direction.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/types.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/closestcenter.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/closestcorners.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/rectintersection.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/pointerwithin.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/helpers.d.ts","./node_modules/@dnd-kit/core/dist/utilities/algorithms/index.d.ts","./node_modules/@dnd-kit/core/dist/types/events.d.ts","./node_modules/@dnd-kit/core/dist/types/other.d.ts","./node_modules/@dnd-kit/core/dist/types/react.d.ts","./node_modules/@dnd-kit/core/dist/types/rect.d.ts","./node_modules/@dnd-kit/core/dist/types/index.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useautoscroller.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usecachednode.d.ts","./node_modules/@dnd-kit/core/dist/sensors/types.d.ts","./node_modules/@dnd-kit/core/dist/sensors/usesensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/usesensors.d.ts","./node_modules/@dnd-kit/core/dist/sensors/pointer/abstractpointersensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/pointer/pointersensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/pointer/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/mouse/mousesensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/mouse/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/touch/touchsensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/touch/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/types.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/keyboardsensor.d.ts","./node_modules/@dnd-kit/core/dist/sensors/keyboard/index.d.ts","./node_modules/@dnd-kit/core/dist/sensors/index.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usesyntheticlisteners.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usecombineactivators.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usedroppablemeasuring.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useinitialvalue.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useinitialrect.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/userect.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/userectdelta.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/useresizeobserver.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrollableancestors.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrollintoviewifneeded.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrolloffsets.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usescrolloffsetsdelta.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usesensorsetup.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/userects.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usewindowrect.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/usedragoverlaymeasuring.d.ts","./node_modules/@dnd-kit/core/dist/hooks/utilities/index.d.ts","./node_modules/@dnd-kit/core/dist/store/constructors.d.ts","./node_modules/@dnd-kit/core/dist/store/types.d.ts","./node_modules/@dnd-kit/core/dist/store/actions.d.ts","./node_modules/@dnd-kit/core/dist/store/context.d.ts","./node_modules/@dnd-kit/core/dist/store/reducer.d.ts","./node_modules/@dnd-kit/core/dist/store/index.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/types.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/accessibility.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/components/restorefocus.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/components/index.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/defaults.d.ts","./node_modules/@dnd-kit/core/dist/components/accessibility/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/constants.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/distancebetweenpoints.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/getrelativetransformorigin.d.ts","./node_modules/@dnd-kit/core/dist/utilities/coordinates/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/adjustscale.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/getrectdelta.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/rectadjustment.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/getrect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/getwindowclientrect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/rect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/rect/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/other/noop.d.ts","./node_modules/@dnd-kit/core/dist/utilities/other/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollableancestors.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollableelement.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollcoordinates.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrolldirectionandspeed.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollelementrect.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrolloffsets.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/getscrollposition.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/documentscrollingelement.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/isscrollable.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/scrollintoviewifneeded.d.ts","./node_modules/@dnd-kit/core/dist/utilities/scroll/index.d.ts","./node_modules/@dnd-kit/core/dist/utilities/index.d.ts","./node_modules/@dnd-kit/core/dist/modifiers/types.d.ts","./node_modules/@dnd-kit/core/dist/modifiers/applymodifiers.d.ts","./node_modules/@dnd-kit/core/dist/modifiers/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dndcontext/types.d.ts","./node_modules/@dnd-kit/core/dist/components/dndcontext/dndcontext.d.ts","./node_modules/@dnd-kit/core/dist/components/dndcontext/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/types.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/context.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/usedndmonitor.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/usedndmonitorprovider.d.ts","./node_modules/@dnd-kit/core/dist/components/dndmonitor/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/animationmanager/animationmanager.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/animationmanager/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/nullifiedcontextprovider/nullifiedcontextprovider.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/nullifiedcontextprovider/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/positionedoverlay/positionedoverlay.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/positionedoverlay/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/components/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/hooks/usedropanimation.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/hooks/usekey.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/hooks/index.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/dragoverlay.d.ts","./node_modules/@dnd-kit/core/dist/components/dragoverlay/index.d.ts","./node_modules/@dnd-kit/core/dist/components/index.d.ts","./node_modules/@dnd-kit/core/dist/hooks/usedraggable.d.ts","./node_modules/@dnd-kit/core/dist/hooks/usedndcontext.d.ts","./node_modules/@dnd-kit/core/dist/hooks/usedroppable.d.ts","./node_modules/@dnd-kit/core/dist/hooks/index.d.ts","./node_modules/@dnd-kit/core/dist/index.d.ts","./node_modules/@dnd-kit/modifiers/dist/createsnapmodifier.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttohorizontalaxis.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttoparentelement.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttofirstscrollableancestor.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttoverticalaxis.d.ts","./node_modules/@dnd-kit/modifiers/dist/restricttowindowedges.d.ts","./node_modules/@dnd-kit/modifiers/dist/snapcentertocursor.d.ts","./node_modules/@dnd-kit/modifiers/dist/index.d.ts","./node_modules/@dnd-kit/sortable/dist/types/disabled.d.ts","./node_modules/@dnd-kit/sortable/dist/types/data.d.ts","./node_modules/@dnd-kit/sortable/dist/types/strategies.d.ts","./node_modules/@dnd-kit/sortable/dist/types/type-guard.d.ts","./node_modules/@dnd-kit/sortable/dist/types/index.d.ts","./node_modules/@dnd-kit/sortable/dist/components/sortablecontext.d.ts","./node_modules/@dnd-kit/sortable/dist/components/index.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/types.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/usesortable.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/defaults.d.ts","./node_modules/@dnd-kit/sortable/dist/hooks/index.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/horizontallistsorting.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/rectsorting.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/rectswapping.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/verticallistsorting.d.ts","./node_modules/@dnd-kit/sortable/dist/strategies/index.d.ts","./node_modules/@dnd-kit/sortable/dist/sensors/keyboard/sortablekeyboardcoordinates.d.ts","./node_modules/@dnd-kit/sortable/dist/sensors/keyboard/index.d.ts","./node_modules/@dnd-kit/sortable/dist/sensors/index.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/arraymove.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/arrayswap.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/getsortedrects.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/isvalidindex.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/itemsequal.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/normalizedisabled.d.ts","./node_modules/@dnd-kit/sortable/dist/utilities/index.d.ts","./node_modules/@dnd-kit/sortable/dist/index.d.ts","./src/views/secretmainpage/components/secretimportlistview/secretimportitem.tsx","./src/views/secretmainpage/components/secretimportlistview/secretimportlistview.tsx","./src/views/secretmainpage/components/secretimportlistview/index.tsx","./src/views/secretmainpage/components/secretlistview/secretdetaisidebar.tsx","./src/views/secretmainpage/components/secretlistview/createreminderform.tsx","./src/views/secretmainpage/components/secretlistview/secretitem.tsx","./src/views/secretmainpage/components/secretlistview/secretlistview.tsx","./src/views/secretmainpage/components/secretlistview/index.tsx","./src/views/secretmainpage/components/snapshotview/secretitem.tsx","./src/views/secretmainpage/components/snapshotview/snapshotview.tsx","./src/views/secretmainpage/components/snapshotview/index.tsx","./src/views/secretmainpage/secretmainpage.tsx","./src/views/secretmainpage/index.tsx","./src/pages/project/[id]/secrets/[env].tsx","./src/views/secretoverviewpage/components/folderbreadcrumbs/folderbreadcrumbs.tsx","./src/views/secretoverviewpage/components/folderbreadcrumbs/index.tsx","./src/views/secretoverviewpage/components/secretoverviewfolderrow/secretoverviewfolderrow.tsx","./src/views/secretoverviewpage/components/secretoverviewfolderrow/index.tsx","./src/views/secretoverviewpage/components/secretoverviewtablerow/secreteditrow.tsx","./src/views/secretoverviewpage/components/secretoverviewtablerow/secretoverviewtablerow.tsx","./src/views/secretoverviewpage/components/secretoverviewtablerow/index.tsx","./src/views/secretoverviewpage/secretoverviewpage.tsx","./src/views/secretoverviewpage/index.tsx","./src/pages/project/[id]/secrets/overview.tsx","./src/pages/project/[id]/secrets/v2/[env].tsx","./src/views/settings/projectsettingspage/components/autocapitalizationsection/autocapitalizationsection.tsx","./src/views/settings/projectsettingspage/components/autocapitalizationsection/index.tsx","./src/views/settings/projectsettingspage/components/deleteprojectsection/deleteprojectsection.tsx","./src/views/settings/projectsettingspage/components/deleteprojectsection/index.tsx","./src/views/settings/projectsettingspage/components/e2eesection/e2eesection.tsx","./src/views/settings/projectsettingspage/components/e2eesection/index.tsx","./src/views/settings/projectsettingspage/components/environmentsection/addenvironmentmodal.tsx","./src/views/settings/projectsettingspage/components/environmentsection/environmenttable.tsx","./src/views/settings/projectsettingspage/components/environmentsection/updateenvironmentmodal.tsx","./src/views/settings/projectsettingspage/components/environmentsection/environmentsection.tsx","./src/views/settings/projectsettingspage/components/environmentsection/index.tsx","./src/views/settings/projectsettingspage/components/projectnamechangesection/projectnamechangesection.tsx","./src/views/settings/projectsettingspage/components/projectnamechangesection/index.tsx","./src/views/settings/projectsettingspage/components/secrettagssection/addsecrettagmodal.tsx","./src/views/settings/projectsettingspage/components/secrettagssection/secrettagstable.tsx","./src/views/settings/projectsettingspage/components/secrettagssection/secrettagssection.tsx","./src/views/settings/projectsettingspage/components/secrettagssection/index.tsx","./src/views/settings/projectsettingspage/components/projectgeneraltab/projectgeneraltab.tsx","./src/views/settings/projectsettingspage/components/projectgeneraltab/index.tsx","./src/views/settings/projectsettingspage/components/webhookstab/addwebhookform.tsx","./src/views/settings/projectsettingspage/components/webhookstab/webhookstab.tsx","./src/views/settings/projectsettingspage/components/webhookstab/index.tsx","./src/views/settings/projectsettingspage/projectsettingspage.tsx","./src/views/settings/projectsettingspage/index.tsx","./src/pages/project/[id]/settings/index.tsx","./src/pages/signup/index.tsx","./src/views/signup/components/backuppdfstep/backuppdfstep.tsx","./src/views/signup/components/backuppdfstep/index.tsx","./src/views/signup/components/userinfossostep/userinfossostep.tsx","./src/views/signup/components/userinfossostep/index.tsx","./src/views/signup/components/index.tsx","./src/views/signup/signupsso.tsx","./src/views/signup/index.tsx","./src/pages/signup/sso/index.tsx","./src/views/secretmainpage/components/secretlistview/genrandomnumber.tsx","./src/views/secretoverviewpage/components/projectindexsecretssection/projectindexsecretssection.tsx","./src/views/secretoverviewpage/components/projectindexsecretssection/index.tsx","./src/views/settings/personalsettingspage/apikeyv2section/apikeyv2modal.tsx","./src/views/settings/personalsettingspage/apikeyv2section/apikeyv2table.tsx","./src/views/settings/personalsettingspage/apikeyv2section/apikeyv2section.tsx","./src/views/settings/personalsettingspage/apikeyv2section/index.tsx","./src/views/settings/projectsettingspage/components/index.tsx","./.eslintrc.js","./node_modules/@types/aria-query/index.d.ts","./node_modules/@types/ms/index.d.ts","./node_modules/@types/debug/index.d.ts","./node_modules/@types/detect-port/index.d.ts","./node_modules/@types/doctrine/index.d.ts","./node_modules/@types/ejs/index.d.ts","./node_modules/@types/escodegen/index.d.ts","./node_modules/@types/eslint/helpers.d.ts","./node_modules/@types/estree/index.d.ts","./node_modules/@types/json-schema/index.d.ts","./node_modules/@types/eslint/index.d.ts","./node_modules/@types/eslint-scope/index.d.ts","./node_modules/@types/find-cache-dir/index.d.ts","./node_modules/@types/minimatch/index.d.ts","./node_modules/@types/glob/index.d.ts","./node_modules/@types/graceful-fs/index.d.ts","./node_modules/@types/unist/index.d.ts","./node_modules/@types/hast/index.d.ts","./node_modules/@types/hoist-non-react-statics/index.d.ts","./node_modules/@types/html-minifier-terser/index.d.ts","./node_modules/@types/istanbul-lib-coverage/index.d.ts","./node_modules/@types/istanbul-lib-report/index.d.ts","./node_modules/@types/istanbul-reports/index.d.ts","./node_modules/@types/json5/index.d.ts","./node_modules/@types/lodash/common/common.d.ts","./node_modules/@types/lodash/common/array.d.ts","./node_modules/@types/lodash/common/collection.d.ts","./node_modules/@types/lodash/common/date.d.ts","./node_modules/@types/lodash/common/function.d.ts","./node_modules/@types/lodash/common/lang.d.ts","./node_modules/@types/lodash/common/math.d.ts","./node_modules/@types/lodash/common/number.d.ts","./node_modules/@types/lodash/common/object.d.ts","./node_modules/@types/lodash/common/seq.d.ts","./node_modules/@types/lodash/common/string.d.ts","./node_modules/@types/lodash/common/util.d.ts","./node_modules/@types/lodash/index.d.ts","./node_modules/@types/mdast/index.d.ts","./node_modules/@types/mdx/types.d.ts","./node_modules/@types/mdx/index.d.ts","./node_modules/@types/mime-types/index.d.ts","./node_modules/@types/node-fetch/node_modules/form-data/index.d.ts","./node_modules/@types/node-fetch/externals.d.ts","./node_modules/@types/node-fetch/index.d.ts","./node_modules/@types/normalize-package-data/index.d.ts","./node_modules/@types/npmlog/index.d.ts","./node_modules/@types/parse-json/index.d.ts","./node_modules/@types/pretty-hrtime/index.d.ts","./node_modules/@types/raf/index.d.ts","./node_modules/redux/index.d.ts","./node_modules/@types/react-redux/index.d.ts","./node_modules/@types/scheduler/index.d.ts","./node_modules/@types/semver/classes/semver.d.ts","./node_modules/@types/semver/functions/parse.d.ts","./node_modules/@types/semver/functions/valid.d.ts","./node_modules/@types/semver/functions/clean.d.ts","./node_modules/@types/semver/functions/inc.d.ts","./node_modules/@types/semver/functions/diff.d.ts","./node_modules/@types/semver/functions/major.d.ts","./node_modules/@types/semver/functions/minor.d.ts","./node_modules/@types/semver/functions/patch.d.ts","./node_modules/@types/semver/functions/prerelease.d.ts","./node_modules/@types/semver/functions/compare.d.ts","./node_modules/@types/semver/functions/rcompare.d.ts","./node_modules/@types/semver/functions/compare-loose.d.ts","./node_modules/@types/semver/functions/compare-build.d.ts","./node_modules/@types/semver/functions/sort.d.ts","./node_modules/@types/semver/functions/rsort.d.ts","./node_modules/@types/semver/functions/gt.d.ts","./node_modules/@types/semver/functions/lt.d.ts","./node_modules/@types/semver/functions/eq.d.ts","./node_modules/@types/semver/functions/neq.d.ts","./node_modules/@types/semver/functions/gte.d.ts","./node_modules/@types/semver/functions/lte.d.ts","./node_modules/@types/semver/functions/cmp.d.ts","./node_modules/@types/semver/functions/coerce.d.ts","./node_modules/@types/semver/classes/comparator.d.ts","./node_modules/@types/semver/classes/range.d.ts","./node_modules/@types/semver/functions/satisfies.d.ts","./node_modules/@types/semver/ranges/max-satisfying.d.ts","./node_modules/@types/semver/ranges/min-satisfying.d.ts","./node_modules/@types/semver/ranges/to-comparators.d.ts","./node_modules/@types/semver/ranges/min-version.d.ts","./node_modules/@types/semver/ranges/valid.d.ts","./node_modules/@types/semver/ranges/outside.d.ts","./node_modules/@types/semver/ranges/gtr.d.ts","./node_modules/@types/semver/ranges/ltr.d.ts","./node_modules/@types/semver/ranges/intersects.d.ts","./node_modules/@types/semver/ranges/simplify.d.ts","./node_modules/@types/semver/ranges/subset.d.ts","./node_modules/@types/semver/internals/identifiers.d.ts","./node_modules/@types/semver/index.d.ts","./node_modules/@types/use-sync-external-store/index.d.ts","./node_modules/@types/uuid/index.d.ts","./node_modules/@types/yargs-parser/index.d.ts","./node_modules/@types/yargs/index.d.ts"],"fileInfos":[{"version":"8730f4bf322026ff5229336391a18bcaa1f94d4f82416c8b2f3954e2ccaae2ba","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","4b421cbfb3a38a27c279dec1e9112c3d1da296f77a1a85ddadf7e7a425d45d18","1fc5ab7a764205c68fa10d381b08417795fc73111d6dd16b5b1ed36badb743d9","746d62152361558ea6d6115cf0da4dd10ede041d14882ede3568bce5dc4b4f1f","d11a03592451da2d1065e09e61f4e2a9bf68f780f4f6623c18b57816a9679d17","aea179452def8a6152f98f63b191b84e7cbd69b0e248c91e61fb2e52328abe8c",{"version":"3aafcb693fe5b5c3bd277bd4c3a617b53db474fe498fc5df067c5603b1eebde7","affectsGlobalScope":true},{"version":"f3d4da15233e593eacb3965cde7960f3fddf5878528d882bcedd5cbaba0193c7","affectsGlobalScope":true},{"version":"adb996790133eb33b33aadb9c09f15c2c575e71fb57a62de8bf74dbf59ec7dfb","affectsGlobalScope":true},{"version":"8cc8c5a3bac513368b0157f3d8b31cfdcfe78b56d3724f30f80ed9715e404af8","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"c5c05907c02476e4bde6b7e76a79ffcd948aedd14b6a8f56e4674221b0417398","affectsGlobalScope":true},{"version":"5f406584aef28a331c36523df688ca3650288d14f39c5d2e555c95f0d2ff8f6f","affectsGlobalScope":true},{"version":"22f230e544b35349cfb3bd9110b6ef37b41c6d6c43c3314a31bd0d9652fcec72","affectsGlobalScope":true},{"version":"7ea0b55f6b315cf9ac2ad622b0a7813315bb6e97bf4bb3fbf8f8affbca7dc695","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"eb26de841c52236d8222f87e9e6a235332e0788af8c87a71e9e210314300410a","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"81cac4cbc92c0c839c70f8ffb94eb61e2d32dc1c3cf6d95844ca099463cf37ea","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"5e5e095c4470c8bab227dbbc61374878ecead104c74ab9960d3adcccfee23205","affectsGlobalScope":true},{"version":"09aa50414b80c023553090e2f53827f007a301bc34b0495bfb2c3c08ab9ad1eb","affectsGlobalScope":true},{"version":"d7f680a43f8cd12a6b6122c07c54ba40952b0c8aa140dcfcf32eb9e6cb028596","affectsGlobalScope":true},{"version":"3787b83e297de7c315d55d4a7c546ae28e5f6c0a361b7a1dcec1f1f50a54ef11","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"2768ef564cfc0689a1b76106c421a2909bdff0acbe87da010785adab80efdd5c","affectsGlobalScope":true},{"version":"b248e32ca52e8f5571390a4142558ae4f203ae2f94d5bac38a3084d529ef4e58","affectsGlobalScope":true},{"version":"6c55633c733c8378db65ac3da7a767c3cf2cf3057f0565a9124a16a3a2019e87","affectsGlobalScope":true},{"version":"fb4416144c1bf0323ccbc9afb0ab289c07312214e8820ad17d709498c865a3fe","affectsGlobalScope":true},{"version":"5b0ca94ec819d68d33da516306c15297acec88efeb0ae9e2b39f71dbd9685ef7","affectsGlobalScope":true},{"version":"34c839eaaa6d78c8674ae2c37af2236dee6831b13db7b4ef4df3ec889a04d4f2","affectsGlobalScope":true},{"version":"34478567f8a80171f88f2f30808beb7da15eac0538ae91282dd33dce928d98ed","affectsGlobalScope":true},{"version":"ab7d58e6161a550ff92e5aff755dc37fe896245348332cd5f1e1203479fe0ed1","affectsGlobalScope":true},{"version":"6bda95ea27a59a276e46043b7065b55bd4b316c25e70e29b572958fa77565d43","affectsGlobalScope":true},{"version":"aedb8de1abb2ff1095c153854a6df7deae4a5709c37297f9d6e9948b6806fa66","affectsGlobalScope":true},{"version":"a4da0551fd39b90ca7ce5f68fb55d4dc0c1396d589b612e1902f68ee090aaada","affectsGlobalScope":true},{"version":"11ffe3c281f375fff9ffdde8bbec7669b4dd671905509079f866f2354a788064","affectsGlobalScope":true},{"version":"52d1bb7ab7a3306fd0375c8bff560feed26ed676a5b0457fa8027b563aecb9a4","affectsGlobalScope":true},"0990a7576222f248f0a3b888adcb7389f957928ce2afb1cd5128169086ff4d29",{"version":"549df62b64a71004aee17685b445a8289013daf96246ce4d9b087d13d7a27a61","affectsGlobalScope":true},"4c68749a564a6facdf675416d75789ee5a557afda8960e0803cf6711fa569288","6a386ff939f180ae8ef064699d8b7b6e62bc2731a62d7fbf5e02589383838dea","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"41333f3d476800f515bd357fec50fd2f8e7a309aab46d2cf2f22bcfe31210832","affectsGlobalScope":true},"cc69795d9954ee4ad57545b10c7bf1a7260d990231b1685c147ea71a6faa265c","54bd71c625e111b058159fc737c8f9a7170acfdb63cdb9a178558fb70e9fa9e9","1b61d259de5350f8b1e5db06290d31eaebebc6baafd5f79d314b5af9256d7153","57194e1f007f3f2cbef26fa299d4c6b21f4623a2eddc63dfeef79e38e187a36e","0f6666b58e9276ac3a38fdc80993d19208442d6027ab885580d93aec76b4ef00","05fd364b8ef02fb1e174fbac8b825bdb1e5a36a016997c8e421f5fab0a6da0a0","7e771891adaa85b690266bc37bd6eb43bc57eecc4b54693ead36467e7369952a","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"ca72190df0eb9b09d4b600821c8c7b6c9747b75a1c700c4d57dc0bb72abc074c","affectsGlobalScope":true},"21a167fec8f933752fb8157f06d28fab6817af3ad9b0bdb1908a10762391eab9",{"version":"bb65c6267c5d6676be61acbf6604cf0a4555ac4b505df58ac15c831fcbff4e3e","affectsGlobalScope":true},"0c0cee62cb619aed81133b904f644515ba3064487002a7da83fd8aa07b1b4abd","5a94487653355b56018122d92392beb2e5f4a6c63ba5cef83bbe1c99775ef713",{"version":"d5135ad93b33adcce80b18f8065087934cdc1730d63db58562edcf017e1aad9b","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","afcc1c426b76db7ec80e563d4fb0ba9e6bcc6e63c2d7e9342e649dc56d26347f","bb9c4ffa5e6290c6980b63c815cdd1625876dadb2efaf77edbe82984be93e55e","75ecef44f126e2ae018b4abbd85b6e8a2e2ba1638ebec56cc64274643ce3567b","f30bb836526d930a74593f7b0f5c1c46d10856415a8f69e5e2fc3db80371e362","14b5aa23c5d0ae1907bc696ac7b6915d88f7d85799cc0dc2dcf98fbce2c5a67c","5c439dafdc09abe4d6c260a96b822fa0ba5be7203c71a63ab1f1423cd9e838ea",{"version":"6b526a5ec4a401ca7c26cfe6a48e641d8f30af76673bad3b06a1b4504594a960","affectsGlobalScope":true},{"version":"816ad2e607a96de5bcac7d437f843f5afd8957f1fa5eefa6bba8e4ed7ca8fd84","affectsGlobalScope":true},"cec36af22f514322f870e81d30675c78df82ae8bf4863f5fd4e4424c040c678d","d903fafe96674bc0b2ac38a5be4a8fc07b14c2548d1cdb165a80ea24c44c0c54","b01a80007e448d035a16c74b5c95a5405b2e81b12fabcf18b75aa9eb9ef28990","04eb6578a588d6a46f50299b55f30e3a04ef27d0c5a46c57d8fcc211cd530faa","dbe5aa5a5dd8bd1c6a8d11b1310c3f0cdabaacc78a37b394a8c7b14faeb5fb84","2c828a5405191d006115ab34e191b8474bc6c86ffdc401d1a9864b1b6e088a58",{"version":"e8b18c6385ff784228a6f369694fcf1a6b475355ba89090a88de13587a9391d5","affectsGlobalScope":true},"d076fede3cb042e7b13fc29442aaa03a57806bc51e2b26a67a01fbc66a7c0c12","7c013aa892414a7fdcfd861ae524a668eaa3ede8c7c0acafaf611948122c8d93","b0973c3cbcdc59b37bf477731d468696ecaf442593ec51bab497a613a580fe30",{"version":"4989e92ba5b69b182d2caaea6295af52b7dc73a4f7a2e336a676722884e7139d","affectsGlobalScope":true},{"version":"b3624aed92dab6da8484280d3cb3e2f4130ec3f4ef3f8201c95144ae9e898bb6","affectsGlobalScope":true},"5153a2fd150e46ce57bb3f8db1318d33f6ad3261ed70ceeff92281c0608c74a3","210d54cd652ec0fec8c8916e4af59bb341065576ecda039842f9ffb2e908507c","36b03690b628eab08703d63f04eaa89c5df202e5f1edf3989f13ad389cd2c091","0effadd232a20498b11308058e334d3339cc5bf8c4c858393e38d9d4c0013dcf","25846d43937c672bab7e8195f3d881f93495df712ee901860effc109918938cc","fd93cee2621ff42dabe57b7be402783fd1aa69ece755bcba1e0290547ae60513","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff","69ee23dd0d215b09907ad30d23f88b7790c93329d1faf31d7835552a10cf7cbf","44b8b584a338b190a59f4f6929d072431950c7bd92ec2694821c11bce180c8a5","23b89798789dffbd437c0c423f5d02d11f9736aea73d6abf16db4f812ff36eda","213fc4f2b172d8beb74b77d7c1b41488d67348066d185e4263470cbb010cd6e8",{"version":"970a90f76d4d219ad60819d61f5994514087ba94c985647a3474a5a3d12714ed","affectsGlobalScope":true},"664d8f2d59164f2e08c543981453893bc7e003e4dfd29651ce09db13e9457980","4c8525f256873c7ba3135338c647eaf0ca7115a1a2805ae2d0056629461186ce","3c13ef48634e7b5012fcf7e8fce7496352c2d779a7201389ca96a2a81ee4314d","5d0a25ec910fa36595f85a67ac992d7a53dd4064a1ba6aea1c9f14ab73a023f2",{"version":"f0900cd5d00fe1263ff41201fb8073dbeb984397e4af3b8002a5c207a30bdc33","affectsGlobalScope":true},{"version":"f7db71191aa7aac5d6bc927ed6e7075c2763d22c7238227ec0c63c8cf5cb6a8b","affectsGlobalScope":true},"06d7c42d256f0ce6afe1b2b6cfbc97ab391f29dadb00dd0ae8e8f23f5bc916c3","ec4bd1b200670fb567920db572d6701ed42a9641d09c4ff6869768c8f81b404c","e59a892d87e72733e2a9ca21611b9beb52977be2696c7ba4b216cbbb9a48f5aa",{"version":"da26af7362f53d122283bc69fed862b9a9fe27e01bc6a69d1d682e0e5a4df3e6","affectsGlobalScope":true},"8a300fa9b698845a1f9c41ecbe2c5966634582a8e2020d51abcace9b55aa959e",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"e9a8d4274033cb520ee12d6f68d161ba2b9128b87399645d3916b71187032836","30a1b56068b3820c91a055425a6af2294f8ef2bb10a59dcda413f6437093620d","db6d2d9daad8a6d83f281af12ce4355a20b9a3e71b82b9f57cddcca0a8964a96","54be1e9fa1341e79190896d0b79279b681714d79126b7e012777e328385cacb6","625e5d5e9e25017d53e65c62ff944d812d48ec1bbaaf7395c8f8cdf6c9218061","d9eb71e7c70837921557ecc76865043734dac2cd1bf1d3a7b24879de47befc89","39a3fc61a65aee8c90cd81bb2c9b508be6c5cc745cd40eaed95954a07c11bb82","254a9b57801e4f45ef7576236e5984e4abd95a03ea06b2018801ae3200e1617e","3150ee51540bdf0d4e0ccb05de6f905962dc3505bd28b7385c6924f7d9eeba11","2302818e3723d16f85c3d75de67247a1bacc23f5399b8235fde025737a6cc5b8","a13e414841a16a10e8637397f2551c52e1025278f4d8d2397824546dc272441b","98e00fba67d4b527de2929778f96c7f9453fbbb8c50968ff096dddd29057450b","b8d57d43415dc08b757f7bdfa382b596bf3627565dcb11bc325956f351abc813","481317b3d14426c2145b2a9a368f27278b20a76115bcc58ac5eb8649791e66b0","e5fe42c833993ca99b2e7628fd90bc3c0d30c9447a925d332ab90a53dff5743a","e264129e63c4e4c13586d8e166ee80c90a7da663b3d3e2a40f0fcaf89e267685","22082ac39501b626f8b4322d6bd6fb0424de438777b141f663286cf8bd048398","7efab7f15be1969d9e92bab327ec311d0bf7fc972f793cc8ca25ee95d7b720ad","bd53743631e1afc700defefceea03658ce7fa4a5a0a42622daed233b8c8d8473","16a510a8408f5a845b3e5dbe17a731b9e6dfdcd416410c36f8afcd8cf60c57a4","85cc7ba47f064d73b53d98e5384dad6e88809b8c0ecbf155846203d8736e99bb","be5dfb4c5c1bdfb0d853370c0de9a995cb39eef0f277d645a7f43caaea423d18","58902668adae2e5eb67efbccb4048afa02308fa684f1a4e4c7d47668ecf58c1b","2e14bcdfb0fd8cf0f6397a641018bb3d1409870af299707126302bd264cb3d42","11206290b4d52fa4a2ce697aef740ebb4514c58ac73a7c792e5b241b24d03c1b","837acd3f64bcd556da76827c292e82ad812170d880a490a7deb3f2de0ffa7c9a","2e94503b5076c161c7aac50b99bc5244ffc4cc3c4b699d079ce24b86208ebd18","17937316a2f7f362dd6375251a9ce9e4960cfdc0aa7ba6cbd00656f7ab92334b","2a878850cefd50fcb86b1164005cc48294edf62fc3bb100301378a448e3d2112","4e0528cf15ca199d8b363895c38e4f7b45ccd79d34f84861e8800cbd41eb2d37","8e64a4268cab5c9790d4895275ffbe654d75b877601ecb0ffadb66f95132b3bd","eaf9ff519bd303bff935b04d60d1269708fd2b5ce41b3d1d8ced373e2c02b76d","71cad090e94ca13ef78b9f4275159a76fb950ad33b47ea24f4874d1df5ad3dfa","6e5f5cee603d67ee1ba6120815497909b73399842254fc1e77a0d5cdc51d8c9c","f6404e7837b96da3ea4d38c4f1a3812c96c9dcdf264e93d5bdb199f983a3ef4b","37ac25883371c238e6c4575498d3517a25433382ed77f5181af60f9fa06eb2c4","1d5b8dfb36cd7234b297aeb66435f37ddb7579b1ef5e94a13e195d51b09c92cd","7a18dff83add08d87a614e3c28b07e919def3d72928dc846d557be176fc9e3a5","ecdfa1a2faf120fe24d456616945fee5c950b55ca60e3936592524b737a0623a","90e20fced750a875bb86a6b781a43593647f11bbb979511a4d7051d2d21f90db","7d03f9b34192444d1ae3d2dce4f88a126e51fb8e0cb0ce5a92019ff6212dc1ca","45f80f549a22887e9f85ad3c6a24a382d1e825c8e7fa72a2d1e7c53e0c4e623f","5cab8fa167ee711e4dfcd22ed632c60be36bd49dc6eea8cfdd3613c59d00c43d",{"version":"a5b7d9811cb310f8abaebedbd80023cea0c9b4011984ca0c58a52f25fee67495","affectsGlobalScope":true},"22671c0bd8afbe9238285b94a9f6bf447838f290ff054850145989d347099192","00357bb70a10782936bbfdf7c87ad632e5c2694b6714224ea0995299db1885ed","2766dee26ea113e9b491b7842cb44df57c4d79b17057b42607e09fc174bd411d","cb4047ce260c2f4585b2d592d04a1d9a9c2a1ba32679a688523ec314a977989a","0511c61c22d677da1b6bab4d3844aead1d7e27028d2f0ed1ed315e0860ed5357",{"version":"b4610d904ab939109aa8bcee6f795de8da780b6b4a4d8ff2ff9d2e3b699f55b7","affectsGlobalScope":true},{"version":"8b20e6ed022d1615533cacba5ff84521a86e86e98ef79318415235d64858a0e9","affectsGlobalScope":true},{"version":"37b859e0b3e9c67252710e6135a3e80daa5ccc5d9eaadd7728ede7ccde2d1263","affectsGlobalScope":true},"b7f9c8b05e3a56b80f6a8362b3f084ea887d3f857bc885a5f1dbc03150b981dd","1329c41c13694c2d89f4576fc3d0f04e07f311a682bf958bde5b79e6c76c0137","f77d46ee52fbe94069be9a6b7d7345144d9b64fceb68c4fd27578ba333b66b6a","65c24a8baa2cca1de069a0ba9fba82a173690f52d7e2d0f1f7542d59d5eb4db0","b7fff2d004c5879cae335db8f954eb1d61242d9f2d28515e67902032723caeab","8303df69e9d100e3df8f2d67ec77348cb6494dc406356fdd9b56e61aa7c3c758","8de50542d92f9ac659c30ead0a97e9c107dd3404a3b4fd4bf3504589a026221a","4545c1a1ceca170d5d83452dd7c4994644c35cf676a671412601689d9a62da35","7e3327a4bd457a8949d15cc317b76fc394732519b09facac6836a726b58f277e","a2d648d333cf67b9aeac5d81a1a379d563a8ffa91ddd61c6179f68de724260ff","c3a905a7fa93ca648349e934fb19356cf7b40e48d65658de3e0c77d67696fd40","a3f41ed1b4f2fc3049394b945a68ae4fdefd49fa1739c32f149d32c0545d67f5","c2489c80994d62e5b51370a6f02f537db4c37af5f914fcb5b2755b81f1906cae","47699512e6d8bebf7be488182427189f999affe3addc1c87c882d36b7f2d0b0e","38f19e920e7f0babb44119ed394e1916a16cf04b17b6724e07e1497cd5ea1445","42c686ce08bf5576ed178f4a6a62d1b580d941334fb53bdff7054e0980f2dc75","f5daecf7f124d12e92b3f640dabe6fe5f0444bb4d471fc2ee1811a5d8ba17981","cdf21eee8007e339b1b9945abf4a7b44930b1d695cc528459e68a3adc39a622e","1d079c37fa53e3c21ed3fa214a27507bda9991f2a41458705b19ed8c2b61173d","26a451bf3a5f87ebaaa7694c5b664c3d9cec296f3fa8b797b872aee0f302b3a0","5835a6e0d7cd2738e56b671af0e561e7c1b4fb77751383672f4b009f4e161d70","c0eeaaa67c85c3bb6c52b629ebbfd3b2292dc67e8c0ffda2fc6cd2f78dc471e6","195aae3bcd7fa56c83e3242a6b613be4e70bbebbeebcf366140200750a7bd05e","5b5399e88bf15a6fbf4ac3660ae8c3df467932531f6940a914987faad103072e",{"version":"7a87441a419deeff2165cf497fed7c3600c886cd41e92bce644320b9a01f5c5c","affectsGlobalScope":true},"9c00f78ac4e60d1c34d0fb415df6b2fea5f6eea200076dff4d782256a4c2802d","79d056984a8964d3917c7587067447d7565d9da696fcf6ecaa5e8437a214f04e","9269d492817e359123ac64c8205e5d05dab63d71a3a7a229e68b5d9a0e8150bf","ab5b87a775a1a04cc0af0dce5c92742f59fec05ac0def71d1d6f9d9d239909eb","3d9241250ff79102e2eee92162852175846a82f759d53b1ed989cca72bca4f08","020e7d842030c4d8bd2d0e3b44b8aeda578acd938e3b2de09cc5d16eb6c5fdc8","ed1b0831d5ef141a09ce4244268533c39f09b69a1e2da190234ba37ebe760f44","dfcf1598ddcdc3c5e405165acc86e0508ef9e704bc5724794633a827a4dbcd35","446bba16e0299d6d64b2df158b8405a9bd3cbaa56a8a0bbb7840df712c84a6e9","6ffb1d252c75bc2ffe5d4a4ea66a3fad1488ed818639866d08d93f3ff0ee576e","2e968a8f4143f1a945b08fade200aa678b0e3c11e6481edc9cb49c7b872ded7a","5c50309c58cebe2ba277209b72c0101fabe143168a31ba9a7c587bf4265eae57","76a1caf3c5f2b86391fa6935e01cc087d3f52a744dc066487e89ad9c85a1ac23","fcbf5dde512d4e92df33eb9b6f5347bb5e22434996189c167d3f82be6ab417ec","ee862a4c933eac0e00d2f66f2d7d0f840880163af51e385991fdc7d71b57fb73","c7aacb74fe0dd4765d701a71f60fc51a299ca1be0f2b940861755416875b134d","8d5513afe1424fee821141f264d658243bd99dab101f3ee407b7bb7a434e1a74","461a6d4df2b98684624f2ca77d1cc3e8e5d0ca1f2b236537067335433097db05","f08cc8cb46f73a3199389c68844b0469497f8c1efcc0012d6b18fdd5ae3e2527","cb5d8d2db432271be3bfe5f430eb3ad9f90d5f70958fb7bfcf9a93da9b971e77","778643fa8466066d93884d734c484b8fffa313b925dc8bc41cc1b74f0b939177","e04263fc0e5a60501cbbf51e52d6119e7662ac25e229990accfb5065f40209d3","59a20bf01eaa3592f96a2b89f462fa25de33203256a66397f266d2ffcc3f7830","3860e117c5beca3cffa6b7040456feebca1132574d8f1cce376b2b1fb33529c6","64923c5e9096261144df4e30c1a109b86a2518b3c5cfc568169b2b4cd6f887f3","b2f7720f13a8bb7eed1f4e546dbf98e3ba2966b89e638835d50838609b2e78e7","4e9729c330bfa89a9dfbf23b3bce6860fdf089cbc6fb398de7caa087d136827e","b0cbc8925db6eaf08fc5f4fb67f0973c0bf88f4f9285b8f737e4270d0efcc4fd","362f7b1789bd8284a7c2d850735f8f915359c30ce4f796adbc6bb19c2dba4f0c","11c3248bd1ca0cea998f94024ab50544b3427fdf90931820355cbb1ef5d95b4a","8aa0a8b48ab298a60f93241341ffbd3a4e9f25a06e6a01cf3c819db8d26029f9","c89a3ad01c26038d80f086b97496e79a94097e3cdffde751834bdcd0d1daa66b","8823deb4062863db8a3a40dd0acead7ec48e2aeba07704d9ae20a6f04dedf889","578a8b13b5d98caf78e643b52eca911358f90a1dc5c29a0ad97ce4a090cb6591","a7fa06b1f8659eb5a9dc0fbd012ab54d6525d980274aa420eedddf5b9a6a1aaa",{"version":"0937a61fce5d863806015280ecc91a2f27b5a5f7c27941f9f287015d681307ee","affectsGlobalScope":true},"27cf48e9e738bb616deef23a1eda9903b0b66717767e8b3f027a0107f634026d","8edc974a1d2ad2fdd901f152606a6eb5911658b393325d88af6731adcfd47ac5","b40897a0c614a803fd24794c43f3814ec7b3e9f232d82f82be7143dc619fb455","fb45f1dc196a6d0f0f1351c8e29198cdc13b49446934941f8ce37822b258b71f","f68dd76b8b2becf269d0b64e4dbceaec4b9a5d33097d33c7e7f930cf94693e06","839e18b4e1e2c9b5ae7e51fde765e49f507790a2a331b4d3f330eaa29faa43d7","953b006ff3fdfbf381a4abac3388dfdd3f07c841dddd723f8b854647781187d3","8cfff1065bc5210922d4bc4fe1f3c197071112a3d156ea89188730426e41f557","7fb2ced69f73204d1ca084b7a18cf9eba7452b8a60d3667fe9b5b41f5ecffe6a",{"version":"35fb9e042a1fdac44320bb449b42fd798b4bc1f2a8eee0c1cdb634a115dd49f4","affectsGlobalScope":true},{"version":"584412a58387dd8ef4c852c3a39a22225d78bddba88a9fa696a8289b60097058","signature":"440b18bc875fab88363d1aeaa4c3a57e39face566a9c47dfeccbff05fbf8b446"},"ffbcd6746978be85902c5ec6b0ddc9ae3f1f1e36136c08ba6cd246d758a3cae2","34da77041d4c35d39968585c8809aaa52053300008eb678f21412cb2ce05a981","b46ea79d948287ec30466aa8d806242a96b7fdc69ab2157fcccd8d7195ba1c51","d88dc05fd345b7a4e1816bbfd2dd087eefa9b9e36096818c2348f5b246971125","ef6ed5634adeb1c22c06f8d3608ad46574abb1850f82b0cbc39378d3fb59adef","6b3ee5a8b9feea477da8695b8bd4fc4105b8f1e7fb8592eaf83df45ab6fc48ea","05c0faa563f55c7695f78358928a996bb80882ed9a8641a0a20d6df078da3316","1f39c22416eaa0edb00297b5150cede1de62c73c9683de450701dc2acf41d37d","8fb40894a0b24314c7c7d4f4671991b12907e2b76baf7997a8c684af715b923e","785aca1d0032ff4823a42c9f91aa1d6bf3153b0108facdb1ba642a9684e1930c","0b9544c3e68408e098a5b77d9b57207d518b5936a1ffee814d4b7247081a61c8","c01129c9b478f32f657710bf3bc64d5dcd26f3888d810cdf099ab2acef858379","37c4c3129ef09c4ccc048f631e1c78363923d297aeb095cdbdd6017cd35ee854","a20422d6d7e40a02bde1d82d0971eea2f2948e1e99c627d642e1c8bd6c79f7e4","a74386a253362aa913ecee27855418fe5fd644e65a14863499b3187d3ca293b0","2d4481b6782e9e64e7b561838cb0c369f18b96058b36511861ad867d0a10430c","e6c16b8f5a570e35cad6025e29d6b23d98ee06822b5f81fc619e4d752c1fb520","81fbf86c83c2ed5c540734056c462cbbbe26c0b947b0c7b3ab53b1dcac55b44b","549915ebbc937ac837f459f7001778b08e84a346cf4d48490af26b618dcf6417","caef5b191982cd88619282b10e1c52c3cde8c81d4eaf4650b4e62d73f77483d4","8045fbd1c17221d04a958857ec839d001de7c7c6664b44f2c9e859d2436931ad","2bf39b3a1cabcfbaa8614b29aa84bd7a312bb4befec78ce5bf863ffab3eef392","79adecc701235f6fcdfc53699b7c318e4a4f669dc26df12b1ad35dde6d028611","90f5d634ecae022f7978cfbf36c96fbdd5279d3c9e4272e9c11dddd4a2c8e03b",{"version":"c9dcfe44bf8b28996f8edfd93bc8e84cf84998d0407105beac9196ef4a2d205e","signature":"45b7b72d735ab6b31cee279a4bb7ae7313b80a745fd638a8814730e30a74dabe"},{"version":"9b66ef8c3a1c5def38680aa5e7396460ce7bd771da1d310e80177da5f608bb8d","signature":"a07a7d1f7e2d6ac0a9f6777fef0207156e0d93963847a5593699d7f4dab1f772"},"c0ccef9b6877028c211f2378ee347210653675417ab9b613ab71dea61057d71b","e47ba365fdba2abdae7635373d9ad200b8ee5b9147db85c0da869f9c5d22a732","0a3e13f1e00ed97b318a1c26844a0d6a67a1f604dd86ae2eba715c7b3d57754d","c55274a912a6c3b2f6bf7585ea9975aa50fc01e395cb2d3d0258aa23053612c6","66d23f8ee459e996ca79319611ffa2424a296e45956bbc601aece5b9f323b34e","be77e125806e6eb83777f76a52b9909130d41a1f0b1c73a50de53f2b01bb6081","2ca5180f409e32b992202cc7538ef70882d64fcac33f4bb221e55ec435a523af","288b0dcbb0de1a8e66b3d6f2e6bd179f21601c62ac359704e51397485c8ed7d3","ae13173e6f1c3824a731c452baa35e7a5546211137dd0999c37850d9c660bd77",{"version":"6b17b6134cdc4e6ce16badfea1041ae3d327da4adeea2105d09e7e1f08a4728a","signature":"2e204fdf4b872c89ea8fbbf8053dbb67f52ab72fd3d4d80573c58405eb07eadc"},"ed45fb86a819ce07c8a005dcf7336d025f95a937e33f77394555e0fc9b9d4617","6e0447e2c2be60707706d42b79cf281cbcba8aaf80dc57f4a8313106154ef670","5f4d50ff5e84da3cc58452aa3ac68a572ed7b1927de62a20d37470087af5c692","a8f27b8439bae7025d20eee22bb8bf38d4b4d1a33fa5cedf34013e40d8c3ba64","d14ea11284f2915f11490a78ddefe3bbd40e65acb1dd3c8c4d4149982d6eb7b8","be25d1ff8e9d092ee3d010c62f5aa00b1474ab6bff62de307beb928b5543c994","41045c9571b4ce67b52f9f81ea9ba29b105af178a1701de465a74a034dd93174","2955c4cbf3b5e39f2a9dba75a237272ce6ab3a9bcbe06cd4e59ee0a2dcf72da1","b0c23a44aecdba873edeac49dbeda909ced3e73da262fb6d7e03b93f2e0ec016","2830128292df2bef652009832a159a2c85bcbb260b7b5fa617a455ebc7e20b9c","8c6a0258f66fe98e9bc9bfea6a27756da7c9c3e7c4e0412e69d9644ee70d923b","acb56957794733060d27812da847a44107c6f9c1a3b9b1f04471ff0884346c97","38afd16ab8901af93156d92becf2871d3e68e4efdb931641d4b6ab957f72b8c0","b997a80fb537e0a83eb93d51fdc6d490fb580905d7c6ea8d4b9a4f57ebf9a9c6","f238956aaa2aad92ee324500a9c6ea1d7cdad9e3691f4d6d86555ea56c292bae","c87544c20e3a5396d0305c7ae7e7f8769840f10bbf0af4f796d5c863f2244aec","1f1f9ee60b4ba35e18ea730671f667d7bc5c4c02f0eb3b36d1a709ed74161af5","f0e67ef0fc39665738c3d28b722edfe24491a8de31af9830f1906c68926ffe50",{"version":"4ec867959cf359f8242a08fcae0bc3637fa635210ee3cef8bd6c1fa6dad81fb1","signature":"7eb5b34e071e410349fef0838d64676841bc6f0c5fa40828384d5b8d762043a6"},"04ea208e207e8c5a619da734bac68e6d537e72b98f30a7e09067421e40248dd2","162ae925b659833cdeeb5ffdef97a37b8f5d6ca466eff1edea2d6a7d696834e5","a6acf459b731b8e8ddcaef11a23bb00e91b3fe9bcb28efba118e55fa75ee413e",{"version":"a770841ffe685690767c121255eade88d100dd5dacbc2aa561fbcebf6cb41a75","signature":"9285a5d938b4f5d3792421d0c4832330cd99d66c422a0b07f94500f286a69cd9"},"2037cce9791adbf9da998ba6ff9664bded9146897a65abb8764d7cb69deb0e12","48cae5ad93aac60d68c73fe1b328120a6fb925727c8e4ded6f1cc26181e4c4c9",{"version":"148bc8e7e499db008da09713ea1e039cfea824cbf802f8d09814fe3b73ac277e","signature":"02e9e670cc351a1e5f166ad63a1781072b48d1a323c2aef4511deb9112d458fa"},"c27ce12691dbd0d79be05a298c85549623f3790f232e176c598b95596f8346cb","477bb80181151d63aa9a3b44d745016e51a28b1365cbfca258aff6efb34bed02",{"version":"58c82fe44a09d5839629b02268eedb407b7eace45d557ce95c67e77030cca656","signature":"9df46711d447cebb0cc46599b5a41c51d12eee3215a1a36e0c9f6250903c877a"},{"version":"7a944afe898843b8ed10a6ee387e7c1fb326d5b9fc1357a4dc82d13edcf5b823","signature":"cf47f7bab39a8343a78517c5a3aec6904f6a7b4e809f18c8542d4a1e5b35aa90"},{"version":"dbc0e930a989a710441e84daff3dff743f462396450285938538e8cc39198391","signature":"115cc4c185def5ee791d0a5a230b345aff49967621bf3bbd6bf39aa010c7c477"},"3e3e83cb4f2bbff5cb728f0056d5f8fd8e93977a11122d828c6d1e57ff6c832b",{"version":"f0e336957f558353bb26a56996966dd2f5161236d2e3df5e4a3fc1cf7cafdbe6","signature":"3590fa77d781ac65a25a368e9d88a6dcd4e825ff8f4d6f21694ab9cc08a17c86"},{"version":"a6854110baeae8fc4aa9c05299d67dee7e99575111bec5ae6a67f5c7ae78519c","signature":"18001e738d73d7846bce92e92402556920c5958f486729d29cab633e63bb7726"},"e1384bb177a3eb4f029a41faad21f494e9478dc215f91cdfcafb6f81ef8ab0ca","8dcee946e9ec64ede2098ba6d60860b4e1253771b5c27f7ecd94cabc38f50eea","bb2fff6f77d9dc1d13d3eb2a67ee239a9d28aa5910aa48230d3476c1ac04afbc","96e1defb53c69d0be2ee241354fa947eadb529cb3e3d1b4f353f09f49e7e73e9","d87f560cabbada307cfc8401d3381216ed5f50f4e7250ceea7786861da7b99df","0e854431fec591234db790731e5fe47effa64745822cd67f61051590b1435749","2ea2f7f5d9e6d7594eb611924162198906455f737dfdb7d7a0ce6acfb9ba9552",{"version":"c10ebe3a6eef308aacf2a5aeb86005fade7951af6fd4483631debfce402b695d","signature":"d9b58e1777ec18f927947290d2b2c84546aee30ade53891338b1a8688b349fcd"},"46c1c283aee7c88c7d578545914d1cb7d2cda1f4bdd67be918f43013504a947c","282a4bb46fdcdfcd2b05fb9618cd4039ea4bb4704898822018ca775e49764ce7","7d630f207a66aaa4ad2e3e5e6dac1dc40585ca012ea60cb8ccb292e425882899","cc42f8b3aeaf33e44edcc6ac736d81a1cfb10611832d25701ab96f389db4adf5","51858552745d17efa808ac92b37b0ad7a151e0a4dd2898987e0ddaac43ed875e","3991442ac433a969fb5a453979cf62917d3997bedbc508525ae8e439523ef76b","e5d0c5dcdff8b4b7dbcc1b1d6d06fa2f0905a33869b8cd0b8d3dbd085d7b56d5","a85b6368a73819f345b8e75cf73c5dce69d41fd5984afbbbb70de5085fcb27c0","46ba72d2350cc0bd82f6a2a80cf0a95665ec42f2e1303fb0a104b0622df2a320","3814a023edef4bd7ce0b5ff309ba955bd045779fccf87834acf72fa3394afcaa","9778da922b0fea985c1c57eed0294d3ee3cad4af31f7a1af88eb19e90495e976","e7d2e8448600b8605597199b1d83c93db15d80367a03e0b58ac08ef76cf9d237","85ea7c3e9f3b7d93d11e8082e2aac95a0c56c28cad863108d94ac7660027e23c","6dd643f03f95644c51ade4d1569d4b6af7d701d7cc2b456b23c0ac27fae63aed","87d444caec5135116657d8cfd09fc3a9a4a8bd1e375cc80325459de4a598f22e","1ecd2a7fd8ba4a1d18c4933a2216b4ffc1fcbc5f97ce6cbc55f5588b092dcf50","272aa6064ef79f6d561e1111cc0269f0daffafef6550c59d42f4b235d362de71","d3faf237654bb007931951f8a783b8c1982a3a62659ce6833d23eefd1bf2a7ec","9cb4625b02253cf3c0818f59c70d19c542175ceba18ec1e18318de0bc0932727","45c48571bfd80f129ef9e5f143c7dc8f228b381d87af7cb9a796f4865b30bc33","e9da0698eb51c586e4f210be87cd7ce957d403517dba89b3697fec2f539413a4","5a85c6c8966322f562748f32a0e30ed212fa08661d4d8759ee56e660fd04be9c","966f01c60963e2c2e1a455d187feff969fd13768dda55542d77bb57e266910b2","6e6fcdaa0430e3146d284a497007168aaade41e17c174faf6127b477df6269f6","148ad7e52856c6460d8d3b3d5d591dec56f079893a2ceea50f3e2d5cd0d8123f","6929240c1a63a9b345c994ae24ffb36a22ec635289edbd022cdc56cc0d594f36","c0b13d633194ecebddcc6ec4579f2bd1b76aff9af6ebd59005b0488a7dd83669","0c2323f5b4f199bb05dabde25a2482a54cdd85ae4a4bda168a117a704bb216cf","bc5004d0f2cbd492f1bd751cda5676b4a509d0d9491e644cfbc787fe7a1e2702","db44af901ae5759d2d93c3f08eee22aa657dde26686aaa52d7c804605c3487b9","b4e5f7d51cc72f51759916b311f42cd698f45e95b22305ad285aeb4cb275e444","ed1227c3fec8eb4708eb484c48f14552a0af67bec7c710d009310f672ec2793f","b38f7cee19b160c8251568112a7e4ccedefed8f8c4e9a34e19b9f942858cdd7b","7ec2d9b26ce9effad7d2aeab41bbbfc1436cff3c6a517da53c78283abc640952","bed94765baccbd1c3a797d09836ae7ecd5a3408cb7bcf8d39262f970bedc3a77","e34917229731cf48264fc6f017fc19ad302ac3510e5ec02531711e23da2a5e94","651049fa0972283d78f0c77d0538c404c0da5beed42c6d75674b77ab72d00b5a","33ca55bdff472d604b62d87cf15440de57d634b27da84b457ae13ab106414a77","0e56976f80fc0c4ad1d2cfb6452c8fcf53e60688160bb6943ec1202926c87d3d","67b86b57a1e993cd345ef6027d4c7e84e2d0301cfae737ce7765ff3f5345d2d6","55815388a569fa3f7a2565bd3e1fa6411ef817fd900d253e4db8e2dcfc9b3b60","3e4001643b64a3a4722718c5a778ae73f3dd43487e39508ce2f9dd7cfb1d40b7","b90c23a457c16f77a282531a5caba5c911d2252eb097f3193a8ee2df6a3f21a2","8f9aa0f1f409380d4dbd5c9f5f2e4af828e123095891dd0efc5bb999f8d1a301","bdab62a006260d5fd3c623f0b635140bf48d7a8f87f0eeca5fb188b5ac66770f","c0dd6b46374a90bbb701cc4888a9d6b698a479a2acce11969c5583ba6127f5d5","d2b5f65bdd6ff5c66c18222e67e39dbbcb8a760934a09d344975ecca7c1db023","4da5dff43e4f0f7ee01ccc6b703be4aca239c72432f5ee0b249860dfae7f9ae3",{"version":"a955671407458b19a2f983ca56d1ca42639d853f40904ff03f1cea0cc23520ab","signature":"b929cc690d2758dbf85f81562486fef208207d72b151e1f583534bec32a581a3"},"f6d0a5d214329673aa9d4926cfd71f29ed5aa97884cfe1752cef5d5fd24a5e63","6a40e2a93a39c473261a2f646bfdc508b77697f533740bfc666b219bc88f1953","78d46b99d7a768eb68b19be14c46faea91603a5685e93f31a9b4b9c79dd5e506",{"version":"6db0ab30d6c396a85cb76a252614c069b10821d03d56508eb5d8cbbde4ef746b","signature":"128255da15c76f6713f05c8d016d18b08ac394d8d1376341269308594683c7a5"},"7e9d372589b1df6c80f11cf04dbe1eae5df37304e99191356bb1040cc855ce11","156dbbf04321fb4de4b4d6fde3443b60b911261f5edb8d642da61cdfd4a4f0f3","fc63296ec5775fe714e5cbc23a3251b2df878739876f06d0895ece1a0e11bcb3","38fc69c339ffa1b1d7c66cbce3aa6f90daa3f649fd6910952b33912918bf537c","ec1a1b8814c01c5f857530bc4ca4bd64a91c4c05fc63f548922967fe8eb43923","d64dc06b74e2e8113fc8ffb7142ab3ac9b244f50052873289028a0e332f9ad43","57d9de2a60d42e8c3179f3d6b25d05d8ac56439d91e9fdf6a7098f8251c246e0","1b703f633f52582a2e4c0ba9bb8aea69f1861f2006b2e734ea96aa554394115b","08fe5b1a169cc0e532010dce4eab6312a31b7f2c990e8c3384767d37418da1f7","b53573490950bcb12f0446dc0c4e19cc51ee436eb3c75ac790effcf3cd060db7","97a039ec0b8af81823f7796c29f2058eeb0e76cdcbe107510938aa642dd4cd6f","63e17213d9f592c2fbe932768556c9faaa5ee382428d65b0d8a8b4c26ec798b7","832a75668831072c2ec2e503d64bb586b8832ce192e5791e2c918ca1573fd412","51865dc87b3b97388da5b27ae8b103eae8385a6daf549a4f14a7c47e0a0785c9","3788a3310cf9bde429af2edaf4f42760652958a554156985d550bbbec4062d77","cb94f7e99e793d344e2350a44edb167035d62ddf1ed8ceb4d016f8c7b9b17b26","1216b748312ebaa9eb0ad1188aa1d065f6842653193e560f8b196fc60f38dee2","101cce1651a878e728ee4f9a5502007315dd9551666d197f25d67dcfd6fbf67c","98d2e531ef839c98fbd3bf89668e14af7746ea157eb2d7a55649ce8463ab68cb","f1261a17371637ef765b99510bf295d184e221f97b12a836bb5974cdfbd6a45e","cfe03aa8d8c2901828965073d97468046733bce37151d8d037ec2e4f7f0eb948","d442b0987da5bc5551aa7db958656149a592ff2e50d7ea0577ca4705b138b91c","4ff85943ea69ed14db4093de7faeb225fa901ec06d0d4164028b317a06ec70a7","6591ed883c8325bd9fb9c52ecb8eff99fb1aeb8583b72c5dac043871ef82dfe7","27c4b9aa281d23e4ae46ec453b36d1286678dfa23d896cdae7f09987313011dd","8fdaa470e350496f41c8f9f3e058d02478cbff0543668c5a479f40b72df3917f","464338b4ce0539fe88b3068d204226f6edd3e4eac24b5f85ff24025c8c836fb2","bd63d75fc0ef5fce02da143d828993d5b11a0f33cf995e45cc58ede3037b18e3",{"version":"8a0fa3ee856a971002227777c46c9be1fdff76186582f48db32e383d1e7e03e1","signature":"b169cc3933c1a030c92f63876257ceb048f75992de823852f5e5c2fafd4a1e80"},"f02675add00b63333c4359256998877516524fd81b0863a77eb408fd01cc7e6e","ce022d3a2d947e8a330b2d2a099479be04c5a76474ad9f4cca790ae27959136e","ed8e65799c78bcd4c08cc345095868c3935ba386b647c573ac94e9fa0a76bd47","a759ea900cf212eed0a790522ab154a623babdd3f568e4f0ed28538c10a7b833",{"version":"ceb48bba74ba05c24f9dcbfb9a0093ba829ed658e9188016786c67083b320ed8","signature":"15ede4cfd9d46089e9eabf23a7837aceb447591a7f61322dd6ac2134caf6204a"},"524d82915b6e276e251daca1ac392fa959031bde6dd4a46d86dbce13bf33ab42","4bf37f322fbf980dd07fee29088c2ad8111d434dbf1fb343918f228d7d2cc723","8ae2210f1270cc40c460ff2105d45d1f4f51efbbc48babbd43b6456f7cd068fe","436c87a67b068013672921700139480affb5dbf30a26f2f6f4b54e417f5de2c1",{"version":"ffbc53869e60d467b6ccab841107373433d86b89a6201a34e51ddef8af5b41a2","signature":"2eaf237aac865ca200f93874d87845d60368123ddbc44764795dcbf4414e0552"},"15b923db99f590dae65b5d872fc40945b492d16ebe01d5cdc32a19e3dbe83c15","f5e1d2b9599d14ff630a929ab7c6c67ab657af2efc155dcb8fa7f0987860e63a","4a3ddba8ff57f05573d8ef6422f354c27330b8893698988b170f8eca7562a7c0","ea1aca8d56ae14ec360aafe660b72c9e40eb5c470e00703e2bdb9e1268f67e13","7efb65adb9d19517694c5d2b3d7c4c8dfc1e7bec0ba312e52d4d71bd926111ea","55d833f8b27fca2c0ffcda6c92b64e75c41fed0a291a63c62ca1755de28b9f99","6bbcccc9dff3ca38e2959e052a559c2504596f5d2cf86a326e835a7c67d3d04b","e57bb785f5a70adb9123feccd2a02578dde9ad8948c48b3727d3a5a5d4af34db","01855b0cede5c5b8c6aa42154a4fed77d669f9369214e2ba19088674e8995986","786063459dffac84ed8d23348297317e78e335703e9ebf152270293b8c3a809f","a088d11d2cd36614e83a187417413671166261459cb2f5fe82e93dbc753e1e4b","53b1001652283a004d569f5aaf3703595139643ed8840009deb100072dfd7bd6","06c96f3334e08d5b379b09892d2d16dbb86aeb63d5dd0c510b169cdaef1d6dbc","cdad23a60aa907c194edcb9859c3d963b6a768183b71f9b1aa703edf9397c173","ef3d252dede092125bc4ef413b4e79109ea8873be87423aa3dd88ee7d747762f","93517383c5c51b51f9e551ea277c7f305790ea222015f280db1c5f6c32772542","d0c0f39ab9ff6b7ef1a6e7e96bc3cd8b94d9b85b3190c235b731c2ac203af5ab","50ce876315b294d9e536e21ccd653e034d7129fadb430e9f12269db502fcabfc","22432c85bd10343496fb7510e9cd6bda21abe640e1d8b14392d4b8863fde73b8","f63f208e5a1c8e723d2232ca6264d2fa095408eef61cce6191d5dac7e59b041f","616529ae35413a62a111b9a345d90c7393960e18b40495e5f99ae5dc60887b34","e6083cad1cb01d506b5221e8bcc877bac06d50ce5bba051290da923e912bfa5d","571a269060ef4f9cb70cb0c9f9b5f687ba8de57378faadbc95dcf57e23d5c99c","36ed747f279f781eea7a4bcbe36a4266690117da19ed69d74143ab7478071f94","10200d2aa597f0ce3810557e42bfd153b65d4ac268fc215ee44cca4ea27f4b1c","e9f1c10b02d4304a398d619833075fa700b7a709670d3c50a2704da36ee8b956","739cebd3176e883f5ca52b3099bec6ce82b5d749778d46aafce05ab0e668c36f","7c1cb7263183e242692f734f084d2fcebb64c7a0c6f6d332c10dd1fb53ced89d","58306029d64e91ccd8528d5280995b596c2076e4f1ff59dcf9e22fb2cfbd06c5","704664819dcf8f038a1e563bff31a5c00e9c97770859701167de5980ad166628","945a95c635233b1320d09bff0777027a224727316d93a3f29c1fc1cc4552164b","b04c2d7befeab1a1d0bc9b26e3261fee8b5c4502a3f017bf506b898469149e62","e9397d9f81f80045e9e0afe5b5b807e2d5d6263835972386300909671d6a379f","7dae1f56f2ad91a37d341423e35c9f737469db6b3f6707f479a1e4c036eeeb8d","ee9a66192fc46684233cf346f836c51f96a37c7102c0e5680c0d81beda08cd89","9d3387d1a7743f49728e60e549705491c774026ff195e395e5dc2779cdc719a5","6dcc2abf9117a817b6e9a040eaf16bb86d47933f19ddf0099af90a45040ed7e6","08ed3fc2ceb7a3345f5ff2387462b8f78d6629b301677f289efba430915f58ce","55b959c573990335960449ee933cf2ffac70b2c84437f6cb47466dccd8ae148a","c677ddf3c889ad7412b0a64c2e3eded211d6dab3dc3b2652edfb58cb5d0e4e3e","192d6b489e9c1552980130416798cd34bbb688a6cf08f6720714b6e32e8094e9","f89ff4c7315436b913e30b002527c4f37e9daee37866a4ff682a4e604910f70e","fae41f78c04c439a699584133d775b88cdd449ed5eb2e7fd5ef8a0871f90be45","00b8301ed453affb1cc59cc61e12840dfd522c3d676aa52ec542d17bbbd6beff","3098ac9fd34b5cdf3f1d4a819ca226f2c783343fb0cbdc19b34f0f9e65b0384b","293dc5e0bf75e05d1af76f678680d918cb2634635964c045608a434b5f827509","2f5a55632d11abc7295a4222b7e36803198bd81ddd53216d3e2c81a0e884b3a3","c0eb11f60460e79a7c375d74c151858a43cc4ddd99bb6f66f5363b8a83a490f3","fe4f7d6b40437cdbb6dee740257e2bc9fef9a77dc516e311123a2647c1e5c1a6","3b5822aded1f0c62ee415e8af3ac58bdfc70ff55183b219795b864332721ea32","d145750461607d32cbeb58bd505cc6fe6ab70f5fa364a53ad2df07abbbeb30bb","b01c9fe13775edd76bbdfbb512c82275d096009ee768445d27cdd0ea0e63c74e","e6c47282cdfb4e0b6f72e818e423ca8ab78ac5a9368fbef3bec02141cd0861df","b7a975db95f61a13ca580d157caacf64719b58569fc53582b3b483e72f50ca71","b25ab7a31344397cbdbbd85a01f6fae14d637318bc8b52e264e4845633b26b99","3aeb7be40c1a8c231f1e79dff97d817e62641c003c459d0c526c8ced973fdce6","53e69d594dcd9c43af52dab87ce6d43808481aca3b1861deeb12fa6a909ceb4c","a31a955df7193c6bd1d012666f0c512332567b008d1a9bac651bfc3c80c49e89","d8dcc9ee97f3b4935c8d6927c8fe6097f10c7fc9d645ea50ee680011652553eb","e34a06b91aef600d04e7aceb73ed2719b1571bd824b1cfdd8ce88029bede276b","3e904fe58a671e89d0631aff68b9d2d9fd8105f415b92954eb7bf1e0b87f81fa","08b54b613fc0c2da5677c5dfe46bec0300d508b6046721266d3466e803707f43","af9a33e5cbda4425c47e2c5d0018b8abcb29594a9e9497f349dc75059b615349","17d33dbbedafadc0066da21ddf1dbe5c6c95cd5dfd74e39a68f16fa9113f94bc","67224d6746d3201fe64f68aac8c1f2f6f46165abb227d5535c4834730b600170","df9544701dbd5b155c49270dcda6910560966db4b5c39a4df064158ca4f7ca8b","5817580a2acc84e6402689727cab56bd44e2ddd216e80021cf2ed984151a42f3","ec412142805b24f2559e172075bc417367837c781b9bd98754087d6fd9c8ee45","15f158e955356eba0e4361977a011fb011a978703dfdf0c2b0e33bffa0507f3d","acc6d55044664cb440e941f3aba27387c5100113588f4cd8c778bcd6b4132eb6","2e8956c5bb023d9f01599a0d52788b4fd287504ef742a0b83fe454f6a397bcf4","40d7f55193687caddb0cda280156791956639f28d3f48ec3f2de8767cb33bbc2","efeafa7af3f22248894ab41b898713c36dd0f146730b6e3b425bc9d16a0bc04f","107118a212b508f069f9dd89b9d295e586f32233f06eaeca6ffd6237a5127391","07fe9a18b2390fb55a78b004a9fe3365f4cc88f6ea4b579b9ff4a1384bf1f301","d46e6af4026cf60503394c4780319c4bd7c4b8d50a3dd7cda847b487ab9b3836","a6459f595d5f0651bd1dc0f105ea1f09538ef69f35d43496c6ceacd9af01a3df","f21d08a4d4ace3471950a04568d544de5c55bc99d0358bb6d7fe207410d9099c","4b11eb3c94309f64f594b943cce9a20bac9a190e70db5ffee9005da96f2f0b8b","6490298fc09c9548f4bda686cf50269a84dcf36391f2e3724f48a73701ff15a2","8c32b53e699f27529d71a50684d333912ae026fdf87a537bdf779483a0b57d1e","58086e61ec2c670b1da6dd03860e846668551f1002ea2198667e6ce23a89b662","61addcb3dfe058f66f936e2632b26be52ce17e4e25bc384607aea10243310bb3","11fa37a52ff0400a2a667bffb020fb379477cd64f45b2696c998d24ebb0a7017","75534f116f683ace9040b80d37f295b43c4bc2f06f06ac696c3c911ae56b348e","55889acabdbaf9db91d5e4484b41ae78544d079aea79972937694e224339b82f","3175ff4d6c3ab3d38c4a0547a23be194d0c5af4795ef21777b9a6cf4c349c7b1","24ce9939b0db32990e987e1ff70755f9bb9e5d7c58b4aff6b048f3150d148ed8","e3390591bf164db68f8973cfed212b20a2fc63360e07188c4ad389dedde4bab7","e3a3af32067f8b1189491ce402553d9aa1c4e7572e7334443a35d5a531673140",{"version":"94fde642a9ba9d443b640a314de039285f22a4b3709532a925c4174c0dbd6127","affectsGlobalScope":true},"dc377f1f70d876f4e7af5ce4df0588a967c33289127034d507befd34c8741619","2162bf16904d19269087b93322d561a8c03dc341106dd4fdfbaa0956f11c872f","c1a50af428793ec81efbf845042eacd64241a5f80fb026639ca01648875e427e","28f6339ba9c41add09764b4e23a982c841740d2280118e328572e43ef45477c8","9d48c9a25aa12b4cb2cfd11c269fbec3febfe78810df9e9dab98d8a7b451ca33","0165115e3c8788801fb59e9c3cca0c7ba573515a8b7ce010c7d75deba92b455f","0e000fd63bd08abc96dbd4746c371b8a0368f351629590ee7ba12c9787cdc8e6","463ed32d194c6bd58c35083d76af0170ad1b04f7b3ef91c9803593bd089c2864","84936ce43e5e01db3ee57c205d244181d85cd0e1fadbc6e1f94b3d9bd9a3aae5","802417aed26cb50faf8b7176fa00279bdb5acbb53bf4a63ae00d47d25d904516","bc1899efe6dcdce9c9c8bd9ce97d58b197facb7f4a516e5d13a804fa5f77cf4f","4d080c54c10ec25e6e84337dbaff7953066150baf94fd48db6c70a37cdd43a8a","3ad4660add51c3c3adf49524d61cc1e3ed57e16274c62c6cfb047b64aab973aa","22f25ec27fa1c1ca03010aa71b8077c742ab5bf6a08a44663a287a296be34481","74ac2c0b3fa70bb0cf47f80fabc73f6b868ba177ced233e294068fc099cf5a06","afef18dcbece0d86f23ea7afa24d4159108d5c178acaf010d68ed4c25d86a852","66ae7f63463b914d6f49504e98edd481440b5b318ac67f45b14efd1b477792c5","cfb8f948495a9661d76cb8a8c1ce7942bfc4ea84d84c22dabdeaa6d74757753e","014bcf8b9a349efe7d960c33d0fa5a3400ad21af44255b1ca9be20ef52b018d1","f69920ee9413b51ac28f29c5187f3665ea458bf80287b350772dc09c5461c9ad","f2042d6d142d32c2b237976c20afda4f8faa66f89fe7cb8f40bcf96befd24f1b","7b064c42f3bd6bc0945f66f67e0675e2172fc28e38422f6641a13e5f9e147389","6c955b4d5ad4e010cffbefda725fe0df25288e2e0056e7a240c37ebd10b206c6","6b130c8eb99a189695fe974c6d1ff7a46612c8cee340d71095b89226a37da055","0050403995e3f85d7843736eec619359cf2ac9abe92fe1396ad3c50bc2c118c5",{"version":"559add25bef102090adf9dad7d55b659e00d13a6757deab690f28fa6ffca4252","signature":"b06ecf2caf3968cf81ce28d79f5d16b6f8c52076d33062c3f51ae9b5be3ec00e"},"713fd77a5ec35bed9a7e8c31463dc9d72e56bbe1364c74aa7ba16c5116ecfb43","c82e14ca999c4efa255736b59953492144ae34eff06ef3a2f76b2b33ea337350","909e6cec04e00398b28c9221e7f80d7a60e3ee017c32f852b29ff6f6bb69b7a4","9db9687c480934bd4bc1bc471b9107c1b551b434fa2057a79caa606acd293187","f73ada65be09d61d7c115d1d5579ce2929f8dc51ba9e37e2ad5492975708f2a6","a4a0faaf9fb9ffd25482a6357658d139f9e380e5ba87cf57f18ad0a47831fc22","82b31e6a7d799311c90fc8764c2ebb178b6036a93940a7c92ac126eb72abfc6b","0827841733a2142be48c537793209e9867010ff92b67b755fe92d3b7d7c9da33","eb94dd436f0becb9ad14f40d695dfe6ae44d6637dbcc4259bdbad3bebf756e93","8c566dee4191ae336a9a6e8cae1ff38c3f9f75dc6f0fc4d1427d73cc84461370","c9f5600ff51a06900c46930a3149c82119275a951cc4f5b67496ff8ef248339e","2475d209536cd12402c52d212c844f38c72c067aebb0f8549fe9d7c03ecf0ae0","f49e3e4d2bea01d48702099dc77c787e73db822461f273f7e779463120dd32c2","b86bad54c269c82348ce2ff063c9bcc3050a7cda539a16fa711cca7b8d7d4ec1","21045a60387f23613595df2a7913cd51b4ec7ecfd81a95d0ca376587482cdbeb","93e56a846ed0f85c86db9dd6213071a0d40255b0d31168966cd86df6f368218d","5cc56b6d61fe288a7b97a92c2dabc4e90264c302af5d8fe9de3935cc721bd537","bc6b78ceb41b700236700629791e1ad126b7921feb352c63a28c06c4ca595cd3","60592f5ae1b739c9607a99895d4a3ad5c865b16903e4180e50b256e360a4a104","025c0a40f0eeae72a5d19de49ca03cec7d05f5ecf136cf2fda109cb419a67e24","6ec05a4dc7f09481e787383118734bb57d205856b68578f06021cd7c9337c625","8c07502730377af4ddaf5cf0d36445691202c644b662ec364a3d75e639d03a25","c68b2bfeeeb9d39f0df3f10eb77a24b56eed0371b003a39bda780a69907bb8ff","7b71b3cc627b80ee1da9a63b7a694b23bfb3e57c3d127936d0700c21bfb6d44b",{"version":"baa692176c8b7b36b4dbe18e7927f558502594bc6ca4f6b701d79c1f24c8a2f3","signature":"f35c517f2d06756bb2d2e0db34ed0b430c9293aaa0d10d80f2052f34dc1bab92"},"3117cd86a85a0be7449f4ddc3054e4a83be5596ae9c9dc1596fa86d5501ebc4a","aa90f6c57451531e4eee978b2f1103e1cab9ba885f397a33b58a06fa8b324a71","a198763d4967070cf2f07a4f5528b54615f2c443533e4a8be86434f5847b36c6","7847d717bf0e72c27f71fb68048149313a0120a212a9d5feea99b70cbd6e2cd4","5487b97cfa28b26b4a9ef0770f872bdbebd4c46124858de00f242c3eed7519f4","7a01f546ace66019156e4232a1bee2fabc2f8eabeb052473d926ee1693956265","fb53b1c6a6c799b7e3cc2de3fb5c9a1c04a1c60d4380a37792d84c5f8b33933b","8485b6da53ec35637d072e516631d25dae53984500de70a6989058f24354666f","ebe80346928736532e4a822154eb77f57ef3389dbe2b3ba4e571366a15448ef2","c2cb3c8ff388781258ea9ddbcd8a947f751bddd6886e1d3b3ea09ddaa895df80","f672c876c1a04a223cf2023b3d91e8a52bb1544c576b81bf64a8fec82be9969c","98a9cc18f661d28e6bd31c436e1984f3980f35e0f0aa9cf795c54f8ccb667ffe","c76b0c5727302341d0bdfa2cc2cee4b19ff185b554edb6e8543f0661d8487116","9bc713121b23cb9444ebb423f99124656d8754361f7cc4b0bbedfb7ac919241e","f5ef066942e4f0bd98200aa6a6694b831e73200c9b3ade77ad0aa2409e8fe1b1","b9e99cd94f4166a245f5158f7286c05406e2a4c694619bceb7a4f3519d1d768e","5568d7c32e5cf5f35e092649f4e5e168c3114c800b1d7545b7ae5e0415704802","772d2159388730b6fcb3074a85ff7f20b56e2828c7234340b2919491c5c35a20","d6fea412902724972e3d9cf42ab25e1f6d1a3d86b9bd9a06a980b11f16bdf244","fec455d932712d28abfae6d3082fb69727720f49dfaea82af1e90194266e6f26",{"version":"2baf4a6d01bd2bc2aa87002948ff40333e90c138a9bc158ac27f2fbe3aa96b7d","signature":"b7377b7972f9ad272ead963d27cd15a7e298c0ecf9f358b3e80a25eaec3437f3"},"10474a612afb9cf11d6a2e25f7db0731ebd2a228af21c1f35bb4edce07ecd8d3","9fea3bfd84cb0e366ef794835ccb6ba215b64b061ca310bb26381dea544144d2","9972b8827e2855baffdae0caab1a24d5ec98fedb9f989485adbe62e34db3a64f","9972b8827e2855baffdae0caab1a24d5ec98fedb9f989485adbe62e34db3a64f","bd409b19dd2d7fc2d965e2fe7758d8af696150f3300d7d7f83c1a82eecda9979","722d4727af4198e7ce7d3fbebad7aac5df5453c778e924ddcc930f7b79856ade","bd409b19dd2d7fc2d965e2fe7758d8af696150f3300d7d7f83c1a82eecda9979","c99cd6cf0ea5d98aa5b759670f0ca78c74683b391895fb817dd70659b6e057a3","95312661d032f3da83bd8f38e33b2930a973677680fb1625a604336356503493","4a5151c647aa04cde269def3800e82f21212f9e189be009622c46537b438ae1d","951a918a753179bf5c018065e3302c8e2d899600ac1e7e5dfc1c2d9867a643c5","842454d0222fa151b62f4f18c893335993829311367f4502270d449bd32c1b72","75c0e72455e8723af256f8814c8e12612f63fab2573643e437ef1567e7a866a7","641f3a1fd084f1af63fba4b252699f6a50e8dd1fb8f82298d517648b8f300dac","4e104e21e99511f610902f2ea0820bb72b7dcdb8ae6ba1669b62f9d27b81d727","10d8b5f6f85e08fcc38dc55c06aebfd96e07420847aca0a485d651a68b4e7301","d1e51545ae50032455c35ee685c0f2dedc2a36221bea068f1a9fe9b0fe6761d5","9efc3d93119dfc01465240d8754d95f1631d24ae1006931f72b5d10ccd56f155","9972b8827e2855baffdae0caab1a24d5ec98fedb9f989485adbe62e34db3a64f","bd409b19dd2d7fc2d965e2fe7758d8af696150f3300d7d7f83c1a82eecda9979","7de7e156bed4a97d5cf802347a97e358f97399e49f187aa9bdfbfa10b1699695","8cd66dfe0b3a3941ebe6075f2e1ecfc4c9fcb4e8244066eb6c900daa054c2b03","3681e43953302fb0844ab8cf5286e1fdd32da67243e5c6636567e9490daf2b16",{"version":"d204bd5d20ca52a553f7ba993dc2a422e9d1fce0b8178ce2bfe55fbd027c11ae","affectsGlobalScope":true},"ade24abb6886d5f78ec5843cb094512c02bf7e0cbe4c5c02f6daee76586afcbf","f3095dfa3cf7be7b80dee24765c5213d51ed3f954a925839963da606ee6df74d","1616b4d2596ae32500e2087bd0d80b3a3d9098c808854ec4e4932ae0dcb59469","76b9a2fc8918f9b852911d4c311941581bca1448c6a29b831cfa1f54378dbeb0","f6333512273b449f40a9c1a7809fc9a6abc518c03ab8f2738e8ff8f9ddc41acd","010d7414f0f9d740d26633d45654516e3564e2592b95c4bfa16c0f95f9fe3158","f234afe14bc84b3711e7b4e7efd0e4b73151a0538b62b69b176b01a08141c7d9","2407343a1be41804b1f4a86adfe928735a256a060710f6583ac00c1693f7e15e","f38f69b96b0944a90d87692e10dd53310f8dd1a5876d68e1db84e22db4a926b3","ee65a26110f4c5cebc4de26acf764e921cdb41e962d1ddf9e25bd12af3e96252","5107b8693f057df90c28a2b5e527bae5e626661ab288e9029b83f11c3ba84480","bbca22283f2b1ba0860bae6a225030e3683b50a40bfc6c9b84238e32fef1e38c","7e3d52a544cfce985d4182d2534d505ab0c8c33e6bacbc4ed79abc416bfb483b","bb8f408e77815356f895b8e6ec87f292ef83f00cdbaff98975f4aa3e91784920","82e7e7faeedffe629d0c088e305814b19011aa84ad1b1b5f6ffc368354dc0a9f","e5dcfdf5b4b6e484f561a17d9308d0a6f0a4b1564fc238cb9603519d6356c152","7899cc0b81715385936dd406dd455aa49d064ccdaaaa00048eff4e9e560b701d","cfdfae0ff8a8e64627e95e7447ed1a698dc759e4ae652119b9ae1f17109e285c","4d6f9c16e78f38fb3c1cac4c77c138ef0815a1e9ee9c42e76e69c5de0f95b3ac","da44c89678d93683d56a71e4ea63f968ee1402d81df44d5947fa1be2f99f0341","0f97e91d850c6e2bcbaecb680aaa7a369b313e92a9ad6779c5b5480ca8e81ffb","6e508cfc0ecf68c60099b567aa7d06b1a584cbe3cbe98271b15ae98e14206fb7","4bc01469a421635152b470dc2cb750e395f0ecc3bb8c1e80620382796cd03d13","210c12ec2c8c41417f6aa9993f76d4dd1cff821369c0929c80221dd6b2249cb6","79ee25f01aed587823838f1bd89e2576b8ec44181e9a24caf6cc5930dcc566c8","7c2094ee3415e97bdf51a07bdeb0dd595d980b3f2912cd4321f7fb330961dce5","db7a6e485a0b24096dce703b9240b24d84e654f0994984571f3c4ba9b34a3a09","32b68364a69d12a33617e13d04c84be0c297a900e8bb888c12b9006eddc2e809","c2c49ff1191747d52aa9602aeb6f17677b4cc10d0f862d8eeaca3d8fa4727188","928c1b5ce63334a81c0146dbfad68f2a40d378abfa744dcd3ee97bf0f046f75e","93ef92bfe8fb406bad417efec1d342b999b278798d50e5737a443b9ef149ab55","79a21c5337a61957d6e03966609272e22fd4fdc501ba549b0d04b16804514de6","7ed46684d3604b9918eda5d8c2a1f22642cd3688c1b833b022659426b5ac51e0","3cb9aacc4ed20aa1d5f6457408e03e35280880fff934864ca653ee27d315d557","d6f462387049a8b767e06edb870310726993f5ba163eebfb9135e497d8cdf6b1","2f15e8e7cfbf830cf96176e23bd802684eb6d96be9cd480d0db008f8eb9ea95f","c5653b86e1aad2ebefa911480578c8a7f043d1403f4134204e411660a6d0be27","7a0b74beb1df1b806c39d44c206680e116c2acaf239f7e3ffe29f02469e6d515","e0cf974515cf71dd5b2d27db12b9fa9b37c1bf5670ac926e67265858bd7de1f2","34bb58f041ca8711312960f56aad4a1d85f16bb270ed3177cf9e73e9b73b439a","044e8f522bd229508eab9df01dd8e1e9903d9a3192488a9b0b11c0a418217f6f","983decb862d2dd889de20fd6fe4b77973d9b1d2f1a1b9bfcec021190de8b4c55","ecd4e232bbbdd032ba3414dc33b469ffb14c35e95c1e826aad8b2b00e0ca6982","5ad6706bed285ae90b68a062a0fbbece73d9b194326f71edbde868f09e208f5f","a9f87332c75ff064d1113454a108c237cc9f2c792c8175a1ca432cd81fcc6e2b","21f4b283586d94c6df8e71a811d8cadc32e7510ce8027b7901a22524de2b7cca","cbe4c1c3102db917851a77fe8fce9f00365da63876e4f0822f4bb4bd954f5ef8","622fa89fbaee1b771e58517dbbb3ed8bf60aa4bd501a81b129032c981e825df4","261bd352b27231e30932efafb4e163919c64aad439b7bd19c819c1b2b033885f","1c12378cf61ec63760cf5dacea71d7f3372ffce3be36fa06f40b2cd6ce580b76","300089d670fb821ab229218307330be2f71cc6917b550b4f6d915b3f13ee5b45","7d27c68bf0ffa6e7906eb99540ac506dbe25454ea60f705b561b91c9e5449864","648a19f8cd734a9448d9a70c968c793d00cb573d2b4258269db1a4e67d9cf84c","55173f8ae914f540b17307bbd0f96b0ec5debafa94eaa5a185d2b57cec64dff1","88b4ebb3cdd1df4a29fb82a1c7e5ef66a0ee652fc33e7ab619037c73431e0a5c","aecfe4c19ff5bd1d3e3735a007e96dacfe71e22605ce10d782d1e001d11d071a","6132270ffd0016d6c16cdaaf2aeae132982ec2e4d2b655b4cf1bb4107148c6aa","50cf61a7d6c89a070a90bd8a86c19157a7e66ba44362c1b00264e3644498bd87","ddad45d65ef8133e1f0cbd4b541219c70bcfc7c460d3deef668a2b7dc65309c2","3c9eab11d61a50d32d0988d13d89f370402ae96cdefc0995682515a7d508ecae","1f36b93365c881b027fbc0561c478bf3d806f2a14ec6e4d3a6ad2b9a410da7c3","4ef3ac2ca912004987f47a7e80760875341ffb6835f980cb2e117347421af709","72a22437a50c66c93e984469dd2a0320acd986b3400d4b32e995221e4f751474","de0c6faf1c331c80bac77d1d01efbecd1358fd728484ca4d0d540ba66e119b45","5b1fb9c65c20be2e54b7c205fd3d246af33577673bde5ef08ca9ab8d429863bf","1c1353fcbf3b673ba74b90a2373de1680ff39a363b069cc6cfd6c52543c76bbe","4560af648fe3eb343a7a09a184f708abd66592cbe75164ab6a2ad008a40c15eb","cd2ecbd78f385e178c280accac1e122946798a40a046af14fd06717616d2dae6","9fe3082868dd70ff636a93d1c36ab637dc55315db370ec5195a51f6b8a030d06","97b9edc90f27454a2a57b20a10547d92cdbcf62fa693014f17101e73abb6965e","9a98a512078567ff154b0c8b2e0cfafeb4e4e7982d70613ac35b6b65ad862116","0af9a710edac568fecbb213a6a46a48b078ed7605d803faba6325efcf79219eb","cb307802eea5bddbbd561d766657937785bf233f1d1f329f00a2225127019cdd","925cb194e6124ba1c39667279e9861b62f346403e9fae7296c244c1c93a08076","80d9cc70dc1b24f8d5286f18231fcb023f6e9ca792153417d8c6b225f2b2c64a","826dde3f933f2c8917d82c02d6ad28d274721ed8638ba766262795bfaa5c530c","e4dc0c1cb9e413990fb37ed3ceb2c957d4071e527372dc6e6926a4ee3c98e7e9","4a42dbb73adc88fd2199166ff95b82b04de45a107cb29a664ff5b78b9e631505","8296a70f8961107fc247d6f80eb28a6843f0a08ebeae89631767533817cf6317","7220b37a0be65948fa0e2f00065946bd27158099f2dce084586bf5bc6381804b","f8e929811394ca6f3d74bebbeaebe7b9018a6769ecb2e98e8191e7271f5b65c8","01fe870dcd12f47fa4cfda37a7a7bd762d2d3413b7659e7ae46b9469e4539c87","c55730e2e7281ec28ef6903d2efa778cd8f3466afbe4ae0bb3b98923665597ce","513b53524e6080141f59e27f3f72130412a62446d7aa63efdbf788c0981fc46f","391252bb0daad23a581eb93e1a609077b42d4e4ee14d238866198c51062501c8","2ad856616738579eab8b198de07e5c1f1f8c0408f02ccab8d5d93da29aa8b008","d230491c82203ab0b37abd92ddd0f783a01e8f6db595e8967371afdf7e4b89da","7dd7642f44ec8be8929a25f532c9417a714fcef92ba01b53e501ee919f47542e","d43d3da1d262dae79ea40de558c57b85e6ba3288fc4c8ddfc96d14d3a588e267","47598073b26d96f76e3d9ce8ef3c0be68281611a92bc71f68234e8dd66b8b617","b8a560b7e3a8c2b82f6c2fd0e06e687595ae425581a1c73d37ed80b21e362cd1","82dadd4bd3866634bd030c930afd128cc09dc89cb5cae485e5f02b854c2f88f1","cdc2ee3eee914daa77a95dde10f7f678aa63f407dc09d7b74ceecd84ec3acb69","723c2d4f65b01e68327da829fb21e1642d0670e312e2fb0d87bac2e56b361797","33ca55bdff472d604b62d87cf15440de57d634b27da84b457ae13ab106414a77","3c53f919742923f01cfb23dc615687879980dcd37d14c2fd9ba5e662d518870e","9226362c668b198deac5a781b2240b4eb80dba5d5f18f55a6a392da56d9af223","0258fd6458d65658b3ba4e3b4e69cb6ac7cdc6c20c9906ad36f1518a2abfeda5","777f100c62102bd2b36ae5d68123d9807f8495c258d6e08f5aa5fc45325e494d","19401bb692d428fbb1a6f8ea738cc5c1be7f2d9e16d446beaa718452f3d6eb93","a01f4a2b8b9cca9ae46eee687cd6fb5ed165117fe240c5e20bfe55f5a84aa908","601d43743c2a3c21c7dcd5f571268488b106fd6894e57c5d6433087d9dae85e7","91abf7588ddcb2d8db61667a4b847b74cb0b176f7fa185bd9a19c9c8a7feaa29","0f364877296493dc3a6e555ee42fb4f6bc92581062d3ccf4c3db683ab41f77f6","3a8acfc4feb8f66c54abbca3aebcb6e74118a44d40e023008e76ecafdaff8ef4","42bad430c32e1102c7be93eb7edde2bea1515442dc27da002f4a98fa0dbaf48b","6859e5ec9c22393f2e26402e486cf66d1827273e544c1b41fc79d180ef315d2d","1d5021e72a927fc238ee35d3b921c3a99cdbaad9b6fff6d35a9a5bf30ccb6952","3af343b35829dd6cca35d57a4f17012c007f04e03269f6c73ecf1ac2309b48e2","1d7bb144264966ca671c6f1fc63227b191494c78ca38b46dd85592799aae6a12","7773bc500011465c40bc06d915ea22a10c81b9b883bdff222237b833429778a0","0e17e12fdaee449eb4a362518ab90ea6b901c606e717b43c177aa6e3909d390e","357f775512deee7f1c94b2f4856527b441b9333641b21d7876e2812778b04cd6","3d5ca31daec9984e2f1c2b612b2d46e471f2df3d4750bea0b8f257aff44ba60e","c34000ff372bf51a3f5bd9a1e0aaf5c3c2433c5dcd429340233076f559465b37","b75af34c501d360f3d9a77d7f61d8d247bbdfeee0ee97f411247e8bfdb55131b","4a35960f91350a6951b7acd156b96ff0eeb5d89ed4c98cf2f247396b79227f46","5d0b04156ea6d7b741945e92a0be9e25936d97943df84ecb7e7893084d5ceed9","8f3b5ca1c9ece1f72e30d821044c014ecbbf8a2cf72a5cc34b529da983c5dbad","2f1f1d44b6822c13ecf01f5a5a4e501761a1c158b1f539851e1038c1a64b8178","dd423b451733f698f777e8b2e3e28cd8bf78547f976c52cf0de8798316dca45e","7224719b164f5578f1bbb3bb0fbbf0542c38217e86bfa0bf51549b5dc228eeeb","d3a516ff086a07f0ee22ca7c20ba7ab2df7427ca4f06ba9270444d4175ef2d44","32559993b426d82b57879b0517fcb3a3a179be25fcf7a9a7d2df4da3c3f339b0","00cfd61af24aea2cc740ce95854c8e88fa6a8b574a28030b10d04258b7c75047","e7a752e6a7d9a3b0b8a81e9dabcb5f09b260be7c9cc793b4015ff4e62269393e","7e7ca9202d8c4e21e313b0110a9a646427b450d1fc951920333d6aa2cfcb9a31","51b1354f4192f4ea5c5d0d1ae247b89db662fcb302860dd9872766cce6be0780","d214363770f783df2c000cc2e4213058823081ab321a7a569e55f9f474c66164","214fa75aa96ce5753675e439a7087342e1d1dda19b9b126ea4e9c182b0ce8d6e","1c16ab310faf7083c01fb90b73702ed7f8fa45a0caaf7feaf92125e36467e7dd","685adc3843c5aa3cb88f34f3f2acc2c46666fbbe6a4ccdd458bf9ae06e71041d","920d745bb8754626b764ef07951a333ebd28c233315f221131a7e30d27f62ab1","42767282d67b82b6efb5c9010a2a4ec405e07dcc393c27c73f3ab71e57a62318","fff4a949724b1bd7e305682f21b115461deb6c950a6a443f194a6222a1a91519","74b2072d421b2024e0eed3cecfefb32195932b7e74b464d23be1169429d376e7","d88fa871a92e13b4527e5cb45d313f65b30d00518b78ce228122f6f844f1ecd1","95aad277136d177f39ea0cf4b65afbba150ae37c3bd3a82d63962a8ceef584a5","15047cb6b66e2ebd099b8a4ab75ea0bedecdc79489b1a5286ed9a496a8517c7e","a225de304d61f295e66663d5a10b11494d21a4c97f03062a14276568e660de09","2820a02b78b77f0b70f54302a378773193f6f7617a19a909634fa6e2568cd980","e4a977d67d848654b224987fa285f4d683a9e796a7bebdc4914a5099242afcf4","f73083fa66ba297530b184e56495a74b653cc65696ba3259b6a7ccff350327cb","207bfd35422a1c73b6e8896d6bfb3c65d32889fde911f639e549426c64de5ee6","029a006666971e978fa7871e4356cb250ba3d108a5d1856a2bcc253b4155ff6c","83ab9fbe8be34da47e3870277b54f5172527269b39a33782544a229adac8c3c2","389e5bd16a127495626fd58fd4df838f0f18a46146030b08b77149011614c0bc","3dfcd0a3bfa70b53135db3cf2e4ddcb7eccc3e4418ce833ae24eecd06928328f","b26f93d773cf3aa4dc421c45323adccaead92598594a56f4a84d77910ee4f510","bc41a8e33caf4d193b0c49ec70d1e8db5ce3312eafe5447c6c1d5a2084fece12","7c33f11a56ba4e79efc4ddae85f8a4a888e216d2bf66c863f344d403437ffc74","2bb86e343b4109c784b11070735fa881af5c870a409a3b87b13800ca2afef421","fc9d4e784c9e7569911d8a6a01e1de90617942639c7c260beffdef1548b1ce06","37c1aeea4ec8df37bbe5d96bda46831acab3f70b2001ec9f51cb3146a101de89","5ac83af1a323158abc8627462fe987f7c67f957f88cdcf2237ae4dddc26677a8","df486e591f21d229d75df323fb9cf34f4b5cdbccee6a9b42227be738a13755d6","69ebf923204206eecef4310dc8bf28ab07feddaa3542066cdafbe67adf45f811","ae8189514ed306971ac9aa7d917487ee51dc3590aa5735f23c1d71811c373ea6","6de9d8858034d3197c1525e1c29c942cf7912f807d4d7f14dea247b7c05b59b0","394b4927dcc6eda44eb759f395da17b6e07f4daf272216b5cfc92eb32239f561","1adcc285d2d477ec6c51d0282d891fdf9d04a5fa8dfa479eab153ae17376f1b4","0ad294cdc42fb1f99cc94db8f77364ddc516643d9c69d4e66942f2cfd783213b","3956f34170e48abf902bc81055fb35a7e8b87109dbf3ca272d096d6d42cf7b84","f3acf8cff186f71a3a9b2da63f1378de6fe68a8578cb47d097776143cc84cd7d","1db170e5dad144b639ddf3d32710491c583f48c6e522580c8d5a8c249a611338","960923ce078ecfef6e5c34468cdba5c552b064c0db7cb0fdd3eafd1bb9d3d7e9","42f034630b3a866d4a88b37cf0f8357b36af2f7298b319d536b7413ba99f979b","33d1d46d7789bebdf9b78cd54f39022aad5d7d1d03a58bdad4fe98658acfef06","b3956ba310c0bcd45b1c77455a9754a35b49642be91bfbb412e04d378fad83a1","052854468e3d8142f440fa9a0da1d743abef903dff09597025d07703c25b601e","284147c679272283a4bea7ccaecbbab198bb1854e19269b2e59d4b5cedd5894a","325994b6f6c7598c73bbd0294bf1e3f1e229772669b3c8a08fe3170442f600b8","581656e45b2555b764e2880a39859e25ac6c0c9a74cff83dd22d3859b2231982","843563f951d16e850a0be806010f630a4a71f0a55810bb9aced67c6d7774bf2f","9af1c478e5403b39b922df9132d779bc6e1ef88cafec17fcecf26356d90ecbd6","a95a6135f2d195c93d930ba01049c33579328e55612477c0ae5652429d3974ad","24ead5861f4400218aeaafa477082022f244e3df46d18831411f3a47fc3ff515","65ce9342063fcf793e7baea7526a5a9a2f6ce05dea0cf4ae726d02eae2b98fa3","b932682e049f41e294a3429aca3b0adb4d2eed8047b4c22f91565e9353d6940c","5a1755f317ac2c0d708fbf7c1dbf076ba3a31f624c534b44275c9c43033fdc2e","7fdfe38d84879bc93efb8881b6d73f5a58e7390578663f36d1c1553d5b7b0f4c","9b838b2f71e1f8aad65ba627c60d2253a8b7c127246cde519a2d1723b67ede19","656d80385b979b6a7dd80820a38783d14a81c3c1eb0e1fa1a8da3045eebcd889","35b90d0a35cce0158bc702bae9fdf5b1b8f9b4c4ba892f5846397cc0df04f045","8c2c50a7321f022fa1a8652d62918e67d5cefef60cb7e8bd37a6f51e0aea0573","73d50a45c94263390f2b8237a2a04535ce1946f3b23da5dcf31a2831fb88a2f1","5175b1abcf7f54c218d49202c765fdb42133e930128c0112919108e7516020e8","a13b9692706fc78070f7484032ab4f144ab8e7171a00718c8703fb485824b900","3889b31558dba4f7c20fc3b79d4ca1ba7f63fc1411fbd0e240c68fbc69077285","ba43bcbeff724be2422fc6e2e99d315d40743d29aac432c199a1ce4dd3faa314","ce5a3e6db4c03cdea4f81bb90eff65e0cdddb13736a29f8679d899871860933e","bdb9549bad302661b46da515b3c88f9fc98ee2d903562d1b0131d9d2fca0a109","dd5485f0f511f281b3fd2826c9fb1a0beb6d953b6efb9ef63eeff07e745b555e","0104580883c18505ce1d405216723e136bfa92dfabdaaf74e4c4bdf16a357ab0","68092d78f8cda72397123db7d41d1f3ec6befda682bd9f45585cc4d68df98fba","9cf804daa8eeff29e9b5391fc3af02361d0a061d42aec817d7515e25efee0ea9","41203e7eaac85191495fa19301bf071390674c438808ecda31fc427089d9dd6d","5348d2a12035141bb504ccd734b93806571b3755597635c3037b075393cf8c1f","837af7afae161ac3927c08c0cb293889c14c896e5d654a2eb2ba19ce18a75fc4","6675284d3fd385df0086b030b32f036c113fe62c6fe81605bd699582aede684d","4638b0bc43d9286eb41ae9e6942f305e76e24c242ca6d17397410d2034a4f53f","6c8c7290da7f5a53a6354bc949392098b2360a79e70571435fe38234e94ab1cb","08089c0aca2846d165d0130b22f2fe9916be389d85caf80f6ff696c6fe06fb8a","cd908906f52c2bc1969a97889d1b11445609d08a131512b3ed439d93fd8c526d","9b4b0d63a2c53f7b311624cc1b4105c9fd024cf790e6f9cb7873a946db2cb9c1","c13c3fd053628171aa37be26b20849af999d6d89952a020786e7ffceceea22af","bbba07aee0d5d8486a9cb5967850b1c108fa481691a6d69d445c7110ccd3e2cf","50397cd5096cec1976d218e54ef6a5258964674d446ac846dd34a449ceb336e3","19fa611977628574c4c1271432052ee44344e9ca2bba4310337f5667cb59f3ea","a4483c0eba02976e4878be97e3c212c254044279c191063450f3ec8bb32185b9","1aa59e5dbd2cb17946f931d716c83f87b8268b84c23a2d5eab1aa9a3a4d1e80e","704ba5b2d4dd2a125b477ab12d05fa0a8b8f9bb53180bcbf1c668d3f2b1588ef","133c872ba30190d18127ef122a74dec14819bb3e0c1103680ae1eb282caec56c","54508a0ac5ae2bb9c52aee627fd7051ee399f1e635e58e62b3db91f971ec9790","b57986fda301fe6558642406835cee54d127f1bd71e64a9088f656b971744b40","5437ca6a9c5098b29fd1e0f9697c8bf1cccea7dd78c12bf4d975d99275004bc5","d4c9a42742a72a0bf541f35fa3129e627d755ca372d131f9b4b5c0ca5e601501","a964369564cc6fcc56076ace8089f4221dc257674e28c51b255ec6f356d5b953","b4a30fef335b3c7af43f21e22c86fc52b8dd70681108be79110e0d42085e0ba3","f321877ff179fe542a54a39d6aa5320b20b5c8751530e6a0ebf429f2758c32e6","6da63914700f9362c92a87a5af3242b140aafee2c4215a1e06983381328a8f41","1801d0552fdccf1437f652ba306c211929324f630afa9f5d96a0ce470b735a6a","83159783a5f8872db7aa20c6d46a92203fa55abcadc9ca02c461db11c56c3ceb","8c076cf405ca66be2b5177147550abff08b0bbcda35bd4093caaf184beec1029","1f210b5484a39e1b852366a700fec865e0ddae3349bf019c998364c14c494bf3","678f6eebce6d4573d404e33db092f2f5113d2f9d3924714dfac6b74913b54ad6","76473bcf4c38aeed6cde4eaaf8dcc808741dbe5280b957b982603a85421163a6","40c4f089842382be316ea12fd4304184b83181ab0a6aa1050d3014d3a34c5f8f","a20fc1fcd9cd7c2b79d5f00d14802c1d58c3848e09ee4f84b350591af88b7636","cc957354aa3c94c9961ebf46282cfde1e81d107fc5785a61f62c67f1dd3ac2eb","b4f76b34637d79cefad486127115fed843762c69512d7101b7096e1293699679","93de1c6dab503f053efe8d304cb522bb3a89feab8c98f307a674a4fae04773e9","6704f0b54df85640baaeebd86c9d4a1dbb661d5a4d57a75bc84162f562f6531d","9d255af1b09c6697089d3c9bf438292a298d8b7a95c68793c9aae80afc9e5ca7","84e3bbd6f80983d468260fdbfeeb431cc81f7ea98d284d836e4d168e36875e86","aad5ffa61406b8e19524738fcf0e6fda8b3485bba98626268fdf252d1b2b630a","16d51f964ec125ad2024cf03f0af444b3bc3ec3614d9345cc54d09bab45c9a4c","ba601641fac98c229ccd4a303f747de376d761babb33229bb7153bed9356c9cc",{"version":"352fc8497a30bc806d7defa0043d85802e5f35a7688731ee9a21456f5cb32a94","affectsGlobalScope":true},"f463d61cf39c3a6a5f96cdf7adfdb72a0b1d663f7b5d5b6dd042adba835430c2","f7a9cb83c8fbc081a8b605880d191e0d0527cde2c1b2b2b623beca8f0203a2cd","6d829824ead8999f87b6df21200df3c6150391b894b4e80662caa462bd48d073","afc559c1b93df37c25aef6b3dfa2d64325b0e112e887ee18bf7e6f4ec383fc90","43cdd474c5aa3340da4816bb8f1ae7f3b1bcf9e70d997afc36a0f2c432378c84","a4375c211767f80a920891f8be884e13181bac6bca513a59905eb348e9a2df84",{"version":"192206f23b9d2185c9293de6f92123da8e9a8f5d17d1e947017af4a1bec8a8ba","affectsGlobalScope":true},"6ab2bed6464f1255f88827fe28d9752f53770314e5aaaa91e8ade80e83f75efa","cd51ceafea7762ad639afb3ca5b68e1e4ffeaacaa402d7ef2cae17016e29e098","1b8357b3fef5be61b5de6d6a4805a534d68fe3e040c11f1944e27d4aec85936a","4a15fc59b27b65b9894952048be2afc561865ec37606cd0f5e929ee4a102233b",{"version":"744e7c636288493667d553c8f8ebd666ccbc0e715df445a4a7c4a48812f20544","affectsGlobalScope":true},"c05dcfbd5bd0abcefa3ad7d2931424d4d8090bc55bbe4f5c8acb8d2ca5886b2e","326da4aebf555d54b995854ff8f3432f63ba067be354fa16c6e1f50daa0667de","90748076a143bbeb455f8d5e8ad1cc451424c4856d41410e491268a496165256","76e3f3a30c533bf20840d4185ce2d143dc18ca955b64400ac09670a89d388198","144dfcee38ebc38aae93a85bc47211c9268d529b099127b74d61242ec5c17f35","2cf38989b23031694f04308b6797877534a49818b2f5257f4a5d824e7ea82a5a","f981ffdbd651f67db134479a5352dac96648ca195f981284e79dc0a1dbc53fd5","e4ace1cf5316aa7720e58c8dd511ba86bab1c981336996fb694fa64b8231d5f0","a1c85a61ff2b66291676ab84ae03c1b1ff7139ffde1942173f6aee8dc4ee357b","f35a727758da36dd885a70dd13a74d9167691aaff662d50eaaf66ed591957702","116205156fb819f2afe33f9c6378ea11b6123fa3090f858211c23f667fff75da","8fe68442c15f8952b8816fa4e7e6bd8d5c45542832206bd7bcf3ebdc77d1c3f3","3add9402f56a60e9b379593f69729831ac0fc9eae604b6fafde5fa86d2f8a4b9","cc28c8b188905e790de427f3cd00b96734c9c662fb849d68ff9d5f0327165c0d","da2aa652d2bf03cc042e2ff31e4194f4f18f042b8344dcb2568f761daaf7869f","03ed68319c97cd4ce8f1c4ded110d9b40b8a283c3242b9fe934ccfa834e45572","de2b56099545de410af72a7e430ead88894e43e4f959de29663d4d0ba464944d","eec9e706eef30b4f1c6ff674738d3fca572829b7fa1715f37742863dabb3d2f2","cec67731fce8577b0a90aa67ef0522ddb9f1fd681bece50cdcb80a833b4ed06f","a14679c24962a81ef24b6f4e95bbc31601551f150d91af2dc0bce51f7961f223","3f4d43bb3f61d173a4646c19557e090a06e9a2ec9415313a6d84af388df64923","18b86125c67d99150f54225df07349ddd07acde086b55f3eeac1c34c81e424d8","d5a5025f04e7a3264ecfa3030ca9a3cb0353450f1915a26d5b84f596240a11cd","03f4449c691dd9c51e42efd51155b63c8b89a5f56b5cf3015062e2f818be8959","23b213ec3af677b3d33ec17d9526a88d5f226506e1b50e28ce4090fb7e4050a8","f0abf96437a6e57b9751a792ba2ebb765729a40d0d573f7f6800b305691b1afb","7d30aee3d35e64b4f49c235d17a09e7a7ce2961bebb3996ee1db5aa192f3feba","eb1625bab70cfed00931a1e09ecb7834b61a666b0011913b0ec24a8e219023ef","1a923815c127b27f7f375c143bb0d9313ccf3c66478d5d2965375eeb7da72a4c","4f92df9d64e5413d4b34020ae6b382edda84347daec97099e7c008a9d5c0910b","fcc438e50c00c9e865d9c1777627d3fdc1e13a4078c996fb4b04e67e462648c8","d0f07efa072420758194c452edb3f04f8eabc01cd4b3884a23e7274d4e2a7b69","7086cca41a87b3bf52c6abfc37cda0a0ec86bb7e8e5ef166b07976abec73fa5e","4571a6886b4414403eacdd1b4cdbd854453626900ece196a173e15fb2b795155","c122227064c2ebf6a5bd2800383181395b56bb71fd6683d5e92add550302e45f","60f476f1c4de44a08d6a566c6f1e1b7de6cbe53d9153c9cc2284ca0022e21fba","84315d5153613eeb4b34990fb3bc3a1261879a06812ee7ae481141e30876d8dc","4f0781ec008bb24dc1923285d25d648ea48fb5a3c36d0786e2ee82eb00eff426","8fefaef4be2d484cdfc35a1b514ee7e7bb51680ef998fb9f651f532c0b169e6b","8be5c5be3dbf0003a628f99ad870e31bebc2364c28ea3b96231089a94e09f7a6","6626bbc69c25a92f6d32e6d2f25038f156b4c2380cbf29a420f7084fb1d2f7d7","f351eaa598ba2046e3078e5480a7533be7051e4db9212bb40f4eeb84279aa24d","5126032fe6e999f333827ee8e67f7ca1d5f3d6418025878aa5ebf13b499c2024","4ce53edb8fb1d2f8b2f6814084b773cdf5846f49bf5a426fbe4029327bda95bf","1edc9192dfc277c60b92525cdfa1980e1bfd161ae77286c96777d10db36be73c","1573cae51ae8a5b889ec55ecb58e88978fe251fd3962efa5c4fdb69ce00b23ba","75a7db3b7ddf0ca49651629bb665e0294fda8d19ba04fddc8a14d32bb35eb248","f2d1ac34b05bb6ce326ea1702befb0216363f1d5eccdd1b4b0b2f5a7e953ed8a","789665f0cd78bc675a31140d8f133ec6a482d753a514012fe1bb7f86d0a21040","bb30fb0534dceb2e41a884c1e4e2bb7a0c668dadd148092bba9ff15aafb94790","6ef829366514e4a8f75ce55fa390ebe080810b347e6f4a87bbeecb41e612c079","8f313aa8055158f08bd75e3a57161fa473a50884c20142f3318f89f19bfc0373","e789eb929b46299187312a01ff71905222f67907e546e491952c384b6f956a63","a0147b607f8c88a5433a5313cdc10443c6a45ed430e1b0a335a413dc2b099fd5","a86492d82baf906c071536e8de073e601eaa5deed138c2d9c42d471d72395d7e","6b1071c06abcbe1c9f60638d570fdbfe944b6768f95d9f28ebc06c7eec9b4087","92eb8a98444729aa61be5e6e489602363d763da27d1bcfdf89356c1d360484da","1285ddb279c6d0bc5fe46162a893855078ae5b708d804cd93bfc4a23d1e903d9","d729b8b400507b9b51ff40d11e012379dbf0acd6e2f66bf596a3bc59444d9bf1","fc3ee92b81a6188a545cba5c15dc7c5d38ee0aaca3d8adc29af419d9bdb1fdb9","a14371dc39f95c27264f8eb02ce2f80fd84ac693a2750983ac422877f0ae586d","755bcc456b4dd032244b51a8b4fe68ee3b2d2e463cf795f3fde970bb3f269fb1","c00b402135ef36fb09d59519e34d03445fd6541c09e68b189abb64151f211b12","e08e58ac493a27b29ceee80da90bb31ec64341b520907d480df6244cdbec01f8","c0fe2b1135ca803efa203408c953e1e12645b8065e1a4c1336ad8bb11ea1101b","f3dedc92d06e0fdc43e76c2e1acca21759dd63d2572c9ec78a5188249965d944","25b1108faedaf2043a97a76218240b1b537459bbca5ae9e2207c236c40dcfdef","a1d1e49ccd2ac07ed8a49a3f98dfd2f7357cf03649b9e348b58b97bb75116f18","7ad042f7d744ccfbcf6398216203c7712f01359d6fd4348c8bd8df8164e98096","0e0b8353d6d7f7cc3344adbabf3866e64f2f2813b23477254ba51f69e8fdf0eb","8e7653c13989dca094412bc4de20d5c449457fc92735546331d5e9cdd79ac16e","189dedb255e41c8556d0d61d7f1c18506501896354d0925cbd47060bcddccab1","48f0819c2e14214770232f1ab0058125bafdde1d04c4be84339d5533098bf60a","2641aff32336e35a5b702aa2d870a0891da29dc1c19ae48602678e2050614041","e133066d15e9e860ca96220a548dee28640039a8ac33a9130d0f83c814a78605","60684b492e1f9434c82991260c03dfe10425b2c3b03378f70a989d5b1b921b45","fe5f53d7945881a1683b293932542d5841af3b3f9268587a89099c20b016e68e","4826cdfca1ee42914c5aeac9cd84417af696651bbe0c850e8cb958e3f031eff0","9e68ab9c2ff790f19cc073f92cf1a4f41d39a45fa10df46cb3ffd9ce631ea447","21fb0ff1c84ee9d1883a39efe26f3d2dbc33798f550a359d5ed702fcad8aa351","83124c481eacf9327dd8f94849b5462a9c81152f98261e96d75bd69463ebd538","b86d143a2f4c79ddca0453fd90778449b1a38cd60026186752a40637a305c321","7362bd03f89700cfe79fa728a6f4b62799a89e85c3cc5ba23470a7074491ee8a","fc6347732d26933b991f83a5eef0b817a44aaafb825f0db11140fa677a54451b","62a07405ef879cac8e7fae86769bd9615099ecb96bf1530174d64824711107b3","004f589b27e410bd02e9a6ccba70b1c54f0b9603d8553394e5775f176c9d1abd","e595d9f06d29026b113665de96d5488f486e87deebac5eef54d1681e7b8d6634","ef5ba7f9beb1748b6739b0c30bd825f1256dc23788f71dc54918823ef76aa0ad","a5223d7574dfa4912698078b5a4d5be2b41222d59f7f6d2c6752b0ad65aa158a","ccdb134d6a1540aff17a03082af1475d745637b7c25ae401c7e3f6ee54bff0bb","80ab776d8fb1c03126a4fbce71bcba8a072a87ae50dd2226d253de204a52e127","62f2d6b25ff2f5a3e73023781800892ff84ea55e9f97c1b23e1a32890a0d1487","858c5fcc43edd48a3795281bd611d0ccc0ff9d7fdce15007be9e30dad87feb8e","7d1466792b53ca98aa82a54dbed78b778a3996d4cbda4c1f3ba3e2ed7ba5683a","1828d8c12af983359ea7d8b87ec847bbaf0f7e6f3c62fb306098467720072354",{"version":"13a6896719ea2d6326f89633dbe2fb65f1c5527931f60473dcf3838be8a15e50","affectsGlobalScope":true},"aa9e4a9713ef35a17d2c37648e6bca646b94d80e8109b792c6e199f2d76803ce","02d40a867567059ad385de906f54bc57a1636461d3b89fad09536d364e88608d","3a500ad283fd8b0717af6758e3833189ba246d7442940383e353e16bb415de9a","0a0ebc5fa977ecda11f5c8f087402ed8bef6e4e9667eecddd4ac76b9ac9d4917","2f2132b7b7874698371e2fa5f92c3354606eaceeaed6004475250660e7e26d71","b4245d9dae00de76458c93cb0f119bfeec97dc66056a1566ffe0cf9ea5ca2853","32dd72f8fbd6e8d65cd04e5f1edd3236481996a4c669dc633fd1bcfbb548c831","88be15d094531f48904548d10c6f31ceb1033f430b1e595f0c5823d0ab429df7","2630064dd94f62458f91937addeef737fbd794d802a07d7d7ac6299b5513053a","4c48972138a594d448dc91a0f7a05cfb31d520ca1e4f9f115753f374d2934ecc","e4bcc2f68baef9d98ae2919e4daf5dc794fe05fae6a8f44d33cfc094addf57c7","f5127f4f1afeb00b79880c3f54e26b7ec1e627dad9eca51dc34238f14d2884b2","c8a3822887b9badc7265b4f8a24e38e498af5b256ac943553d4efbf70f96eea5","98c721ba16b3605cf5d2204b87f3f84d10dc5a1312ab4d5cf9d891e36c6c100f","7dca83d5309fdeb4e325ccd36690846edc5d6cb9399d514afc220ab520640af1","da1050e12e13b6917a45beae0557fc17283e408d0b981897fc6bf8afb17811d6","04bd14338e3a485dd2fb1e42742b356d34c3264ed6b78d995c342e0d83e735a0","ef584491fc6479103691ac59efe07fcba0fe98122dcbd5e1e4876d490ac1c318","8326b5f110f608837d68668114875fc3d515f93e4b1fdf439be11759eb50aec8","c849f6c5306aaa58d23624007affee52d098215c0e10fb259f41ef0d86518393","e7746278a27b4241f2e5bac34555228264b1e4245c6b5b138b286cb77579e1be","4059ad77e3b47ee7ed9e2613b410b2ccbeaad8d1a2cf5d5b5d4cdd161f0e8299","df011f99284ee0d8a04bc25f36c061512dd8b5d5674b5122af155f23dc7210d3","64da8a97a7bedb3b86acde05d31c86129317dd1c8f0fe2ddd30e905ed8c7671d","983bfa59b6a93cbc6c8f82413825109abe145fd16b151409d695edca0f30d7a1","b350ff8ccae3dc42ee7b2abf59e5333ce06bd76e554928801154d14a1768465a","f6cb2168941cad2ecc37d17d17a3126ef14a562e0731013677488d9adb15d0fe","08955a210c63ab8cd7e27028403a54760dcf9010b401946664627acc8d14cd4c","0baf3b364a794c5d00e97fdfa6da7298ce3533cbf4c7b0b3d831f85936d75aef","6c9bb2e6a6bbd1f2a97d23ffa80f9b583f6883a92e670e6f02ebe20234e2509a","0a93a88c97b04ae8f7e5260b18b369241ab292032d7622afa7a914cc07eba3ee","09b369e0621728733772ab1277891812cbfc71f0a0e520c21b55c3bdf4e94464","d0c3475089ca6e0e4db3b6f2f07e613c6ce44fe48dac112c8b4e13953a8b13ba","161e73719adcf55a378341b87611b146ff76b96c53c228ad0c9e48c876bcbf40","024d77dfe9faa588e031051d5cc667bdc77ff521f84ee0d39186140fa1704149","c95f7fc243bd30b30ce21fa0712a198f5d24c86d5fbdb43dc6563942141b67a0","b17a560a212278c7637d389caeddea89a382e03abfe62606be49a1baedaf8dfc","fabf8c56ae89c20931cdb1b73ce6f616d0278dd6cfc307989f1da0dfb8f55825","0d0e527597ed839aa40470e76d74986bc7efa845b0d518c1f16efc2bb05b11cc","a2d9d943eef68669e7718cd1de4f27dd25415265518dd5da5402666119a75a88","e3bd4f7fca64f279413d04eb09ac103b5f2881f6c57588d81413a217ffc9398b","446f332f928d0dce38a3fdbcadca1736bd0cd803cfd922c91c230d9f0015914c","a7f33b03586f5c94752d25c5d21487eb5561cd420bc983bc9f697bbdbef57509","08a80c8e6621da115605805b13ed0ffd38fb93f9ac4e38f10263c21deda53e2c","9f52a7a1692f4728eed184232c433e2d02873c395a45166c81b143c41a091000","4f827fe2ab5958e2196213d5f4503391ca2d57e4f3a4d5193821abb83eaf6f6f","57366c8ef1c5f0ece5bbd3378cce12f69f082c10433908b7fb467d3b2b923d6a","511401f94123d90d1b40b0e4bb43e4cc4fcf30ae639c77f77de89e56b51bde6b","d7b56c4b6926fb93a8e2e0a680059555077f9780038bd0f22628efd1121872f2","22f7636e32f3efc1cc3199da217757696cb76bfc4ea2556a6dacd2d9077f887f","98691e68caf4be6c384e29efc5bbc524dfd96f19ddc6d16847bc4ad132651233","c60c701f9ff0b45e25bdf8fa55239e61071ed9ebed04e4431b93cd2986157163","026a1eec4d876f16555b40c69f1ebc67b5ff2bf82ee67f857770ecfd15d8b5e6","a33c557d7d8269f060f5048e2ce0d298287e4531cbca2df7ace0806e92ef4387","7b554ae844fe55890c7fd0644f86f1d058903614f1bd0376e78ab48044befb9e","806e0602f68448ceca5c3c3c5a3216f41d85dbeb6b01fafd0b01ed60b33137f2","849f1748c0491ba186b563e31438ae863c77489071919a849a90106f1d3d42ff","a94658940c185564758a865c633ff49dec648708e0273a21073ee57eadb6547a","917af37888c0ba677ef15c683e82af1935f091738516961731212468d74c1e0f","c918f67370941afe434d625a86f96f87ff45263cfe70b3666f238b61457bc19a","de2a51a9ad6b3113b66a680f04037480914d0acb4f1fcb9ccc7c97269f880580","0706c86f55d7b8db602ce06b850cfcd6c59f8a5bf7f173c223636afff503d553","cf67446cadef3ffe090df1a54bcb8c3a23b3bd8dc8058954026af15b1d4290c7","fcebd46b3119fd3c5d7c996ce98801c155267124a89d84b14c7348450f342ebf","27975250d16d95779140c1c2231e2f7b9d7764f4bb716b19880c01eeea715452","7d59325a50a743a36c6d0f4e9e475189efed02102901847e85d29e3f80058466","fc5ea8ae23137173c81f6b1cef3c326bd6b3d62350c4b6febd10b60b1c0f9fab","b4507ee95f8936a07c0d3db0f22d48fdc703ecc49617d996f5dba25b8562ce82","c88576f983fb2163abf23f7f499ef2a2a126c4120915c7bfd48e0c7253bae9f0","59665e3796c596b0c8baf55f7bc264b9c67f950b2f8876316cf05e2c46d6105f","fd88696bb1fd8d8b439f8d438b716e1b3379792540949ca517ae13ee780c5daf","50b39263f9431908a3564ed0c4f13e60e7208c22398e282448ece53c4f062925","809c3ad9d152bfd0e5c480227fc054bcc32ac257f97d43da6260e1e718496286","7f3492dc7932a227c1fec742d263a8f359970761a9dedb1dd107c61e26431ce1","fafee1076c16aa6e44743227a87f7b2c0b75f2383cb3c2cfeb2ce2b94d6c25d8","0684944d38c41701d141e1b4da33851e9d61eb7510eefb0b95483dee536ab3b8","271eff5e6f4184ce1f80558cb844d19f54ab5c83f24d493fb4269ea2e7d1125c","5e98f50f1fe5c9f51a7228f8f50b252350b7eeb84160c85dfe89b17273330607","044ad3b32c845a2a52d172460df475509a359f98769fee62bb1636edced017de","a9845c625035f055aa8cd54dd7faa7129683382e2fdfef94b38d38086d593818","6bff4612944fb13b6a737a9b1aa5abb7508ac341698338450d713a0757be92ae","f1b0951db5dce1bf9effd25aafb9395a48c072b88f22e5070e3de50f0389e315","89e9a48bd2aadf96d40e1d63f558c724aee9696e9216bda06fa8219c38ede72b","0fb021f2c5ac2525427741512fd6a48eca7137dc598f66a76edf6c7c8838c408","f4d154514a86990a6d368d9faa0fc53bd70c7e1050d9e69849e34126b40382d3","4d582f0a330e58a24e0aee65d7da51547772dee458ccc050a02d94c376c222e2","cb7b9f6ce4dc61c068393222b5b07d9a120bbcf3eb76a263d5db6b93a0273d4a","08b4486950ba4d0154259057a526296baa002ed51ad3bb619a095a1caa51d925","94d6800c710d9772d1927862897d79c87219ad1b0974b572fe6abfea72255a28","cafd7187cf961ca2e1c9b66293d85e54db6d6da8d3f898e88ada38d9da794205","fb8f01ca6304eed2eb2053752de24c029536d65f5cecd475d53991f4e76a2cc1","2a09f01be0c23e87885cb5ab838445d73426901ee5584a6b312becf916b92f2e","d7aad45253455d6f504c1347581b046dee12ef4547932028a95f46ceed045533","eb6068ef30475dfccd3ece2f3c0249f595f5f860893d7bffd28f90acbba87820","55b85f23e74f9d03a4233f2692d750fc56659382aa77e959ce7d668fc114ea7c","caa9957acdef20fa774f339b834d463bb685f7fdd0ac33512cdf1390fc922da0","7dcbcb4912c12e8917fb6035aee990f5076e28a0e59d162bf9ad5be4e5878a85","5d9f6205d1ca0bacc2b7f79f9d1ac64fd7fdab335977046d6213539722701340","201d9bae7163947fc8124f5183fa6dc0787b88f8c39f79920c7d7318b244eb7d","632a291816247a45f799d43c9dd3292e58ed222390a5864c19cefccd282a0665",{"version":"162db86f83f9a177d179a5d788a744c806eef17c315becb06b4af3213a1f7c12","signature":"3f371c5dba61cc3165c15e80122468b74241a1a5f4e86a8e636552bf8cb99fe7"},"a8dfcc0f038ad710d74f909bf4e320fbe29cef9e31dbb06ef7fd07a05f98f8e8","b48f493d11d9066eb30cfa90de09c2dcc510034fccc3f42634a8ca6f83c947ac","8681a2f5154fdcbb62c64c1b7706921df70ecab11c9c95b1d27832353c7079ef","035ae4212705efef4a1236126ae5b83f122d7c82cced76cb283d9162278048a4","c7a625147e378e877a930f820ac82ad60a2d3b4b0f716d693f80b6f9ca16d5b4","1f65aaf07de2e938647984d0480002c42d29f65f8038fbe5619034adfb04779b","2d174eedc9d9519663287e411b3dab4a9212951ec8693e4f3e0b6be2b68aa71a","3d49cc1293987aede7dcecf1d3eb1ae82f059845557fff5c29b32a138a49332c","61cec9020cf74ab8ad76d8b673a8cf66475c9ad11ef61cddd40b732875b0cc1e","97cda12d7285bbaa6e0ed1f58acc64120bb6f48d175e17f0b27e812aa4f4ed12","e056b9f47ffbf4fca1d8d636f187f776009c8009853856fadb10673d6043192d","c600b9aeb33db06fb621db92fb41018da38d32710410720fd81788a5fe127d20","c8d13c689b313d59a099c3837bb45fb3304fc02e3e07dc3113c5946fde0e804a","44b87b20c476b5efca5a9c504fa1a09f189735ed9db19a5e0e2da15b6eedbce1","936c6bde1b4856708c7d1d682857f7918957b3514bf29c8c6419bceb57b35aab","f03c4ec6f4b3b3ab624f01478fc4e85ed32f490960420fb0532a45464a11e781","2fe665f928ec6518b63bc638680162d4fc697006690b3fff88bfceb455ef4fe6","54c84535c77e35f1cd90591fdc05ea5300bff2a6695d6bbeff67e570a315fdc4","b25d8453c4990264caebd1c02c8fbc5ac116eac00ee916159c283d7a83902987","9618a33dd2cbca85d5b896052271b28889e26482cf6100e4ab02aa7d23befb65","1a8f61fa2beb93ff0fbea30e7a86c6d535c6a5d4c8e20cc5372cbe381c47f7a1","2ee12905eb56856fde4d0d25c9eda97108537419f41ad2ea71876b453910a68e","f29b4b6aa1c91a5f219445e0eb25f253e16ad1b3b399f110892fab0a6e82a5b6","5227198d7cedd4d661045dc588b22fb1111a6a0b955deec9d6da6d6e2cde2358","35b7cc9070f55b4b8f6e9d332754a70bd59c8741cfb9ed1c7f0b2c69c63d0019","4cef2363c5fcfd3f64786807a3f27662b4751f5d00858d75542a9487be3cd26c","3d2f9dd348adced015f53a72fedaab23af27ad17cc0e7709c7a723abec4df659","57ab9c76ae61757503186b272ad0ceb2951f36a989dcd0daa1436fc3eaaef9ab","ffaee6c19ca3dd470e0b1d2b7a6ec579513d5381f878d47f4cca5a7a09b35d60","b1c2edbafbd0d34f8a99c14f162ef284497c4ac027f8bf5490bef9877ab2c430","74ca8c30895e711376b404a1f90b7cf44208260cc7138ec513b8d8d8c12b1e4c","e90227dedbb2aa3ae2898284befdec226466f5e70783446a2b832db5d22e6ed2","32e821d6aaf356096b2bbcdecd8abe8269926ace4e2f730c2979cdd4f4831321","b29ebab4a6ed4e72441f35ac6685df54fc55f93cdaffbeb9caa2932c56d9fed3","388b22e6da844cc7b2742f592ae86655a801adae5aaa3216c3785458b377eeaf","8c376f0a5a22070c82304c00591a40ceac86466489e91df1e90a241d8479fa16","53d1a779579748af6a18bcdf8ac10747256390b34579e733c6842ed0b4011b5b","b17e0a8ed6164480d9ebb7d183f502f37a3498871aefebf784f70c22b2209143","f052d1b5d8c40ce09cb6a74c39559a94c856648f84db2348ffd35c1791fca0da","d87c7801124bedb822301025ebc29e7a0fd3af4b5098d706451571cc91da2761","4fc47a84fd2becde683686da7c69f3833e1d5c23885b45bb0ed61165d10d3ff3","733933d6b983828ae6af17e50f756a4b463549246705fc8aeb0d857cb2925c78","4dbd7d7063a5e6f575724090abcd699719559fc02cf80ecef93ed637b479d09d","8fb21b2f10675763be95397320158d989a05e409a3535a67998ed5bf01cca23c","48eebb6cbc411c365f68ead396b6393200ff94bf432f9fd34a9f6e6bc85066ec","cf3801d5874c22d86338b25f3b495e76d44ac33b528be5ec2ddda49670ec1003","542fe85d80ef23d1668d44cbffde88eb496ba0ecdc3a5f45f20bacce2c658c08","2d8d8c5bf4d3fd0aa8d3776ea0b88076ff15ead377ce843dd9c27878d70ff59e","84357d413ac040035a8ba2d05c7fa43f47281223ba8c5adfa085adb0de003d9a","0e58d5dc509f6e3bfc99e647c58861255e1ad2ba696b2486ef6e0b016c9be8e6","d04f12dd84075b893632b008317dfc7eb8fb6b7a7bf97960e7e5872d26328a14","0fc4cde3e80920150b9e6f3fdb59545370b1492283eed7a5e32a94e2c513f261","dfb43acd6f96993d759abfcee8ca19d398fb4ccebc84efc00eb70bbdfaeede5a","e4c8acc467befed1cba369d06346f58b3230e303f6ba695ff17f31015750f590","c596931b7ebbb5128630e4a7ae239bb3750e0e0de54b71b9d78dfcfb6cf8d4a9","935ae26a06750e306d2c5081d57ed3a165221e4b368cb202422298a3c0fe8590","346252e77cb88dd27d5d6512e50a6b41b2a200cfdf1952ab459871972905e492","a22a5d491d7baa7388dcdb864085d3b31d07eb3c3993a63a459fe31b178069db","694ce43cc3c68b9197a755d7da3d23989d0f30a8a8139c63644c860a7e15c8e8","6e003917696b477b57cab6d633dc30d6073805a828990fa5e660a468d9c5fbeb","daa3a6f1ad8b49cc9437368217642d053bf2bffa8bdb4057e57f08297911a7e5","2a3806e6700f5f980faeb652a1b29a9d1fd936b8c093f0c22ccce673b779e46e","563b95acf087453b9a7827830560f1e8f2eb07df05c7e60a2c01095622912433","3dcfe7c3594ca258e06bbf063363b376b8913bb7c69d97d1ba6a723cab6540a8","42536450eebd2cd11fc49e53f83961c0992c3fc4a2709ab6763ad126200351f9","fd0229ebec32429080b75e17eedf373de6652ddd4220514d9d6b7fd795cbcfa6","0bce38a51035fdfd0433bc06c3592b40505d73528f1be71eab0cdb622442fb2b","6f652cd67ebb272141d60328af20662bccb4612d54d4b43bdc1b1765aa469587","887521cdcbb33c0db2bd8c993bfef03481d9d06a8da2f451f59a6b01693b05e6","49f9b5d00523de91996e9e6a4b7375b1050c8eecc2cf24d3524fdefdf88198d6","681b8c2cbc2167942df62809486b8ebc0374b1709e5e4f6b35a916216f8d2b3e","12f27dae142f210299aa069321b50df6e8fa9a14237742c0abdcd03996bcdb4c","d75a0f3fa6aff9665a5445ee1412f803328d26f6b7095aa32bfe413513e86760","de15d103981e53838016611500343a7ec71d79af019b27db7b8dc190df4d2ee2","6f4e6cd06c034284125c24a5776a6dabbd2c31b1cce2729b2fc687f0a91430a0","59f67edee4766bd8e1c6b8474257bfd7ae519d82f38a341530ec23190bd2574f","aaadd8fcb0b2abe835848a9967925c4528823b2e296e6efb7cb7c63b7fc5779c","0f9077b64c63436eb452034401e217bf8438a1832820d6e61e1118dacc96f2dd","e5ab8fadcea36b61bee7412b5f00f6d722a2051e8269680dbcb1c6161e7cd6a5","a60a5d7f52a378d83d308257a215d02584d92eb0dc51baf7986a6339344224c5","519d1cea3aa9295afbea68660cf60f47e0d53b3aeaa719d1d7437386e6bd886d","49d905440e836042932b6515db2b6ba6ce4af2339349883c8da44fe533918148","dae18eee8838b829bb58c6aea296035857b0cf97b8ae2287d832b2c7cc6acad6",{"version":"8bbe162e9763cbf6684e71702455e6fa97a592c7439cf239977240cce394eea9","signature":"6cc9cf62f2e2efcbf33bd63cdced078f3c592e52a1c83123c1b01cbdad7f64da"},"be97b630720a8cfc2cd275280bcd30c9736d341054038f98c93a6ff8b81b3979","4488aba9006fae7cc9ca3cda57fc6844e09eb3e7942f586ed0fcff86de2d79ed","40fe31095a51cef76ed9e3b535933a2cf89963630e38f267047c70e1af30effa","195c52855728ed2e45e5afca8276fc4410ebf7dd02df261aaec3c334c7da6016","764b6cfb69e9398881bb94f1e47a3ccd10bb2b6aa859d967c5dc28ec1846c340","714f1fc85fb1f29286b6dcaeb7365a31e36804157b53cf000b46f62c89f825dd","254aac38ec65bc5610aea212e58ddadd01f4a065836c9f3497c41afdf08b3c19","d33233bf08aeb7bf4340301be267b4eb4e04f1c6dd47822a342047cad403f871","46707f84389861c2273f12cf3e940b6c776e052a2b12531939ddd2396e928621","0bf99b98870654fabd6c904582ff62d7c98e7362be14683581bf686d700e10ff","82d022a4cba495935df0acfbb6c3ec3480a8a7cb8df43d78fc63000b0c7c06c4","a5bb9378742e27a4b0d7df164e8b3bf3f650e03d3d3cefd27ace5adbdaf1b52d","ec247cfa818d8aafdd12629aa8db81c6f9dc65e9ed0f714a525da4632ee1911f","467cd38a40fadd35156ea6ebf3cc3dbb7e848f9c08d0cf685c97f85a37a91514","c81c29595e596206be2960ef6d6a7f9d5fae6435a6d6b672fc0815e34b0386cc","d473294c8f02de0e245b519a2fc950366b00c74ba4ae945f36fe05e75d0fa1e9","2a9e25c3979fec69cc47f625a0c92a7be0c9070046dc72a668be515ddf2d65cf","77ee75737e62c1a3c9ea4c163bb9941a8265798495990ecf737920d7782014e2","c16fb80db0589c5ead4f87061976feb114725a203ea3e1cbdc5c57bce6a88ec9","3d70ee28cbf39af1b2966737ad4eb66c465e07d236f21d13866b81898729b001","12d04eaa01330bc2e80232cfa374da7566320fb4a9f40ff2131c155af4cd79ab","43dbb0dd38a2fc7f8602ed1c3ab9d58208d313abe5af3745f24c024a02266ad5","9f1d64a7e2f0f2de4f5a3a1bf1f1ae9b52dc72b452c3f035f1d97f00ee96fe1d","9e6e1bf171795beb021a2753b5ecb0187be289b920c666f3f5b9fcb75c202cb0","72848d3ab7504ab282dcaead148abe149f100f2ceb4f54028406e21f68da79aa","0a0ca589db2e72a39476ed5ce9ae3e9a8b920dcbd858a81f1fa2822174fc1806","b63836e03fc475e330f78da354e4fa4c974e87bcd12c6bd8bb960d2c2f30adb5","48d0bcc297ad270d86f3f7a606dcdfb1a837320fc4addb98c81ebfaa91785dff","fee6bb1a64791c6ce982069de316af450f1c05afa6d288e5fb9a09623d8acb42","f2a6347e5ab352db86e91e99baa45c4feacf038b282db6f1d20fe557c3f2a2ba","d9978cd2be0541dfd8d7b5904f33d7472e5f6b34678225417a215ee8c5122fbc","5d6ed3146c411b87bf64618df96620974af7bdbe4abfa84674988731c201aa01","3ddcd1ea2b2151cf30652a476f2c7b65db12cdcd1b94dd7f606d3dc9d7fd31ee","0a15eeacf8e44f9873827a62c96f473915cf84bf06e980061db7ef407454124a","2526b8ab84a8076e3573deb0835e499c60f29eb611ba6371c1080db83a10cd15","8f6760ded2a7246b766ce24b76c0bbe721dc4be8ea2941bc541d5c4a505682b1","bec774038e0667e9ca8d17c416c7a1633d372548daaf5181f416f0ba7331d598","eb5498fff8142a6a9981ca323cc2e7db71d0ef4240efbe7cc0e8601f9352e923","75fd1e3b9d429f337590439b731bb70fa3d4d3c55c5208d7483fdfbcf23644e8","3b5cab00e0841fb5d2db32390bb69b86dc2579351b7d7ad58dd5fc2804e01189","3b5cab00e0841fb5d2db32390bb69b86dc2579351b7d7ad58dd5fc2804e01189","5d7f7caec132af5b50876834bf3ffd30064b58ed2464d97742239d334746dd58","ba3e144c8a5ac51b1c10b2de8e7fbed091a6e3f9142d3292b15a3c32b7a08ee3","ece9579d09be4a893cd4a92334ed8803a0fc5b48f8cdf15109c6dba52b7281c3","dfbfb592881cbaae29635580dc721fdd2be19d4c78cff4f66fc062dae5a1446b","fb1b5e8124fc23402807af72dc9b753eeda23d6524fef6beeeb49f174c446cf8","b45993dd360f845e7c8bb80fc5105800374da063fef851645971ba7103015b72","8fb406ebfe2eb75015249b8e889ff59bb1afac7d614e98b8601838ec54268347","dbfe39040661dc216d7450ec7f7d423ada140aa56e3fa530f49598e0dcb8d5ba","0b0f14fc56fbf588a53529bdcbbd8362edd4b0396eaa0b3f497e3a980a2305b8","38c9c62a2e84d9b806745ead58b2f2a75d91fefc6af7742207e320a0c3294e22","40b0322c0af2f755632b8693d8ccb05bddb65caa8f3542b2b90ef210bca7a35d","a9faa1027e1f3351eba0f72d0e61c3853b34d70e008a00460c7f40f460a0b160","28645691611cf88b97b32794add1bbb279a3a19783b448862679631fd458d35d","61b140da15087d96b9139321dc589a1a182bccf912dad561db40c993ccd7e153","5708591bfc2319ec3d550e921173abc4f3e443d8f01fbe15a7dca386f2e94212","acf270438c1e623c772e8bb22f2969264afd458528556c7aa03c78ccd1cc41e8","69f0a61ce2d74ec058c08f0132e608f30785ba98c0639ab658f463880eb60934","3e42faae378e0a2d567941650bcba4e627cab33079fbd9b39e0a1f979e00206f","8abd461079a7090ca6a43618f38b2174c2920a514d659ca394ed4ebb01d316f4","a67d7e22b9a3683ec511761c479757e27042083ef33e613d8cda564075d4a338","04e7110e5f6e6bdf8b7b4de117433da03b7ccc935e5fd52d16bf2b671a176ec1","efe71cc1a08fa81482cbb1e718f4d677aa10f3a6d84cb9bab98f391c0b4ad6f3","dc43245cba53c9aa990e660517478ee5bc10357a5a4da902c25075ca3565d45c","29eba867bd3031de4d18422ccf6d2170544f0f3611e2477ef8c5a980fb7e8d2a","312c3d55915c9e221e241547ce5395c3ffb648f084404747b89e47c36946157c","ae05c7f88bf8cf606b1e49b0cf71fc1b19f16d25d678a7ddc7eeb5cced0e5624","fc8b36a871cf9f6f4b65fd5117cad80cb3c401915f9bee245c9b8cfc9e737172","bb60a2a97f525dae03ec496c79d8cccbca7fa892930d339190a65115f3aaf022","b552f871ee873d6a065dbfe07cc3f59a37f25761c62d1230304f9ff3eaec1d5a","de01cca0f13fd8e52da13c6f937dfc3173b241b16688619477ef0fc90c990761","43ba5cbd82dc229736db293ada43ca50dc57955b667cbde4069e232354e68bfc","e3c70c81a1778fe64c8e0911e3f318ce0917a288eaf82e188de7c9562dda32da","11a90b788c9b7ae2d091d02325736ada137ee180ac06593b539df26968235430","cc382eacc233ae059a00b35d85292ab8e06f63b74cb9c9224d18be4b68b36aac","b18c9fa53a9b8597e7a1f5798c735efa4ed06ec1539eb0d9b54b03a192dc62f2","47b91ce3f88562a0d8330b75cc338f613f4dce1e337cfb64fd5aad06ad3a7c03","47b91ce3f88562a0d8330b75cc338f613f4dce1e337cfb64fd5aad06ad3a7c03","bec0250ac109dad48e85ee803c9450366f5a428a51370b2ed6474041e7c953dd","c090fb3fd9bd9316387a37bbe3a6e412aa548c8a42071e535fefc7ef450027c6","fe88bd52b35dd20135f7926a4d87feed6596166959ecd26aa463a50245d619d0","92cd621909601c371e89e71104e3fc189314493dd3a9cb11cf4490ad39178c7b","c75c89918709b6cf68713b1af1db17c5893281e3f67d4b86f1dd7c2228096785","3ba920ce0729fb7fb03236f09cd18d16fa4e18dd8211d64c1d2993030beb09f2","abf7303e384f2bae89b599997a905db833b9f6027af1107d8d0c8844c5b9e61e","970f5a8d86364f8a2db3871a09e1875860e418dddf8dfe3872974b692992cb44","409dfbce44a831b5d346b46485c681816486c0fb7697f12a0e4778f07db7ef2b","fc3878dcc870e33ecd3631394f93d9dbe7e6c68a8d121ad3f621f1fd1e5d4100","b60dbba99799b9b0dd349e82626f42f3a9cb42aee9204f7339d8c10f828282e0","ba7cd943edbdab3d7cbd3713b271debf36c00511f47fb3aead69408a62e319a6","75ed44926cb5aa8d880dc45a4436d86f9a8f7f5163c506e9a359b5e57d7bc703","d2b089e7849d7a768891682abe8ac00a88b5a23949497b12632c066575ad1632","1679efbc74fb9a8ed3cf6696d7cb25dbe6845f3723a9babb65f4d8fc02d18151","8c7efce390f6042088f73ec3b04afc2a6ffeb94de3718ff0948fd9c795b76079","9946959ccfe5493277bdfaf7c8c3ce1adc394c6926a17db3b0d6c609b2c5e267","ac47f5ba46b50b5b6474bd54e8e29fb4036423b7bff0f6b98c0ad812de2a6460","8e2799accf039361d2cf46c4afc2a2f5abfb62a3456970423f56a1596f34f223","a1a1dadd72064616c9b6a12032fa6ffc1108c5d4614e1f2a26be6f53eeb882f2","dd82f54d6a3a158634460801731c4caa4209d0646b1a80023d2b9443b6fd88e9","70efabde0d1fae6c4e8c7ac496a1f3a3ba08f0f0d887fe67bedc2ed9e0bc4fdf","eec9b06fcd2b1d01c5c54c35c6be779e1ca7d2fea84cb1599fc940cb8db9ca85","ff57771de875e32fefd38a536eb451db9527e9a71aff47ff7e4b1863db317045","c5acb5b185b6a68d07e4e397969be3fa208388f0bdab934c72b6c1177be7daac","51312f42e9a04ed375246b26e83a8879e2c653b8020911d724eb346e554959ae","af1af436c44dbd324e95db5bd4f06c151a79e3b271cac9c3ed6a37f96092a8e6","5d0b766240d78a47bebe406db448ae49234326760fdd78d7a4c85dd01bb4a5da","6658f305b065745c2fe906fc8ff6ad640da4cab59886db86a4b686c805efff3f","2c53a16c1656f90201f5c4cda79f01b06fadf54149ac45483e7c63dd9fabcba7","f9584baa1b8c17b25f57fab4ecc1a3dc3454b3569cf7579c7f6fa12b603aabf6","a1d73075b1db4ac2930bdc4f0ea7093c52552aec33fe2e5d1903464b5ffeaa38","5ebc46dc03141ed59ef606a81ecad88baf11bd31318c66cedbe5ed89746664ae","da28ed921d30da5dfe138400a67c08d93ce3080d55ca9ecbc2f33273e3722a17","67331d22a4f8adc0f339c57daa3d7fabbb891cb01a03c4ac5e17970bbabaa207","e2c99abfbe661c19b8a6a31327aa6a7149519eb41170c0827c2478ce4d414d70","78d95274d7dd8858de5e331229b0935694d32d1493b17e570a388d67f7e5aeff","c00451f4306bcedd504bde69a902af75255a4eb3406e9a6d2bd36a0544479326","7d981ba070b92ba4bfe1f272ea01b736722b9bb6b652f9b0ba580da3fdb6bc33","dc5108968a35f11c80718f123b6e2d74f3d45ea8e9f5e543a411240cbe492a5c","04cbb2b4d7473203d035d175c95ed5258f58e8cd10e54fb8f0576a5c14c08939","b396cebcf6fb2e59597ebd9d3ea7a400fbdcb324c48913f6952ea2f0b2a02dfc","287708f72153a1588f8e809f278d5d96e845959a40bc3a28b1eefdf70f89522b","374d0ab953ba11ecd12602629430bd7d5d3b8b521a62aa0c58d5adcce707e6f3","366c50a2f615d862096eb1e8324cdfbe78c87dd8aba9466610359b31a7c2790f","38e6b745ddf09a7fa3998554082bf96b37b8ade3410f6d74ab8a571ec7900e6d","57f0d6532d3acf092db37947295694f308cf612ee3d176ea1bbe141173497fb6","8f141ed94da9a3d2da56d03e8560a4d7fbf824fa7b7b6cee1c81ca7d14877032","b8e49f7241ebe96f1cd574acf12f51a6e463ad86ba97e28cf9510baaa0f307f8","72a82292852365d99a65acd91bfbbb7c99ecd6dcb27e22b987c96df9830b8d70","2b70a0305bd4da6ce78f51c0dfda342bd7a8ebb785e3c6c0f695bcbca0bb9123","2e54272257295ca465034702e581779e3ee058b929a5b2cb964b8a8dae789554","088fb417cf83656407b9708afc54fc83d393590e6e2e83deee46205c7c187b61","de803255e53fd5946abc7d09efb6c84a330588b0e0d606e2ff41c850e42c93ea","10798f4b895f380d5239654a014058eec53336f5c8e3139e6380ab5363bf9845","c158f08a55b4dd77377fcdbadc7fbf0c3de25613c42197ac26820bb2201c8fca","c7847301f8055887a10cf34adae83df316867ae788283f64a9f0de0d68f3e16b","76f37f6672a7153a80ef1f888496e2ac5ebf332afac87c095c05510eafb7d589","61b140da15087d96b9139321dc589a1a182bccf912dad561db40c993ccd7e153","ec4b96e17bc5673d20392652f466054a2de57e608250193eaf34d0a57446b753","faa6db6be0ec96ff74fc373a48ed33af7eb179ae5a16c35d411db043fcf4e750","af0d827b405a53111ec0b50eac1bff205b37aa8ab49084d2289fda67fe693a8b","68585f6e701fde9859e30a711a28be2f3e5da91fabea969b5e2e229e75978e61","0e2afe600db9530258458349380d5a9779aa44315215445947279fd3156a3cc2","6f0b90fbdfa63767cc4d29e8ee2e2c6c521a0004c1a16ef3a488bfad73587bfe","1a222054d0069c25515b648b0e20775ecd4f834eab1a39e01d5b6a9da7e53640","e852684e294e4e4712788b19d2992ec4e04cf2f20b10e372c781e283c25dad66","c91397074e95b112320dded35cbfed25c5c783b05a265e4c3f7c8f5abaec1fb2","44d3810b6d2227703f3dafbc353a6b80913d1681c52e3eaab04a38ebf7eb8553","557532021a8cb6858b8bf9c9999988e7f812a01235ea83b10578e0f277dfed0e","bec45e0777e88662fdbb5e8ef48f3fd1a474768075abe838b184973025c94244","dbc64f3108732ba4e05689b6e2548f929d64ade2e98165b2ffc8626ea4beb640","209aaa1c003cd5369725f8b6c121c5c9fced86b7cd30e10779c8be918a3cd7e4","2e584ac8ec196397732bc98da935f474d0f1e76507ea47f088e4d078e7b30d2c","3a31cdd3f8b694ef78fd1c9258348c685809fb02598c6789d2ac1d474f5c4017","afd57e6c181dcbbc0588e35fa5adafe8e96c75d88a2623bcf1e2e20bdba2973a","2b3a79b5cd3150b0ac3395490f60d8785f5acf59f082e5d7333065a346b8f572","57c09a0f43f6a08a5adb374784151b02b34c00f0c5f4c855aba8a5d4c708b7f6","81448a1fc8cdc27caaf2bef5ba440abb14405bb2dfd31030091a0586f60dec53","297b1481cef9f631a1284a4046a04deff41b1d6478bf80e49203c44d2700c0cd","11f7bf834fdde3c05c5cf003625dd2fbd712d625ef670ebf31184d2e0856b76c","039528c29320e7a6f672b104fa457369daef4487ad12a8197e862b802cfbc509","3e2e906217c6c53ed8b684a6c377834afc0fa677fdbddec8e132e3d982b6db09","ffacba648b04adb8ffa0966e027332bcd6f1cade91c9186537629e826e0d4732","672627bcd3674eaa4206b80fdbf4029b1cc5c696e989f6539faaea8f25339b1e","dd332252bb45677533cd5553e0c35340cee4c485c90c63360f8e653901286a4f","dddde95f3dea44dc49c9095a861298e829122a54a3f56b3b815e615501e2ed16","794a88237c94d74302df12ebb02f521cf5389a5bf046a3fdbdd3afb21dc02511","66a08d30c55a7aefa847c1f5958924a3ef9bea6cd1c962a8ff1b2548f66a6ce0","0790ae78f92ab08c9d7e66b59733a185a9681be5d0dc90bd20ab5d84e54dcb86","1046cd42ec19e4fd038c803b4fc1aff31e51e6e48a6b8237a0240a11c1c27792","8f93c7e1084de38a142085c7f664b0eb463428601308fb51c68b25cb687e0887","83f69c968d32101f8690845f47bcae016cbea049e222a5946889eb3ae37e7582","59c3f3ed18de1c7f5927e0eafcdc0e545db88bfae4168695a89e38a85943a86d","32e6c27fd3ef2b1ddbf2bf833b2962d282eb07d9d9d3831ca7f4ff63937268e1","406ebb72aa8fdd9227bfce7a1b3e390e2c15b27f5da37ea9e3ed19c7fb78d298","197109f63a34b5f9379b2d7ba82fc091659d6878db859bd428ea64740cb06669","059871a743c0ca4ae511cbd1e356548b4f12e82bc805ab2e1197e15b5588d1c4","8ccefe3940a2fcb6fef502cdbc7417bb92a19620a848f81abc6caa146ab963e9","44d8ec73d503ae1cb1fd7c64252ffa700243b1b2cc0afe0674cd52fe37104d60","67ea5a827a2de267847bb6f1071a56431aa58a4c28f8af9b60d27d5dc87b7289","e33bb784508856827448a22947f2cac69e19bc6e9d6ef1c4f42295f7bd4ce293","383bb09bfeb8c6ef424c7fbce69ec7dc59b904446f8cfec838b045f0143ce917","83508492e3fc5977bc73e63541e92c5a137db076aafc59dcf63e9c6ad34061c7","ef064b9a331b7fc9fe0b368499c52623fb85d37d8972d5758edc26064189d14d","d64457d06ab06ad5e5f693123ee2f17594f00e6d5481517058569deac326fea0","e92ea29d716c5fe1977a34e447866d5cfbd94b3f648e3b9c550603fdae0e94fb","3d10f47c6b1e9225c68c140235657a0cdd4fc590c18faf87dcd003fd4e22c67f","13989f79ff8749a8756cac50f762f87f153e3fb1c35768cc6df15968ec1adb1a","e014c2f91e94855a52dd9fc88867ee641a7d795cfe37e6045840ecf93dab2e6b","74b9f867d1cc9f4e6122f81b59c77cbd6ff39f482fb16cffdc96e4cda1b5fdb1","7c8574cfc7cb15a86db9bf71a7dc7669593d7f62a68470adc01b05f246bd20ff","c8f49d91b2669bf9414dfc47089722168602e5f64e9488dbc2b6fe1a0f6688da","3abee758d3d415b3b7b03551f200766c3e5dd98bb1e4ff2c696dc6f0c5f93191","79bd7f60a080e7565186cfdfd84eac7781fc4e7b212ab4cd315b9288c93b7dc7","4a2f281330a7b5ed71ebc4624111a832cd6835f3f92ad619037d06b944398cf4","ea8130014cb8ee30621bf521f58d036bff3b9753b2f6bd090cc88ac15836d33c","c740d49c5a0ecc553ddfc14b7c550e6f5a2971be9ed6e4f2280b1f1fa441551d","886a56c6252e130f3e4386a6d3340cf543495b54c67522d21384ed6fb80b7241","4b7424620432be60792ede80e0763d4b7aab9fe857efc7bbdb374e8180f4092a","e407db365f801ee8a693eca5c21b50fefd40acafda5a1fa67f223800319f98a8","529660b3de2b5246c257e288557b2cfa5d5b3c8d2240fa55a4f36ba272b57d18","0f6646f9aba018d0a48b8df906cb05fa4881dc7f026f27ab21d26118e5aa15de","b3620fcf3dd90a0e6a07268553196b65df59a258fe0ec860dfac0169e0f77c52","08135e83e8d9e34bab71d0cf35b015c21d0fd930091b09706c6c9c0e766aca28","96e14f2fdc1e3a558462ada79368ed49b004efce399f76f084059d50121bb9a9","56f2ade178345811f0c6c4e63584696071b1bd207536dc12384494254bc1c386","72c3535621ce0d03c1f2164ef5b374cea7b0ef74f0a43e4e25c6b196b6ee2531","a9679a2147c073267943d90a0a736f271e9171de8fbc9c378803dd4b921f5ed3","a8a2529eec61b7639cce291bfaa2dd751cac87a106050c3c599fccb86cc8cf7f","bfc46b597ca6b1f6ece27df3004985c84807254753aaebf8afabd6a1a28ed506","29d367403d3770c9f486a4ba87786957a479e93116905c55a22c2d5f9fd1206b","b8f3eafeaf04ba3057f574a568af391ca808bdcb7b031e35505dd857db13e951","30b38ae72b1169c4b0d6d84c91016a7f4c8b817bfe77539817eac099081ce05c","055eb244114cb0c9243e78f682e9e428ba7d2d1a1b96bfdcb1055a10c242fa01","426c3234f768c89ba4810896c1ee4f97708692727cfecba85712c25982e7232b","ee12dd75feac91bb075e2cb0760279992a7a8f5cf513b1cffaa935825e3c58be","bb8ad53203286ff368a4f22c9af9588775243ae6f2dba3b007ec821c09ae8fa5","4763ce202300b838eb045923eaeb32d9cf86092eee956ca2d4e223cef6669b13","7cff5fff5d1a92ae954bf587e5c35987f88cacaa006e45331b3164c4e26369de","3e51868ea728ceb899bbfd7a4c7b7ad6dd24896b66812ea35893e2301fd3b23f","781e8669b80a9de58083ca1f1c6245ef9fb04d98add79667e3ed70bde034dfd5","cfd35b460a1e77a73f218ebf7c4cd1e2eeeaf3fa8d0d78a0a314c6514292e626","452d635c0302a0e1c5108edebcca06fc704b2f8132123b1e98a5220afa61a965","ede58c3483c998fb5ce80f178522a4dd531900262eddd513898f3dba6ee77f0a","b87d65da85871e6d8c27038146044cffe40defd53e5113dbd198b8bce62c32db","ca1159f3677ea301f52a7e302b8ce2b287556d559c3b8c770cf5540bab175be5","5ff885be3e07a88697343a4741ccd8c919102ec096da574ea3f6caa5d8b52b94","c9f17e24cb01635d6969577113be7d5307f7944209205cb7e5ffc000d27a8362","685ead6d773e6c63db1df41239c29971a8d053f2524bfabdef49b829ae014b9a","b7bdabcd93148ae1aecdc239b6459dfbe35beb86d96c4bd0aca3e63a10680991","e83cfc51d3a6d3f4367101bfdb81283222a2a1913b3521108dbaf33e0baf764a","95f397d5a1d9946ca89598e67d44a214408e8d88e76cf9e5aecbbd4956802070","74042eac50bc369a2ed46afdd7665baf48379cf1a659c080baec52cc4e7c3f13","1541765ce91d2d80d16146ca7c7b3978bd696dc790300a4c2a5d48e8f72e4a64","ec6acc4492c770e1245ade5d4b6822b3df3ba70cf36263770230eac5927cf479","4c39ee6ae1d2aeda104826dd4ce1707d3d54ac34549d6257bea5d55ace844c29","deb099454aabad024656e1fc033696d49a9e0994fc3210b56be64c81b59c2b20","80eec3c0a549b541de29d3e46f50a3857b0b90552efeeed90c7179aba7215e2f","a4153fbd5c9c2f03925575887c4ce96fc2b3d2366a2d80fad5efdb75056e5076","6f7c70ca6fa1a224e3407eb308ec7b894cfc58042159168675ccbe8c8d4b3c80","4b56181b844219895f36cfb19100c202e4c7322569dcda9d52f5c8e0490583c9","5609530206981af90de95236ce25ddb81f10c5a6a346bf347a86e2f5c40ae29b","632ce3ee4a6b320a61076aeca3da8432fb2771280719fde0936e077296c988a9","8b293d772aff6db4985bd6b33b364d971399993abb7dc3f19ceed0f331262f04","4eb7bad32782df05db4ba1c38c6097d029bed58f0cb9cda791b8c104ccfdaa1f","c6a8aa80d3dde8461b2d8d03711dbdf40426382923608aac52f1818a3cead189","bf5e79170aa7fc005b5bf87f2fe3c28ca8b22a1f7ff970aa2b1103d690593c92","ba3c92c785543eba69fbd333642f5f7da0e8bce146dec55f06cfe93b41e7e12f","c6d72ececae6067e65c78076a5d4a508f16c806577a3d206259a0d0bfeedc8d1","b6429631df099addfcd4a5f33a046cbbde1087e3fc31f75bfbbd7254ef98ea3c","4e9cf1b70c0faf6d02f1849c4044368dc734ad005c875fe7957b7df5afe867c9","7498b7d83674a020bd6be46aeed3f0717610cb2ae76d8323e560e964eb122d0c","b80405e0473b879d933703a335575858b047e38286771609721c6ab1ea242741","7193dfd01986cd2da9950af33229f3b7c5f7b1bee0be9743ad2f38ec3042305e","1ccb40a5b22a6fb32e28ffb3003dea3656a106dd3ed42f955881858563776d2c","8d97d5527f858ae794548d30d7fc78b8b9f6574892717cc7bc06307cc3f19c83","ccb4ecdc8f28a4f6644aa4b5ab7337f9d93ff99c120b82b1c109df12915292ac","8bbcf9cecabe7a70dcb4555164970cb48ba814945cb186493d38c496f864058f","7d57bdfb9d227f8a388524a749f5735910b3f42adfe01bfccca9999dc8cf594c","3508810388ea7c6585496ee8d8af3479880aba4f19c6bbd61297b17eb30428f4","56931daef761e6bdd586358664ccd37389baabeb5d20fe39025b9af90ea169a5","abb48247ab33e8b8f188ef2754dfa578129338c0f2e277bfc5250b14ef1ab7c5","beaba1487671ed029cf169a03e6d680540ea9fa8b810050bc94cb95d5e462db2","1418ef0ba0a978a148042bc460cf70930cd015f7e6d41e4eb9348c4909f0e16d","56be4f89812518a2e4f0551f6ef403ffdeb8158a7c271b681096a946a25227e9","bbb0937150b7ab2963a8bc260e86a8f7d2f10dc5ee7ddb1b4976095a678fdaa4","862301d178172dc3c6f294a9a04276b30b6a44d5f44302a6e9d7dc1b4145b20b","cbf20c7e913c08cb08c4c3f60dae4f190abbabaa3a84506e75e89363459952f0","0f3333443f1fea36c7815601af61cb3184842c06116e0426d81436fc23479cb8","421d3e78ed21efcbfa86a18e08d5b6b9df5db65340ef618a9948c1f240859cc1","b1225bc77c7d2bc3bad15174c4fd1268896a90b9ab3b306c99b1ade2f88cddcc","ca46e113e95e7c8d2c659d538b25423eac6348c96e94af3b39382330b3929f2a","03ca07dbb8387537b242b3add5deed42c5143b90b5a10a3c51f7135ca645bd63","ca936efd902039fda8a9fc3c7e7287801e7e3d5f58dd16bf11523dc848a247d7","2c7b3bfa8b39ed4d712a31e24a8f4526b82eeca82abb3828f0e191541f17004c","5ffaae8742b1abbe41361441aa9b55a4e42aee109f374f9c710a66835f14a198","ecab0f43679211efc9284507075e0b109c5ad024e49b190bb28da4adfe791e49","967109d5bc55face1aaa67278fc762ac69c02f57277ab12e5d16b65b9023b04f","36d25571c5c35f4ce81c9dcae2bdd6bbaf12e8348d57f75b3ef4e0a92175cd41","fde94639a29e3d16b84ea50d5956ee76263f838fa70fe793c04d9fce2e7c85b9","5f4c286fea005e44653b760ebfc81162f64aabc3d1712fd4a8b70a982b8a5458","e02dabe428d1ffd638eccf04a6b5fba7b2e8fccee984e4ef2437afc4e26f91c2","60dc0180bd223aa476f2e6329dca42fb0acaa71b744a39eb3f487ab0f3472e1c","b6fdbecf77dcbf1b010e890d1a8d8bfa472aa9396e6c559e0fceee05a3ef572f","e1bf9d73576e77e3ae62695273909089dbbb9c44fb52a1471df39262fe518344","fad7dc36fbac24ae2c643c8250bd2f428755258d365cd95943970ba17f9c7c4c","fdcd692f0ac95e72a0c6d1e454e13d42349086649828386fe7368ac08c989288","58fcf404770f5648652d2a9eb02601348fd1d7b7469cb89a97e3044551201e9b","b0641d9de5eaa90bff6645d754517260c3536c925b71c15cb0f189b68c5386b4","9899a0434bd02881d19cb08b98ddd0432eb0dafbfe5566fa4226bdd15624b56f","4496c81ce10a0a9a2b9cb1dd0e0ddf63169404a3fb116eb65c52b4892a2c91b9","ecdb4312822f5595349ec7696136e92ecc7de4c42f1ea61da947807e3f11ebfc","42edbfb7198317dd7359ce3e52598815b5dc5ca38af5678be15a4086cccd7744","8105321e64143a22ed5411258894fb0ba3ec53816dad6be213571d974542feeb","d1b34c4f74d3da4bdf5b29bb930850f79fd5a871f498adafb19691e001c4ea42","9a1caf586e868bf47784176a62bf71d4c469ca24734365629d3198ebc80858d7","35a443f013255b33d6b5004d6d7e500548536697d3b6ba1937fd788ca4d5d37b","b591c69f31d30e46bc0a2b383b713f4b10e63e833ec42ee352531bbad2aadfaa","31e686a96831365667cbd0d56e771b19707bad21247d6759f931e43e8d2c797d","dfc3b8616bece248bf6cd991987f723f19c0b9484416835a67a8c5055c5960e0","03b64b13ecf5eb4e015a48a01bc1e70858565ec105a5639cfb2a9b63db59b8b1","c56cc01d91799d39a8c2d61422f4d5df44fab62c584d86c8a4469a5c0675f7c6","5205951312e055bc551ed816cbb07e869793e97498ef0f2277f83f1b13e50e03","50b1aeef3e7863719038560b323119f9a21f5bd075bb97efe03ee7dec23e9f1b","0cc13970d688626da6dce92ae5d32edd7f9eabb926bb336668e5095031833b7c","3be9c1368c34165ba541027585f438ed3e12ddc51cdc49af018e4646d175e6a1","7d617141eb3f89973b1e58202cdc4ba746ea086ef35cdedf78fb04a8bb9b8236","ea6d9d94247fd6d72d146467070fe7fc45e4af6e0f6e046b54438fd20d3bd6a2","d584e4046091cdef5df0cb4de600d46ba83ff3a683c64c4d30f5c5a91edc6c6c","e79d0c35c071d7d2c8b5b97f7502c017ed9e5bed489f9f414bb4073fc9e596ac","0fdcf43fd0f1d8cacc83da11ba56bda5697fd2be7d3f282141903212169dad34","015ba7d990cac24d4ff045d75e5b1e74edd306223bae571e3862c92cec7e6515","59cd834d4204f5467061c56e16cd3c68eb2d5ce15e27d2b4c0a30a68a9bbb870","a8761b5c12f6b4fdfb6bb5698935397e81df493e15c067752f1193b28ca1aa01","760a3050427dc1e3d3228fbcfb17f5e9f9c62b7a21af098da05e5d7f1c110fd6","cac3a87600ffc325e1e2bff3830e3e9977de05b66e4384f3625e1378222575bb","14826ddd521dfed918eead9e6f65fd33f1d37a1f5723a647c0fcebde5fb2680b","5da3fd402befb210af1893188bd9199d8193bbf24cceeb7bb0c5262eae410ab4","d48ac7569126b1bc3cd899c3930ef9cf22a72d51cf45b60fc129380ae840c2f2","e4f0d7556fda4b2288e19465aa787a57174b93659542e3516fd355d965259712","756b471ce6ec8250f0682e4ad9e79c2fddbe40618ba42e84931dbb65d7ac9ab0","ce9635a3551490c9acdbcb9a0491991c3d9cd472e04d4847c94099252def0c94","b70ee10430cc9081d60eb2dc3bee49c1db48619d1269680e05843fdaba4b2f7a","9b78500996870179ab99cbbc02dffbb35e973d90ab22c1fb343ed8958598a36c","c6ee8f32bb16015c07b17b397e1054d6906bc916ab6f9cd53a1f9026b7080dbf","67e913fa79af629ee2805237c335ea5768ea09b0b541403e8a7eaef253e014d9","0b8a688a89097bd4487a78c33e45ca2776f5aedaa855a5ba9bc234612303c40e","188e5381ed8c466256937791eab2cc2b08ddcc5e4aaf6b4b43b8786ed1ab5edd","8559f8d381f1e801133c61d329df80f7fdab1cbad5c69ebe448b6d3c104a65bd","00a271352b854c5d07123587d0bb1e18b54bf2b45918ab0e777d95167fd0cb0b","10c4be0feeac95619c52d82e31a24f102b593b4a9eba92088c6d40606f95b85d","e1385f59b1421fceba87398c3eb16064544a0ce7a01b3a3f21fa06601dc415dc","bacf2c0f8cbfc5537b3c64fc79d3636a228ccbb00d769fb1426b542efe273585","3103c479ff634c3fbd7f97a1ccbfb645a82742838cb949fdbcf30dd941aa7c85","4b37b3fab0318aaa1d73a6fde1e3d886398345cff4604fe3c49e19e7edd8a50d","bf429e19e155685bda115cc7ea394868f02dec99ee51cfad8340521a37a5867a","72116c0e0042fd5aa020c2c121e6decfa5414cf35d979f7db939f15bb50d2943","20510f581b0ee148a80809122f9bcaa38e4691d3183a4ed585d6d02ffe95a606","71f4b56ed57bbdea38e1b12ad6455653a1fbf5b1f1f961d75d182bff544a9723","b3e1c5db2737b0b8357981082b7c72fe340edf147b68f949413fee503a5e2408","396e64a647f4442a770b08ed23df3c559a3fa7e35ffe2ae0bbb1f000791bda51","698551f7709eb21c3ddec78b4b7592531c3e72e22e0312a128c40bb68692a03f","662b28f09a4f60e802023b3a00bdd52d09571bc90bf2e5bfbdbc04564731a25e","e6b8fb8773eda2c898e414658884c25ff9807d2fce8f3bdb637ab09415c08c3c","528288d7682e2383242090f09afe55f1a558e2798ceb34dc92ae8d6381e3504a","e4a66dc0ae6332340657716c07b848a86500d665eb4cb41db94ab6c4adc07093","4e94410c76baf82f03d1a2f7be0179d059409a9b1f073879ecfe56211c2db0dd","c0c3630f2e945c1de1e320888d7f30333b7774e3bc3aef411eb141fa31b1777d","a900de8ae988ad0ef1f03127d54a31facf07db7970b91047d78815c7acd238ca","c73e51d41d9839c08b4dc66e9d76ad7f487a7369387ae320084d07183a74f8cf","fc9586df78a6904eacfc2bdbb5bda3eb276c972eefebd8044e545ee705ffda7a","5971df533a260b67caba307846848d4166ad403e13eecbbe9bee1f72c99457af","806a3c2c16f4289f1444d3679c66dfa23f128cf5b7ea7938486b34465350d0bb","4837509e8acec2a385b85cc9c1564777e1044e96a0aa9a487c9e3c00f75b0d1c","f8053df0118e093ad6d579c4e04a47c41201f302c5439253f78f45866af6513a","67dec6886768c7157d0c707faefa964fd87e3d43677fb49e2131dd996c847ecf","a513bd5df5bbce9d96178a5004e8772946964cd789edfcfa5b7458d1e2eec357","ca97c250244cab0ebdcea34c5324d0e71be269d6eeccac7684f66716264f2975","88b9b8cb7ec68c9ca701d91f3eb7ce12bff28d9ffbe011d555a073c9a758dd90","217729e60dc3e4e6d8ba15d9accc1b6416cb1f6ed2069c4a9e2b6eaef11966f2","eb197fa6e1b0ddc57661546071ae7dc1aca673e2e43f18e9ce0eb6c7f235b101","65a642ee1b4fa894143c809fc2d117beea9a32c0c4d8ded3c5dec206adec2813","87f1c499e6e43c69877ce2f3d05e56a426bb56dd68d11f3c148ebeadbd6d38d8","ef99225ceb0d37954a9b0b7f792eab4b02a4afd2020323a08ef58e174b56e384","494cd93d122826fafecbe2cef3216d68c1acbf3490552518884a46c4771e990e","9b6e1f902021702448b14b40c51614ad79ccd1a5063514e9924811cbec8fa2a6","69585fbd3dc82f36d9e40abc40b90a53b1d02741f6caa9eb8b9af0cbf1c6c5df","a2536fb046bf63eac7f280e2c8d1abfb983ebb4ec872a49796173f1b806b8d87","205609c63916dffddf9516511cbfa5ecaa736d9fe16ce478ee369386fa4e008e","88b9b8cb7ec68c9ca701d91f3eb7ce12bff28d9ffbe011d555a073c9a758dd90","1e3e960d3396c6474e361aa0f247188dfaae422fca1a885f068940068833820a","934c0ba34c032e70786f3612d06e9defdf44c53922cd9891a0b95555416d6e50","52ab50707b9fb2063b10b652cc77fbe9f69e242acdb93480d5d804fcdf1e5e17","ec3f65422b7f3382af2e510c1d036ba0d53c22aa25fb4cc3e216f7616ac0f85a","5826b74197b8e8abd0b3caef29f5df05d59a51b86daf8b3014feb5e550ef4050","9c77e17374e0a69994367d3fd6b1c38a439efc0c1893d2d9349091a744a4a26d","8aba8b3d502aba6cc1fd103b1d4e36efb95f3cc0cd8a8f835627035cb845269a","174aa64477f19260c10a029ee3979cdfeefca1c121f0c2418fd274f1124ac791","4ec4f7d878b5df87a620d02d2346c6b7b734fbcfbd87c4de5a15ddf46e0187f2","0e65bc93c314da5dd99df2f007c9565334fcaed06f68294f864840275e838ba9","d95da726ca1e9c9d6a4cd61e7eda9c8cc79e870ae0a16acb6ce9947e87a2772b","de0c34d8f1841892beb9b80b19523d04842c3a7ab4b3412d9f4f52da059cc541","8e0396b1a41838f0e226609d9da9894bf8f1ed91168e5cc43a40170c855435fc","1eca959a3534d757121a29f87031e924f5647e9667a543e8b068a373c761e1c4","3c1fe170531bdf35b1dfe3a1f4000f0d5265d94f6089fffa784a0c3db11de4c9","e1d86bff5598c66e0e89d22509d2734a798be009b77dd2f03360b5c2b4b98776","195ecdcb86d2610a2db97d28d419001085fae9b0a5d76ed163aa8234c448c5eb","8c49425c457b039bce226af28535070427956f9c0240058789f0a553c719100e","2eaa161a16fe4bafed6d687e5fe28c917ab956242a1146b0cd9e763ff6bbdbbe","99a8e54855bc74445f30f000e064f0ae02c70e4b4bfc7391a8e226613fef496b","1f59fb0bd1947df762847d66f52eef7bd15da42c2e5fed5d4444f61067a915d4","287e21add48686cb7fb010f4d36a55a6fe94db52be6604c4bd4b459be69377bf","0fb4e9ab76972782e9cf80b8601814bb6791ee63b74235008c9c33a4e39c1f40","055bdd0e7c988df7db9cca58639389a1445d1abfaabc1c4f5bf47b82a78aaf17","8201128b0472de00f0b8573450bdc8f109ce2db5e5bb133147e0bd62469ed913","ef54281e44853afcccdae512683f0214b217216726f215f050ef22cf3831f08c","0af72ed3399e7bbed2138a95ce2f6c7c7f5572818d6edb65f64ed33fc320fbae","6be8a3793203926e581bbe5b99bb98fa0da55888493704152ae91c2bbd3270e1","d76a1f4d45ecda5cd185ec822bd3c69fa00ae4ce3de4218bd8e8b371769a0bd9","fb0b8171f88ba93d5469e97ff80a8543b132d9314c50ed03fa87a3bc06f32f84","9ae8c45b0449bd937718439a30e6f5338c607da6c38349d3c7d00d14c1e34839","47abbfbfc888449ddf4e3c107766988aa14d1209d2aa2f7a00040a88a75a23fe","ba6da6d3e825b98d7cc529579c5dad44f9d0e538ab5f222f7007787b8ba4659c","b4901c24011e8ac0d39e6d7bfcb7999471fdcd5e35401281104d6fd2cc408fd2","2e69fc64ceeb87116f5f6d9f15fb38c93bdea08ed38e1f821ba88db84dfed2e3","65110ce0e18bd7dd5f5c333c98c6f3b4eb4e10b4f9297243df3124ca6e585a79","fb584e728c84544318fcccddc86c590f74c462f11f0ca998a019b5d1086976d0","35ab2b72f362d8980b26392301eea87c9dafbf2e801fd9138e741b3927a09fea","d965e8f0fea860f2c1fd922339186a18133d167b06dbf8d0a2d438245e8b9adf","b9d3e135603ceb9d4bdbe0e6d691fe7aa0f6acaed67fc86792672ff70a2fb033","3536ca6db420149c49cdb12463cf364a374ae916a290a8cf6259bf865145bacf","f019273f2dfcc70b083e83315d78b1f3e9b71b70c3669c8e6cd1e8636a52a02f","47d7ffee7912708409bf2bf9a225d6546e3de7bd581766f43ac0a153c74ae2ad","21522c0f405e58c8dd89cd97eb3d1aa9865ba017fde102d01f86ab50b44e5610","6a9c5127096b35264eb7cd21b2417bfc1d42cceca9ba4ce2bb0c3410b7816042","78828b06c0d3b586954015e9ebde5480b009e166c71244763bda328ec0920f41","4b4c4c74c41b52cada66c85638633d2b0fe7c43445daf877cfddb310d3f5e998","febcc45f9517827496659c229a21b058831eef4cf9b71b77fd9a364ae12c3b9e","de8877483ce1e67bced3ad1f4ac877fd5066f8465ab6a9e8b716662d727553e5","9dffc5c0859e5aeba5e40b079d2f5e8047bdff91d0b3477d77b6fb66ee76c99d",{"version":"64d4b35c5456adf258d2cf56c341e203a073253f229ef3208fc0d5020253b241","affectsGlobalScope":true},"a1c79f857f5c7754e14c93949dad8cfefcd7df2ecc0dc9dd79a30fd493e28449","f3e604694b624fa3f83f6684185452992088f5efb2cf136b62474aa106d6f1b6","dea2650c477f53d503a27f78ed17b13d7184c2f922eb4d3367ccf52634765467","e050a0afcdbb269720a900c85076d18e0c1ab73e580202a2bf6964978181222a","19f1159e1fa24300e2eaf72cb53f0815f5879ec53cad3c606802f0c55f0917e9","963d59066dd6742da1918a6213a209bcc205b8ee53b1876ee2b4e6d80f97c85e","9c5c92b7fb8c38ff1b46df69701f2d1ea8e2d6468e3cd8f73d8af5e6f7864576","bf88ef4208a770ca39a844b182b3695df536326ea566893fdc5b8418702a331e","cddf5c26907c0b8378bc05543161c11637b830da9fadf59e02a11e675d11e180","3d2cd8f3047fff04a71e7037a6a4cb9f4accb28dbd8c0d83164d414811025af0","bfe1b52cf71aea9bf8815810cc5d9490fa9617313e3d3c2ee3809a28b80d0bb4","ee65fe452abe1309389c5f50710f24114e08a302d40708101c4aa950a2a7d044","8b06ac3faeacb8484d84ddb44571d8f410697f98d7bfa86c0fda60373a9f5215","7eb06594824ada538b1d8b48c3925a83e7db792f47a081a62cf3e5c4e23cf0ee","f5638f7c2f12a9a1a57b5c41b3c1ea7db3876c003bab68e6a57afd6bcc169af0","96d14f21b7652903852eef49379d04dbda28c16ed36468f8c9fa08f7c14c9538","675e702f2032766a91eeadee64f51014c64688525da99dccd8178f0c599f13a8","458111fc89d11d2151277c822dfdc1a28fa5b6b2493cf942e37d4cd0a6ee5f22","d70c026dd2eeaa974f430ea229230a1897fdb897dc74659deebe2afd4feeb08f","187119ff4f9553676a884e296089e131e8cc01691c546273b1d0089c3533ce42","febf0b2de54781102b00f61653b21377390a048fbf5262718c91860d11ff34a6","98f9d826db9cd99d27a01a59ee5f22863df00ccf1aaf43e1d7db80ebf716f7c3","0aaef8cded245bf5036a7a40b65622dd6c4da71f7a35343112edbe112b348a1e","00baffbe8a2f2e4875367479489b5d43b5fc1429ecb4a4cc98cfc3009095f52a","dcd91d3b697cb650b95db5471189b99815af5db2a1cd28760f91e0b12ede8ed5","3c92b6dfd43cc1c2485d9eba5ff0b74a19bb8725b692773ef1d66dac48cda4bd","3cf0d343c2276842a5b617f22ba82af6322c7cfe8bb52238ffc0c491a3c21019","df996e25faa505f85aeb294d15ebe61b399cf1d1e49959cdfaf2cc0815c203f9",{"version":"f2eff8704452659641164876c1ef0df4174659ce7311b0665798ea3f556fa9ad","affectsGlobalScope":true},"5774751340e987a6a9e4a5dcc03ff68a6515adc2b91423e1af2f660fc8f30e81","bb5c385d6290f1ad2da7576e186810f23dce6d6bc7fb38ad565a4eb8cfed3541","6571f33cd3c23ee70fb48839c9a7486381cd3f439e17d97d10fc908e41468052","c757372a092924f5c16eaf11a1475b80b95bb4dae49fe3242d2ad908f97d5abe","736097ddbb2903bef918bb3b5811ef1c9c5656f2a73bd39b22a91b9cc2525e50","626bccaba2f61f03abe558a39501631565389a748bc47dd52b305c80176333c1","3663d1b50f356656a314e5df169bb51cb9d5fd75905fa703f75db6bb32030568","6fa0008bf91a4cc9c8963bace4bba0bd6865cbfa29c3e3ccc461155660fb113a","df38da6685578ac3d0e4ce2d20f3d59462ee53959b8263d2532ec9cec48ae098","2b8264b2fefd7367e0f20e2c04eed5d3038831fe00f5efbc110ff0131aab899b","c0a3ea3aee13c4946a6aefce3a6ab9292a40a29f6622cde0fda0b1067a1a1f5f","bd85e061719661505dc7c273cb72a4c7fba05fb4e24520e8caca9f9f074462c3",{"version":"fd624f7d7b264922476685870f08c5e1c6d6a0f05dee2429a9747b41f6b699d4","affectsGlobalScope":true},"bc0fcbd1d24fc838fbbadaef30b05ff0c49d3a1f4037e9534d0b93907a071bc5","7ccce4adb23a87a044c257685613126b47160f6975b224cea5f6af36c7f37514","2b93035328f7778d200252681c1d86285d501ed424825a18f81e4c3028aa51d9","2ac9c8332c5f8510b8bdd571f8271e0f39b0577714d5e95c1e79a12b2616f069","42c21aa963e7b86fa00801d96e88b36803188018d5ad91db2a9101bccd40b3ff","d31eb848cdebb4c55b4893b335a7c0cca95ad66dee13cbb7d0893810c0a9c301","b9f96255e1048ed2ea33ec553122716f0e57fc1c3ad778e9aa15f5b46547bd23","7a9e0a564fee396cacf706523b5aeed96e04c6b871a8bebefad78499fbffc5bc","906c751ef5822ec0dadcea2f0e9db64a33fb4ee926cc9f7efa38afe5d5371b2a","5387c049e9702f2d2d7ece1a74836a14b47fbebe9bbeb19f94c580a37c855351","c68391fb9efad5d99ff332c65b1606248c4e4a9f1dd9a087204242b56c7126d6","e9cf02252d3a0ced987d24845dcb1f11c1be5541f17e5daa44c6de2d18138d0c","e8b02b879754d85f48489294f99147aeccc352c760d95a6fe2b6e49cd400b2fe","9f6908ab3d8a86c68b86e38578afc7095114e66b2fc36a2a96e9252aac3998e0","0eedb2344442b143ddcd788f87096961cd8572b64f10b4afc3356aa0460171c6","71405cc70f183d029cc5018375f6c35117ffdaf11846c35ebf85ee3956b1b2a6","c68baff4d8ba346130e9753cefe2e487a16731bf17e05fdacc81e8c9a26aae9d","2cd15528d8bb5d0453aa339b4b52e0696e8b07e790c153831c642c3dea5ac8af","479d622e66283ffa9883fbc33e441f7fc928b2277ff30aacbec7b7761b4e9579","ade307876dc5ca267ca308d09e737b611505e015c535863f22420a11fffc1c54","f8cdefa3e0dee639eccbe9794b46f90291e5fd3989fcba60d2f08fde56179fb9","86c5a62f99aac7053976e317dbe9acb2eaf903aaf3d2e5bb1cafe5c2df7b37a8","2b300954ce01a8343866f737656e13243e86e5baef51bd0631b21dcef1f6e954","a2d409a9ffd872d6b9d78ead00baa116bbc73cfa959fce9a2f29d3227876b2a1","b288936f560cd71f4a6002953290de9ff8dfbfbf37f5a9391be5c83322324898","61178a781ef82e0ff54f9430397e71e8f365fc1e3725e0e5346f2de7b0d50dfa","6a6ccb37feb3aad32d9be026a3337db195979cd5727a616fc0f557e974101a54","c649ea79205c029a02272ef55b7ab14ada0903db26144d2205021f24727ac7a3","38e2b02897c6357bbcff729ef84c736727b45cc152abe95a7567caccdfad2a1d","d6610ea7e0b1a7686dba062a1e5544dd7d34140f4545305b7c6afaebfb348341","3dee35db743bdba2c8d19aece7ac049bde6fa587e195d86547c882784e6ba34c","b15e55c5fa977c2f25ca0b1db52cfa2d1fd4bf0baf90a8b90d4a7678ca462ff1","f41d30972724714763a2698ae949fbc463afb203b5fa7c4ad7e4de0871129a17","843dd7b6a7c6269fd43827303f5cbe65c1fecabc30b4670a50d5a15d57daeeb9","f06d8b8567ee9fd799bf7f806efe93b67683ef24f4dea5b23ef12edff4434d9d","6017384f697ff38bc3ef6a546df5b230c3c31329db84cbfe686c83bec011e2b2","e1a5b30d9248549ca0c0bb1d653bafae20c64c4aa5928cc4cd3017b55c2177b0","a593632d5878f17295bd53e1c77f27bf4c15212822f764a2bfc1702f4b413fa0","a868a534ba1c2ca9060b8a13b0ffbbbf78b4be7b0ff80d8c75b02773f7192c29","da7545aba8f54a50fde23e2ede00158dc8112560d934cee58098dfb03aae9b9d","34baf65cfee92f110d6653322e2120c2d368ee64b3c7981dff08ed105c4f19b0","a1a261624efb3a00ff346b13580f70f3463b8cdcc58b60f5793ff11785d52cab","61f41da9aaa809e5142b1d849d4e70f3e09913a5cb32c629bf6e61ef27967ff7","fab58e600970e66547644a44bc9918e3223aa2cbd9e8763cec004b2cfb48827e","70e9a18da08294f75bf23e46c7d69e67634c0765d355887b9b41f0d959e1426e","e9eb1b173aa166892f3eddab182e49cfe59aa2e14d33aedb6b49d175ed6a3750"],"options":{"esModuleInterop":true,"jsx":1,"module":99,"noImplicitAny":true,"skipLibCheck":true,"strict":true,"target":99},"fileIdsList":[[115,602],[115,199,200,602],[115,602,831],[115,348,349,352,353,354,602],[115,347,348,352,353,355,602],[115,346,348,349,350,352,353,602],[115,348,352,353,602],[115,347,348,349,352,353,354,355,356,357,358,359,602],[115,346,347,348,602],[115,348,602],[115,348,350,352,602],[115,346,348,349,602],[115,348,349,350,351,602],[115,346,347,602],[115,363,602],[115,362,602],[115,360,602],[62,115,361,602],[62,115,361,602,692],[115,602,694],[115,602,692,693,695],[115,602,696],[62,115,602,1384],[115,602,1386],[115,602,1384],[115,602,1384,1385,1387,1388],[115,602,1383],[62,115,602,1330,1344,1360,1377,1389,1414,1417,1418],[115,602,1418,1419],[115,602,1344,1377],[62,115,602,1421],[115,602,1421,1422,1423,1424],[115,602,1344],[115,602,1421],[62,115,602,1344],[115,602,1426],[115,602,1427,1429,1431],[115,602,1428],[62,115,602],[115,602,1430],[62,115,602,1330,1344],[62,115,602,1417,1432,1435],[115,602,1433,1434],[115,602,1330,1344,1383,1420],[115,602,1435,1436],[115,602,1389,1420,1425,1437],[115,602,1377,1439,1440,1441],[62,115,602,1383],[62,115,602,1330,1344,1377,1383],[62,115,602,1344,1383],[115,602,1345,1346,1361,1362,1363,1364,1365,1366,1367,1368,1369,1370,1371,1372,1373,1374,1375,1376],[115,602,1344,1383],[115,602,1360,1361],[115,602,1344,1379],[115,602,1309,1344],[115,602,1330],[115,602,1360],[115,602,1443],[115,602,1344,1360,1383,1414,1417,1438,1442],[115,602,1330,1415],[115,602,1415,1416],[115,602,1330,1344,1383],[115,602,1347,1348,1349,1352,1354,1356,1359],[115,602,1357,1358],[115,602,1347,1357],[115,602,1344,1347],[115,602,1353],[62,115,602,1347,1352],[115,602,1350,1351],[62,115,602,1347,1350],[115,602,1355],[62,115,602,1339,1344,1383],[115,602,1347],[62,115,602,1379],[115,602,1379,1380,1381,1382],[115,602,1379,1380],[62,115,602,1330,1339,1344,1377,1378,1380,1438],[115,602,1331,1339,1383],[115,602,1331,1332,1340,1341,1342,1343],[62,115,602,1330],[115,602,1333],[115,602,1333,1344],[115,602,1333,1334,1335,1336,1337,1338],[115,602,1390,1391,1392],[115,602,1339,1393,1400,1402,1413],[115,602,1401],[115,602,1330,1344],[115,602,1394,1395,1396,1397,1398,1399],[115,602,1343],[115,602,1403,1404,1405,1406,1407,1408,1409,1410,1411,1412],[115,602,1444,1445,1446,1447,1448,1449,1450],[115,602,1457],[62,115,602,1443,1456],[115,602,1459],[115,602,1459,1460,1461],[115,602,1330,1443],[62,115,602,1330,1377,1443,1456,1459],[115,602,1456,1458,1462,1467,1470,1477],[115,602,1469],[115,602,1468],[115,602,1456],[115,602,1463,1464,1465,1466],[115,602,1452,1453,1454,1455],[115,602,1443,1453],[115,602,1471,1472,1473,1474,1475,1476],[115,602,1309],[115,602,1309,1310],[115,602,1313,1314,1315],[115,602,1317,1318,1319],[115,602,1321],[115,602,1298,1299,1300,1301,1302,1303,1304,1305,1306],[115,602,1307,1308,1311,1312,1316,1320,1322,1328,1329],[115,602,1323,1324,1325,1326,1327],[115,286,602],[62,115,288,602],[62,115,602,705,706],[62,115,602,705,706,708],[62,115,602,705,706,708,716],[115,602,707,709,710,711,712,713,714,715,717,718,719,720],[62,115,602,705],[115,602,998,999],[115,602,823,984,997],[115,602,998],[115,602,824,825],[115,574,602,823],[115,602,824],[115,479,482,602],[115,479,480,602],[115,479,480,482,602],[115,479,481,602],[115,482,602],[115,479,493,602],[115,480,602],[115,480,498,602],[115,479,500,602],[115,500,602],[115,479,602],[115,480,482,483,484,485,486,494,495,496,497,499,500,501,502,503,504,505,506,507,508,509,602],[115,506,602],[115,482,497,602],[115,479,481,482,602],[115,479,487,602],[115,487,488,489,490,491,492,602],[115,479,489,602],[115,478,602],[62,115,581,583,584,602],[62,115,597,602],[62,115,597,598,602],[62,115,581,583,602],[62,115,597,598,602,604,605,609],[62,115,597,598,602,630],[62,115,597,598,602,604,608,609],[62,115,597,598,602,604,605,608,609,629],[62,115,597,598,602,604,605,608,609],[62,115,597,598,602,606,607],[62,115,597,598,602,629],[115,602,958],[115,602,945,946,947],[115,602,945],[115,602,840,949,950,951,952,953,954,955,956,957],[115,602,949,952],[115,602,949],[115,602,840],[115,602,949,950,951,952,954,955],[115,602,949,950,951],[62,88,115,602,830,836,846,948],[62,115,602,848,849,928],[62,115,602,848],[88,115,602,830,836,846,847],[115,211,602],[115,216,218,221,222,602],[115,212,213,214,216,217,218,219,220,221,222,223,224,225,226,227,228,229,602],[115,212,216,218,222,602],[115,214,215,219,220,222,602],[115,211,217,218,219,221,222,602],[115,211,218,221,222,602],[115,211,212,216,218,222,602],[115,212,213,214,215,222,602],[115,211,212,216,217,218,222,602],[115,213,214,216,217,220,222,602],[115,211,216,218,222,602],[115,222,602],[115,213,214,216,217,220,221,223,602],[115,216,221,222,602],[62,115,230,231,602],[115,210,230,231,232,233,234,235,236,237,238,239,240,241,602],[62,115,230,602],[115,230,231,602],[115,602,831,832,833,834,835],[115,602,831,833],[88,115,122,602,844],[88,115,122,602],[115,602,1548],[115,602,1555,1557],[115,602,1554,1555,1556],[85,88,115,122,602,838,839,840],[115,602,840,841,843,845],[85,86,115,122,602,1560],[86,115,122,602],[115,602,1563],[115,602,1567],[115,602,1568],[115,602,1571,1573,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583],[115,602,1571,1572,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583],[115,602,1572,1573,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583],[115,602,1571,1572,1573,1575,1576,1577,1578,1579,1580,1581,1582,1583],[115,602,1571,1572,1573,1574,1576,1577,1578,1579,1580,1581,1582,1583],[115,602,1571,1572,1573,1574,1575,1577,1578,1579,1580,1581,1582,1583],[115,602,1571,1572,1573,1574,1575,1576,1578,1579,1580,1581,1582,1583],[115,602,1571,1572,1573,1574,1575,1576,1577,1579,1580,1581,1582,1583],[115,602,1571,1572,1573,1574,1575,1576,1577,1578,1580,1581,1582,1583],[115,602,1571,1572,1573,1574,1575,1576,1577,1578,1579,1581,1582,1583],[115,602,1571,1572,1573,1574,1575,1576,1577,1578,1579,1580,1582,1583],[115,602,1571,1572,1573,1574,1575,1576,1577,1578,1579,1580,1581,1583],[115,602,1571,1572,1573,1574,1575,1576,1577,1578,1579,1580,1581,1582],[115,602,1585,1586],[88,114,115,122,602,1588,1589],[88,103,115,122,602],[69,115,602],[72,115,602],[73,78,106,115,602],[74,85,86,93,103,114,115,602],[74,75,85,93,115,602],[76,115,602],[77,78,86,94,115,602],[78,103,111,115,602],[79,81,85,93,115,602],[80,115,602],[81,82,115,602],[85,115,602],[83,85,115,602],[85,86,87,103,114,115,602],[85,86,87,100,103,106,115,602],[115,119,602],[88,93,103,114,115,602],[85,86,88,89,93,103,111,114,115,602],[88,90,103,111,114,115,602],[69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,602],[85,91,115,602],[92,114,115,602],[81,85,93,103,115,602],[94,115,602],[95,115,602],[72,96,115,602],[97,113,115,119,602],[98,115,602],[99,115,602],[85,100,101,115,602],[100,102,115,117,602],[73,85,103,104,105,106,115,602],[73,103,105,115,602],[103,104,115,602],[106,115,602],[107,115,602],[85,109,110,115,602],[109,110,115,602],[78,93,103,111,115,602],[112,115,602],[93,113,115,602],[73,88,99,114,115,602],[78,115,602],[103,115,116,602],[115,117,602],[115,118,602],[73,78,85,87,96,103,114,115,117,119,602],[103,115,120,602],[115,368,602],[115,365,366,367,602],[62,115,602,1565,1596],[58,59,60,61,115,602],[115,602,661],[115,602,651],[115,602,650],[115,602,649],[115,602,651,653,654,655,656,657,658,659],[115,602,649,651],[115,602,651,652],[115,602,647,648,649,651,660],[115,602,647],[115,602,1599,1638],[115,602,1599,1623,1638],[115,602,1638],[115,602,1599],[115,602,1599,1624,1638],[115,602,1599,1600,1601,1602,1603,1604,1605,1606,1607,1608,1609,1610,1611,1612,1613,1614,1615,1616,1617,1618,1619,1620,1621,1622,1623,1624,1625,1626,1627,1628,1629,1630,1631,1632,1633,1634,1635,1636,1637],[115,602,1624,1638],[86,103,115,122,602,837],[88,115,122,602,837,842],[115,602,1641],[115,326,602],[115,326,327,328,329,330,331,332,333,602],[115,327,602],[115,326,327,602],[115,326,327,328,602],[115,334,339,602],[115,339,341,342,343,602],[115,334,339,340,602],[115,334,602],[115,334,335,336,337,602],[115,334,335,602],[115,334,338,344,602],[115,334,338,344,345,602],[115,589,602],[115,602,829],[62,115,477,510,602],[115,203,206,207,602],[62,115,602,641],[67,115,602],[115,176,602],[115,178,602],[115,126,129,165,602],[115,131,602],[115,124,137,602],[115,124,137,138,602],[115,124,602],[62,114,115,122,602],[62,115,137,171,602],[62,115,137,602],[115,169,173,602],[62,115,170,175,602],[115,125,602],[62,115,166,175,602],[62,115,175,602],[88,115,122,130,175,602],[88,115,122,129,131,602],[88,103,115,122,130,131,135,602],[88,99,114,115,122,125,126,127,129,130,131,133,135,136,137,140,147,148,150,152,153,154,156,158,165,602],[115,124,126,127,128,165,602],[115,129,602],[99,114,115,122,126,129,130,131,133,136,146,151,153,155,159,161,162,602],[88,114,115,122,129,135,158,602],[115,123,165,175,602],[88,99,114,115,122,126,129,130,133,135,136,139,140,146,147,148,150,151,152,154,155,158,159,160,175,602],[88,115,122,135,161,163,602],[62,88,99,115,122,125,127,131,135,140,152,153,165,602],[88,99,114,115,122,130,134,602],[115,157,602],[115,122,140,602],[99,115,122,125,126,130,133,135,602],[88,115,122,140,149,602],[88,115,122,130,150,602],[115,146,602],[115,143,602],[115,129,141,142,146,602],[115,129,141,142,602],[115,129,134,143,144,145,602],[62,115,123,152,165,175,602],[62,99,114,115,122,125,168,170,172,175,602],[115,130,133,137,602],[99,115,122,602],[115,132,602],[62,88,99,115,122,125,165,166,167,173,174,602],[57,62,63,64,65,115,165,206,602],[115,180,602],[115,182,602],[115,184,602],[115,186,602],[115,188,602],[66,68,115,165,177,179,181,183,185,187,189,191,192,194,197,198,602],[115,190,602],[115,170,602],[115,193,602],[115,143,144,145,146,195,196,602],[115,122,602],[62,66,88,99,115,122,125,131,164,175,206,602],[115,433,602],[115,432,433,602],[115,432,602],[115,432,433,434,435,436,437,438,440,441,442,443,444,445,446,447,448,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,602],[115,439,602],[115,458,602],[62,115,602,810],[115,602,810,811,813,814,815,816,817,818,819,822],[115,602,810],[115,602,812],[62,115,602,808,810],[115,602,805,806,808],[115,602,801,804,806,808],[115,602,805,808],[62,115,602,797,798,801,802,803,805,806,807,808],[115,602,798,801,802,803,804,805,806,807,808,809],[115,602,805],[115,602,799,805,806],[115,602,799,800],[115,602,804,806,807],[115,602,804],[115,602,801,806,807],[115,602,820,821],[62,66,115,165,203,204,205,206,207,602],[62,115,203,206,207,602],[115,449,602],[115,449,450,451,452,453,454,455,456,457,602],[115,512,513,514,515,516,517,518,519,520,602],[115,512,515,602],[115,514,515,602],[115,515,602],[115,512,602],[115,602,850,851,852,853,855,856,857,858,859,860,861,862,863,864,865,866,867,868,869,870,871,872,873,874,875,876,877,878,879,880,881,882,883,884,885,886,887,888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927],[115,602,876],[115,602,876,889],[115,602,854,903],[115,602,904],[115,602,855,878],[115,602,878],[115,602,854],[115,602,907],[115,602,887],[115,602,854,895,903],[115,602,898],[115,602,900],[115,602,850],[115,602,870],[115,602,851,852,891],[115,602,911],[115,602,909],[115,602,855,856],[115,602,857],[115,602,868],[115,602,854,859],[115,602,913],[115,602,855],[115,602,907,916,919],[115,602,855,856,900],[115,602,751,765,767,771,773,774],[115,602,759,760,767,773],[115,602,773],[115,602,751,755,757,758,760,763,765,767,772,774],[115,602,750],[115,602,750,751,755,757,758,759,760,763,764,765,767,771,772,773,775,776,777,778,779,780,781],[115,602,754,757,763],[115,602,754,755,757,758,766,767,771,773],[115,602,760,767],[115,602,755,757,758,763,766,771,772,773],[115,602,754,755,757,758,760,761,762,766,767,771,772],[115,602,754,767,771],[115,602,766,767,773],[115,602,754,755,756,760,763,766,767,771],[115,602,750,752,753,755,759,760,763,764,767,774],[115,602,751,755,767,771],[115,602,771],[115,602,768,769,770],[115,602,752,765,767,773,775],[115,602,759,763,765,767],[115,602,759,765],[115,602,755,757,758,760,761,765,766,767],[115,602,754,758,759,782],[115,602,754,755,757,759,760,763,766],[115,602,765,772,773],[115,602,755,757,758,763,767,772,773],[115,602,977,981,983,984,985,986],[115,602,981,983,985,986],[115,602,977,985],[115,602,977,981,983,985,986],[115,602,977,979,980,981,983,984,985,987,988,989,990,991,992,993,994,995,996],[115,602,978,981,983,985],[115,602,985],[115,602,983],[115,602,977,978,980,981,982,985],[115,602,986],[115,602,983,984],[115,602,977,979,983,985],[115,602,977],[115,573,602],[115,564,565,602],[115,562,563,564,566,567,571,602],[115,563,564,602],[115,572,602],[115,564,602],[115,562,563,564,567,568,569,570,602],[115,562,563,573,602],[115,602,1281,1282],[115,602,1281],[115,287,289,312,530,602,691,701],[115,244,245,602],[62,115,189,288,289,602],[62,115,206,602,721,724],[62,115,192,206,602,721,722,724],[62,115,602,704,721,724],[62,115,602,704,721,724,729],[62,115,602,704,721],[62,115,206,602,721],[62,115,602,721],[62,115,192,530,602,721],[115,287,289,602],[62,115,269,287,289,602],[62,115,287,289,602,721],[62,115,287,289,602,688],[62,115,192,255,269,287,420,530,537,602,691,724,734,739],[115,602,721],[62,115,287,289,602],[62,115,602,737,738],[115,602,737],[62,115,192,287,289,532,602,721],[115,206,602],[115,602,691],[62,115,269,287,289,602,745,746],[62,115,206,287,289,602,724],[62,115,287,532,534,535,602,721,724],[62,115,189,206,268,269,287,289,602,703,724,739,782],[62,115,206,287,289,602,721],[115,287,289,532,602,741,747,748],[115,191,192,287,289,530,602,691],[115,192,287,289,530,602,691],[115,602,698,699,700],[62,115,427,602,691,697],[62,115,287,289,521,602],[62,115,431,602,691,697],[62,115,192,202,554,602],[62,115,206,420,602,691,703,788],[115,206,266,287,289,292,553,602,691,739],[62,115,191,206,420,602,691],[115,191,192,206,287,289,602,691,792,793],[62,115,192,206,285,420,549,602,691],[62,78,115,206,247,248,252,253,255,256,279,287,289,324,551,552,560,602,691,704],[62,115,287,289,420,530,574,602,691,739,823,826],[115,602,827],[78,115,248,252,253,255,256,602],[115,247,248,252,256,259,260,602],[115,247,248,252,256,259,602],[115,273,602],[115,249,602],[115,276,277,602],[115,253,254,602],[78,115,248,252,253,266,602],[115,265,602],[115,245,602],[62,115,192,281,530,602],[115,532,602],[115,532,533,602],[78,115,255,321,532,602],[115,243,602],[115,244,245,246,602],[115,587,602,929],[62,115,287,289,521,586,602],[115,587,602],[115,287,289,591,602,929],[62,115,287,289,521,590,602],[115,591,602],[115,287,289,593,602,929],[62,115,521,590,602],[115,593,602],[115,595,602,929],[62,115,521,602],[115,595,602],[115,600,602,929],[62,115,287,289,521,599,602],[115,600,602],[62,115,511,521,602],[115,522,602],[115,602,615,929],[115,287,289,594,602,603,610,614],[115,602,615],[62,115,292,594,602,619,621,624],[115,602,625],[115,594,602,627,929],[62,115,287,289,521,590,596,602,612,622],[115,602,627],[115,287,289,602,612,632,929],[62,115,521,602,631],[115,602,632],[115,594,602,624],[115,602,634],[115,602,636,929],[62,115,287,288,289,521,602],[115,602,636],[115,602,618,620,929],[62,115,287,289,521,602,617],[115,602,618],[115,288,289,602,638],[115,602,744],[115,594,602,639,929],[62,115,521,602,638],[115,602,639],[115,287,289,602,611,929],[115,602,611],[115,523,588,592,594,596,601,602,612,614,616,619,621,624,626,628,633,635,637,640,644,646,664,667,669,671,673,676,678,681,683,685,688,690],[115,602,620],[115,287,289,602,620,929],[115,602,643],[115,602,643,929],[62,115,511,521,602,642],[115,602,623],[115,594,602,623,929],[62,115,287,289,521,596,602,612,622],[115,602,645],[115,602,645,929,959],[115,287,289,521,602,612,633],[115,602,746],[115,287,289,602,610],[115,602,613],[115,594,602,613,929],[62,115,287,289,521,602,610,612],[115,602,663],[62,115,292,521,602,662],[115,602,668],[62,115,602,665,668,929],[62,115,287,288,289,521,602,665,667],[115,602,670],[115,602,670,929],[115,521,602],[115,602,666],[115,602,672],[115,602,675],[115,602,675,929],[62,115,521,602,674],[115,602,677],[115,602,677,929],[62,115,521,602,671],[115,602,680],[115,521,602,679],[115,602,682],[115,602,684],[115,602,684,929],[115,602,687],[115,602,687,929],[62,115,521,602,686],[115,602,689],[115,420,530,594,602,624],[115,243,247,249,602],[62,115,192,202,243,292,420,602],[115,421,602],[115,422,425,427,429,431,525,527,529,602],[115,424,602],[62,115,420,423,602],[115,370,426,602],[62,115,370,420,423,425,602],[115,361,602],[115,371,430,602],[62,115,371,420,429,602],[115,524,602],[62,115,192,295,420,523,602],[115,526,602],[62,115,420,423,425,602],[115,528,602],[115,428,602],[62,115,192,315,420,602],[115,247,602],[115,253,255,602],[78,115,255,273,316,321,398,536,602],[115,602,970,972],[115,602,969],[62,115,287,289,361,521,530,602],[115,602,971],[115,296,297,602],[115,242,250,272,295,296,602],[115,242,250,295,602],[115,293,602],[115,242,250,270,273,602],[115,299,602],[115,301,602],[115,242,250,300,602],[115,252,602],[115,242,243,250,251,602],[115,305,602],[115,242,250,304,602],[115,308,602],[115,242,250,307,602],[115,294,298,302,303,306,309,318,320,322,325,375,379,384,389,393,397,399,400,402,404,407,409,412,414,418,419,602],[115,317,602],[115,242,250,310,316,602],[115,319,602],[115,242,250,311,316,602],[115,321,602],[115,242,250,271,602],[115,324,602],[115,242,250,323,602],[115,373,374,602],[115,242,250,372,373,602],[115,242,250,272,346,361,364,369,370,371,372,602],[115,377,378,602],[115,242,250,376,377,602],[115,242,250,376,602],[115,382,383,602],[115,242,250,381,382,602],[115,242,250,255,271,313,380,381,602],[115,271,312,313,376,602],[115,388,602],[62,115,242,250,386,387,602],[115,391,392,602],[115,242,250,390,391,602],[62,115,242,250,255,390,602],[115,271,313,602],[115,395,396,602],[115,242,250,394,395,602],[62,115,242,250,255,394,602],[115,380,398,602],[78,115,242,250,255,313,380,382,386,602],[62,115,242,250,255,271,313,602],[115,271,312,602],[115,386,602],[115,242,250,255,313,385,602],[115,548,602],[115,242,250,547,602],[115,401,602],[115,242,250,314,316,602],[115,403,602],[115,242,250,602],[115,406,602],[115,242,250,405,602],[115,408,602],[115,242,250,312,602],[115,411,602],[115,242,250,410,602],[115,251,271,272,307,310,311,312,313,314,315,323,376,381,387,390,394,405,415,602],[115,273,413,602],[115,242,250,255,272,316,602],[115,242,243,250,270,272,602],[115,271,602],[115,416,417,602],[115,242,250,415,416,602],[115,242,250,415,602],[115,316,602],[115,242,250,272,310,311,313,314,315,602],[115,282,283,284,285,290,291,602],[62,115,192,202,602],[115,203,206,207,208,602],[115,189,191,192,206,287,289,420,530,602,631,691,792],[115,602,975],[62,78,115,189,191,192,206,255,275,287,289,292,321,420,530,602,631,691,701,739,792,823,997,1000,1002],[62,115,189,192,203,206,207,269,287,289,420,530,602,721,792,793],[115,602,1003],[115,602,976,1004],[78,115,248,252,253,255,551,552,602],[115,187,189,191,602],[62,115,177,192,202,209,242,243,260,288,530,602,691,739,1005,1008],[115,187,206,602,1005,1053],[115,187,206,602,1058],[115,187,189,602],[62,115,192,420,602],[62,115,187,602],[62,115,192,602],[115,187,206,602,1060,1070],[62,115,187,189,191,192,287,289,420,602,691],[62,115,187,189,191,192,287,289,318,419,420,602,691,1014],[62,115,192,318,419,420,602,691,1014],[62,115,192,420,602,1014],[62,115,187,189,191,192,287,289,318,419,420,511,602,691,1014],[62,115,192,420,602,691],[62,115,192,318,420,602,691,1014],[62,115,187,189,191,192,287,289,420,602,691,823,997,1000],[62,78,115,187,189,191,192,287,289,420,602,691,792,823,997,1000],[62,115,187,189,191,192,287,289,292,318,419,420,511,602,691,823,997,1000,1014],[78,115,187,189,191,287,289,420,602,691,823,997,1000],[115,187,189,191,192,287,289,318,419,420,602,691,823,997,1000,1014],[62,115,187,189,191,192,287,289,317,318,419,420,511,602,691,1014],[115,187,189,191,206,602,1147],[62,115,192,247,602],[115,187,189,191,192,206,602,1147],[115,187,206,530,602,973,1177],[115,187,206,602,1189],[62,78,115,187,191,192,206,255,274,285,287,288,289,321,420,530,549,602,679,691,701,739,792,793,823,973,997,1000],[62,115,187,192,530,555,556,558,602,691,701,973,1194],[115,187,206,602,1214],[115,187,206,602,1217],[62,78,115,189,192,248,252,253,255,278,287,289,420,602,704,724,1014],[115,187,206,602,1046],[115,187,206,602,1224],[115,187,206,602,1236],[115,187,206,602,1245],[115,187,206,602,1271],[115,187,206,602,1278],[115,187,206,602,1491],[115,187,206,602,1501],[115,187,206,602,1527],[62,115,187,189,192,206,247,324,420,530,549,602,789,790,791,794,795,796],[115,187,189,192,206,602,1536],[62,78,115,187,189,191,192,247,248,252,253,255,256,279,280,287,289,324,551,552,602,704,724,1014],[62,115,187,189,191,292,420,549,602,691,704,724],[115,242,602],[115,259,560,602],[115,255,258,602],[115,546,602],[62,115,192,420,530,602,691],[115,602,1052],[115,206,287,289,292,602,691],[115,602,1055],[115,602,1057],[62,115,192,243,247,256,266,420,511,530,553,574,602,691,739,823,826,1056],[115,206,287,289,292,423,530,602,691,739],[115,602,1061],[115,602,1063],[115,602,1066],[115,191,287,289,292,423,530,602,691,701,1065],[115,602,1069],[78,115,255,423,602],[62,115,192,206,292,420,423,530,602,691,739,973,1062,1064,1067,1068],[115,602,1136,1139,1141,1143],[115,602,1135],[62,115,191,192,206,249,261,263,287,289,530,602,691,703,739,792,1134],[115,602,1138],[62,115,192,206,249,262,264,272,273,303,420,602,691,703,739,788,1134,1137],[115,602,1142],[62,115,191,192,206,249,261,263,273,420,602,691,739,1134,1137],[115,602,1140],[62,115,206,602,691],[115,602,1145,1146],[62,115,192,243,249,273,602,1134,1144],[115,192,324,602],[62,115,602,1137,1144],[62,115,192,420,574,602,691,739,823,826],[115,602,1001],[115,602,1179],[62,115,192,255,287,289,292,372,420,530,549,602,691,701,739,823,997,1000],[115,602,1186],[115,602,1183],[115,287,289,292,372,420,530,575,602,691,739,823,826,1181,1182],[115,372,574,602],[62,115,288,289,292,511,521,575,602,691,823],[62,115,287,289,292,511,521,575,602,691,823],[62,115,287,289,292,372,420,530,602,691,701,739],[115,292,372,511,602,1184,1185],[115,602,1188],[115,206,372,420,511,530,602,691,973,1180,1187],[115,602,1216],[115,285,602,1002],[115,530,602,973,1243],[115,602,1242],[62,115,287,289,299,300,420,530,602,691,823,974,1238],[62,115,192,285,299,530,602,691,823,1000,1238,1239,1241],[62,115,287,299,420,530,602,691,1240],[115,299,300,602,691,974],[115,299,602,997],[115,602,1244],[115,602,1221],[62,115,285,420,530,602,691,739,823,997,1000],[115,285,287,289,420,530,602,691,701,739,1219,1220],[115,285,287,289,420,530,602,691,701],[115,602,1223],[115,530,602,973,1222],[115,602,1247],[62,115,191,206,255,287,289,292,420,530,574,602,691,701,739,823,826],[115,602,1249],[115,602,1255],[62,115,288,289,511,521,530,576,602,691,736,823],[115,287,289,292,372,420,530,576,602,691,739,792,823,826,1251,1252,1253,1254],[115,372,530,574,602],[62,115,287,289,292,511,521,576,602,691,823],[62,115,288,289,292,511,521,530,576,602,691,823],[115,602,1257],[115,292,372,511,530,602,973,1250,1256],[115,602,1262,1266],[62,78,115,206,255,285,287,289,292,420,530,602,691,739,823,997,1000],[115,602,1261],[115,206,287,289,292,420,530,602,691,701,739,973,1259,1260],[62,115,255,285,287,289,292,314,420,511,530,551,552,602,691,739,823,997,1000],[115,602,1265],[115,285,287,289,420,530,602,691,701,739,973,1263,1264],[115,285,287,289,314,420,530,602,691,701,739],[115,602,1268],[115,511,602,1267],[115,602,1270],[115,511,530,602,691,973,1248,1258,1269],[62,115,272,287,289,420,423,530,602,691,701],[62,115,272,287,289,420,423,530,574,602,691,739,823,826],[115,602,1228],[115,287,289,292,420,423,530,602,691,701,739,1226,1227],[115,287,289,420,521,602,691,739],[115,287,289,423,602,691],[62,115,287,289,420,423,530,602,691,739,1230,1231],[115,602,1233],[62,115,287,289,420,423,511,530,602,691,1232],[115,602,1235],[115,530,602,691,1229,1234],[115,287,289,292,361,420,423,521,530,577,602,691,701,739,1280,1284,1285,1286],[115,420,530,574,602,691,739,823,826],[115,574,602,691,823,826],[115,602,1287],[115,420,423,574,602,691,739,823,826,1284],[115,602,1289],[115,192,287,289,292,361,387,420,530,577,602,691,701,739,1286],[115,602,1291],[115,602,1293],[62,115,242,385,545,602,691],[62,115,287,289,292,361,420,423,530,574,602,691,701,823,826],[115,602,1296],[62,115,206,242,268,287,289,292,361,380,420,423,521,530,602,691,701,739,1284,1295],[115,602,1480],[62,115,287,289,292,361,530,602,691,701,1478],[62,115,292,390,420,423,530,602,691,739,1443,1451,1478,1479],[62,115,287,289,521,574,602,691,823,826],[62,78,115,206,287,289,602,691],[115,602,1485],[115,287,289,361,420,423,530,578,602,691,701,739,793,823,826],[62,115,287,289,292,313,361,423,511,521,530,578,602,691,701,793,823,826,1483],[62,115,242,292,313,380,386,420,423,521,577,602,691,739,828,1284,1482,1484],[115,574,602],[115,602,1488],[115,287,289,292,423,602,691],[62,115,287,289,420,423,530,602,691,701,739,1487],[115,602,1490],[62,115,192,602,1283],[62,115,192,206,287,289,292,361,420,530,577,602,691,701,786,1284,1288,1290,1292,1294,1297,1481,1486,1489],[115,192,287,289,602],[115,602,1493],[115,602,1539],[115,255,292,316,420,423,530,602,691,701],[115,602,1495],[115,287,289,521,602,691],[115,602,1498],[115,287,289,292,361,530,602,691,701,739,823],[115,287,289,292,313,521,602,691,793,1497],[115,602,1500],[62,115,191,192,206,287,289,420,530,602,691,701,739,786,1494,1496,1499],[62,115,420,423,511,602,691,739,1273,1274],[115,602,1275],[115,287,289,574,602,691,823,826],[115,420,530,574,602,691,823,826],[115,602,1277],[115,206,287,289,292,420,423,530,579,602,691,701,739,973,1276],[115,255,423,602],[115,602,1193],[62,115,530,559,602,701],[62,115,287,545,557,602,691,1192],[115,206,602,1175],[115,602,1152,1155],[115,287,289,420,530,602,691],[115,602,1156],[62,115,285,602,691,721,1153],[115,191,285,287,289,420,530,602,691,701,1154],[115,602,1158,1159,1161,1164],[62,115,420,530,602,691,701,739,823,997,1000],[115,602,1165],[115,287,289,420,530,602,691,701,1160],[115,287,289,420,530,602,691,701],[115,285,420,530,602,691,739,823,997,1000],[115,285,287,289,530,602,691,701,1162,1163],[115,602,1167],[115,602,1168],[115,602,1170],[115,602,1171],[115,287,420,530,602,691],[62,115,530,602,721,973,1157,1166,1169,1172],[115,602,1173],[115,602,1174],[115,602,1176],[115,602,1211],[115,602,1198],[115,530,602,973,1197],[115,285,287,289,420,530,602,691,701,739,1196],[115,602,1200],[115,192,285,420,530,602,691,739,1134],[115,602,1208],[115,530,602,1201,1205,1207],[115,285,420,530,549,602,691,739,823,997,1000],[115,602,1202,1204],[115,206,287,289,292,530,602,691,701,1202,1203],[62,115,287,289,292,420,530,602,691,701,739],[115,602,1206],[115,602,1210],[62,115,602,721,1199,1209],[115,602,1213],[115,206,602,1212],[62,115,285,287,289,292,420,602,691,739,823,997,1000],[115,206,285,287,289,602,691,1016,1017],[115,287,289,420,602,691,739],[115,602,1018],[115,285,287,289,420,602,691,739,1541,1542],[115,285,287,289,420,602,691],[115,602,1543],[62,115,272,289,420,530,602,691,739,792,793,823,997,1000],[115,602,1022],[115,192,206,602,722],[115,602,1030],[62,115,206,257,279,287,289,530,602,691,739,823,997,1000],[115,602,1024],[115,192,285,420,602,691,739],[115,602,1032],[115,280,530,602,691,739,823,997,1000],[115,602,1034],[115,602,1045],[115,602,1020],[115,602,1019],[115,602,1028],[115,602,1023,1025,1027],[115,602,1041],[115,602,1031,1033,1035,1038,1040],[115,206,602,1044],[115,602,1043],[62,115,602,721,1021,1029,1042],[115,602,1026],[115,285,420,549,602,691,739],[115,602,1037],[115,287,289,420,602,691,1036],[115,287,420,602,691],[115,602,1039],[62,115,273,530,602,691,739,823,997,1000],[115,206,420,530,602,691,701,739],[115,602,1504],[115,192,285,292,420,530,602,691,701,739],[115,602,1506],[115,255,420,530,602,691,701],[115,602,1508],[115,285,287,289,420,530,602,691,701,739,1510,1511,1512],[115,285,287,289,420,530,602,691,701,739],[115,602,1513],[115,602,1505,1507,1509,1514,1516,1520],[115,602,1521],[115,602,1515],[115,602,1519],[115,287,289,292,420,530,602,691,701,739,1517,1518],[62,115,602,691,736,823,997,1000],[115,602,1524],[115,206,287,289,292,420,530,602,691,701,739,973,1523],[115,602,1526],[62,115,206,602,721,1522,1525],[115,192,206,280,287,289,602,691],[115,602,1530],[115,602,1531,1533],[115,602,1532],[115,602,1535],[62,115,602,1137,1534],[299],[62],[192],[574]],"referencedMap":[[1546,1],[201,2],[833,3],[831,1],[355,4],[356,5],[362,6],[357,7],[347,1],[360,8],[354,9],[358,10],[353,11],[349,10],[350,12],[352,13],[351,1],[348,14],[359,10],[364,15],[363,16],[361,17],[692,18],[693,19],[695,20],[694,18],[696,21],[697,22],[1385,23],[1387,24],[1386,1],[1388,25],[1389,26],[1384,27],[1419,28],[1420,29],[1418,30],[1422,31],[1425,32],[1421,33],[1423,34],[1424,34],[1426,35],[1427,36],[1432,37],[1429,38],[1428,39],[1431,40],[1430,41],[1436,42],[1435,43],[1433,44],[1434,33],[1437,45],[1438,46],[1442,47],[1440,48],[1439,49],[1441,50],[1377,51],[1345,33],[1346,52],[1362,53],[1376,52],[1363,54],[1365,33],[1364,1],[1366,33],[1367,55],[1374,33],[1368,1],[1369,1],[1370,1],[1371,33],[1372,56],[1373,57],[1361,35],[1375,58],[1443,59],[1416,60],[1417,61],[1415,62],[1360,63],[1359,64],[1358,65],[1357,66],[1354,67],[1353,68],[1350,66],[1352,69],[1351,70],[1356,71],[1355,68],[1347,72],[1348,73],[1349,73],[1380,54],[1378,54],[1381,74],[1383,75],[1382,76],[1379,77],[1331,56],[1332,1],[1340,78],[1344,79],[1341,1],[1342,80],[1343,1],[1334,81],[1335,81],[1338,82],[1339,83],[1337,81],[1336,82],[1333,52],[1390,33],[1391,33],[1392,33],[1393,84],[1414,85],[1402,86],[1401,1],[1394,87],[1397,33],[1395,33],[1398,33],[1400,88],[1399,89],[1396,33],[1410,1],[1403,1],[1404,1],[1405,33],[1406,33],[1407,1],[1408,33],[1409,1],[1413,90],[1411,1],[1412,33],[1444,58],[1451,91],[1447,58],[1445,58],[1446,58],[1448,58],[1449,58],[1450,58],[1458,92],[1457,93],[1461,94],[1462,95],[1459,96],[1460,97],[1478,98],[1470,99],[1469,100],[1468,58],[1463,101],[1467,102],[1464,101],[1465,101],[1466,101],[1453,58],[1452,1],[1456,103],[1454,96],[1455,104],[1471,1],[1472,1],[1473,58],[1477,105],[1474,1],[1475,58],[1476,101],[1308,1],[1310,106],[1311,107],[1309,1],[1312,1],[1313,1],[1316,108],[1314,1],[1315,1],[1317,1],[1318,1],[1319,1],[1320,109],[1321,1],[1322,110],[1307,111],[1298,1],[1299,1],[1301,1],[1300,39],[1302,39],[1303,1],[1304,39],[1305,1],[1306,1],[1330,112],[1328,113],[1323,1],[1324,1],[1325,1],[1326,1],[1327,1],[1329,1],[286,1],[288,114],[792,114],[793,114],[287,114],[289,115],[707,116],[708,116],[709,117],[710,116],[711,116],[716,116],[712,116],[713,116],[714,116],[715,116],[717,118],[718,118],[719,116],[720,116],[721,119],[705,39],[706,120],[1000,121],[998,122],[999,123],[826,124],[824,125],[825,126],[484,127],[504,128],[483,129],[496,1],[482,130],[503,127],[505,1],[508,131],[509,131],[495,132],[494,132],[497,133],[499,134],[498,1],[501,135],[502,136],[500,137],[510,138],[507,139],[506,140],[485,141],[481,129],[480,137],[486,137],[488,142],[487,1],[493,143],[490,144],[489,1],[491,137],[492,1],[479,145],[478,137],[167,1],[586,146],[585,39],[581,39],[606,147],[599,148],[584,149],[583,39],[582,39],[598,39],[622,150],[604,147],[631,151],[605,147],[638,152],[617,147],[630,153],[610,154],[608,155],[609,147],[597,39],[629,148],[665,154],[674,148],[679,156],[686,152],[607,1],[847,1],[959,157],[948,158],[945,1],[946,159],[947,159],[958,160],[953,161],[955,162],[951,162],[957,163],[954,162],[956,164],[952,165],[949,166],[929,167],[849,168],[848,169],[227,170],[229,171],[230,172],[225,173],[214,1],[221,174],[220,175],[219,176],[226,1],[228,170],[224,177],[216,178],[213,179],[218,180],[212,181],[215,1],[223,182],[211,1],[222,183],[217,184],[236,185],[242,186],[241,39],[234,185],[235,39],[210,1],[231,187],[240,188],[237,188],[238,188],[239,188],[232,188],[233,188],[254,1],[1547,1],[836,189],[832,3],[834,190],[835,3],[845,191],[844,192],[1549,193],[1550,1],[1551,1],[1552,1],[1553,1],[1558,194],[1554,1],[1557,195],[1555,1],[841,196],[846,197],[1280,1],[1559,1],[1561,198],[1562,199],[1564,200],[1565,39],[1566,1],[842,1],[1567,1],[1568,201],[1569,202],[1556,1],[1570,1],[248,1],[1572,203],[1573,204],[1571,205],[1574,206],[1575,207],[1576,208],[1577,209],[1578,210],[1579,211],[1580,212],[1581,213],[1582,214],[1583,215],[1584,200],[1586,216],[1585,1],[1587,1],[837,1],[1560,1],[1548,1],[1589,1],[1590,217],[1588,218],[69,219],[70,219],[72,220],[73,221],[74,222],[75,223],[76,224],[77,225],[78,226],[79,227],[80,228],[81,229],[82,229],[84,230],[83,231],[85,230],[86,232],[87,233],[71,234],[121,1],[88,235],[89,236],[90,237],[122,238],[91,239],[92,240],[93,241],[94,242],[95,243],[96,244],[97,245],[98,246],[99,247],[100,248],[101,248],[102,249],[103,250],[105,251],[104,252],[106,253],[107,254],[108,1],[109,255],[110,256],[111,257],[112,258],[113,259],[114,260],[115,261],[116,262],[117,263],[118,264],[119,265],[120,266],[1591,1],[1592,230],[1593,1],[369,267],[365,1],[366,1],[368,268],[367,1],[1594,1],[60,1],[840,1],[1595,1],[839,1],[1597,269],[58,1],[62,270],[662,271],[652,272],[651,273],[650,274],[659,272],[658,272],[660,275],[657,276],[655,272],[656,272],[653,277],[654,272],[661,278],[648,279],[647,1],[1598,1],[61,1],[1623,280],[1624,281],[1599,282],[1602,282],[1621,280],[1622,280],[1612,280],[1611,283],[1609,280],[1604,280],[1617,280],[1615,280],[1619,280],[1603,280],[1616,280],[1620,280],[1605,280],[1606,280],[1618,280],[1600,280],[1607,280],[1608,280],[1610,280],[1614,280],[1625,284],[1613,280],[1601,280],[1638,285],[1637,1],[1632,284],[1634,286],[1633,284],[1626,284],[1627,284],[1629,284],[1631,284],[1635,286],[1636,286],[1628,286],[1630,286],[838,287],[843,288],[1563,1],[1639,1],[1640,1],[1641,1],[1642,289],[330,290],[326,1],[334,291],[328,290],[333,292],[332,293],[329,294],[327,290],[331,290],[343,295],[344,296],[342,297],[341,297],[339,298],[340,295],[338,299],[336,300],[337,300],[335,298],[345,301],[346,302],[249,1],[59,1],[590,303],[589,1],[602,1],[649,1],[829,1],[830,304],[511,305],[207,306],[208,306],[203,1],[265,1],[1137,1],[642,307],[641,1],[68,308],[177,309],[179,310],[137,311],[147,312],[138,313],[139,314],[148,315],[128,315],[188,39],[190,316],[172,317],[171,318],[170,319],[193,39],[169,320],[196,1],[124,1],[126,321],[176,320],[180,322],[184,323],[131,324],[130,325],[151,326],[159,327],[134,218],[129,328],[125,329],[163,330],[162,329],[152,1],[123,1],[160,331],[153,332],[161,333],[164,334],[140,192],[154,335],[135,336],[158,337],[157,338],[136,339],[150,340],[149,341],[141,329],[142,342],[144,343],[143,344],[145,345],[195,1],[146,346],[67,1],[174,1],[182,39],[186,39],[166,347],[127,1],[168,1],[173,348],[156,349],[155,350],[133,351],[132,1],[178,1],[175,352],[57,1],[66,353],[63,39],[64,1],[65,1],[181,354],[183,355],[185,356],[187,357],[200,358],[189,358],[199,359],[191,360],[192,361],[194,362],[197,363],[198,364],[165,365],[436,366],[438,367],[437,366],[434,366],[435,366],[433,368],[474,368],[473,368],[475,368],[432,1],[476,368],[477,369],[439,1],[440,370],[441,1],[442,1],[443,1],[444,1],[445,370],[446,368],[447,370],[448,370],[459,371],[460,371],[461,1],[462,1],[463,370],[464,1],[465,1],[466,1],[467,1],[468,1],[469,1],[470,1],[471,1],[472,1],[244,1],[1014,1],[788,39],[603,39],[1008,1],[811,372],[823,373],[812,374],[813,375],[809,376],[807,377],[798,1],[802,378],[806,379],[804,380],[810,381],[799,382],[800,383],[801,384],[803,385],[805,386],[808,387],[814,374],[815,374],[816,374],[817,372],[818,374],[819,374],[797,374],[820,1],[822,388],[821,374],[206,389],[205,306],[204,390],[1596,1],[454,391],[452,391],[455,391],[453,391],[457,371],[456,391],[458,392],[450,391],[451,391],[449,1],[950,1],[521,393],[518,394],[516,395],[517,394],[520,396],[519,396],[512,1],[513,397],[515,1],[514,1],[552,1],[551,1],[928,398],[877,399],[890,400],[852,1],[904,401],[906,402],[905,402],[879,403],[878,1],[880,404],[907,405],[911,406],[909,406],[888,407],[887,1],[896,405],[855,405],[883,1],[924,408],[899,409],[901,410],[919,405],[854,411],[871,412],[886,1],[921,1],[892,413],[908,406],[912,414],[910,415],[925,1],[894,1],[868,411],[860,1],[859,416],[884,405],[885,405],[858,417],[891,1],[853,1],[870,1],[898,1],[926,418],[865,405],[866,419],[913,402],[915,420],[914,420],[850,1],[869,1],[876,1],[867,405],[897,1],[864,1],[923,1],[863,1],[861,421],[862,1],[900,1],[893,1],[920,422],[874,416],[872,416],[873,416],[889,1],[856,1],[916,406],[918,414],[917,415],[903,1],[902,423],[895,1],[882,1],[922,1],[927,1],[851,1],[881,1],[875,1],[857,416],[11,1],[12,1],[14,1],[13,1],[2,1],[15,1],[16,1],[17,1],[18,1],[19,1],[20,1],[21,1],[22,1],[3,1],[4,1],[26,1],[23,1],[24,1],[25,1],[27,1],[28,1],[29,1],[5,1],[30,1],[31,1],[32,1],[33,1],[6,1],[37,1],[34,1],[35,1],[36,1],[38,1],[7,1],[39,1],[44,1],[45,1],[40,1],[41,1],[42,1],[43,1],[8,1],[49,1],[46,1],[47,1],[48,1],[50,1],[9,1],[51,1],[52,1],[53,1],[54,1],[55,1],[1,1],[10,1],[56,1],[775,424],[752,1],[761,425],[774,426],[773,427],[751,428],[782,429],[753,1],[762,430],[772,431],[756,432],[767,433],[763,434],[755,435],[754,436],[757,437],[758,437],[765,438],[768,439],[769,440],[770,440],[771,441],[776,1],[750,1],[777,440],[778,442],[760,443],[764,444],[759,445],[779,446],[780,447],[766,448],[781,449],[993,450],[988,451],[978,452],[991,453],[997,454],[984,455],[986,456],[987,451],[990,453],[992,450],[977,457],[983,458],[996,459],[989,453],[985,460],[980,461],[995,456],[994,1],[982,462],[981,1],[979,1],[574,463],[566,464],[572,465],[568,1],[569,1],[567,466],[570,463],[562,1],[563,1],[573,467],[565,468],[571,469],[564,470],[1283,471],[1282,472],[1281,1],[1065,1],[532,1],[1060,1],[702,473],[246,474],[724,475],[725,476],[726,477],[727,478],[728,478],[730,479],[731,480],[732,481],[733,482],[734,483],[703,484],[704,485],[722,486],[735,484],[736,487],[729,1],[740,488],[723,489],[737,490],[739,491],[738,492],[741,493],[742,494],[743,495],[747,496],[748,497],[749,498],[783,499],[784,500],[785,501],[786,502],[787,503],[701,504],[698,505],[699,506],[700,507],[580,508],[789,509],[790,510],[791,511],[794,512],[795,513],[796,514],[827,515],[828,516],[257,517],[261,518],[262,519],[263,518],[264,519],[274,520],[276,521],[279,522],[278,522],[277,1],[275,1],[245,1],[253,261],[255,523],[280,524],[266,525],[281,526],[531,527],[267,1],[268,1],[269,1],[256,1],[533,528],[534,529],[535,528],[536,530],[247,531],[260,532],[930,533],[587,534],[588,535],[931,536],[591,537],[592,538],[932,539],[593,540],[594,541],[933,542],[595,543],[596,544],[934,545],[600,546],[601,547],[522,548],[523,549],[935,550],[615,551],[616,552],[625,553],[626,554],[936,555],[627,556],[628,557],[937,558],[632,559],[633,560],[634,561],[635,562],[938,563],[636,564],[637,565],[939,566],[618,567],[619,568],[744,569],[745,570],[940,571],[639,572],[640,573],[941,574],[611,540],[612,575],[691,576],[621,577],[942,578],[620,540],[644,579],[943,580],[643,581],[624,582],[944,583],[623,584],[646,585],[960,586],[645,587],[961,588],[746,589],[614,590],[962,591],[613,592],[664,593],[663,594],[669,595],[963,596],[668,597],[671,598],[964,599],[670,600],[667,601],[666,600],[673,602],[672,506],[676,603],[965,604],[675,605],[678,606],[966,607],[677,608],[681,609],[680,610],[683,611],[682,537],[685,612],[967,613],[684,540],[688,614],[968,615],[687,616],[690,617],[689,618],[250,619],[202,1],[421,620],[422,621],[530,622],[425,623],[424,624],[427,625],[426,626],[370,627],[431,628],[430,629],[371,627],[525,630],[524,631],[527,632],[526,633],[529,634],[528,624],[429,635],[428,636],[537,637],[538,637],[539,637],[540,637],[541,637],[542,637],[543,637],[544,1],[545,1],[258,638],[546,639],[973,640],[970,641],[969,642],[972,643],[971,642],[298,644],[297,645],[296,646],[295,1],[294,647],[293,648],[270,1],[974,649],[299,1],[302,650],[301,651],[300,649],[303,652],[252,653],[251,1],[306,654],[305,655],[304,1],[309,656],[308,657],[307,1],[420,658],[318,659],[317,660],[310,1],[320,661],[319,662],[311,1],[322,663],[321,664],[271,1],[325,665],[324,666],[323,1],[375,667],[374,668],[373,669],[372,1],[379,670],[378,671],[377,672],[376,1],[384,673],[383,674],[382,675],[381,676],[389,677],[388,678],[387,1],[393,679],[392,680],[391,681],[390,682],[397,683],[396,684],[395,685],[394,682],[399,686],[398,687],[380,688],[313,689],[400,690],[386,691],[385,682],[549,692],[548,693],[547,1],[550,1],[402,694],[401,695],[314,1],[404,696],[403,697],[407,698],[406,699],[405,1],[409,700],[408,701],[312,1],[412,702],[411,703],[410,1],[423,704],[414,705],[413,706],[273,707],[272,708],[418,709],[417,710],[416,711],[415,1],[419,712],[316,713],[315,1],[292,714],[282,39],[283,715],[284,39],[285,39],[290,490],[291,39],[209,716],[975,717],[976,718],[1003,719],[1006,720],[1004,721],[1005,722],[553,723],[1007,724],[1009,725],[1054,726],[1059,727],[554,637],[555,637],[556,637],[557,637],[558,637],[559,637],[1010,728],[1011,729],[1012,730],[1013,731],[1071,732],[1072,733],[1073,734],[1074,733],[1075,734],[1076,735],[1077,736],[1078,735],[1079,736],[1080,733],[1081,737],[1082,733],[1083,734],[1084,738],[1085,735],[1086,738],[1087,739],[1088,738],[1089,739],[1090,738],[1091,735],[1092,738],[1093,735],[1094,740],[1095,734],[1096,741],[1097,742],[1098,736],[1099,737],[1100,736],[1101,743],[1102,742],[1103,736],[1104,733],[1105,734],[1106,740],[1107,744],[1108,735],[1109,736],[1110,738],[1111,735],[1112,735],[1113,736],[1114,738],[1115,735],[1116,733],[1117,745],[1118,738],[1119,735],[1120,733],[1121,734],[1122,738],[1123,735],[1124,733],[1125,734],[1126,738],[1127,735],[1128,738],[1129,735],[1130,734],[1131,736],[1132,738],[1133,735],[1148,746],[1149,39],[1150,747],[1151,748],[1178,749],[1190,750],[1191,751],[1195,752],[1215,753],[1218,754],[1015,755],[1047,756],[1225,757],[1237,758],[1246,759],[1272,760],[1279,761],[1492,762],[1502,763],[1503,762],[1528,764],[1048,728],[1049,731],[1529,765],[1537,766],[1050,767],[1051,768],[243,769],[561,770],[259,771],[560,772],[1052,773],[1053,774],[1055,775],[1056,776],[1058,777],[1057,778],[1061,779],[1062,780],[1063,494],[1064,781],[1067,782],[1066,783],[1070,784],[1068,785],[1069,786],[1144,787],[1136,788],[1135,789],[1139,790],[1138,791],[1143,792],[1142,793],[1141,794],[1140,795],[1147,796],[1145,797],[1134,798],[1146,799],[1001,800],[1002,801],[1180,802],[1179,803],[1187,804],[1184,805],[1183,806],[575,807],[1181,808],[1182,809],[1185,810],[1186,811],[1189,812],[1188,813],[1217,814],[1216,815],[1244,816],[1243,817],[1239,818],[1242,819],[1241,820],[1240,821],[1238,822],[1245,823],[1222,824],[1219,825],[1221,826],[1220,827],[1224,828],[1223,829],[1248,830],[1247,831],[1250,832],[1249,810],[1256,833],[1251,834],[1255,835],[576,836],[1252,837],[1253,838],[1254,837],[1258,839],[1257,840],[1267,841],[1259,842],[1262,843],[1261,844],[1260,827],[1263,845],[1266,846],[1265,847],[1264,848],[1269,849],[1268,850],[1271,851],[1270,852],[1226,853],[1227,854],[1229,855],[1228,856],[1230,857],[1231,858],[1232,859],[1234,860],[1233,861],[1236,862],[1235,863],[1287,864],[1285,865],[1286,866],[1288,867],[1289,868],[1290,869],[1291,870],[1292,871],[1294,872],[1293,873],[1295,874],[1297,875],[1296,876],[1481,877],[1479,878],[1480,879],[1483,880],[1538,881],[1486,882],[1482,883],[1484,884],[1485,885],[578,886],[1489,887],[1487,888],[1488,889],[1491,890],[1284,891],[1490,892],[577,1],[1493,893],[1494,894],[1540,895],[1539,896],[1496,897],[1495,898],[1499,899],[1497,900],[1498,901],[1501,902],[1500,903],[1275,904],[1276,905],[1273,906],[1274,907],[1278,908],[1277,909],[579,910],[1194,911],[1192,912],[1193,913],[1176,914],[1156,915],[1152,916],[1157,917],[1154,918],[1153,916],[1155,919],[1165,920],[1158,921],[1166,922],[1159,921],[1161,923],[1160,924],[1162,925],[1164,926],[1163,924],[1168,927],[1169,928],[1167,916],[1171,929],[1172,930],[1170,931],[1173,932],[1174,933],[1175,934],[1177,935],[1212,936],[1199,937],[1198,938],[1197,939],[1196,825],[1201,940],[1200,941],[1209,942],[1208,943],[1202,944],[1205,945],[1204,946],[1203,947],[1207,948],[1206,921],[1211,949],[1210,950],[1214,951],[1213,952],[1016,953],[1018,954],[1017,955],[1019,956],[1541,953],[1543,957],[1542,958],[1544,959],[1022,960],[1023,961],[1030,962],[1031,963],[1024,964],[1025,965],[1032,966],[1033,967],[1034,968],[1035,969],[1046,970],[1021,971],[1020,972],[1029,973],[1028,974],[1042,975],[1041,976],[1045,977],[1044,978],[1043,979],[1027,980],[1026,981],[1038,982],[1037,983],[1036,984],[1040,985],[1039,986],[1504,987],[1505,988],[1506,989],[1507,990],[1508,991],[1509,992],[1510,925],[1513,993],[1511,994],[1514,995],[1512,925],[1545,996],[1522,997],[1521,996],[1516,998],[1515,921],[1517,925],[1520,999],[1519,1000],[1518,827],[1523,1001],[1525,1002],[1524,1003],[1527,1004],[1526,1005],[1530,1006],[1531,1007],[1534,1008],[1533,1009],[1532,514],[1536,1010],[1535,1011]],"exportedModulesMap":[[1546,1],[201,2],[833,3],[831,1],[355,4],[356,5],[362,6],[357,7],[347,1],[360,8],[354,9],[358,10],[353,11],[349,10],[350,12],[352,13],[351,1],[348,14],[359,10],[364,15],[363,16],[361,17],[692,18],[693,19],[695,20],[694,18],[696,21],[697,22],[1385,23],[1387,24],[1386,1],[1388,25],[1389,26],[1384,27],[1419,28],[1420,29],[1418,30],[1422,31],[1425,32],[1421,33],[1423,34],[1424,34],[1426,35],[1427,36],[1432,37],[1429,38],[1428,39],[1431,40],[1430,41],[1436,42],[1435,43],[1433,44],[1434,33],[1437,45],[1438,46],[1442,47],[1440,48],[1439,49],[1441,50],[1377,51],[1345,33],[1346,52],[1362,53],[1376,52],[1363,54],[1365,33],[1364,1],[1366,33],[1367,55],[1374,33],[1368,1],[1369,1],[1370,1],[1371,33],[1372,56],[1373,57],[1361,35],[1375,58],[1443,59],[1416,60],[1417,61],[1415,62],[1360,63],[1359,64],[1358,65],[1357,66],[1354,67],[1353,68],[1350,66],[1352,69],[1351,70],[1356,71],[1355,68],[1347,72],[1348,73],[1349,73],[1380,54],[1378,54],[1381,74],[1383,75],[1382,76],[1379,77],[1331,56],[1332,1],[1340,78],[1344,79],[1341,1],[1342,80],[1343,1],[1334,81],[1335,81],[1338,82],[1339,83],[1337,81],[1336,82],[1333,52],[1390,33],[1391,33],[1392,33],[1393,84],[1414,85],[1402,86],[1401,1],[1394,87],[1397,33],[1395,33],[1398,33],[1400,88],[1399,89],[1396,33],[1410,1],[1403,1],[1404,1],[1405,33],[1406,33],[1407,1],[1408,33],[1409,1],[1413,90],[1411,1],[1412,33],[1444,58],[1451,91],[1447,58],[1445,58],[1446,58],[1448,58],[1449,58],[1450,58],[1458,92],[1457,93],[1461,94],[1462,95],[1459,96],[1460,97],[1478,98],[1470,99],[1469,100],[1468,58],[1463,101],[1467,102],[1464,101],[1465,101],[1466,101],[1453,58],[1452,1],[1456,103],[1454,96],[1455,104],[1471,1],[1472,1],[1473,58],[1477,105],[1474,1],[1475,58],[1476,101],[1308,1],[1310,106],[1311,107],[1309,1],[1312,1],[1313,1],[1316,108],[1314,1],[1315,1],[1317,1],[1318,1],[1319,1],[1320,109],[1321,1],[1322,110],[1307,111],[1298,1],[1299,1],[1301,1],[1300,39],[1302,39],[1303,1],[1304,39],[1305,1],[1306,1],[1330,112],[1328,113],[1323,1],[1324,1],[1325,1],[1326,1],[1327,1],[1329,1],[286,1],[288,114],[792,114],[793,114],[287,114],[289,115],[707,116],[708,116],[709,117],[710,116],[711,116],[716,116],[712,116],[713,116],[714,116],[715,116],[717,118],[718,118],[719,116],[720,116],[721,119],[705,39],[706,120],[1000,121],[998,122],[999,123],[826,124],[824,125],[825,126],[484,127],[504,128],[483,129],[496,1],[482,130],[503,127],[505,1],[508,131],[509,131],[495,132],[494,132],[497,133],[499,134],[498,1],[501,135],[502,136],[500,137],[510,138],[507,139],[506,140],[485,141],[481,129],[480,137],[486,137],[488,142],[487,1],[493,143],[490,144],[489,1],[491,137],[492,1],[479,145],[478,137],[167,1],[586,146],[585,39],[581,39],[606,147],[599,148],[584,149],[583,39],[582,39],[598,39],[622,150],[604,147],[631,151],[605,147],[638,152],[617,147],[630,153],[610,154],[608,155],[609,147],[597,39],[629,148],[665,154],[674,148],[679,156],[686,152],[607,1],[847,1],[959,157],[948,158],[945,1],[946,159],[947,159],[958,160],[953,161],[955,162],[951,162],[957,163],[954,162],[956,164],[952,165],[949,166],[929,167],[849,168],[848,169],[227,170],[229,171],[230,172],[225,173],[214,1],[221,174],[220,175],[219,176],[226,1],[228,170],[224,177],[216,178],[213,179],[218,180],[212,181],[215,1],[223,182],[211,1],[222,183],[217,184],[236,185],[242,186],[241,39],[234,185],[235,39],[210,1],[231,187],[240,188],[237,188],[238,188],[239,188],[232,188],[233,188],[254,1],[1547,1],[836,189],[832,3],[834,190],[835,3],[845,191],[844,192],[1549,193],[1550,1],[1551,1],[1552,1],[1553,1],[1558,194],[1554,1],[1557,195],[1555,1],[841,196],[846,197],[1280,1],[1559,1],[1561,198],[1562,199],[1564,200],[1565,39],[1566,1],[842,1],[1567,1],[1568,201],[1569,202],[1556,1],[1570,1],[248,1],[1572,203],[1573,204],[1571,205],[1574,206],[1575,207],[1576,208],[1577,209],[1578,210],[1579,211],[1580,212],[1581,213],[1582,214],[1583,215],[1584,200],[1586,216],[1585,1],[1587,1],[837,1],[1560,1],[1548,1],[1589,1],[1590,217],[1588,218],[69,219],[70,219],[72,220],[73,221],[74,222],[75,223],[76,224],[77,225],[78,226],[79,227],[80,228],[81,229],[82,229],[84,230],[83,231],[85,230],[86,232],[87,233],[71,234],[121,1],[88,235],[89,236],[90,237],[122,238],[91,239],[92,240],[93,241],[94,242],[95,243],[96,244],[97,245],[98,246],[99,247],[100,248],[101,248],[102,249],[103,250],[105,251],[104,252],[106,253],[107,254],[108,1],[109,255],[110,256],[111,257],[112,258],[113,259],[114,260],[115,261],[116,262],[117,263],[118,264],[119,265],[120,266],[1591,1],[1592,230],[1593,1],[369,267],[365,1],[366,1],[368,268],[367,1],[1594,1],[60,1],[840,1],[1595,1],[839,1],[1597,269],[58,1],[62,270],[662,271],[652,272],[651,273],[650,274],[659,272],[658,272],[660,275],[657,276],[655,272],[656,272],[653,277],[654,272],[661,278],[648,279],[647,1],[1598,1],[61,1],[1623,280],[1624,281],[1599,282],[1602,282],[1621,280],[1622,280],[1612,280],[1611,283],[1609,280],[1604,280],[1617,280],[1615,280],[1619,280],[1603,280],[1616,280],[1620,280],[1605,280],[1606,280],[1618,280],[1600,280],[1607,280],[1608,280],[1610,280],[1614,280],[1625,284],[1613,280],[1601,280],[1638,285],[1637,1],[1632,284],[1634,286],[1633,284],[1626,284],[1627,284],[1629,284],[1631,284],[1635,286],[1636,286],[1628,286],[1630,286],[838,287],[843,288],[1563,1],[1639,1],[1640,1],[1641,1],[1642,289],[330,290],[326,1],[334,291],[328,290],[333,292],[332,293],[329,294],[327,290],[331,290],[343,295],[344,296],[342,297],[341,297],[339,298],[340,295],[338,299],[336,300],[337,300],[335,298],[345,301],[346,302],[249,1],[59,1],[590,303],[589,1],[602,1],[649,1],[829,1],[830,304],[511,305],[207,306],[208,306],[203,1],[265,1],[1137,1],[642,307],[641,1],[68,308],[177,309],[179,310],[137,311],[147,312],[138,313],[139,314],[148,315],[128,315],[188,39],[190,316],[172,317],[171,318],[170,319],[193,39],[169,320],[196,1],[124,1],[126,321],[176,320],[180,322],[184,323],[131,324],[130,325],[151,326],[159,327],[134,218],[129,328],[125,329],[163,330],[162,329],[152,1],[123,1],[160,331],[153,332],[161,333],[164,334],[140,192],[154,335],[135,336],[158,337],[157,338],[136,339],[150,340],[149,341],[141,329],[142,342],[144,343],[143,344],[145,345],[195,1],[146,346],[67,1],[174,1],[182,39],[186,39],[166,347],[127,1],[168,1],[173,348],[156,349],[155,350],[133,351],[132,1],[178,1],[175,352],[57,1],[66,353],[63,39],[64,1],[65,1],[181,354],[183,355],[185,356],[187,357],[200,358],[189,358],[199,359],[191,360],[192,361],[194,362],[197,363],[198,364],[165,365],[436,366],[438,367],[437,366],[434,366],[435,366],[433,368],[474,368],[473,368],[475,368],[432,1],[476,368],[477,369],[439,1],[440,370],[441,1],[442,1],[443,1],[444,1],[445,370],[446,368],[447,370],[448,370],[459,371],[460,371],[461,1],[462,1],[463,370],[464,1],[465,1],[466,1],[467,1],[468,1],[469,1],[470,1],[471,1],[472,1],[244,1],[1014,1],[788,39],[603,39],[1008,1],[811,372],[823,373],[812,374],[813,375],[809,376],[807,377],[798,1],[802,378],[806,379],[804,380],[810,381],[799,382],[800,383],[801,384],[803,385],[805,386],[808,387],[814,374],[815,374],[816,374],[817,372],[818,374],[819,374],[797,374],[820,1],[822,388],[821,374],[206,389],[205,306],[204,390],[1596,1],[454,391],[452,391],[455,391],[453,391],[457,371],[456,391],[458,392],[450,391],[451,391],[449,1],[950,1],[521,393],[518,394],[516,395],[517,394],[520,396],[519,396],[512,1],[513,397],[515,1],[514,1],[552,1],[551,1],[928,398],[877,399],[890,400],[852,1],[904,401],[906,402],[905,402],[879,403],[878,1],[880,404],[907,405],[911,406],[909,406],[888,407],[887,1],[896,405],[855,405],[883,1],[924,408],[899,409],[901,410],[919,405],[854,411],[871,412],[886,1],[921,1],[892,413],[908,406],[912,414],[910,415],[925,1],[894,1],[868,411],[860,1],[859,416],[884,405],[885,405],[858,417],[891,1],[853,1],[870,1],[898,1],[926,418],[865,405],[866,419],[913,402],[915,420],[914,420],[850,1],[869,1],[876,1],[867,405],[897,1],[864,1],[923,1],[863,1],[861,421],[862,1],[900,1],[893,1],[920,422],[874,416],[872,416],[873,416],[889,1],[856,1],[916,406],[918,414],[917,415],[903,1],[902,423],[895,1],[882,1],[922,1],[927,1],[851,1],[881,1],[875,1],[857,416],[11,1],[12,1],[14,1],[13,1],[2,1],[15,1],[16,1],[17,1],[18,1],[19,1],[20,1],[21,1],[22,1],[3,1],[4,1],[26,1],[23,1],[24,1],[25,1],[27,1],[28,1],[29,1],[5,1],[30,1],[31,1],[32,1],[33,1],[6,1],[37,1],[34,1],[35,1],[36,1],[38,1],[7,1],[39,1],[44,1],[45,1],[40,1],[41,1],[42,1],[43,1],[8,1],[49,1],[46,1],[47,1],[48,1],[50,1],[9,1],[51,1],[52,1],[53,1],[54,1],[55,1],[1,1],[10,1],[56,1],[775,424],[752,1],[761,425],[774,426],[773,427],[751,428],[782,429],[753,1],[762,430],[772,431],[756,432],[767,433],[763,434],[755,435],[754,436],[757,437],[758,437],[765,438],[768,439],[769,440],[770,440],[771,441],[776,1],[750,1],[777,440],[778,442],[760,443],[764,444],[759,445],[779,446],[780,447],[766,448],[781,449],[993,450],[988,451],[978,452],[991,453],[997,454],[984,455],[986,456],[987,451],[990,453],[992,450],[977,457],[983,458],[996,459],[989,453],[985,460],[980,461],[995,456],[994,1],[982,462],[981,1],[979,1],[574,463],[566,464],[572,465],[568,1],[569,1],[567,466],[570,463],[562,1],[563,1],[573,467],[565,468],[571,469],[564,470],[1283,471],[1282,472],[1281,1],[1065,1],[1060,1],[702,473],[246,474],[724,475],[725,476],[726,477],[727,478],[728,478],[730,479],[731,480],[732,481],[733,482],[734,483],[703,484],[704,485],[722,486],[735,484],[736,487],[729,1],[740,488],[723,489],[737,490],[739,491],[738,492],[741,493],[742,494],[743,495],[747,496],[748,497],[749,498],[783,499],[784,500],[785,501],[786,502],[787,503],[701,504],[698,505],[699,506],[700,507],[580,508],[789,509],[790,510],[791,511],[794,512],[795,513],[796,514],[827,515],[828,516],[257,517],[261,518],[262,519],[263,518],[264,519],[274,520],[276,521],[279,522],[278,522],[277,1],[275,1],[253,261],[255,523],[280,524],[266,525],[531,527],[267,1],[268,1],[269,1],[256,1],[533,528],[534,529],[535,528],[536,530],[247,531],[260,532],[930,533],[587,534],[588,535],[931,536],[591,537],[592,538],[932,539],[593,540],[594,541],[933,542],[595,543],[596,544],[934,545],[600,546],[601,547],[522,548],[523,549],[935,550],[615,551],[616,552],[625,553],[626,554],[936,555],[627,556],[628,557],[937,558],[632,559],[633,560],[634,561],[635,562],[938,563],[636,564],[637,565],[939,566],[618,567],[619,568],[744,569],[745,570],[940,571],[639,572],[640,573],[941,574],[611,540],[612,575],[691,576],[621,577],[942,578],[620,540],[644,579],[943,580],[643,581],[624,582],[944,583],[623,584],[646,585],[960,586],[645,587],[961,588],[746,589],[614,590],[962,591],[613,592],[664,593],[663,594],[669,595],[963,596],[668,597],[671,598],[964,599],[670,600],[667,601],[666,600],[673,602],[672,506],[676,603],[965,604],[675,605],[678,606],[966,607],[677,608],[681,609],[680,610],[683,611],[682,537],[685,612],[967,613],[684,540],[688,614],[968,615],[687,616],[690,617],[689,618],[250,619],[202,1],[421,620],[422,621],[530,622],[425,623],[424,624],[427,625],[426,626],[370,627],[431,628],[430,629],[371,627],[525,630],[524,631],[527,632],[526,633],[529,634],[528,624],[429,635],[428,636],[537,637],[538,637],[539,637],[540,637],[541,637],[542,637],[543,637],[544,1],[545,1],[258,638],[546,639],[973,640],[970,641],[969,642],[972,643],[971,642],[298,644],[297,645],[296,646],[295,1],[294,647],[293,648],[974,649],[299,1],[302,650],[301,651],[300,1012],[303,652],[252,653],[251,1],[306,654],[305,655],[309,656],[308,657],[420,658],[318,659],[317,660],[320,661],[319,662],[322,663],[321,664],[325,665],[324,666],[375,667],[374,668],[373,669],[379,670],[378,671],[377,672],[384,673],[383,674],[382,675],[381,676],[389,677],[388,678],[387,1],[393,679],[392,680],[391,681],[390,682],[397,683],[396,684],[395,685],[394,682],[399,686],[398,687],[380,688],[313,689],[400,690],[386,691],[385,682],[549,692],[548,693],[547,1],[550,1],[402,694],[401,695],[404,696],[403,697],[407,698],[406,699],[409,700],[408,701],[412,702],[411,703],[423,704],[414,705],[413,706],[273,707],[272,708],[418,709],[417,710],[416,711],[419,712],[316,713],[292,714],[282,39],[283,715],[284,39],[285,39],[290,490],[291,39],[209,716],[975,717],[976,718],[1003,719],[1006,720],[1004,721],[1005,722],[553,723],[1007,724],[1009,725],[1054,726],[1059,727],[554,637],[555,637],[556,637],[558,637],[559,637],[1010,728],[1011,729],[1012,730],[1013,731],[1071,732],[1072,733],[1073,734],[1074,733],[1075,734],[1076,735],[1077,736],[1078,735],[1079,736],[1080,733],[1081,737],[1082,733],[1083,734],[1084,738],[1085,735],[1086,738],[1087,739],[1088,738],[1089,739],[1090,738],[1091,735],[1092,738],[1093,735],[1094,740],[1095,734],[1096,741],[1097,742],[1098,736],[1099,737],[1100,736],[1101,743],[1102,742],[1103,736],[1104,733],[1105,734],[1106,740],[1107,744],[1108,735],[1109,736],[1110,738],[1111,735],[1112,735],[1113,736],[1114,738],[1115,735],[1116,733],[1117,745],[1118,738],[1119,735],[1120,733],[1121,734],[1122,738],[1123,735],[1124,733],[1125,734],[1126,738],[1127,735],[1128,738],[1129,735],[1130,734],[1131,736],[1132,738],[1133,735],[1148,746],[1149,39],[1150,747],[1151,748],[1178,749],[1190,750],[1191,751],[1195,752],[1215,753],[1218,754],[1015,755],[1047,756],[1225,757],[1237,758],[1246,759],[1272,760],[1279,761],[1492,762],[1502,763],[1503,762],[1528,764],[1048,728],[1049,731],[1529,765],[1537,766],[1050,1013],[1051,768],[243,769],[561,770],[259,771],[560,772],[1052,773],[1053,774],[1055,775],[1056,776],[1058,777],[1057,778],[1061,779],[1062,780],[1063,494],[1064,781],[1067,782],[1066,783],[1070,784],[1068,785],[1069,786],[1144,787],[1136,788],[1135,789],[1139,790],[1138,791],[1143,792],[1142,793],[1141,794],[1140,795],[1147,796],[1145,797],[1134,1014],[1146,799],[1001,800],[1002,801],[1180,802],[1179,803],[1187,804],[1184,805],[1183,806],[575,807],[1181,808],[1182,809],[1185,810],[1186,811],[1189,812],[1188,813],[1217,814],[1216,815],[1244,816],[1243,817],[1239,818],[1242,819],[1241,820],[1240,821],[1238,822],[1245,823],[1222,824],[1219,825],[1221,826],[1220,827],[1224,828],[1223,829],[1248,830],[1247,831],[1250,832],[1249,810],[1256,833],[1251,834],[1255,835],[576,836],[1252,837],[1253,838],[1254,837],[1258,839],[1257,840],[1267,841],[1259,842],[1262,843],[1261,844],[1260,827],[1263,845],[1266,846],[1265,847],[1264,848],[1269,849],[1268,850],[1271,851],[1270,852],[1226,853],[1227,854],[1229,855],[1228,856],[1230,857],[1231,858],[1232,859],[1234,860],[1233,861],[1236,862],[1235,863],[1287,864],[1285,865],[1286,866],[1288,867],[1289,868],[1290,869],[1291,870],[1292,871],[1294,872],[1293,873],[1295,874],[1297,875],[1296,876],[1481,877],[1479,878],[1480,879],[1483,880],[1538,881],[1486,882],[1482,883],[1484,884],[1485,885],[578,1015],[1489,887],[1487,888],[1488,889],[1491,890],[1284,891],[1490,892],[577,1],[1493,893],[1494,894],[1540,895],[1539,896],[1496,897],[1495,898],[1499,899],[1497,900],[1498,901],[1501,902],[1500,903],[1275,904],[1276,905],[1273,906],[1274,907],[1278,908],[1277,909],[579,910],[1194,911],[1192,912],[1193,913],[1176,914],[1156,915],[1152,916],[1157,917],[1154,918],[1153,916],[1155,919],[1165,920],[1158,921],[1166,922],[1159,921],[1161,923],[1160,924],[1162,925],[1164,926],[1163,924],[1168,927],[1169,928],[1167,916],[1171,929],[1172,930],[1170,931],[1173,932],[1174,933],[1175,934],[1177,935],[1212,936],[1199,937],[1198,938],[1197,939],[1196,825],[1201,940],[1200,941],[1209,942],[1208,943],[1202,944],[1205,945],[1204,946],[1203,947],[1207,948],[1206,921],[1211,949],[1210,950],[1214,951],[1213,952],[1016,953],[1018,954],[1017,955],[1019,956],[1541,953],[1543,957],[1542,958],[1544,959],[1022,960],[1023,961],[1030,962],[1031,963],[1024,964],[1025,965],[1032,966],[1033,967],[1034,968],[1035,969],[1046,970],[1021,971],[1020,972],[1029,973],[1028,974],[1042,975],[1041,976],[1045,977],[1044,978],[1043,979],[1027,980],[1026,981],[1038,982],[1037,983],[1036,984],[1040,985],[1039,986],[1504,987],[1505,988],[1506,989],[1507,990],[1508,991],[1509,992],[1510,925],[1513,993],[1511,994],[1514,995],[1512,925],[1545,996],[1522,997],[1521,996],[1516,998],[1515,921],[1517,925],[1520,999],[1519,1000],[1518,827],[1523,1001],[1525,1002],[1524,1003],[1527,1004],[1526,1005],[1530,1006],[1531,1007],[1534,1008],[1533,1009],[1532,514],[1536,1010],[1535,1011]],"semanticDiagnosticsPerFile":[1546,201,833,831,355,356,362,357,347,360,354,358,353,349,350,352,351,348,359,364,363,361,692,693,695,694,696,697,1385,1387,1386,1388,1389,1384,1419,1420,1418,1422,1425,1421,1423,1424,1426,1427,1432,1429,1428,1431,1430,1436,1435,1433,1434,1437,1438,1442,1440,1439,1441,1377,1345,1346,1362,1376,1363,1365,1364,1366,1367,1374,1368,1369,1370,1371,1372,1373,1361,1375,1443,1416,1417,1415,1360,1359,1358,1357,1354,1353,1350,1352,1351,1356,1355,1347,1348,1349,1380,1378,1381,1383,1382,1379,1331,1332,1340,1344,1341,1342,1343,1334,1335,1338,1339,1337,1336,1333,1390,1391,1392,1393,1414,1402,1401,1394,1397,1395,1398,1400,1399,1396,1410,1403,1404,1405,1406,1407,1408,1409,1413,1411,1412,1444,1451,1447,1445,1446,1448,1449,1450,1458,1457,1461,1462,1459,1460,1478,1470,1469,1468,1463,1467,1464,1465,1466,1453,1452,1456,1454,1455,1471,1472,1473,1477,1474,1475,1476,1308,1310,1311,1309,1312,1313,1316,1314,1315,1317,1318,1319,1320,1321,1322,1307,1298,1299,1301,1300,1302,1303,1304,1305,1306,1330,1328,1323,1324,1325,1326,1327,1329,286,288,792,793,287,289,707,708,709,710,711,716,712,713,714,715,717,718,719,720,721,705,706,1000,998,999,826,824,825,484,504,483,496,482,503,505,508,509,495,494,497,499,498,501,502,500,510,507,506,485,481,480,486,488,487,493,490,489,491,492,479,478,167,586,585,581,606,599,584,583,582,598,622,604,631,605,638,617,630,610,608,609,597,629,665,674,679,686,607,847,959,948,945,946,947,958,953,955,951,957,954,956,952,949,929,849,848,227,229,230,225,214,221,220,219,226,228,224,216,213,218,212,215,223,211,222,217,236,242,241,234,235,210,231,240,237,238,239,232,233,254,1547,836,832,834,835,845,844,1549,1550,1551,1552,1553,1558,1554,1557,1555,841,846,1280,1559,1561,1562,1564,1565,1566,842,1567,1568,1569,1556,1570,248,1572,1573,1571,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583,1584,1586,1585,1587,837,1560,1548,1589,1590,1588,69,70,72,73,74,75,76,77,78,79,80,81,82,84,83,85,86,87,71,121,88,89,90,122,91,92,93,94,95,96,97,98,99,100,101,102,103,105,104,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,1591,1592,1593,369,365,366,368,367,1594,60,840,1595,839,1597,58,62,662,652,651,650,659,658,660,657,655,656,653,654,661,648,647,1598,61,1623,1624,1599,1602,1621,1622,1612,1611,1609,1604,1617,1615,1619,1603,1616,1620,1605,1606,1618,1600,1607,1608,1610,1614,1625,1613,1601,1638,1637,1632,1634,1633,1626,1627,1629,1631,1635,1636,1628,1630,838,843,1563,1639,1640,1641,1642,330,326,334,328,333,332,329,327,331,343,344,342,341,339,340,338,336,337,335,345,346,249,59,590,589,602,649,829,830,511,207,208,203,265,1137,642,641,68,177,179,137,147,138,139,148,128,188,190,172,171,170,193,169,196,124,126,176,180,184,131,130,151,159,134,129,125,163,162,152,123,160,153,161,164,140,154,135,158,157,136,150,149,141,142,144,143,145,195,146,67,174,182,186,166,127,168,173,156,155,133,132,178,175,57,66,63,64,65,181,183,185,187,200,189,199,191,192,194,197,198,165,436,438,437,434,435,433,474,473,475,432,476,477,439,440,441,442,443,444,445,446,447,448,459,460,461,462,463,464,465,466,467,468,469,470,471,472,244,1014,788,603,1008,811,823,812,813,809,807,798,802,806,804,810,799,800,801,803,805,808,814,815,816,817,818,819,797,820,822,821,206,205,204,1596,454,452,455,453,457,456,458,450,451,449,950,521,518,516,517,520,519,512,513,515,514,552,551,928,877,890,852,904,906,905,879,878,880,907,911,909,888,887,896,855,883,924,899,901,919,854,871,886,921,892,908,912,910,925,894,868,860,859,884,885,858,891,853,870,898,926,865,866,913,915,914,850,869,876,867,897,864,923,863,861,862,900,893,920,874,872,873,889,856,916,918,917,903,902,895,882,922,927,851,881,875,857,11,12,14,13,2,15,16,17,18,19,20,21,22,3,4,26,23,24,25,27,28,29,5,30,31,32,33,6,37,34,35,36,38,7,39,44,45,40,41,42,43,8,49,46,47,48,50,9,51,52,53,54,55,1,10,56,775,752,761,774,773,751,782,753,762,772,756,767,763,755,754,757,758,765,768,769,770,771,776,750,777,778,760,764,759,779,780,766,781,993,988,978,991,997,984,986,987,990,992,977,983,996,989,985,980,995,994,982,981,979,574,566,572,568,569,567,570,562,563,573,565,571,564,1283,1282,1281,1065,532,1060,702,246,724,725,726,727,728,730,731,732,733,734,703,704,722,735,736,729,740,723,737,739,738,741,742,743,747,748,749,783,784,785,786,787,701,698,699,700,580,789,790,791,794,795,796,827,828,257,261,262,263,264,274,276,279,278,277,275,245,253,255,280,266,281,531,267,268,269,256,533,534,535,536,247,260,930,587,588,931,591,592,932,593,594,933,595,596,934,600,601,522,523,935,615,616,625,626,936,627,628,937,632,633,634,635,938,636,637,939,618,619,744,745,940,639,640,941,611,612,691,621,942,620,644,943,643,624,944,623,646,960,645,961,746,614,962,613,664,663,669,963,668,671,964,670,667,666,673,672,676,965,675,678,966,677,681,680,683,682,685,967,684,688,968,687,690,689,250,202,421,422,530,425,424,427,426,370,431,430,371,525,524,527,526,529,528,429,428,537,538,539,540,541,542,543,544,545,258,546,973,970,969,972,971,298,297,296,295,294,293,270,974,299,302,301,300,303,252,251,306,305,304,309,308,307,420,318,317,310,320,319,311,322,321,271,325,324,323,375,374,373,372,379,378,377,376,384,383,382,381,389,388,387,393,392,391,390,397,396,395,394,399,398,380,313,400,386,385,549,548,547,550,402,401,314,404,403,407,406,405,409,408,312,412,411,410,423,414,413,273,272,418,417,416,415,419,316,315,292,282,283,284,285,290,291,209,975,976,1003,1006,1004,1005,553,1007,1009,1054,1059,554,555,556,557,558,559,1010,1011,1012,1013,1071,1072,1073,1074,1075,1076,1077,1078,1079,1080,1081,1082,1083,1084,1085,1086,1087,1088,1089,1090,1091,1092,1093,1094,1095,1096,1097,1098,1099,1100,1101,1102,1103,1104,1105,1106,1107,1108,1109,1110,1111,1112,1113,1114,1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126,1127,1128,1129,1130,1131,1132,1133,1148,1149,1150,1151,1178,1190,1191,1195,1215,1218,1015,1047,1225,1237,1246,1272,1279,1492,1502,1503,1528,1048,1049,1529,1537,1050,1051,243,561,259,560,1052,1053,1055,1056,1058,1057,1061,1062,1063,1064,1067,1066,1070,1068,1069,1144,1136,1135,1139,1138,1143,1142,1141,1140,1147,1145,1134,1146,1001,1002,1180,1179,1187,1184,1183,575,1181,1182,1185,1186,1189,1188,1217,1216,1244,1243,1239,1242,1241,1240,1238,1245,1222,1219,1221,1220,1224,1223,1248,1247,1250,1249,1256,1251,1255,576,1252,1253,1254,1258,1257,1267,1259,1262,1261,1260,1263,1266,1265,1264,1269,1268,1271,1270,1226,1227,1229,1228,1230,1231,1232,1234,1233,1236,1235,1287,1285,1286,1288,1289,1290,1291,1292,1294,1293,1295,1297,1296,1481,1479,1480,1483,1538,1486,1482,1484,1485,578,1489,1487,1488,1491,1284,1490,577,1493,1494,1540,1539,1496,1495,1499,1497,1498,1501,1500,1275,1276,1273,1274,1278,1277,579,1194,1192,1193,1176,1156,1152,1157,1154,1153,1155,1165,1158,1166,1159,1161,1160,1162,1164,1163,1168,1169,1167,1171,1172,1170,1173,1174,1175,1177,1212,1199,1198,1197,1196,1201,1200,1209,1208,1202,1205,1204,1203,1207,1206,1211,1210,1214,1213,1016,1018,1017,1019,1541,1543,1542,1544,1022,1023,1030,1031,1024,1025,1032,1033,1034,1035,1046,1021,1020,1029,1028,1042,1041,1045,1044,1043,1027,1026,1038,1037,1036,1040,1039,1504,1505,1506,1507,1508,1509,1510,1513,1511,1514,1512,1545,1522,1521,1516,1515,1517,1520,1519,1518,1523,1525,1524,1527,1526,1530,1531,1534,1533,1532,1536,1535],"affectedFilesPendingEmit":[[1546,1],[201,1],[833,1],[831,1],[355,1],[356,1],[362,1],[357,1],[347,1],[360,1],[354,1],[358,1],[353,1],[349,1],[350,1],[352,1],[351,1],[348,1],[359,1],[364,1],[363,1],[361,1],[692,1],[693,1],[695,1],[694,1],[696,1],[697,1],[1385,1],[1387,1],[1386,1],[1388,1],[1389,1],[1384,1],[1419,1],[1420,1],[1418,1],[1422,1],[1425,1],[1421,1],[1423,1],[1424,1],[1426,1],[1427,1],[1432,1],[1429,1],[1428,1],[1431,1],[1430,1],[1436,1],[1435,1],[1433,1],[1434,1],[1437,1],[1438,1],[1442,1],[1440,1],[1439,1],[1441,1],[1377,1],[1345,1],[1346,1],[1362,1],[1376,1],[1363,1],[1365,1],[1364,1],[1366,1],[1367,1],[1374,1],[1368,1],[1369,1],[1370,1],[1371,1],[1372,1],[1373,1],[1361,1],[1375,1],[1443,1],[1416,1],[1417,1],[1415,1],[1360,1],[1359,1],[1358,1],[1357,1],[1354,1],[1353,1],[1350,1],[1352,1],[1351,1],[1356,1],[1355,1],[1347,1],[1348,1],[1349,1],[1380,1],[1378,1],[1381,1],[1383,1],[1382,1],[1379,1],[1331,1],[1332,1],[1340,1],[1344,1],[1341,1],[1342,1],[1343,1],[1334,1],[1335,1],[1338,1],[1339,1],[1337,1],[1336,1],[1333,1],[1390,1],[1391,1],[1392,1],[1393,1],[1414,1],[1402,1],[1401,1],[1394,1],[1397,1],[1395,1],[1398,1],[1400,1],[1399,1],[1396,1],[1410,1],[1403,1],[1404,1],[1405,1],[1406,1],[1407,1],[1408,1],[1409,1],[1413,1],[1411,1],[1412,1],[1444,1],[1451,1],[1447,1],[1445,1],[1446,1],[1448,1],[1449,1],[1450,1],[1458,1],[1457,1],[1461,1],[1462,1],[1459,1],[1460,1],[1478,1],[1470,1],[1469,1],[1468,1],[1463,1],[1467,1],[1464,1],[1465,1],[1466,1],[1453,1],[1452,1],[1456,1],[1454,1],[1455,1],[1471,1],[1472,1],[1473,1],[1477,1],[1474,1],[1475,1],[1476,1],[1308,1],[1310,1],[1311,1],[1309,1],[1312,1],[1313,1],[1316,1],[1314,1],[1315,1],[1317,1],[1318,1],[1319,1],[1320,1],[1321,1],[1322,1],[1307,1],[1298,1],[1299,1],[1301,1],[1300,1],[1302,1],[1303,1],[1304,1],[1305,1],[1306,1],[1330,1],[1328,1],[1323,1],[1324,1],[1325,1],[1326,1],[1327,1],[1329,1],[286,1],[288,1],[792,1],[793,1],[287,1],[289,1],[707,1],[708,1],[709,1],[710,1],[711,1],[716,1],[712,1],[713,1],[714,1],[715,1],[717,1],[718,1],[719,1],[720,1],[721,1],[705,1],[706,1],[1000,1],[998,1],[999,1],[826,1],[824,1],[825,1],[484,1],[504,1],[483,1],[496,1],[482,1],[503,1],[505,1],[508,1],[509,1],[495,1],[494,1],[497,1],[499,1],[498,1],[501,1],[502,1],[500,1],[510,1],[507,1],[506,1],[485,1],[481,1],[480,1],[486,1],[488,1],[487,1],[493,1],[490,1],[489,1],[491,1],[492,1],[479,1],[478,1],[167,1],[586,1],[585,1],[581,1],[606,1],[599,1],[584,1],[583,1],[582,1],[598,1],[622,1],[604,1],[631,1],[605,1],[638,1],[617,1],[630,1],[610,1],[608,1],[609,1],[597,1],[629,1],[665,1],[674,1],[679,1],[686,1],[607,1],[847,1],[959,1],[948,1],[945,1],[946,1],[947,1],[958,1],[953,1],[955,1],[951,1],[957,1],[954,1],[956,1],[952,1],[949,1],[929,1],[849,1],[848,1],[227,1],[229,1],[230,1],[225,1],[214,1],[221,1],[220,1],[219,1],[226,1],[228,1],[224,1],[216,1],[213,1],[218,1],[212,1],[215,1],[223,1],[211,1],[222,1],[217,1],[236,1],[242,1],[241,1],[234,1],[235,1],[210,1],[231,1],[240,1],[237,1],[238,1],[239,1],[232,1],[233,1],[254,1],[1547,1],[836,1],[832,1],[834,1],[835,1],[845,1],[844,1],[1549,1],[1550,1],[1551,1],[1552,1],[1553,1],[1558,1],[1554,1],[1557,1],[1555,1],[841,1],[846,1],[1280,1],[1559,1],[1561,1],[1562,1],[1564,1],[1565,1],[1566,1],[842,1],[1567,1],[1568,1],[1569,1],[1556,1],[1570,1],[248,1],[1572,1],[1573,1],[1571,1],[1574,1],[1575,1],[1576,1],[1577,1],[1578,1],[1579,1],[1580,1],[1581,1],[1582,1],[1583,1],[1584,1],[1586,1],[1585,1],[1587,1],[837,1],[1560,1],[1548,1],[1589,1],[1590,1],[1588,1],[69,1],[70,1],[72,1],[73,1],[74,1],[75,1],[76,1],[77,1],[78,1],[79,1],[80,1],[81,1],[82,1],[84,1],[83,1],[85,1],[86,1],[87,1],[71,1],[121,1],[88,1],[89,1],[90,1],[122,1],[91,1],[92,1],[93,1],[94,1],[95,1],[96,1],[97,1],[98,1],[99,1],[100,1],[101,1],[102,1],[103,1],[105,1],[104,1],[106,1],[107,1],[108,1],[109,1],[110,1],[111,1],[112,1],[113,1],[114,1],[115,1],[116,1],[117,1],[118,1],[119,1],[120,1],[1591,1],[1592,1],[1593,1],[369,1],[365,1],[366,1],[368,1],[367,1],[1594,1],[60,1],[840,1],[1595,1],[839,1],[1597,1],[58,1],[62,1],[662,1],[652,1],[651,1],[650,1],[659,1],[658,1],[660,1],[657,1],[655,1],[656,1],[653,1],[654,1],[661,1],[648,1],[647,1],[1598,1],[61,1],[1623,1],[1624,1],[1599,1],[1602,1],[1621,1],[1622,1],[1612,1],[1611,1],[1609,1],[1604,1],[1617,1],[1615,1],[1619,1],[1603,1],[1616,1],[1620,1],[1605,1],[1606,1],[1618,1],[1600,1],[1607,1],[1608,1],[1610,1],[1614,1],[1625,1],[1613,1],[1601,1],[1638,1],[1637,1],[1632,1],[1634,1],[1633,1],[1626,1],[1627,1],[1629,1],[1631,1],[1635,1],[1636,1],[1628,1],[1630,1],[838,1],[843,1],[1563,1],[1639,1],[1640,1],[1641,1],[1642,1],[330,1],[326,1],[334,1],[328,1],[333,1],[332,1],[329,1],[327,1],[331,1],[343,1],[344,1],[342,1],[341,1],[339,1],[340,1],[338,1],[336,1],[337,1],[335,1],[345,1],[346,1],[249,1],[59,1],[590,1],[589,1],[602,1],[649,1],[829,1],[830,1],[511,1],[207,1],[208,1],[203,1],[265,1],[1137,1],[642,1],[641,1],[68,1],[177,1],[179,1],[137,1],[147,1],[138,1],[139,1],[148,1],[128,1],[188,1],[190,1],[172,1],[171,1],[170,1],[193,1],[169,1],[196,1],[124,1],[126,1],[176,1],[180,1],[184,1],[131,1],[130,1],[151,1],[159,1],[134,1],[129,1],[125,1],[163,1],[162,1],[152,1],[123,1],[160,1],[153,1],[161,1],[164,1],[140,1],[154,1],[135,1],[158,1],[157,1],[136,1],[150,1],[149,1],[141,1],[142,1],[144,1],[143,1],[145,1],[195,1],[146,1],[67,1],[174,1],[182,1],[186,1],[166,1],[127,1],[168,1],[173,1],[156,1],[155,1],[133,1],[132,1],[178,1],[175,1],[57,1],[66,1],[63,1],[64,1],[65,1],[181,1],[183,1],[185,1],[187,1],[200,1],[189,1],[199,1],[191,1],[192,1],[194,1],[197,1],[198,1],[165,1],[436,1],[438,1],[437,1],[434,1],[435,1],[433,1],[474,1],[473,1],[475,1],[432,1],[476,1],[477,1],[439,1],[440,1],[441,1],[442,1],[443,1],[444,1],[445,1],[446,1],[447,1],[448,1],[459,1],[460,1],[461,1],[462,1],[463,1],[464,1],[465,1],[466,1],[467,1],[468,1],[469,1],[470,1],[471,1],[472,1],[244,1],[1014,1],[788,1],[603,1],[1008,1],[811,1],[823,1],[812,1],[813,1],[809,1],[807,1],[798,1],[802,1],[806,1],[804,1],[810,1],[799,1],[800,1],[801,1],[803,1],[805,1],[808,1],[814,1],[815,1],[816,1],[817,1],[818,1],[819,1],[797,1],[820,1],[822,1],[821,1],[206,1],[205,1],[204,1],[1596,1],[454,1],[452,1],[455,1],[453,1],[457,1],[456,1],[458,1],[450,1],[451,1],[449,1],[950,1],[521,1],[518,1],[516,1],[517,1],[520,1],[519,1],[512,1],[513,1],[515,1],[514,1],[552,1],[551,1],[928,1],[877,1],[890,1],[852,1],[904,1],[906,1],[905,1],[879,1],[878,1],[880,1],[907,1],[911,1],[909,1],[888,1],[887,1],[896,1],[855,1],[883,1],[924,1],[899,1],[901,1],[919,1],[854,1],[871,1],[886,1],[921,1],[892,1],[908,1],[912,1],[910,1],[925,1],[894,1],[868,1],[860,1],[859,1],[884,1],[885,1],[858,1],[891,1],[853,1],[870,1],[898,1],[926,1],[865,1],[866,1],[913,1],[915,1],[914,1],[850,1],[869,1],[876,1],[867,1],[897,1],[864,1],[923,1],[863,1],[861,1],[862,1],[900,1],[893,1],[920,1],[874,1],[872,1],[873,1],[889,1],[856,1],[916,1],[918,1],[917,1],[903,1],[902,1],[895,1],[882,1],[922,1],[927,1],[851,1],[881,1],[875,1],[857,1],[2,1],[3,1],[4,1],[5,1],[6,1],[7,1],[8,1],[9,1],[10,1],[775,1],[752,1],[761,1],[774,1],[773,1],[751,1],[782,1],[753,1],[762,1],[772,1],[756,1],[767,1],[763,1],[755,1],[754,1],[757,1],[758,1],[765,1],[768,1],[769,1],[770,1],[771,1],[776,1],[750,1],[777,1],[778,1],[760,1],[764,1],[759,1],[779,1],[780,1],[766,1],[781,1],[993,1],[988,1],[978,1],[991,1],[997,1],[984,1],[986,1],[987,1],[990,1],[992,1],[977,1],[983,1],[996,1],[989,1],[985,1],[980,1],[995,1],[994,1],[982,1],[981,1],[979,1],[574,1],[566,1],[572,1],[568,1],[569,1],[567,1],[570,1],[562,1],[563,1],[573,1],[565,1],[571,1],[564,1],[1283,1],[1282,1],[1281,1],[1065,1],[532,1],[1060,1],[702,1],[246,1],[724,1],[725,1],[726,1],[727,1],[728,1],[730,1],[731,1],[732,1],[733,1],[734,1],[703,1],[704,1],[722,1],[735,1],[736,1],[729,1],[740,1],[723,1],[737,1],[739,1],[738,1],[741,1],[742,1],[743,1],[747,1],[748,1],[749,1],[783,1],[784,1],[785,1],[786,1],[787,1],[701,1],[698,1],[699,1],[700,1],[580,1],[789,1],[790,1],[791,1],[794,1],[795,1],[796,1],[827,1],[828,1],[257,1],[261,1],[262,1],[263,1],[264,1],[274,1],[276,1],[279,1],[278,1],[277,1],[275,1],[245,1],[253,1],[255,1],[280,1],[266,1],[281,1],[531,1],[267,1],[268,1],[269,1],[256,1],[533,1],[534,1],[535,1],[536,1],[247,1],[260,1],[930,1],[587,1],[588,1],[931,1],[591,1],[592,1],[932,1],[593,1],[594,1],[933,1],[595,1],[596,1],[934,1],[600,1],[601,1],[522,1],[523,1],[935,1],[615,1],[616,1],[625,1],[626,1],[936,1],[627,1],[628,1],[937,1],[632,1],[633,1],[634,1],[635,1],[938,1],[636,1],[637,1],[939,1],[618,1],[619,1],[744,1],[745,1],[940,1],[639,1],[640,1],[941,1],[611,1],[612,1],[691,1],[621,1],[942,1],[620,1],[644,1],[943,1],[643,1],[624,1],[944,1],[623,1],[646,1],[960,1],[645,1],[961,1],[746,1],[614,1],[962,1],[613,1],[664,1],[663,1],[669,1],[963,1],[668,1],[671,1],[964,1],[670,1],[667,1],[666,1],[673,1],[672,1],[676,1],[965,1],[675,1],[678,1],[966,1],[677,1],[681,1],[680,1],[683,1],[682,1],[685,1],[967,1],[684,1],[688,1],[968,1],[687,1],[690,1],[689,1],[250,1],[202,1],[421,1],[422,1],[530,1],[425,1],[424,1],[427,1],[426,1],[370,1],[431,1],[430,1],[371,1],[525,1],[524,1],[527,1],[526,1],[529,1],[528,1],[429,1],[428,1],[537,1],[538,1],[539,1],[540,1],[541,1],[542,1],[543,1],[544,1],[545,1],[258,1],[546,1],[973,1],[970,1],[969,1],[972,1],[971,1],[298,1],[297,1],[296,1],[295,1],[294,1],[293,1],[270,1],[974,1],[299,1],[302,1],[301,1],[300,1],[303,1],[252,1],[251,1],[306,1],[305,1],[304,1],[309,1],[308,1],[307,1],[420,1],[318,1],[317,1],[310,1],[320,1],[319,1],[311,1],[322,1],[321,1],[271,1],[325,1],[324,1],[323,1],[375,1],[374,1],[373,1],[372,1],[379,1],[378,1],[377,1],[376,1],[384,1],[383,1],[382,1],[381,1],[389,1],[388,1],[387,1],[393,1],[392,1],[391,1],[390,1],[397,1],[396,1],[395,1],[394,1],[399,1],[398,1],[380,1],[313,1],[400,1],[386,1],[385,1],[549,1],[548,1],[547,1],[550,1],[402,1],[401,1],[314,1],[404,1],[403,1],[407,1],[406,1],[405,1],[409,1],[408,1],[312,1],[412,1],[411,1],[410,1],[423,1],[414,1],[413,1],[273,1],[272,1],[418,1],[417,1],[416,1],[415,1],[419,1],[316,1],[315,1],[292,1],[282,1],[283,1],[284,1],[285,1],[290,1],[291,1],[209,1],[975,1],[976,1],[1003,1],[1006,1],[1004,1],[1005,1],[553,1],[1007,1],[1009,1],[1054,1],[1059,1],[554,1],[555,1],[556,1],[557,1],[558,1],[559,1],[1010,1],[1011,1],[1012,1],[1013,1],[1071,1],[1072,1],[1073,1],[1074,1],[1075,1],[1076,1],[1077,1],[1078,1],[1079,1],[1080,1],[1081,1],[1082,1],[1083,1],[1084,1],[1085,1],[1086,1],[1087,1],[1088,1],[1089,1],[1090,1],[1091,1],[1092,1],[1093,1],[1094,1],[1095,1],[1096,1],[1097,1],[1098,1],[1099,1],[1100,1],[1101,1],[1102,1],[1103,1],[1104,1],[1105,1],[1106,1],[1107,1],[1108,1],[1109,1],[1110,1],[1111,1],[1112,1],[1113,1],[1114,1],[1115,1],[1116,1],[1117,1],[1118,1],[1119,1],[1120,1],[1121,1],[1122,1],[1123,1],[1124,1],[1125,1],[1126,1],[1127,1],[1128,1],[1129,1],[1130,1],[1131,1],[1132,1],[1133,1],[1148,1],[1149,1],[1150,1],[1151,1],[1178,1],[1190,1],[1191,1],[1195,1],[1215,1],[1218,1],[1015,1],[1047,1],[1225,1],[1237,1],[1246,1],[1272,1],[1279,1],[1492,1],[1502,1],[1503,1],[1528,1],[1048,1],[1049,1],[1529,1],[1537,1],[1050,1],[1051,1],[243,1],[561,1],[259,1],[560,1],[1052,1],[1053,1],[1055,1],[1056,1],[1058,1],[1057,1],[1061,1],[1062,1],[1063,1],[1064,1],[1067,1],[1066,1],[1070,1],[1068,1],[1069,1],[1144,1],[1136,1],[1135,1],[1139,1],[1138,1],[1143,1],[1142,1],[1141,1],[1140,1],[1147,1],[1145,1],[1134,1],[1146,1],[1001,1],[1002,1],[1180,1],[1179,1],[1187,1],[1184,1],[1183,1],[575,1],[1181,1],[1182,1],[1185,1],[1186,1],[1189,1],[1188,1],[1217,1],[1216,1],[1244,1],[1243,1],[1239,1],[1242,1],[1241,1],[1240,1],[1238,1],[1245,1],[1222,1],[1219,1],[1221,1],[1220,1],[1224,1],[1223,1],[1248,1],[1247,1],[1250,1],[1249,1],[1256,1],[1251,1],[1255,1],[576,1],[1252,1],[1253,1],[1254,1],[1258,1],[1257,1],[1267,1],[1259,1],[1262,1],[1261,1],[1260,1],[1263,1],[1266,1],[1265,1],[1264,1],[1269,1],[1268,1],[1271,1],[1270,1],[1226,1],[1227,1],[1229,1],[1228,1],[1230,1],[1231,1],[1232,1],[1234,1],[1233,1],[1236,1],[1235,1],[1287,1],[1285,1],[1286,1],[1288,1],[1289,1],[1290,1],[1291,1],[1292,1],[1294,1],[1293,1],[1295,1],[1297,1],[1296,1],[1481,1],[1479,1],[1480,1],[1483,1],[1538,1],[1486,1],[1482,1],[1484,1],[1485,1],[578,1],[1489,1],[1487,1],[1488,1],[1491,1],[1284,1],[1490,1],[577,1],[1493,1],[1494,1],[1540,1],[1539,1],[1496,1],[1495,1],[1499,1],[1497,1],[1498,1],[1501,1],[1500,1],[1275,1],[1276,1],[1273,1],[1274,1],[1278,1],[1277,1],[579,1],[1194,1],[1192,1],[1193,1],[1176,1],[1156,1],[1152,1],[1157,1],[1154,1],[1153,1],[1155,1],[1165,1],[1158,1],[1166,1],[1159,1],[1161,1],[1160,1],[1162,1],[1164,1],[1163,1],[1168,1],[1169,1],[1167,1],[1171,1],[1172,1],[1170,1],[1173,1],[1174,1],[1175,1],[1177,1],[1212,1],[1199,1],[1198,1],[1197,1],[1196,1],[1201,1],[1200,1],[1209,1],[1208,1],[1202,1],[1205,1],[1204,1],[1203,1],[1207,1],[1206,1],[1211,1],[1210,1],[1214,1],[1213,1],[1016,1],[1018,1],[1017,1],[1019,1],[1541,1],[1543,1],[1542,1],[1544,1],[1022,1],[1023,1],[1030,1],[1031,1],[1024,1],[1025,1],[1032,1],[1033,1],[1034,1],[1035,1],[1046,1],[1021,1],[1020,1],[1029,1],[1028,1],[1042,1],[1041,1],[1045,1],[1044,1],[1043,1],[1027,1],[1026,1],[1038,1],[1037,1],[1036,1],[1040,1],[1039,1],[1504,1],[1505,1],[1506,1],[1507,1],[1508,1],[1509,1],[1510,1],[1513,1],[1511,1],[1514,1],[1512,1],[1545,1],[1522,1],[1521,1],[1516,1],[1515,1],[1517,1],[1520,1],[1519,1],[1518,1],[1523,1],[1525,1],[1524,1],[1527,1],[1526,1],[1530,1],[1531,1],[1534,1],[1533,1],[1532,1],[1536,1],[1535,1]]},"version":"4.9.5"}
\ No newline at end of file
diff --git a/frontend/src/routeTree.gen.ts b/frontend/src/routeTree.gen.ts
index b8de04200..3c507a555 100644
--- a/frontend/src/routeTree.gen.ts
+++ b/frontend/src/routeTree.gen.ts
@@ -166,7 +166,7 @@ import { Route as secretManagerIntegrationsAwsSecretManagerConfigurePageRouteImp
 import { Route as secretManagerIntegrationsAwsSecretManagerAuthorizePageRouteImport } from './pages/secret-manager/integrations/AwsSecretManagerAuthorizePage/route'
 import { Route as secretManagerIntegrationsAwsParameterStoreConfigurePageRouteImport } from './pages/secret-manager/integrations/AwsParameterStoreConfigurePage/route'
 import { Route as secretManagerIntegrationsAwsParameterStoreAuthorizePageRouteImport } from './pages/secret-manager/integrations/AwsParameterStoreAuthorizePage/route'
-import { Route as organizationAppConnectionsGithubOauthCallbackPageRouteImport } from './pages/organization/appConnections/GithubOauthCallbackPage/route'
+import { Route as organizationAppConnectionsGithubOauthCallbackPageRouteImport } from './pages/organization/AppConnections/GithubOauthCallbackPage/route'
 import { Route as secretManagerIntegrationsVercelOauthCallbackPageRouteImport } from './pages/secret-manager/integrations/VercelOauthCallbackPage/route'
 import { Route as secretManagerIntegrationsNetlifyOauthCallbackPageRouteImport } from './pages/secret-manager/integrations/NetlifyOauthCallbackPage/route'
 import { Route as secretManagerIntegrationsHerokuOauthCallbackPageRouteImport } from './pages/secret-manager/integrations/HerokuOauthCallbackPage/route'
@@ -5074,7 +5074,7 @@ export const routeTree = rootRoute
       "parent": "/_authenticate/_inject-org-details/ssh/$projectId/_ssh-layout"
     },
     "/_authenticate/_inject-org-details/organization/_layout/app-connections/github/oauth/callback": {
-      "filePath": "organization/appConnections/GithubOauthCallbackPage/route.tsx",
+      "filePath": "organization/AppConnections/GithubOauthCallbackPage/route.tsx",
       "parent": "/_authenticate/_inject-org-details/organization/_layout"
     },
     "/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/aws-parameter-store/authorize": {
diff --git a/frontend/src/routes.ts b/frontend/src/routes.ts
index c904b6e45..2dff3cc78 100644
--- a/frontend/src/routes.ts
+++ b/frontend/src/routes.ts
@@ -27,7 +27,7 @@ const organizationRoutes = route("/organization", [
     route("/identities/$identityId", "organization/IdentityDetailsByIDPage/route.tsx"),
     route(
       "/app-connections/github/oauth/callback",
-      "organization/appConnections/GithubOauthCallbackPage/route.tsx"
+      "organization/AppConnections/GithubOauthCallbackPage/route.tsx"
     )
   ])
 ]);